* {
  margin: 0;
  padding: 0;
  text-decoration: none
}

/* ── Floating Add-to-Cart Bar ── */
.floating-atc-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(100%);
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  transition: transform 0.3s ease, visibility 0.3s ease;
}

  .floating-atc-bar:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #fff;
  }

.floating-atc-bar--visible {
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.floating-atc-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.floating-atc-bar__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.floating-atc-bar__name {
  font-size: 1rem;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
}

.floating-atc-bar__price {
  font-size: 0.9rem;
  color: #555;
}

.floating-atc-bar__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.floating-atc-bar__btn {
  width: auto !important;
  min-width: 160px;
  padding: 0 20px !important;
}

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

html {
  margin: 0;
  -webkit-text-size-adjust: none
}

ol, ul {
  list-style: none
}

a img {
  border: none
}

s {
  text-decoration: line-through
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=file] > button::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0
}

button, input[type=email], input[type=password], input[type=reset], input[type=submit], input[type=tel], input[type=text], textarea {
  border-radius: 0
}

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

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff
}

script {
  display: none !important
}

body {
  max-width: 100%;
  overflow-x: hidden;
  background-color: #F8F8F8;
  font: normal 14px "Inter", sans-serif;
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600
}

a {
  color: inherit;
  cursor: pointer
}

  a img {
    opacity: .99
  }

table {
  width: 100%;
  border-collapse: collapse
}

  table.cart-total label {
    font-size: 12px;
  }

  table.cart-total span {
    font-size: 12px;
    line-height: 18px;
  }

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
  height: 36px;
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: middle
}

button, input, select, textarea {
  font-size: 16px;
  color: #777
}

textarea {
  min-height: 150px
}

select {
  min-width: 50px;
  height: 32px;
  padding: 6px
}

  input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    border-color: #ccc;
    color: #444;
    position: relative;
    z-index: 1;
    outline: 0
  }

input[type=checkbox], input[type=checkbox] + *, input[type=radio], input[type=radio] + * {
  vertical-align: middle
}

.button-1, .button-2, button, input[type=button], input[type=submit] {
  cursor: pointer
}

label, label + * {
  vertical-align: middle
}

.master-wrapper-content {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto
}

body.openPop .master-wrapper-content {
  z-index: 1
}

.master-column-wrapper {
  position: relative;
  z-index: 0
}

  .master-column-wrapper:after {
    content: "";
    display: block;
    clear: both
  }

.center-1 {
  margin: 0
}

.center-2, .side-2 {
  margin: 0 0 50px
}

  .side-2:after {
    content: "";
    display: block;
    clear: both
  }

.page {
  min-height: 200px;
  text-align: center
}

.page-title {
  min-height: 50px;
  margin: 0 0 25px;
  padding: 6px 10px
}

  .page-title h1 {
    font-size: 30px;
    font-weight: 400
  }

  .page-body:after, .page-title:after, .page:after {
    content: "";
    display: block;
    clear: both
  }

.center-1 .page-title, .center-1 .title {
  text-align: center;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
  color: #000;
  margin-top: 78px;
}

.buttons {
  margin: 0 0 30px
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  background: url(../images/rss.png) center no-repeat;
  font-size: 0 !important
}

.shoppingbenifit ul {
  margin: 12px 0px;
  padding: 0px 0px 0px 36px;
  list-style: disc;
  min-height: 122px;
}

  .shoppingbenifit ul li {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0;
    color: #000;
    text-align: left;
  }

.category-description ul, .full-description ul, .manufacturer-description ul, .post-body ul, .topic-block ul, .topic-page ul {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: disc
}

.category-description ol, .full-description ol, .manufacturer-description ol, .post-body ol, .topic-block ol, .topic-page ol {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: decimal
}

.post-body ol, .post-body ul, .topic-block ol, .topic-block ul, .topic-page ol, .topic-page ul {
  padding: 0 0 0 18px
}

.category-description p, .full-description p, .manufacturer-description p, .news-body p, .post-body p, .topic-block p, .topic-page p {
  margin: 10px 0;
  text-align: justify
}

.flyout-cart {
  display: none
}

.fieldset, .section {
  position: relative;
  margin: 0 0 40px
}

  .fieldset .title, .section .title {
    margin: 0 0 15px;
    padding: 0 10px;
    font-size: 20px;
    color: #444
  }

    .fieldset .title strong, .section .title strong {
      font-weight: 400
    }

.form-fields {
  position: relative;
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 30px 15px
}

.inputs {
  position: relative;
  margin: 0 0 15px;
  white-space: nowrap;
  font-size: 0
}

  .inputs:after {
    content: "";
    display: block;
    clear: both
  }

  .inputs label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    font-weight: 800
  }

  .inputs input[type=email], .inputs input[type=number], .inputs input[type=password], .inputs input[type=tel], .inputs input[type=text], .inputs select, .inputs textarea {
    width: 400px;
    max-width: 100%;
    background-color: #fff
  }

  .inputs.custom-attributes {
    white-space: normal
  }

  .inputs .option-list {
    display: inline-block;
    max-width: 95%;
    vertical-align: middle
  }

    .inputs .option-list li {
      display: inline-block;
      margin: 5px;
      border: 1px solid #ddd;
      background-color: #fff;
      padding: 8px 10px
    }

    .inputs .option-list label {
      display: inline-block;
      width: auto !important;
      margin: 0 0 0 5px
    }

  .inputs.reversed {
    margin: 0 0 20px;
    text-align: center
  }

.required {
  margin: 0 -8px 0 3px;
  vertical-align: top;
  font-size: 20px;
  font-weight: 400;
  color: #e4434b;
  display: none
}

.field-validation-error, .message-error, .message-error *, .password-error, .poll-vote-error, .username-not-available-status {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #e4434b;
  margin-top: 5px
}

.field-validation-valid, .username-available-status {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #4cb17c
}

.captcha-box {
  text-align: center;
  line-height: 0
}

  .captcha-box > div {
    display: inline-block;
    max-width: 100%
  }

  .captcha-box input {
    height: auto
  }

.table-wrapper {
  overflow-x: auto
}

.data-table .hidden-row {
  height: 1px;
  border: none
}

.data-table tr.hidden-row th {
  padding: 0;
  border-top: none
}

  .data-table tr.hidden-row th > span {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
  }

.cart th, .data-table th, .forum-table th {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #ddd;
  background-color: #f6f6f6;
  padding: 10px;
  white-space: nowrap;
  font-weight: 400
}

  .forum-table td.latest-post, .forum-table td.posts, .forum-table td.replies, .forum-table td.topics, .forum-table td.views, .forum-table td.votes, .forum-table th.latest-post, .forum-table th.posts, .forum-table th.replies, .forum-table th.topics, .forum-table th.views, .forum-table th.votes {
    display: none
  }

.forum-table td.image {
  min-width: 0
}

.cart td, .data-table td, .forum-table td {
  min-width: 50px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent #ddd #ddd;
  background-color: #fff;
  padding: 20px;
  color: #444
}

.forum-table td {
  min-width: 90px;
  padding: 10px
}

.cart a, .data-table a, .forum-table a {
  font-weight: 400;
  color: #FFB00F
}

  .cart a:focus, .cart a:hover, .data-table a:focus, .data-table a:hover, .forum-table a:focus, .forum-table a:hover {
    text-decoration: underline
  }

.cart .product, .data-table .info, .data-table .message, .data-table .name, .data-table .product {
  min-width: 225px;
  text-align: left
}

.forum-table .forum-details, .forum-table .topic-details {
  text-align: left
}

.cart .product a, .data-table .info a, .data-table .product a {
  font-weight: 700;
  color: #444
}

  .cart .product a:focus, .cart .product a:hover, .data-table .info a:focus, .data-table .info a:hover, .data-table .product a:focus, .data-table .product a:hover {
    color: #FFB00F;
    text-decoration: none
  }

.cart .product .edit-item {
  margin: 10px 0 0
}

  .cart .product .edit-item a {
    font-size: 12px !important;
    font-weight: 400;
    color: #FFB00F;
    text-decoration: underline !important;
  }

    .cart .product .edit-item a:focus, .cart .product .edit-item a:hover {
      text-decoration: underline
    }

.cart .add-to-cart, .cart .remove-from-cart, .data-table .order, .data-table .select-boxes {
  text-align: center
}

  .cart .remove-from-cart input[type=checkbox] {
    display: none
  }

  .cart .remove-from-cart .remove-btn {
    width: 11px;
    height: 11px;
    border: 0;
    background: #ffffffab url(../images/remove.png) center no-repeat
  }

.cart td.unit-price, .data-table td.unit-price {
  white-space: nowrap
}

.cart td.quantity input {
  width: 50px;
  text-align: center
}

.cart td.subtotal, .data-table td.total {
  white-space: nowrap;
  color: #444
}

  .cart td.subtotal .discount, .cart td.subtotal .discount-additional-info {
    font-style: italic;
    color: #FFB00F
  }

.data-table em a {
  font-weight: 700;
  color: #444
}

.data-table div.download {
  margin: 10px 0 0
}

.bar-notification-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  line-height: 16px;
  color: #fff;
  opacity: .95
}

.bar-notification.success {
  background-color: #4bb07a
}

.bar-notification.error {
  background-color: #e4444c
}

.bar-notification.warning {
  background-color: #f39c12
}

.bar-notification {
  position: relative;
  display: none;
  padding: 15px 25px 15px 10px
}

  .bar-notification .content {
    margin: 0 10px 0 0
  }

    .bar-notification .content a {
      color: #fff;
      text-decoration: underline
    }

  .bar-notification .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    margin: 7px;
    background: #fff url(../images/close.png) center no-repeat;
    cursor: pointer
  }

.popup-notification {
  border-radius: 5px;
  padding: 3px;
  margin: 5px 0
}

  .popup-notification.success {
    border: 2px rgba(75, 176, 122, .5) solid
  }

  .popup-notification.error {
    border: 2px rgba(228, 68, 76, .5) solid
  }

  .popup-notification.warning {
    border: 2px rgba(243, 156, 18, .5) solid
  }

.noscript {
  border-bottom: 1px solid #333;
  background-color: #ff9;
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: #444
}

.ajax-loading-block-window {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ffffff87 url(../images/loader.gif) center no-repeat;
  background-size: 100px;
  backdrop-filter: blur(1px);
  transition: 0s
}

div#loading {
  width: 100px
}

.please-wait {
  background: url(../images/ajax-loader-small.gif) no-repeat;
  padding-left: 20px;
  font-size: 14px
}

.admin-header-links {
  background-color: #333;
  text-align: center;
  color: #eee
}

  .admin-header-links * {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 700
  }

  .admin-header-links .impersonate {
    display: inline-block
  }

    .admin-header-links .impersonate a {
      background-color: #555;
      padding: 0 15px
    }

      .admin-header-links .impersonate a:focus, .admin-header-links .impersonate a:hover {
        background-color: #666
      }

.header {
  position: relative;
  z-index: 10;
  width: 95%;
  margin: auto;
  text-align: center
}

.header-upper {
  position: relative;
  border-bottom: 1px solid #ddd
}

.header-selectors-wrapper {
  border-bottom: 1px solid #ddd;
  padding: 10px 0
}

  .header-selectors-wrapper > div {
    display: block;
    width: 50%;
    margin: 10px auto
  }

  .header-selectors-wrapper select {
    width: 100%
  }

.header-links-wrapper {
  position: relative;
  padding: 20px 0
}

.header-menu .mobile-menu-actions-authenticated {
  align-items: center;
  display: flex;
}

.header-links ul {
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-right: 15px;
}

.header-links li {
  display: inline-block;
  margin: 0 0px 0 10px;
}

.header-links a, .header-links span {
  display: inline-block;
  font-size: 12px;
  line-height: 36px;
  text-transform: uppercase
}

/*  .header-links a:focus, .header-links a:hover {
    color: #FFB00F
  }*/
.header-links li.has-sub-menu .sub-menu a {
  text-transform: none
}

.header-links li.has-sub-menu .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  width: 150px;
  z-index: 9;
  background: #fff;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: .2s ease-in-out;
  margin-top: 10px;
  border-radius: 8px;
  box-shadow: 3px 4px 32px #2f394426;
  padding: 20px 15px
}

  .header-links li.has-sub-menu .sub-menu li {
    display: block;
    margin: 0 0 20px !important
  }

    .header-links li.has-sub-menu .sub-menu li:last-child {
      margin: 0 !important
    }

    .header-links li.has-sub-menu .sub-menu li a {
      font-size: 14px;
      line-height: 1;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px
    }

      .header-links li.has-sub-menu .sub-menu li a span {
        font-size: inherit;
        line-height: inherit
      }

.header-links li.has-sub-menu {
  position: relative
}

  .header-links li.has-sub-menu .sub-menu.active, .header-links li.has-sub-menu:hover .sub-menu {
    opacity: 1;
    visibility: visible
  }

#topcartlink {
  display: block;
  width: 70%;
  max-width: 400px;
  /*  margin: 10px auto 0;
  padding: 0 20px*/
}

  #topcartlink a {
    background: url(../images/shopping-bag.png) left center no-repeat;
    padding: 0 0 0 20px;
    width: 30px;
    height: 30px;
  }

#topwishlistlink a {
  background: url(../images/quote-request.png) left center no-repeat;
  /* padding: 0 0 0 20px; */
  width: 25px;
  height: 30px;
}

#topmyaccountlink a {
  background: url(../images/myacc.png) left center no-repeat;
  width: 35px;
  height: 30px;
}

.header-lower {
  position: relative;
  z-index: 0;
  padding: 10px 0
}

.header-logo {
  margin-right: 20px;
  text-align: center
}

  .header-logo a {
    display: inline-block;
    max-width: 100%;
    line-height: 0
  }

    .header-logo a img {
      max-width: 100%;
      opacity: 1
    }

.header-right-part {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-left: auto;
  padding-right: 15px;
}

.header-menu > ul.top-menu {
  display: flex;
  width: 1382px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

ul.top-menu li a {
  font-size: 14px;
  font-weight: 600;
}

.compare-product {
  height: 40px;
  min-height: 40px;
  margin-bottom: 5px;
  margin-top: -25px;
}

.search-box form {
  display: inline-block
}

  .search-box form:after {
    content: "";
    display: block;
    clear: both
  }

.search-box input.search-box-text {
  float: left;
  width: 200px;
  height: 36px;
  margin: 0 -1px 0 0
}

.search-box .search-box-button {
  float: right;
  min-width: 86px;
  height: 36px;
  border: none;
  background-color: #FFB00F;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase
}

  .search-box .search-box-button:focus, .search-box .search-box-button:hover {
    background-color: #CC8C0C
  }

.search-box input.search-box-text.ui-autocomplete-loading {
  background: #e7e7e7;
}

#search-loader-img {
  display: none;
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 99999;
  pointer-events: none;
}

.ui-helper-hidden-accessible {
  display: none !important
}

.ui-autocomplete {
  width: 285px !important;
  border: 1px solid #ddd;
  border-top: none;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif
}

  .ui-autocomplete li {
    border-top: 1px solid #ddd
  }

    .ui-autocomplete li:first-child {
      border-top: none
    }

  .ui-autocomplete a {
    display: block;
    padding: 15px;
    font-size: 14px;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: 0 0 !important;
    padding: 15px !important;
    line-height: normal !important;
    color: #777 !important
  }

    .ui-autocomplete a.ui-state-focus, .ui-autocomplete a:focus, .ui-autocomplete a:hover {
      background-color: #f6f6f6 !important
    }

  .ui-autocomplete img {
    display: none;
    min-width: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle
  }

.newsletter-email {
  display: inline-block;
  overflow: hidden
}

  .newsletter-email:focus-within {
    overflow: visible
  }

  .newsletter-email input[type=email] {
    float: left;
    width: 180px;
    height: 36px;
    margin: 0 -1px 0 0
  }

.newsletter-subscribe-button {
  float: left;
  height: 36px;
  border: none;
  background-color: #FFB00F;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase
}

  .newsletter-subscribe-button:focus, .newsletter-subscribe-button:hover {
    background-color: #CC8C0C
  }

.newsletter-email .options {
  clear: both;
  padding: 10px 0 0
}

.newsletter-result, .newsletter-validation {
  width: 100%;
  overflow: hidden;
  line-height: 28px
}

.block {
  max-width: 600px;
  min-height: 50px;
  margin: auto;
  text-align: left
}

  .block .title {
    position: relative;
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6 url(../images/toggle-gray.png) right 14px no-repeat;
    padding: 12px 30px 12px 10px;
    font-size: 20px;
    color: #444;
    cursor: pointer
  }

    .block .title strong {
      font-weight: 400
    }

  .block .listbox {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px
  }

  .block .list li {
    padding: 5px 0 5px 15px
  }

  .block .list a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    color: #444;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
  }

    .block .list a:before {
      content: "";
      position: absolute;
      top: 12px;
      left: -15px;
      width: 5px;
      height: 5px;
      background-color: #ddd
    }

  .block .list .active > a {
    color: #FFB00F
  }

  .block .list a:focus, .block .list a:hover {
    color: #FFB00F
  }

  .block a.product-picture {
    display: none
  }

    .block a.product-picture:before {
      display: none
    }

  .block .sublist {
    margin: 15px 0 5px
  }

    .block .sublist a {
      font-size: 14px
    }

  .block .view-all {
    margin: 10px 0 0
  }

    .block .view-all a {
      display: inline-block;
      padding: 10px 15px;
      font-size: 16px;
      color: #FFB00F
    }

      .block .view-all a:focus, .block .view-all a:hover {
        text-decoration: underline
      }

  .block .tags {
    margin: 5px 0 10px
  }

    .block .tags ul {
      font-size: 0
    }

    .block .tags li, .product-tags-all-page li {
      display: inline-block;
      position: relative;
      margin: 0 10px;
      overflow: hidden;
      font-size: 17px !important
    }

      .block .tags li a, .product-tags-all-page li a {
        float: left;
        line-height: 30px;
        color: #444
      }

        .block .tags li a:focus, .block .tags li a:hover, .product-tags-all-page li a:focus, .product-tags-all-page li a:hover {
          color: #FFB00F
        }

/*.poll strong {
  display: block;
  margin: 10px 0;
  background-color: #f6f6f6;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 400;
  color: #444;
  text-transform: uppercase
}

.poll-options, .poll-results {
  margin: 10px 0 15px;
  overflow: hidden;
  font-size: 15px;
  color: #444
}

  .poll-options li, .poll-results li {
    margin: 10px 0
  }

    .poll-options li > input {
      margin: 0 5px 0 0;
      cursor: pointer
    }

    .poll-options li > label {
      display: inline-block;
      font-size: 16px;
      cursor: pointer
    }

.poll .buttons button {
  border: none;
  background-color: #aaa;
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase
}

  .poll .buttons button:focus, .poll .buttons button:hover {
    background-color: #bbb
  }

.poll-total-votes {
  display: block;
  margin: 10px 0 0;
  font-weight: 700;
  font-style: italic;
  color: #444
}

.home-page-polls {
  text-align: center
}

  .home-page-polls .title {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 0 0 15px
  }

    .home-page-polls .title strong {
      font-weight: 400
    }

  .home-page-polls li {
    display: inline-block;
    margin: 10px
  }*/
.breadcrumb {
  margin: 0 0 50px;
  background-color: #f6f6f6;
  padding: 5px 10px
}

  .breadcrumb ul {
    font-size: 0
  }

  .breadcrumb li {
    display: inline-block
  }

    .breadcrumb li * {
      display: inline-block;
      margin: 0 5px;
      font-size: 14px;
      line-height: 32px
    }

  .breadcrumb strong {
    font-weight: 400
  }

  .breadcrumb a:focus, .breadcrumb a:hover {
    color: #FFB00F
  }

.category-description, .manufacturer-description, .vendor-description {
  margin: 0 0 25px;
  line-height: 22px
}

.contact-vendor {
  margin: 0 0 30px
}

  .contact-vendor .button-2 {
    border: none;
    background-color: #FFB00F;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
  }

    .contact-vendor .button-2:focus, .contact-vendor .button-2:hover {
      background-color: #CC8C0C
    }

.product-selectors {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0
}

  .product-selectors:first-child {
    border-top: none
  }

  .product-selectors:after {
    content: "";
    display: block;
    clear: both
  }

  .product-selectors > div {
    display: inline-block;
    margin: 5px
  }

  .product-selectors span {
    vertical-align: middle;
    font-size: 16px
  }

  .product-selectors select {
    margin: 0 8px
  }

  .product-selectors .product-viewmode {
    display: none;
    font-size: 0
  }

.product-filter .filter-title {
  margin: 0 0 10px;
  background: #f6f6f6 url(../images/toggle-gray.png) right 10px no-repeat;
  padding: 10px;
  font-size: 17px;
  color: #444
}

  .product-filter .filter-title strong {
    font-weight: 400
  }

.product-filter .filter-content {
  padding: 10px;
  color: #444;
  margin-bottom: 20px
}

.product-filter .group {
  font-size: 15px
}

  .product-filter .group + .group {
    margin-top: 16px
  }

  .product-filter .group .name {
    padding-bottom: 10px
  }

  .product-filter .group .item {
    display: flex;
    padding-left: 15px;
    align-items: center
  }

    .product-filter .group .item + .item {
      padding-top: 8px
    }

    .product-filter .group .item label {
      cursor: pointer;
      display: flex;
      align-items: center;
      padding-left: 8px;
      flex-grow: 1
    }

.price-range-filter .selected-price-range {
  padding: 5px 0
}

  .price-range-filter .selected-price-range .to {
    float: right
  }

  .price-range-filter .selected-price-range.manually {
    display: flex
  }

    .price-range-filter .selected-price-range.manually .from {
      margin-right: 8px
    }

    .price-range-filter .selected-price-range.manually .from, .price-range-filter .selected-price-range.manually .to {
      width: 50%
    }

.product-filter .attribute-squares {
  font-size: inherit
}

  .product-filter .attribute-squares .attribute-square {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px
  }

.item-grid:after {
  content: "";
  display: block;
  clear: both
}

.item-box {
  position: relative;
  width: 100%;
  float: left;
  margin: 0 0 80px;
  text-align: left
}

.product-item {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 13px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); */
}

.promo-page .product-item .picture {
  border: none;
}

.related-products-grid .product-item .picture {
  border: none !important;
}

.product-item .picture {
  /*border: 1px solid #707070;*/
  border: none;
  height: 285px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  overflow: hidden;
}

  .product-item .picture a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .product-item .picture img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
  }

.product-item .details {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-item-top-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 36px;
  margin-bottom: 4px;
}

  .product-item-top-row div.compare-wrap input:checked + span:before {
    border-color: #F1A710;
  }

  .product-item-top-row div.compare-wrap input:checked + span:after {
    background: #F1A710;
  }

  .product-item-top-row div.compare-wrap input:checked + span {
    color: #F1A710;
  }

.product-item .category-badge {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 8px 18px;
  border-radius: 4px;
  margin-bottom: 18px;
  width: fit-content;
}

.product-item .product-title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}

  .product-item .product-title a {
    color: #111;
    text-decoration: none;
  }

.product-item .sku {
  margin-bottom: 12px;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 0.5;
  text-transform: uppercase;
}

.product-item .description {
  color: #707070;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 25px;
  margin-top: 25px;
}

.product-item .add-info {
  margin-top: auto;
}

.product-item .add-info {
  margin-top: auto;
}

.product-item .price-label, .inclgst, .catalog-trade-price {
  font-size: 8px;
  margin-left: 3px;
}

.tax-info-prd {
  font-size: 12px;
  color: #707070;
}

.product-item .prices .actual-price {
  font-size: 16px;
  color: #666;
}

  .product-item .prices .actual-price:first-child, .product-item .prices .price-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    color: #f2a100;
  }

.product-item .prices .incl {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

/* Buy Price / Trade Price labeling — matches product-details-page color convention: Trade
   Price keeps the default catalog orange, Buy Price is red. Not scoped to .product-item so it
   also applies to non-grid contexts like the homepage equipment section's hero/small cards. */
.actual-price.catalog-trade-price {
  color: #f2a100;
}

.actual-price.catalog-buy-price {
  color: #f00;
}

.catalog-price-label {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

  .catalog-price-label.catalog-trade-price {
    color: #f2a100;
  }

  .catalog-price-label.catalog-buy-price {
    color: #f00;
  }

/* Buy Price / Trade Price cart labeling — same color convention as catalog/product details. */
.product-unit-price.cart-buy-price, .product-subtotal.cart-buy-price {
  color: #f00;
}

.product-unit-price.cart-trade-price, .product-subtotal.cart-trade-price {
  color: #f2a100;
}

.cart-price-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

  .cart-price-label.cart-trade-price {
    color: #f2a100;
  }

  .cart-price-label.cart-buy-price {
    color: #f00;
  }

.item-box .picture a:focus {
  opacity: .85
}

.item-box .picture a:before {
  content: "";
  display: block;
  padding-top: 80%
}

.item-box .picture a img, .item-box .picture > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1)
}

.item-box:hover .picture a img {
  opacity: .85
}

.item-box .details {
  padding: 0 10px
}

.item-box .product-title {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 400;
  color: #FFB00F
}

  .item-box .product-title a {
    display: block
  }

    .item-box .product-title a:focus, .item-box .product-title a:hover {
      color: #CC8C0C
    }

.item-box .sku {
  margin: 0 0 15px
}

.item-box .product-rating-box {
  margin: 0 0 10px;
  display: flex;
  align-items: center
}

  .item-box .product-rating-box .rating + span {
    font-size: 14px;
    color: var(--yellow-color);
    line-height: 1
  }

.item-box .rating, .overview-body__left .product-review-box .rating {
  background: url(../images/rating1.png) repeat-x;
  width: 107px;
  height: 20px;
  filter: none;
  background-size: contain
}

  .item-box .rating div, .overview-body__left .product-review-box .rating div {
    background: url(../images/rating2.png) repeat-x;
    height: 20px;
    filter: none;
    background-size: contain
  }

.product-grid .item-box .description:not([data-short-description]) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0 0 15px;
  height: 66px;
  line-height: 22px
}

.item-box .description a {
  display: block;
  overflow: hidden
}

.item-box .prices {
  margin: 15px 0 10px;
  overflow: hidden
}

.promo-page .prices {
  height: 40px !important;
}

/* .col-6.prices {
  height: 40px;
} */
.item-box .old-price {
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #aaa;
  text-decoration: line-through
}

.item-box .actual-price {
  margin: 0;
  font-size: 16px;
  color: #666
}

.item-box .tax-shipping-info a {
  color: #FFB00F
}

  .item-box .tax-shipping-info a:focus, .item-box .tax-shipping-info a:hover {
    text-decoration: underline
  }

.item-box .buttons {
  margin: 0;
  font-size: 0
}

  .item-box .buttons > a {
    padding-top: 5px;
    padding-bottom: 5px
  }

.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
  width: 20%;
  border-left: 1px solid #fff !important;
  background-color: #eaeaea;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0
}

.item-box .add-to-compare-list-button {
  background-image: url(../images/compare-button.png)
}

.item-box .add-to-wishlist-button {
  background-image: url(../images/wishlist-button.png)
}

  .item-box .add-to-compare-list-button:focus, .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:focus, .item-box .add-to-wishlist-button:hover {
    background-color: #ddd
  }

.home-page-category-grid, .manufacturer-grid, .sub-category-grid, .vendor-grid {
  margin: 0 0 20px
}

  .home-page-category-grid .title, .sub-category-grid .title {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

    .home-page-category-grid .title a, .sub-category-grid .title a {
      display: block;
      padding: 0 0 15px
    }

  .home-page-category-grid .picture, .sub-category-grid .picture {
    margin: 0
  }

    .home-page-category-grid .picture a:before, .sub-category-grid .picture a:before {
      padding-top: 65%
    }

.products-container {
  position: relative
}

  .products-container .ajax-products-busy {
    display: none;
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #ffffffab url(../images/loader.gif) center no-repeat;
    top: 0;
    left: 0;
    background-size: 100px
  }

.product-grid, .product-list {
  margin: 0 0 50px
}

  .product-grid .title {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: 400;
    color: #444
  }

    .product-grid .title strong {
      font-weight: 400
    }

.manufacturer-grid .title {
  margin: 0 0 15px;
  text-align: center;
  font-size: 16px
}

  .manufacturer-grid .title a:focus, .manufacturer-grid .title a:hover {
    color: #FFB00F
  }

.manufacturer-grid .picture {
  border: 1px solid #ddd
}

.vendor-grid .title {
  margin: 0 0 15px;
  text-align: center;
  font-size: 16px
}

  .vendor-grid .title a:focus, .vendor-grid .title a:hover {
    color: #FFB00F
  }

.vendor-grid .picture {
  border: 1px solid #ddd
}

.pager {
  flex: 0 0 100%;
  margin: 50px 0 20px
}

  .pager ul {
    text-align: right;
    font-size: 0
  }

  .pager li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
  }

    .pager li a, .pager li span {
      display: block;
      min-width: 35px;
      height: 35px;
      border: 1px solid #ddd;
      background-color: #eee;
      padding: 8px;
      text-align: center;
      font-size: 14px;
      cursor: pointer
    }

    .pager li span {
      border-color: transparent;
      background-color: #FFB00F;
      color: #fff
    }

    .pager li.first-page *, .pager li.last-page *, .pager li.next-page *, .pager li.previous-page * {
      background-position: center !important;
      background-repeat: no-repeat !important;
      font-size: 0;
      color: #fff
    }

    .pager li.previous-page * {
      background-image: url(../images/prev.png)
    }

    .pager li.previous-page :hover {
      background-image: url(../images/prev-w.png)
    }

    .pager li.next-page * {
      background-image: url(../images/next.png)
    }

    .pager li.next-page :hover {
      background-image: url(../images/next-w.png)
    }

    .pager li.first-page * {
      background-image: url(../images/first.png)
    }

    .pager li.first-page :hover {
      background-image: url(../images/first-w.png)
    }

    .pager li.last-page * {
      background-image: url(../images/last.png)
    }

    .pager li.last-page :hover {
      background-image: url(../images/last-w.png)
    }

    .pager li a:focus, .pager li a:hover {
      border-color: transparent;
      background-color: #ddd
    }

.product-details-page {
  padding: 20px 0 0
}

.product-essential {
  margin: 0 0 40px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px
}

  .product-essential:after {
    content: "";
    display: block;
    clear: both
  }

.gallery {
  margin: 0 auto 50px
}

  .gallery .picture-wrapper {
    margin: 0 0 10px
  }

  .gallery .picture {
    position: relative;
    max-width: 100%;
    margin: 0 auto 10px;
    overflow: hidden
  }

    .gallery .picture:before {
      content: "";
      display: block;
      padding-top: 100%
    }

    .gallery .picture img, .picture-gallery .picture-thumbs img, .variant-picture img, .video-gallery .video-thumbs iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto
    }

.picture-gallery .picture-thumbs {
  overflow: hidden;
  font-size: 0
}

  .picture-gallery .picture-thumbs .thumb-item {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 5px 10px;
    overflow: hidden;
    cursor: pointer
  }

.video-gallery .video-thumbs .thumb-item {
  display: inline-block;
  position: relative;
  margin: 0 5px 10px;
  overflow: hidden
}

.overview {
  position: relative;
  margin: 0 0 50px
}

  .overview .discontinued-product {
    background: #f3f3f3;
    margin: 0 0 20px
  }

    .overview .discontinued-product h4 {
      display: inline-block;
      font-size: 14px;
      padding: 17px 17px 17px 40px;
      background: url(../images/discontinued-product-icon.png) no-repeat 13px center;
      color: #de444c
    }

  .overview .product-name {
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px
  }

    .overview .product-name h1 {
      font-size: 30px;
      font-weight: 900
    }

  .overview .short-description {
    margin: 0 0 25px;
    line-height: 22px;
    color: #666
  }

.product-no-reviews, .product-reviews-overview {
  margin: 0 0 25px;
  color: #444
}

  .product-no-reviews a {
    text-decoration: underline
  }

.product-review-box {
  display: inline-block;
  margin: 0 0 8px
}

  .product-review-box .rating {
    width: 125px;
    height: 25px;
    background: url(../images/star-empty.png) repeat-x;
    background-size: 25px;
    /*filter: brightness(.4)*/
  }

    .product-review-box .rating div {
      height: 25px;
      background: url(../images/star-fill.png) repeat-x;
      background-size: 25px;
      /*filter: brightness(.4)*/
    }

.product-review-links a {
  text-decoration: underline;
  color: var(--yellow-color)
}

  .product-review-links a:focus, .product-review-links a:hover {
    color: #FFB00F
  }

.overview .value, .variant-overview .value {
  color: #444
}

  .overview .value a, .variant-overview .value a {
    color: #FFB00F
  }

    .overview .value a:focus, .overview .value a:hover, .variant-overview .value a:focus, .variant-overview .value a:hover {
      text-decoration: underline
    }

.overview-buttons {
  margin: 0 0 25px;
  font-size: 0
}

  .overview-buttons div {
    width: 80%;
    margin: 0 auto 3px
  }

.overview .button-2, .variant-overview .button-2 {
  display: block;
  width: 100%;
  border: none;
  background-color: #eaeaea;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 12px 15px 12px 40px;
  text-align: left;
  font-size: 14px;
  color: #666
}

  .overview .button-2:focus, .overview .button-2:hover, .variant-overview .button-2:focus, .variant-overview .button-2:hover {
    background-color: #ddd
  }

.overview .add-to-compare-list-button {
  background-image: url(../images/compare-button.png)
}

.overview .email-a-friend-button {
  background-image: url(../images/email-button.png)
}

.overview .subscribe-button, .variant-overview .subscribe-button {
  background-image: url(../images/email-button.png)
}

.overview .download-sample-button, .variant-overview .download-sample-button {
  background-image: url(../images/download-button.png)
}

.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {
  background-image: url(../images/wishlist-button.png)
}

.overview .manufacturers {
  margin: 0 0 20px
}

.overview .availability, .variant-overview .availability {
  margin: 0 0 20px;
  overflow: hidden
}

  .overview .availability .stock, .variant-overview .availability .stock {
    margin: 0 0 10px
  }

  .overview .availability .back-in-stock-subscription, .variant-overview .availability .back-in-stock-subscription {
    display: inline-block
  }

.overview .additional-details, .variant-overview .additional-details {
  margin: 0 0 20px
}

  .overview .additional-details div, .variant-overview .additional-details div {
    margin: 0 0 8px
  }

.overview .delivery, .variant-overview .delivery {
  overflow: hidden
}

.overview .free-shipping, .variant-overview .free-shipping {
  display: inline-block;
  margin: 10px 0;
  background: url(../images/shipping.png) left center no-repeat;
  padding: 2px 0 2px 28px;
  font-weight: 700;
  color: #444
}

  .overview .free-shipping.invisible, .variant-overview .free-shipping.invisible {
    display: none
  }

.overview .delivery-date, .variant-overview .delivery-date {
  margin: 10px 0
}

.overview .min-qty-notification, .variant-overview .min-qty-notification {
  margin: 10px 0;
  font-style: italic;
  color: #444
}

.overview .download-sample, .variant-overview .download-sample {
  display: inline-block;
  margin: 0 0 25px
}

.overview .prices, .variant-overview .prices {
  overflow: hidden;
  /*  padding: 18px 0 12px 0;
  border: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;*/
}

  .overview .prices > div, .variant-overview .prices > div {
    margin: 0 0 5px
  }

    .variant-overview .prices > div > span {
      vertical-align: middle
    }

  .overview .prices .product-details-price {
    font-size: 30px;
    color: #FFB00F;
    font-weight: 900;
  }

.overview .non-discounted-price, .overview .old-product-price, .variant-overview .non-discounted-price, .variant-overview .old-product-price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.overview .product-price, .variant-overview .product-price {
  font-size: 20px;
  font-weight: 700;
  color: #444
}

.overview .product-details-pricing-section {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 18px 0 22px;
  padding: 16px 0 18px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.overview .product-details-trade-price-panel, .overview .product-details-buy-price-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 200px;
  padding-right: 28px;
}

.overview .product-details-buy-price-panel {
  padding-left: 28px;
  border-left: 1px solid #e1e1e1;
}

.overview .product-details-pricing-section .old-product-price span {
  margin: 0 0 4px;
  color: #777;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: line-through;
}

.overview .product-details-pricing-section .product-details-price, .overview .product-details-pricing-section .buy-price-value {
  color: #f5a400;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.05;
}

.overview .product-details-pricing-section .buy-price-value {
  color: #f00;
}

.overview .product-details-pricing-section .product-details-price-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  color: #111;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.overview .product-details-pricing-section .product-details-price-label-icon {
  display: none;
  flex: 0 0 auto;
  line-height: 0;
}

.overview .product-details-pricing-section .product-details-price-label--buy .product-details-price-label-icon {
  display: inline-flex;
}

.overview .product-details-pricing-section .tax-info-prd {
  display: block;
  margin-top: 4px;
  color: #777;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.overview .tax-shipping-info a, .variant-overview .tax-shipping-info a {
  color: #FFB00F
}

.overview .product-details-buy-price-panel.is-active-price {
  position: relative;
}

.overview .tax-shipping-info a:focus, .overview .tax-shipping-info a:hover, .variant-overview .tax-shipping-info a:focus, .variant-overview .tax-shipping-info a:hover {
  text-decoration: underline
}

.customer-entered-price {
  margin: 0 0 20px;
  overflow: hidden
}

  .customer-entered-price .price-input label {
    display: block;
    margin: 0 0 5px;
    font-weight: 700;
    color: #444
  }

  .customer-entered-price .price-input input {
    width: 170px;
    text-align: center
  }

  .customer-entered-price .price-range {
    margin: 5px 0 0;
    color: #777
  }

.tier-prices {
  margin: 0 0 20px
}

  .tier-prices .title {
    display: none
  }

  .tier-prices table td {
    border: 1px solid #ddd;
    padding: 10px;
    color: #444
  }

  .tier-prices .field-header {
    min-width: 80px
  }

  .tier-prices .item-price {
    background-color: #f9f9f9;
    font-size: 16px;
    color: #e4434b
  }

.overview .add-to-cart {
  margin: 0 0 20px
}

.overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {
  display: inline-block;
  position: relative
}

  .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {
    float: left
  }

/*.overview .qty-label, .variant-overview .qty-label {
  display: none !important
}
*/
.overview .qty-input, .variant-overview .qty-input {
  width: 45px;
  height: 43px;
  padding: 0 12px;
  text-align: center;
  font-size: 15px;
  color: #444
}

.overview .qty-dropdown, .variant-overview .qty-dropdown {
  height: 43px;
  padding: 0 12px;
  font-size: 15px;
  color: #444
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
  height: 35px;
  border: none;
  background-color: #FFB00F;
  padding: 0 24px;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

.product-share-button {
  display: inline-block;
  overflow: hidden
}

.full-description {
  clear: both;
  line-height: 24px
}

.product-collateral {
  margin: 0 0 75px
}

  .product-collateral .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #444
  }

    .product-collateral .title strong {
      font-weight: 400
    }

.product-variant-line {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px
}

  .product-variant-line:after {
    content: "";
    display: block;
    clear: both
  }

.variant-picture {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 15px;
  overflow: hidden
}

.variant-overview {
  width: 100%
}

  .variant-overview .variant-name {
    margin: 0 0 10px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #FFB00F
  }

  .variant-overview .variant-description {
    margin: 0 0 15px;
    line-height: 22px
  }

  .variant-overview .add-to-wishlist {
    margin: 0 0 25px
  }

  .variant-overview .add-to-wishlist-button {
    display: inline-block;
    width: auto
  }

  .variant-overview .add-to-cart {
    margin: 0 0 10px
  }

.product-specs-box {
  margin: 0 0 40px
}

  .product-specs-box td {
    border: 1px solid #ddd;
    padding: 10px
  }

    .product-specs-box td.spec-group-name {
      border: 0;
      padding-top: 20px;
      font-size: 16px;
      color: #444
    }

.product-tags-list {
  font-size: 0
}

  .product-tags-list li {
    display: inline-block;
    font-size: 14px
  }

    .product-tags-list li.separator {
      margin: 0 5px 0 3px
    }

  .product-tags-list a {
    display: inline-block;
    line-height: 24px
  }

    .product-tags-list a:focus, .product-tags-list a:hover {
      color: #444
    }

.attributes {
  margin: 20px 0
}

  .attributes dl {
    overflow: hidden;
    padding: 0 2px
  }

  .attribute-label, .attributes dt {
    display: block;
    white-space: nowrap;
    font-weight: 700;
    color: #444;
    margin: 0
  }

  .attribute-data, .attributes dd {
    margin: 0 0 10px;
    margin: 0
  }

  .attributes li {
    margin: 8px 0 12px
  }

  .attributes select {
    width: auto;
    min-width: 100px;
    max-width: 100%;
    width: 100%
  }

  .attributes .option-list label {
    margin: 0 5px
  }

  .attributes .datepicker {
    width: 280px;
    text-align: center;
    color: #444
  }

  .attributes .qty-box input {
    width: 48px;
    height: 32px;
    text-align: center
  }

  .attributes .option-list:not(.attribute-squares) .disabled {
    opacity: .5
  }

  .attributes .attribute-squares .disabled .attribute-square {
    cursor: default;
    opacity: .25
  }

  .attributes .attribute-squares .disabled .attribute-square-container {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 1.5px), #e91e63 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 1.5px), #e91e63 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%)
  }

  .attributes .attribute-squares .tooltip-container .not-available-text {
    font-size: 12px
  }

  .attributes .attribute-squares.color-squares .tooltip-container .not-available-text {
    margin: 5px
  }

  .attributes .attribute-squares.color-squares .tooltip-container {
    width: 120px;
    display: none
  }

  .attributes .attribute-squares.color-squares li:hover .tooltip-container {
    margin-left: -42px
  }

  .attributes .attribute-squares.color-squares .disabled .tooltip-container {
    display: block
  }

  .attributes .attribute-squares.image-squares .tooltip-container .not-available-text {
    margin-bottom: 5px;
    display: none
  }

  .attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text {
    display: block
  }

  .attributes select option.disabled, .attributes select option:disabled {
    color: #cecece
  }

.ui-datepicker {
  width: 280px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  background-color: #fff;
  text-align: center;
  border: none;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #777
}

.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: #FFB00F;
  color: #fff;
  border: none;
  border-radius: 0;
  background-image: none;
  padding: 0 !important;
  font-weight: 400
}

  .ui-datepicker-header a {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    top: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important
  }

    .ui-datepicker-header a.ui-datepicker-prev {
      left: 0;
      background: url(../images/calendar-prev.png) center no-repeat
    }

    .ui-datepicker-header a.ui-datepicker-next {
      right: 0;
      background: url(../images/calendar-next.png) center no-repeat
    }

    .ui-datepicker-header a span {
      display: none !important
    }

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 32px !important
}

.ui-datepicker-calendar {
  margin: 0 !important;
  font-size: 14px !important
}

  .ui-datepicker-calendar th {
    background-color: #eee
  }

  .ui-datepicker-calendar td, .ui-datepicker-calendar th {
    width: 14.285%;
    border: 1px solid #ddd;
    padding: 0
  }

    .ui-datepicker-calendar td a, .ui-datepicker-calendar th span {
      display: block;
      min-height: 32px;
      line-height: 32px;
      color: #444
    }

    .ui-datepicker-calendar td a {
      border: none !important;
      background: 0 0 !important;
      padding: 0;
      text-align: center;
      color: #444 !important
    }

  .ui-datepicker-calendar .ui-state-active {
    outline: 2px solid #FFB00F;
    font-weight: 700;
    color: #FFB00F;
    color: #FFB00F !important
  }

.attribute-squares {
  font-size: 0;
  display: inline-block
}

  .attribute-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    text-align: center
  }

  .attribute-squares .attribute-square-container {
    display: block;
    position: relative;
    z-index: 0;
    padding: 1px
  }

  .attribute-squares label {
    display: block;
    margin: 0 !important;
    overflow: hidden
  }

  .attribute-squares .attribute-square {
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #444 !important;
    cursor: pointer
  }

  .attribute-squares .selected-value .attribute-square-container {
    background-color: #FFB00F
  }

  .attribute-squares li input {
    display: none
  }

.attribute-squares-padding {
  padding: 0 5px 0 0
}

.tooltip-container {
  position: absolute;
  width: 200px;
  color: #000;
  background: #fff;
  border: 1px solid #eee;
  text-align: center;
  visibility: hidden;
  border-radius: 5px
}

  .tooltip-container:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #eee;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
  }

  .tooltip-container:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
  }

.attribute-squares li:focus .tooltip-container, .attribute-squares li:hover .tooltip-container {
  visibility: visible;
  margin-left: -83px;
  margin-top: 5px;
  z-index: 999
}

.tooltip-container .tooltip-header {
  background-color: #f6f6f6;
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: left;
  width: 198px;
  font-size: 15px;
  border-bottom: 1px #eee solid
}

.tooltip-container .tooltip-body {
  margin: 5px
}

  .tooltip-container .tooltip-body img {
    border: 0 #fff;
    width: 190px
  }

/*.product-reviews-page {
  color: #FFB00F
}*/
.product-reviews-page h1 a:after, .product-reviews-page h1 a:before {
  content: "''"
}

.product-reviews-page .title {
  margin: 0 0 20px;
  font-size: 20px;
  color: #444
}

  .product-reviews-page .title strong {
    font-weight: 400
  }

.write-review {
  margin: 0 0 60px
}

  .write-review .fieldset {
    margin: 0 0 30px
  }

.tooltip {
  position: initial;
  display: inline-block;
  border-bottom: 1px dotted #000;
  color: #444
}

  .tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background: #f0f0f0 no-repeat 100% 5%;
    border: silver 1px dotted;
    text-align: Left;
    padding: 10px 10px 5px 5px;
    position: absolute;
    z-index: 1;
    left: 10%;
    opacity: 0;
    transition: opacity .3s
  }

    .tooltip .tooltiptext::after {
      content: "";
      position: absolute
    }

  .tooltip:focus .tooltiptext, .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    cursor: help
  }

.write-review .review-rating {
  text-align: left;
  margin-bottom: 25px
}

  .write-review .review-rating label {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: #444
  }

  .write-review .review-rating div.first {
    color: #e4444c
  }

  .write-review .review-rating div.rating-options {
    padding-top: 2px
  }

    .write-review .review-rating div.rating-options input {
      vertical-align: baseline
    }

  .write-review .review-rating div.last {
    color: #4cb17c
  }

.write-review .captcha-box {
  margin: 15px 0 0
}

.write-review .button-1 {
  border: none;
  background-color: #FFB00F;
  padding: 10px 25px;
  text-align: center;
  font-size: 15px;
  color: #fff
}

  .write-review .button-1:focus, .write-review .button-1:hover {
    background-color: #CC8C0C
  }

.product-reviews-page .message-error, .product-reviews-page .result {
  margin: 0 0 20px
}

.product-review-list {
  overflow: hidden;
  padding: 25px 0 0
}

.product-review-item {
  margin: 0 0 40px
}

.product-review-item {
  margin: 0 0 25px;
  margin: 0 0 25px;
  border-bottom: 1px solid #0c1621;
  padding: 0 0 25px
}

  .product-review-item:first-child {
    border-top: none
  }

  .product-review-item:last-child {
    border-bottom: 1px solid #0c1621
  }

  .product-review-item .review-item-head {
    border-top: 0;
    background-color: transparent
  }

  .product-review-item .review-title {
    line-height: 20px;
    font-size: 15px;
    color: #444
  }

  .product-review-item .product-review-box {
    margin: 3px 0 8px
  }

  .product-review-item .review-content {
    padding: 0
  }

  .product-review-item .review-text {
    margin: 0 0 15px;
    color: #000
  }

    .product-review-item .review-text .name {
      margin: 25px 0 0
    }

      .product-review-item .review-text .name span {
        font-weight: 800
      }

  .product-review-item .avatar {
    margin: 0 0 10px
  }

  .product-review-item .reply {
    margin: 15px 0;
    border-top: 1px solid #ddd
  }

    .product-review-item .reply > * {
      width: 100%
    }

  .product-review-item .reply-header {
    margin: 15px 0;
    font-weight: 700
  }

  .product-review-item .reply {
    border: none;
    margin: 15px 0 25px;
    padding: 25px;
    background: #F1A710;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap
  }

  .product-review-item .reply-header {
    order: 2;
    margin: 15px 0 0
  }

  .product-review-item .reply-text {
    line-height: 22px;
    font-size: 17px;
  }

  .product-review-item .review-info {
    margin: 0 0 5px
  }

    .product-review-item .review-info label {
      font-weight: 400
    }

    .product-review-item .review-info .date {
      position: relative;
      display: inline-block;
      margin-top: 5px;
      font-size: 16px
    }

      .product-review-item .review-info .date * {
        font-size: 16px
      }

      .product-review-item .review-info .date:before {
        content: 'Published on:';
        font-weight: 600
      }

    .product-review-helpfulness .vote, .product-review-item .review-info a {
      display: inline-block;
      padding: 0 5px;
      color: #FFB00F;
      cursor: pointer
    }

.product-review-helpfulness .question {
  margin: 0 5px 0 0;
  font-style: italic
}

.product-review-helpfulness .result {
  margin: 0 0 0 10px
}

.product-review-item .review-type-rating-ext {
  overflow: hidden;
  margin: 0 0 20px
}

#faq-reiviews.empty-review .col-lg-7 {
  display: none
}

#faq-reiviews.empty-review .col-lg-5 {
  max-width: 100%;
  flex: 0 0 100%
}

#faq-reiviews .product-review-box .rating {
  background: url(../images/star-empty.png) repeat-x;
  height: 25px;
  width: 125px;
  background-size: 25px;
  /*filter: brightness(.4)*/
}

  #faq-reiviews .product-review-box .rating div {
    background: url(../images/star-fill.png) repeat-x;
    height: 25px;
    background-size: 25px;
    /*filter: brightness(.4)*/
  }

.wishlist-page .page-title {
  margin: 0 0 -1px
}

.wishlist-content {
  margin: 0 0 20px
}

  .wishlist-content .message-error {
    margin: 20px 0
  }

  .wishlist-content .table-wrapper {
    margin: 0 0 30px
  }

  .wishlist-content .product-content {
    min-width: 300px;
    text-align: left
  }

  .wishlist-content .tax-shipping-info {
    margin: 0 0 20px;
    text-align: center
  }

    .wishlist-content .tax-shipping-info a {
      color: #4ab3f1
    }

      .wishlist-content .tax-shipping-info a:focus, .wishlist-content .tax-shipping-info a:hover {
        text-decoration: underline
      }

  .wishlist-content .buttons {
    font-size: 0
  }

  .wishlist-content .button-2 {
    display: block;
    margin: 0 auto 3px;
    border: none;
    padding: 10px 25px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    color: #fff
  }

  .wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button {
    background-color: #FFB00F;
    text-transform: uppercase
  }

    .wishlist-content .update-wishlist-button:focus, .wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:focus, .wishlist-content .wishlist-add-to-cart-button:hover {
      background-color: #CC8C0C
    }

.wishlist-page .share-info {
  text-align: center
}

  .wishlist-page .share-info span {
    display: block;
    margin: 0 0 5px
  }

  .wishlist-page .share-info a {
    font-weight: 700;
    color: #444
  }

    .wishlist-page .share-info a:focus, .wishlist-page .share-info a:hover {
      color: #FFB00F
    }

.wishlist-page .no-data {
  margin: 25px 0 0
}

.compare-products-page {
  position: relative;
  overflow: hidden
}

  .compare-products-page .clear-list {
    display: inline-block;
    margin: 0 0 20px;
    font-size: 14px;
    padding: 8px 10px;
    line-height: 1;
    min-height: 1px
  }

    .compare-products-page .clear-list:focus, .compare-products-page .clear-list:hover {
      background-color: #CC8C0C
    }

  .compare-products-page .table-wrapper {
    margin: 0 0 30px;
    padding: 0 0 1px
  }

.compare-products-table .remove-button {
  display: inline-block;
  border: none;
  background: url(../images/remove.png) left center no-repeat;
  padding: 0 0 0 18px;
  font-size: 12px;
  color: #666
}

  .compare-products-table .remove-button:focus, .compare-products-table .remove-button:hover {
    color: #FFB00F
  }

.compare-products-table .picture {
  display: block;
  position: relative;
  max-width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto
}

  .compare-products-table .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
  }

.topic-block {
  margin: 0 0 25px
}

.topic-block-title {
  min-height: 50px;
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 15px
}

  .topic-block-title h2 {
    font-size: 30px;
    font-weight: 400
  }

.topic-block-body {
  text-align: justify;
  line-height: 24px;
  font-size: 16px
}

.topic-page .page-body {
  line-height: 22px
}

.topic-block strong, .topic-page strong {
  color: #444
}

.topic-block {
  margin: 0 0
}

.popup-window .topic-page {
  padding: 15px
}

.not-found-page p {
  margin: 30px 15px
}

.topic-password {
  text-align: center
}

.enter-password-title {
  margin: 0 0 20px;
  color: #444
}

.enter-password-form {
  display: inline-block;
  overflow: hidden
}

  .enter-password-form input[type=password] {
    float: left;
    width: 200px;
    height: 40px;
    margin: 0 -1px 0 0
  }

  .enter-password-form button[type=submit] {
    float: left;
    width: auto;
    min-width: 86px;
    height: 40px;
    border: none;
    background-color: #FFB00F;
    padding: 0 15px;
    color: #fff;
    text-transform: uppercase
  }

    .enter-password-form button[type=submit]:focus, .enter-password-form button[type=submit]:hover {
      background-color: #CC8C0C
    }

.apply-vendor-page .page-title, .contact-page .page-title, .email-a-friend-page .page-title {
  margin: 0 0 -1px
}

.apply-vendor-page .message-error, .apply-vendor-page .result, .contact-page .message-error, .contact-page .result, .email-a-friend-page .message-error, .email-a-friend-page .result {
  margin: 20px 0
}

.apply-vendor-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1, input[type=submit] {
  min-width: 140px;
  border: none;
  background-color: #FFB00F;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #000;
  text-transform: uppercase
}

  .apply-vendor-page .button-1:focus, .apply-vendor-page .button-1:hover, .contact-page .button-1:focus, .contact-page .button-1:hover, .email-a-friend-page .button-1:focus, .email-a-friend-page .button-1:hover {
    background-color: #CC8C0C
  }

.email-a-friend-page .title h2 {
  font-weight: 400;
  color: #FFB00F
}

.apply-vendor-page .terms-of-service {
  text-align: center
}

  .apply-vendor-page .terms-of-service > * {
    display: inline-block;
    line-height: 32px
  }

  .apply-vendor-page .terms-of-service a, .apply-vendor-page .terms-of-service span {
    color: #FFB00F;
    cursor: pointer
  }

.gender {
  display: inline-block
}

  .gender span {
    display: inline-block;
    margin: 0 5px
  }

    .gender span > * {
      display: inline !important;
      margin: 0 5px;
      line-height: 32px
    }

.date-of-birth .date-picker-wrapper {
  display: inline
}

.date-of-birth select {
  width: 31%;
  max-width: 126px
}

  .date-of-birth select + select {
    margin: 0 0 0 10px
  }

.date-of-birth .select-wrapper + .select-wrapper {
  margin: 0 0 0 10px
}

#check-availability-button {
  margin: 10px 0 0;
  border: none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase
}

  #check-availability-button:focus, #check-availability-button:hover {
    background-color: #999
  }

.inputs.accept-consent {
  text-align: center
}

  .inputs.accept-consent > * {
    display: inline-block;
    line-height: 32px
  }

  .inputs.accept-consent a, .inputs.accept-consent span {
    color: #FFB00F;
    cursor: pointer;
    font-size: 14px
  }

  .inputs.accept-consent label {
    width: auto;
    margin-left: 10px;
    margin-bottom: 0
  }

.account-activation-page .button-1, .account-page .button-1, .button-1.register-continue-button, .email-revalidation-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .registration-page .button-1, .registration-result-page .button-1, .return-request-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--yellow-color);
  padding: 10px 30px;
  text-align: center;
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  display: inline-block
}

  .account-activation-page .button-1:focus, .account-activation-page .button-1:hover, .account-page .button-1:focus, .account-page .button-1:hover, .email-revalidation-page .button-1:focus, .email-revalidation-page .button-1:hover, .login-page .button-1:focus, .login-page .button-1:hover, .password-recovery-page .button-1:focus, .password-recovery-page .button-1:hover, .registration-page .button-1:focus, .registration-page .button-1:hover, .registration-result-page .button-1:focus, .registration-result-page .button-1:hover, .return-request-page .button-1:focus, .return-request-page .button-1:hover {
    background-color: #ffb00f
  }

.return-request-page h1 a {
  color: #FFB00F
}

.return-request-page .return-request-file {
  font-size: 14px
}

  .return-request-page .return-request-file .uploadedfileinput {
    display: inline-block;
    vertical-align: middle
  }

.account-page .message-error, .login-page .message-error, .registration-page .message-error {
  margin: 0 0 10px
}

.registration-result-page .result {
  margin: 0 0 10px;
  padding: 30px 0;
  text-align: center
}

.customer-info-page .email-to-revalidate, .customer-info-page .readonly-username, .customer-info-page .vat-status {
  margin: 0 5px;
  font-size: 14px
}

.customer-info-page .vat-status {
  display: block
}

.customer-info-page .email-to-revalidate-note, .customer-info-page .vat-note, .registration-page .vat-note {
  display: block;
  font-size: 14px;
  margin-top: 7px;
  white-space: normal
}

.login-page .customer-blocks {
  margin: 0 0 30px
}

.login-page .title {
  margin: 0 0 15px;
  font-size: 20px;
  color: #444
}

  .login-page .title strong {
    font-weight: 400
  }

.login-page .new-wrapper {
  margin: 0 0 50px
}

  .login-page .new-wrapper .text {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px;
    line-height: 22px
  }

  .login-page .new-wrapper .topic-block {
    margin: 0
  }

  .login-page .new-wrapper .topic-block-body strong {
    color: #444
  }

  .login-page .new-wrapper .button-1 {
    margin: 0 0 5px
  }

.login-page .returning-wrapper {
  margin: 0
}

  .login-page .returning-wrapper .form-fields {
    overflow: hidden;
    padding: 30px 15px 0
  }

  .login-page .returning-wrapper .inputs.reversed {
    white-space: normal
  }

    .login-page .returning-wrapper .inputs.reversed * {
      display: inline-block;
      width: auto;
      margin: 5px;
      font-size: 14px;
      color: #444
    }

    .login-page .returning-wrapper .inputs.reversed a:focus, .login-page .returning-wrapper .inputs.reversed a:hover {
      color: #FFB00F
    }

.login-page .captcha-box {
  margin: -15px 0 20px
}

.login-page .returning-wrapper .buttons {
  background-color: #fff;
  padding: 30px 0
}

.external-authentication {
  margin: 0 0 50px;
  overflow: hidden;
  text-align: center
}

  .external-authentication .title {
    margin: 0 0 15px;
    font-size: 20px;
    color: #444
  }

  .external-authentication .buttons {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    padding: 30px
  }

.external-auth-errors {
  color: #e4444c
}

.external-auth-association {
  color: #444
}

  .external-auth-association a {
    color: #FFB00F
  }

    .external-auth-association a:focus, .external-auth-association a:hover {
      text-decoration: underline
    }

.password-recovery-page .result {
  margin: 0 0 5px;
  font-weight: 700;
  color: #444
}

.password-recovery-page .tooltip {
  margin: 0 0 25px
}

.add-more-external-records {
  text-align: center
}

  .add-more-external-records a {
    color: #FFB00F
  }

    .add-more-external-records a:focus, .add-more-external-records a:hover {
      text-decoration: underline
    }

.account-page .buttons {
  text-align: center
}

.account-page .description {
  margin: 0 0 25px;
  padding: 0 10px
}

.account-page .table-wrapper {
  margin: 0 0 30px
}

.gdpr-tools-page .result {
  margin: 20px 0;
  font-size: 13px;
  color: #e4434b
}

.gdpr-tools-page .buttons {
  margin-top: 20px
}

.address-list-page .info, .order-list-page .info {
  margin: 0 0 10px;
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 20px;
  line-height: 26px;
  color: #444
}

.address-list-page .button-2, .order-list-page .button-2 {
  display: inline-block;
  margin: 0 0 0 10px;
  border: none;
  padding: 0 0 0 18px;
  font-size: 12px;
  color: #444
}

.edit-address-button {
  background: url(../images/edit.png) left center no-repeat
}

.cancel-recurring-order-button, .delete-address-button {
  background: url(../images/remove.png) left center no-repeat
}

.retry-recurring-order-button {
  background: url(../images/retry.png) left center no-repeat
}

.return-items-button {
  background: url(../images/return.png) left center no-repeat
}

.order-details-button {
  background: url(../images/details.png) left center no-repeat
}

.address-list-page .button-2:focus, .address-list-page .button-2:hover, .order-list-page .button-2:focus, .order-list-page .button-2:hover {
  color: #FFB00F
}

.address-list-page .add-button {
  margin: 0 0 30px;
  text-align: center
}

.address-edit-page .page-title {
  margin: 0 0 -1px
}

.address-edit-page .message-error {
  margin: 20px 0
}

.address-edit-page .edit-address {
  margin: 0 0 30px
}

.recurring-payments table td {
  white-space: nowrap
}

  .recurring-payments table td:first-child {
    min-width: 120px;
    white-space: normal
  }

.recurring-payments .button-2 {
  font-size: 14px
}

.return-request-list-page .details {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 20px;
  line-height: 22px;
  color: #444
}

.return-request-list-page label {
  margin: 0 5px 0 0
}

.return-request-list-page a {
  color: #FFB00F
}

  .return-request-list-page a:focus, .return-request-list-page a:hover {
    text-decoration: underline
  }

.return-request-list-page .comments div {
  margin: 10px 0 0;
  font-size: 15px;
  font-style: italic;
  color: #444
}

.downloadable-products-page table td {
  color: #444
}

.reward-points-overview {
  margin: 0 0 25px
}

.reward-points-history table td {
  color: #444
}

  .reward-points-history table td:first-child {
    min-width: 120px
  }

.change-password-page .page-title {
  margin: 0 0 -1px
}

.change-password-page .message-error, .change-password-page .result {
  margin: 20px 0
}

  #NewPassword-error *, .change-password-page .message-error li {
    color: red;
    font-size: 15px
  }

.change-password-page .fieldset {
  margin: 0 0 30px
}

.filter-clear-btn {
  padding-top: 8px;
}

/*
.avatar-page .page-title {
  margin: 0
}

.avatar-page .page-body {
  margin: 0 0 30px;
  overflow: hidden;
  background-color: #f9f9f9;
  padding: 30px 25px
}

.avatar-page .message-error {
  margin: 0 0 10px
}

.avatar-page .image {
  margin: 0 0 10px
}

  .avatar-page .image img {
    border: 1px solid #ccc
  }

.avatar-page .button-1 {
  font-size: 14px
}

.avatar-page .button-2 {
  border: none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase
}

  .avatar-page .button-2:focus, .avatar-page .button-2:hover {
    background-color: #999
  }

.avatar-page .info {
  color: #444
}*/
.vendorinfo-page .button-2 {
  border: medium none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase
}

  .vendorinfo-page .button-2:focus, .vendorinfo-page .button-2:hover {
    background-color: #999
  }

.vendorinfo-page .vendor-picture {
  width: 400px;
  margin: 0 auto
}

  .vendorinfo-page .vendor-picture * {
    display: block;
    margin-top: 15px
  }

.check-gift-card-balance-page .page-title {
  margin: 0 0 -1px
}

.check-gift-card-balance-page .message-error, .check-gift-card-balance-page .result {
  margin: 20px 0
}

.check-gift-card-balance-page .fieldset {
  margin: 0 0 30px
}

.order-progress {
  margin: 0 0px 30px 70px;
  background-color: #f6f6f6;
  padding: 15px 0;
  text-align: center
}

  .order-progress ul {
    font-size: 0
  }

  .order-progress li {
    display: inline-block;
    margin: 10px
  }

  .order-progress a {
    display: block;
    min-width: 70px;
    font-size: 14px;
    color: #444
  }

  .order-progress .active-step a:before {
    background: #eff0f2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0;
  }

  .order-progress .inactive-step a:before {
    background: #F8F8F8;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0;
    border: 5px solid #E1E1E1;
  }

  .order-progress a:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 15px;
    border: 1px solid #bbb;
    background: #fff url(../images/pointer.png) center no-repeat
  }

  .order-progress li.active-step a {
    cursor: pointer
  }

  .order-progress li.inactive-step a {
    cursor: default
  }

.shopping-cart-page .page-title {
  margin: 0 0 -1px;
  padding: 10px
}

.shopping-cart-page .message-error {
  margin: 20px 0
}

.shopping-cart-page td .message-error {
  margin: 10px 0 0;
  text-align: left
}

.shopping-cart-page .checkout-attributes a {
  color: #4ab3f1
}

  .shopping-cart-page .checkout-attributes a:focus, .shopping-cart-page .checkout-attributes a:hover {
    text-decoration: underline
  }

.shopping-cart-page .tax-shipping-info {
  margin: 20px 0;
  text-align: center
}

  .shopping-cart-page .tax-shipping-info a {
    color: #4ab3f1
  }

    .shopping-cart-page .tax-shipping-info a:focus, .shopping-cart-page .tax-shipping-info a:hover {
      text-decoration: underline
    }

.shopping-cart-page .common-buttons {
  margin: 0 0 60px;
  background-color: #f6f6f6;
  padding: 20px;
  font-size: 0
}

  .shopping-cart-page .common-buttons button {
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    background-color: #aaa;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff
  }

    .shopping-cart-page .common-buttons button:focus, .shopping-cart-page .common-buttons button:hover {
      background-color: #999
    }

    .shopping-cart-page .common-buttons button:first-child {
      background-color: #FFB00F
    }

      .shopping-cart-page .common-buttons button:first-child:focus, .shopping-cart-page .common-buttons button:first-child:hover {
        background-color: #CC8C0C
      }

.checkout-attributes {
  margin: -30px 0 30px;
  color: #444
}

  .checkout-attributes dt {
    margin: 0 0 5px;
    font-weight: 700
  }

  .checkout-attributes dd {
    margin: 0 0 20px
  }

  .checkout-attributes input[type=text], .checkout-attributes select {
    min-width: 170px
  }

  .checkout-attributes ul {
    font-size: 0
  }

  .checkout-attributes li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 14px
  }

  .checkout-attributes .attribute-squares li {
    border: none;
    padding: 0;
    line-height: 0
  }

  .checkout-attributes li label {
    display: inline-block;
    margin: 0 0 0 5px
  }

.selected-checkout-attributes {
  margin: 30px 0;
  color: #444
}

  .selected-checkout-attributes br {
    content: "";
    display: block;
    margin: 3px
  }

.cart-footer {
  margin: 0 0 50px;
  border-top: 1px solid #ddd
}

  .cart-footer:after {
    content: "";
    display: block;
    clear: both
  }

  .cart-footer .totals {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 50px;
    background-color: #f9f9f9;
    padding: 10px;
    color: #444
  }

  .cart-footer .total-info {
    margin: 0 0 57px;
    border-bottom: 1px solid #ddd;
    padding: 5px 30px 15px
  }

.cart-total td {
  width: 50%;
  padding: 2px 0;
  text-align: right
}

  .cart-total td:first-child {
    text-align: left;
    /* height: 25px; */
  }

.cart-total .giftcard-remaining {
  display: block;
  font-style: italic
}

.cart-total .order-total {
  font-size: 20px;
  color: #FFB00F
}

  .cart-total .order-total strong {
    font-weight: 400
  }

.cart-total .earn-reward-points {
  font-style: italic
}

.min-amount-warning {
  margin: 0 0 20px;
  padding: 0 30px;
  color: #e4434b
}

.terms-of-service {
  margin: 24px -10px 20px;
  padding: 0 30px
}

  .terms-of-service label {
    cursor: pointer
  }

  .terms-of-service a {
    margin: 0 0 0 3px;
    color: #FFB00F
  }

.cart-footer .checkout-buttons {
  padding: 0 10px
}

  .cart-footer .checkout-buttons > #checkout {
    display: none !important
  }

.cart-table-wrap .table-wrapper .cart-item-row .attributes {
  margin: 5px 0 0;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important
}

  .cart-table-wrap .table-wrapper .cart-item-row .attributes :not(.button-2.button-plus):not(.button-2.button-minus) {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important
  }

.cart-table-wrap .table-wrapper .message-error {
  margin: 5px 0 0
}

  .cart-table-wrap .table-wrapper .message-error ul li {
    color: red;
    font-size: 14px !important;
    line-height: 1.2;
    font-weight: 400 !important
  }

.cart-footer .checkout-disabled {
  font-size: 20px;
  text-align: center;
  background: orange;
  border: 1px solid #c3891e;
  color: #fff;
  padding: 15px 50px
}

.cart-footer .checkout-button {
  display: inline-block;
  min-width: 160px;
  border: none;
  background-color: #FFB00F;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase
}

  .cart-footer .checkout-button:focus, .cart-footer .checkout-button:hover {
    background-color: #CC8C0C
  }

.cart-footer .addon-buttons {
  margin: 20px 0 0;
  padding: 0 10px
}

.cart-collaterals {
  width: 350px;
  max-width: 100%;
  /* margin: 0 auto 30px; */
  padding: 25px 0 0
}

  .cart-collaterals > div {
    max-width: 400px;
    /* margin: 0px 0 0px; */
  }

  .cart-collaterals .button-2 {
    display: inline-block;
    border: none;
    background-color: #aaa;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase
  }

    .cart-collaterals .button-2:focus, .cart-collaterals .button-2:hover {
      background-color: #999
    }

  .cart-collaterals .title {
    margin: 0 0 5px;
    font-size: 18px;
    color: #444
  }

    .cart-collaterals .title strong {
      font-weight: 400
    }

  .cart-collaterals .hint {
    margin: 0 0 10px
  }

  .cart-collaterals .deals > div {
    margin: 0 0 20px
  }

  .cart-collaterals .coupon-code {
    overflow: hidden
  }

    .cart-collaterals .coupon-code input[type=text] {
      float: left;
      width: 60%;
      height: 36px;
      margin: 0 -1px 0 0
    }

    .cart-collaterals .coupon-code button[type=submit] {
      float: left;
      width: 40%;
      height: 36px;
      padding: 0
    }

  .cart-collaterals .message-failure {
    margin: 5px 0 0;
    font-size: 12px;
    color: #e4434b
  }

  .cart-collaterals .message-success {
    margin: 5px 0 0;
    font-size: 12px;
    color: #4cb17c
  }

  .cart-collaterals .current-code {
    margin: 5px 0 0;
    color: #4cb17c
  }

.remove-discount-button, .remove-gift-card-button {
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  background: #fff url(../images/close.png) center no-repeat;
  cursor: pointer
}

.cart-collaterals .shipping select {
  height: 36px
}

.cart-collaterals .shipping-results {
  margin: 30px 0 0
}

  .cart-collaterals .shipping-results li {
    margin: 20px 0
  }

    .cart-collaterals .shipping-results li strong {
      display: block;
      margin: 0 0 5px;
      color: #444
    }

.shopping-cart-page .no-data {
  margin: 25px 0 0
}

.trade-acc-bullet-point li {
  font-size: 14px;
}

.checkout-page .section.order-summary {
  margin: 100px 0 30px
}

.checkout-page .cart-options {
  min-height: 60px;
  overflow: hidden
}

.checkout-page .cart-footer {
  border-top: none
}

.checkout-page .total-info {
  margin: 0;
  border-bottom: none;
  padding: 0
}

.checkout-page .button-1 {
  display: inline-block;
  min-width: 140px;
  border: none;
  background-color: var(--yellow-color);
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #000;
}

  .checkout-page .button-1:focus, .checkout-page .button-1:hover {
    background-color: var(--yellow-color)
  }

.checkout-page .address-item {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 40px
}

  .checkout-page .address-item ul {
    margin: 0 0 15px;
    background-color: #f9f9f9;
    padding: 20px 0px 20px 2px;
    color: #444
  }

  .checkout-page .address-item li {
    padding: 5px 0
  }

    .checkout-page .address-item li.name {
      font-size: 16px;
      font-weight: 700
    }

.enter-address .message-error {
  margin: 20px 0
}

.enter-address .edit-address {
  background-color: #f9f9f9;
  border-top: 1px solid #e6e6e6;
  margin: 0 0 30px;
  padding: 30px 15px
}

.checkout-page .ship-to-same-address {
  text-align: center;
  margin-bottom: 35px
}

  .checkout-page .ship-to-same-address .selector {
    margin: 0 0 5px;
    font-weight: 700;
    color: #444
  }

.vat-number-warning {
  text-align: center;
  font-size: 13px;
  color: #e4434b;
  margin-top: 5px
}

  .vat-number-warning a {
    text-decoration: underline
  }

.checkout-page .pickup-in-store {
  text-align: center
}

  .checkout-page .pickup-in-store .selector {
    margin: 0 0 5px;
    font-weight: 700;
    color: #444
  }

.select-pickup-point {
  text-align: center
}

.checkout-page .pickup-points-map {
  min-width: 400px;
  min-height: 350px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px
}

.checkout-page .edit-address-button {
  float: right;
  margin: 20px 10px 10px 12px
}

.checkout-page .delete-address-button {
  float: right;
  margin: 20px 0 10px 0
}

.payment-method .method-list, .shipping-method .method-list {
  margin: 0 auto 30px;
  overflow: hidden;
  text-align: center;
  font-size: 0
}

  .payment-method .method-list li, .shipping-method .method-list li {
    margin: 20px 0;
    font-size: 14px
  }

    .payment-method .method-list li label, .shipping-method .method-list li label {
      font-size: 13px;
      font-weight: 700;
      color: #444
    }

.shipping-method .method-description {
  margin: 5px 0 0
}

.payment-method .use-reward-points {
  margin: 0 0 30px;
  text-align: center;
  color: #444
}

.payment-method .payment-logo {
  display: inline-block;
  vertical-align: middle
}

  .payment-method .payment-logo label {
    display: block;
    font-size: 0 !important
  }

.payment-method .payment-details {
  width: 200px;
  display: inline-block;
  margin: 0 0 0 10px;
  text-align: left;
  vertical-align: middle
}

.payment-info .info {
  padding: 30px 15px;
  color: #444
}

  .payment-info .info tr {
    display: block;
    margin: 0 0 15px;
    font-size: 0
  }

  .payment-info .info td {
    display: inline-block;
    width: 100% !important;
    max-width: 400px !important;
    font-size: 14px
  }

    .payment-info .info td:only-child {
      width: 100% !important;
      max-width: 100% !important
    }

    .payment-info .info td input[type=text] {
      width: 100% !important
    }

    .payment-info .info td input[name=CardCode] {
      width: 65px !important
    }

    .payment-info .info td select {
      min-width: 70px
    }

    .payment-info .info td:first-child {
      margin: 0 0 10px
    }

  .payment-info .info p {
    text-align: center
  }

.confirm-order .buttons {
  padding: 10px 0
}

.confirm-order .button-1 {
  font-size: 16px
}

.order-details-area > div, .order-review-data > div, .shipment-details-area > div {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 40px;
  background-color: #f9f9f9;
  padding: 20px;
  color: #444
}

.order-details-area li, .order-review-data li, .shipment-details-area li {
  padding: 3px 0
}

.order-details-area .title, .order-review-data .title, .shipment-details-area .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 16px;
  font-weight: 700
}

  .order-details-area .title strong, .order-review-data .title strong, .shipment-details-area .title strong {
    font-weight: 700
  }

.order-details-area .payment-method-info, .order-details-area .shipping-method-info, .order-review-data .payment-method-info, .order-review-data .shipping-method-info {
  margin-top: 20px
}

.order-completed .details {
  margin: 0 0 30px;
  padding: 30px 15px;
  text-align: center;
  color: #444
}

  .order-completed .details div {
    margin: 5px 0
  }

  .order-completed .details strong {
    font-weight: 400;
    text-transform: uppercase
  }

  .order-completed .details a {
    color: #FFB00F
  }

    .order-completed .details a:focus, .order-completed .details a:hover {
      text-decoration: underline
    }

/*.opc .step-title {
  margin: 0 0 1px;
  overflow: hidden;
  background-color: #f6f6f6
}

.opc .allow .step-title {
  background-color: #FFB00F;
  cursor: pointer
}

.opc .step-title .number, .opc .step-title .title {
  float: left;
  min-height: 40px;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400
}

.opc .allow .step-title .number, .opc .allow .step-title .title {
  color: #fff;
  cursor: pointer
}

.opc .step-title .number {
  width: 42px;
  border-right: 1px solid #fff;
  text-align: center
}

.opc .allow .step-title .number {
  background-color: #CC8C0C
}

.opc .step {
  margin: 10px 0;
  padding: 30px 15px;
  text-align: center
}

.opc .section {
  margin: 0 0 30px
}

  .opc .section > label {
    display: block;
    margin: 0 0 10px
  }

.opc input[type=text], .opc select {
  max-width: 100%
}

.opc .buttons {
  margin-bottom: 0
}

.opc .back-link {
  margin: 0 0 10px
}

  .opc .back-link small {
    display: none
  }

  .opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -15px;
    background: url(../images/back-button.png) left center no-repeat;
    padding: 0 0 0 18px;
    color: #444
  }

    .opc .back-link a:focus, .opc .back-link a:hover {
      color: #FFB00F
    }

.opc .buttons .please-wait {
  display: block;
  margin: 10px 0 0;
  background: 0 0
}

.opc .section.ship-to-same-address {
  margin: 0 0 30px;
  padding: 0
}

.opc .section.pickup-in-store {
  margin: 0 0 30px;
  padding: 0
}

.opc .payment-info .info tr {
  text-align: left
}

.opc .section.order-summary {
  margin: 0
}
*/
.order-details-page .page-title {
  border-bottom: none
}

  .order-details-page .page-title h1 {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px
  }

  .order-details-page .page-title a {
    display: inline-block;
    min-width: 180px;
    margin: 5px 0;
    border: none;
    background-color: #aaa;
    background-image: none;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff
  }

    .order-details-page .page-title a:focus, .order-details-page .page-title a:hover {
      background-color: #999
    }

    .order-details-page .page-title a.print-order-button {
      background-color: #FFB00F
    }

      .order-details-page .page-title a.print-order-button:focus, .order-details-page .page-title a.print-order-button:hover {
        background-color: #CC8C0C
      }

.order-details-page .order-overview {
  margin: 0 0 50px;
  line-height: 26px;
  font-size: 16px;
  color: #444
}

  .order-details-page .order-overview .order-number {
    margin: 0 0 10px;
    text-align: left
  }

  .order-details-page .order-overview .order-total strong {
    font-weight: 400;
    color: #FFB00F
  }

.order-details-page .repost .button-2 {
  display: inline-block;
  margin: 10px 0;
  border: none;
  background-color: #FFB00F;
  padding: 10px 15px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase
}

  .order-details-page .repost .button-2:focus, .order-details-page .repost .button-2:hover {
    background-color: #CC8C0C
  }

.order-details-page .download a {
  font-weight: 400;
  color: #FFB00F
}

  .order-details-page .download a:focus, .order-details-page .download a:hover {
    text-decoration: underline
  }

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  padding: 20px;
  text-align: center
}

.user-agreement-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: #FFB00F;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .user-agreement-page .button-1:focus, .user-agreement-page .button-1:hover {
    background-color: #CC8C0C
  }

.order-details-page .tax-shipping-info {
  margin: 30px 0
}

  .order-details-page .tax-shipping-info a {
    color: #FFB00F
  }

    .order-details-page .tax-shipping-info a:focus, .order-details-page .tax-shipping-info a:hover {
      text-decoration: underline
    }

.order-details-page .actions {
  margin: 30px 0 0;
  font-size: 0
}

  .order-details-page .actions button {
    display: inline-block;
    min-width: 165px;
    margin: 5px;
    border: none;
    background-color: #aaa;
    background-image: none;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff
  }

    .order-details-page .actions button:focus, .order-details-page .actions button:hover {
      background-color: #999
    }

    .order-details-page .actions button:first-child {
      background-color: #FFB00F
    }

      .order-details-page .actions button:first-child:focus, .order-details-page .actions button:first-child:hover {
        background-color: #CC8C0C
      }

.order-details-page .totals.section {
  width: 370px;
  padding: 0 10px;
  max-width: 100%;
  margin: 0 auto 50px
}

.order-details-page .total-info {
  background-color: #f9f9f9;
  padding: 15px 20px;
  color: #444
}

.search-page .page-title {
  margin: 0 0 -1px
}

.search-input .fieldset {
  margin: 0 0 30px
}

.search-input .form-fields {
  padding: 30px 15px 10px
}

.search-input input + label {
  display: inline;
  margin: 0 0 0 5px
}

.advanced-search {
  margin: 30px 0 0
}

  .advanced-search .price-range {
    display: inline-block
  }

    .advanced-search .price-range input {
      width: 80px
    }

.search-input .buttons {
  text-align: center
}

/*.search-input .button-1 {
  min-width: 140px;
  border: none;
  background-color: #FFB00F;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .search-input .button-1:focus, .search-input .button-1:hover {
    background-color: #CC8C0C
  }*/
.search-results {
  margin: 30px 0 0
}

  .search-results .warning {
    margin: 10px 0;
    color: #e4434b
  }

.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center
}

.sitemap-page .entity {
  margin: 0 0 30px;
  background: #eff0f2;
  border-radius: 8px;
  overflow: hidden;
  padding: 24px
}

.sitemap-page .entity-title {
  margin: 0 0 15px
}

  .sitemap-page .entity-title h2 {
    font-size: 24px;
    font-weight: 800;
    color: #000
  }

.sitemap-page .entity ul {
  font-size: 0;
  column-count: 3;
  column-gap: 30px
}

.sitemap-page .entity li {
  display: block;
  position: relative;
  margin: 0 0 10px;
  font-size: 17px
}

  .sitemap-page .entity li:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #ddd;
    display: none
  }

.sitemap-page .entity a {
  color: var(--dark-blue-color)
}

  .sitemap-page .entity a:focus, .sitemap-page .entity a:hover {
    color: #FFB00F
  }

  .sitemap-page .entity a:empty {
    display: none
  }

.pager ul {
  text-align: center
}

.pager li a {
  border: 1px solid #0c1621;
  border-radius: 4px;
  padding: 0;
  background: 0 0;
  line-height: 34px
}

.pager li span {
  background: #FFB00F;
  padding: 0;
  line-height: 34px;
  border-radius: 4px
}

.pager li a:focus, .pager li a:hover {
  background: #FFB00F;
  color: #fff
}

.block-blog-archive .number {
  display: block;
  color: #fff;
  cursor: auto
}

.block-blog-archive .sublist {
  margin: 5px 0 5px 15px
}

.block-blog-archive li.month {
  padding: 3px 0 3px 15px
}

.blog-page .page-title, .news-list-page .page-title {
  margin: 0
}

.blog-page .post, .news-items .news-item {
  margin: 0 0 30px
}

  .blog-page .post:after {
    content: "";
    display: block;
    clear: both
  }

.news-title, .post-title {
  display: inline-block;
  padding: 20px 10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #444
}

  .news-title:focus, .news-title:hover, .post-title:focus, .post-title:hover {
    color: #FFB00F
  }

.news-date, .post-date {
  display: block;
  margin: 0 0 15px;
  background-color: #f6f6f6;
  padding: 10px;
  font-style: italic;
  color: #444
}

.news-body, .post-body {
  margin: 0 0 20px;
  padding: 0 10px;
  line-height: 22px
}

.blog-page .tags, .blogpost-page .tags {
  margin: 0 0 15px;
  overflow: hidden;
  padding: 0 10px
}

  .blog-page .tags label, .blogpost-page .tags label {
    display: inline-block;
    margin: 0 3px 3px 0;
    font-weight: 700;
    color: #444
  }

  .blog-page .tags ul, .blogpost-page .tags ul {
    display: inline-block;
    margin: 0 0 3px 3px;
    font-size: 0
  }

  .blog-page .tags li, .blogpost-page .tags li {
    display: inline-block;
    font-size: 14px
  }

    .blog-page .tags li.separator, .blogpost-page .tags li.separator {
      margin: 0 8px 0 0
    }

  .blog-page .tags a, .blogpost-page .tags a {
    display: block;
    color: #FFB00F
  }

    .blog-page .tags a:focus, .blog-page .tags a:hover, .blogpost-page .tags a:focus, .blogpost-page .tags a:hover {
      text-decoration: underline
    }

.blog-posts .buttons, .news-items .buttons {
  margin: 0;
  padding: 0 10px
}

  .blog-posts .buttons .read-comments {
    display: block;
    margin: 0 0 15px;
    font-weight: 700;
    color: #444
  }

    .blog-posts .buttons .read-comments:focus, .blog-posts .buttons .read-comments:hover {
      color: #FFB00F
    }

  .blog-posts .buttons .read-more, .news-items .buttons .read-more {
    display: inline-block;
    border: none;
    background-color: #FFB00F;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .blog-posts .buttons .read-more:focus, .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:focus, .news-items .buttons .read-more:hover {
      background-color: #CC8C0C
    }

.new-comment {
  margin: 50px 0 60px
}

  .new-comment .notifications {
    margin: 0 0 10px
  }

  .new-comment .result {
    color: #690
  }

  .new-comment .form-fields {
    margin: 0 0 20px
  }

  .new-comment .button-1 {
    border: none;
    background-color: #FFB00F;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
  }

    .new-comment .button-1:focus, .new-comment .button-1:hover {
      background-color: #CC8C0C
    }

.comment-list {
  margin: 0 0 100px
}

  .comment-list .title {
    margin: 0 0 15px;
    padding: 0 10px;
    font-size: 20px;
    color: #444
  }

    .comment-list .title strong {
      font-weight: 400
    }

  .comment-list .comment {
    margin: 0 0 40px;
    border-top: 1px solid #ddd
  }

    .comment-list .comment:after {
      content: "";
      display: block;
      clear: both
    }

.comment-info {
  width: 150px;
  margin: 20px auto
}

  .comment-info .username {
    display: block;
    margin: 0 0 -1px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 11px 0;
    font-weight: 700;
    color: #444
  }

  .comment-info a.username:focus, .comment-info a.username:hover {
    color: #FFB00F
  }

  .comment-info .avatar {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    overflow: hidden
  }

    .comment-info .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      border: solid 2px #cedbe1 !important
    }

.comment-time {
  margin: 0 0 15px;
  font-size: 13px;
  font-weight: 700
}

  .comment-time span {
    color: #444
  }

.comment-title {
  margin: 0 0 15px;
  font-size: 16px;
  color: #444
}

.comment-body {
  line-height: 22px
}

.news-list-homepage {
  margin: 0 0 75px
}

  .news-list-homepage .title {
    margin: 0 0 -1px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: 400;
    color: #444
  }

    .news-list-homepage .title strong {
      font-weight: 400
    }

  .news-list-homepage .view-all {
    text-align: center
  }

    .news-list-homepage .view-all a {
      color: #444;
      text-decoration: underline
    }

      .news-list-homepage .view-all a:focus, .news-list-homepage .view-all a:hover {
        color: #FFB00F
      }

/*.forums-main-page .topic-block {
  margin: 0 0 35px;
  text-align: center
}

  .forums-main-page .topic-block p {
    text-align: center
  }

.forums-main-page .pager {
  display: none
}

.forum-breadcrumb {
  margin: 0 0 40px
}

.forums-header {
  margin: 0 0 50px;
  overflow: hidden
}

  .forums-header:after {
    content: "";
    display: block;
    clear: both
  }

  .forums-header .current-time {
    margin: 0 0 15px;
    color: #444
  }

.forum-search-box .basic {
  overflow: hidden;
  margin: 0 0 10px
}

.forum-search-box .advanced a {
  line-height: 22px;
  color: #444;
  text-decoration: underline
}

  .forum-search-box .advanced a:focus, .forum-search-box .advanced a:hover {
    color: #FFB00F
  }

.forum-search-page .page-title {
  margin: 0 0 -1px
}

.forum-search-page .no-result, .forum-search-page .search-error {
  margin: 0 0 15px;
  text-align: center;
  color: #e4434b
}

.forums-table-section {
  margin: 0 0 60px
}

  .forums-table-section + .pager {
    margin: -30px 0 30px
  }

.forums-table-section-title {
  margin: 0 0 15px;
  padding: 0 10px
}

  .forums-table-section-title a, .forums-table-section-title strong {
    font-size: 22px;
    font-weight: 400;
    color: #444
  }

    .forums-table-section-title a:focus, .forums-table-section-title a:hover {
      color: #FFB00F
    }

.forums-table-section .image div {
  width: 38px;
  height: 32px;
  margin: auto;
  background: url(../images/topic-type1.png) center no-repeat
}

  .forums-table-section .image div.sticky {
    background: url(../images/topic-type2.png) center no-repeat
  }

  .forums-table-section .image div.announcement {
    background: url(../images/topic-type3.png) center no-repeat
  }

.forums-table-section .forum-title, .forums-table-section .topic-title {
  margin: 5px 0
}

  .forums-table-section .forum-title a, .forums-table-section .topic-title a {
    font-size: 16px;
    font-weight: 700;
    color: #444
  }

    .forums-table-section .forum-title a:focus, .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:focus, .forums-table-section .topic-title a:hover {
      color: #FFB00F;
      text-decoration: none
    }

  .forums-table-section .topic-title span {
    display: block;
    color: #777
  }

.forums-table-section .forum-description, .forums-table-section .topic-starter {
  margin: 5px 0
}

.forums-table-section .latest-post {
  white-space: nowrap
}

  .forums-table-section .latest-post div {
    margin: 5px 0
  }

  .forums-table-section .latest-post label {
    color: #777
  }

.forums-table-section .view-all {
  margin: 30px 0 0;
  padding: 0 10px
}

  .forums-table-section .view-all a {
    background-color: #FFB00F;
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .forums-table-section .view-all a:focus, .forums-table-section .view-all a:hover {
      background-color: #CC8C0C
    }

.forum-page .forum-info {
  margin: 0 0 30px
}

.forum-page .forum-name, .forum-topic-page .topic-name {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px
}

  .forum-page .forum-name h1, .forum-topic-page .topic-name h1 {
    font-size: 30px;
    font-weight: 400
  }

.forum-actions, .topic-actions {
  margin: 0 0 30px;
  font-size: 0
}

  .forum-actions .actions a, .topic-actions .actions a {
    display: inline-block;
    margin: 1px;
    padding: 10px 10px 10px 33px;
    font-size: 14px
  }

  .forum-actions .actions .new-topic {
    background: #eee url(../images/new.png) left center no-repeat
  }

  .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum {
    background: #eee url(../images/watch.png) left center no-repeat
  }

  .forum-actions .actions a:focus, .forum-actions .actions a:hover, .topic-actions .actions a:focus, .topic-actions .actions a:hover {
    background-color: #e6e6e6
  }

  .forum-actions .pager.upper, .topic-actions .pager.upper {
    display: none;
    margin: 0
  }
*/
.topic-actions .reply-topic-button {
  background: #eee url(../images/reply.png) left center no-repeat
}

.topic-actions .watch-topic-button {
  background: #eee url(../images/watch.png) left center no-repeat
}

.topic-actions .move-topic-button {
  background: #eee url(../images/move.png) left center no-repeat
}

.topic-actions .edit-topic-button {
  background: #eee url(../images/edit_.png) left center no-repeat
}

.topic-actions .delete-topic-button {
  background: #eee url(../images/remove_.png) left center no-repeat
}

.topic-actions.lower .actions {
  display: none
}

.active-discussions-page .forums-table-section-title {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px
}

  .active-discussions-page .forums-table-section-title strong {
    font-size: 30px;
    font-weight: 400
  }

.active-discussions-page .forums-table-section-body {
  margin: 0 0 20px
}

.topic-post {
  margin: 0 0 30px;
  border-top: 1px solid #ddd
}

  .topic-post:last-child {
    border-bottom: 1px solid #ddd
  }

  .topic-post:after {
    content: "";
    display: block;
    clear: both
  }

  .topic-post .post-info {
    margin: 30px 0
  }

  .topic-post .user-info {
    width: 150px;
    margin: 0 auto 15px
  }

  .topic-post .username {
    display: block;
    margin: 0 0 -1px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 11px 0;
    font-weight: 700;
    color: #444
  }

  .topic-post a.username:focus, .topic-post a.username:hover {
    color: #FFB00F
  }

  .profile-info-box .avatar, .topic-post .avatar {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    overflow: hidden
  }

    .profile-info-box .avatar img, .topic-post .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto
    }

    .topic-post .avatar img {
      border: solid 2px #cedbe1 !important
    }

  .topic-post .user-stats {
    margin: 0 0 15px
  }

    .topic-post .user-stats li {
      display: inline-block;
      margin: 0 10px
    }

    .profile-info-box .profile-stats span, .topic-post .user-stats span {
      margin: 0 0 0 3px;
      font-weight: 700;
      color: #444
    }

  .profile-info-box .pm-button, .topic-post .pm-button {
    display: inline-block;
    border: none;
    background-color: #888;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .profile-info-box .pm-button:focus, .profile-info-box .pm-button:hover, .topic-post .pm-button:focus, .topic-post .pm-button:hover {
      background-color: #999
    }

  .topic-post .post-time {
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 700
  }

    .topic-post .post-time span {
      color: #444
    }

  .topic-post .post-actions {
    margin: 0 0 15px;
    font-size: 0
  }

    .topic-post .post-actions > div {
      display: inline-block
    }

    .topic-post .post-actions a {
      display: inline-block;
      margin: 1px 5px;
      font-size: 14px
    }

    .topic-post .post-actions .delete-post-button, .topic-post .post-actions .edit-post-button {
      padding: 10px 10px 10px 33px
    }

    .topic-post .post-actions .edit-post-button {
      background: url(../images/edit_.png) left center no-repeat
    }

    .topic-post .post-actions .delete-post-button {
      background: url(../images/remove_.png) left center no-repeat
    }

      .topic-post .post-actions .delete-post-button:focus, .topic-post .post-actions .delete-post-button:hover, .topic-post .post-actions .edit-post-button:focus, .topic-post .post-actions .edit-post-button:hover {
        color: #FFB00F
      }

    .topic-post .post-actions .post-link-button {
      padding: 10px;
      font-weight: 700;
      color: #FFB00F
    }

      .topic-post .post-actions .post-link-button:focus, .topic-post .post-actions .post-link-button:hover {
        text-decoration: underline
      }

    .topic-post .post-actions .quote-post-button {
      background-color: #888;
      padding: 10px 20px;
      color: #fff
    }

      .topic-post .post-actions .quote-post-button:focus, .topic-post .post-actions .quote-post-button:hover {
        background-color: #999;
        color: #fff
      }

  .topic-post .post-text {
    padding: 0 10px 20px;
    line-height: 22px;
    color: #444;
    margin-bottom: 0
  }

  .topic-post .post-vote {
    text-align: center;
    display: table;
    margin: 0 auto 20px
  }

  .latest-posts .user-posted-image, .topic-post .user-posted-image {
    max-width: 100%;
    height: auto
  }

  .latest-posts .quote, .topic-post .quote {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    padding: 10px;
    color: #777
  }

  .topic-post .signature {
    border-top: 1px solid #ddd;
    padding: 20px;
    font-size: 13px;
    font-style: italic;
    clear: both
  }

  .topic-post .post-vote span.vote {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 24px
  }

  .topic-post .post-vote span.up {
    background: url(../images/vote-up.png) no-repeat 50% 50%
  }

  .topic-post .post-vote span.vote.up.selected {
    background: url(../images/vote-up-selected.png) no-repeat 50% 50%
  }

  .topic-post .post-vote span.down {
    background: url(../images/vote-down.png) no-repeat 50% 50%
  }

  .topic-post .post-vote span.vote.down.selected {
    background: url(../images/vote-down-selected.png) no-repeat 50% 50%
  }

  .topic-post .vote-count-post {
    display: block;
    font-size: 160%
  }

.forum-edit-page .page-title, .move-topic-page .page-title, .private-message-send-page .page-title {
  margin: 0 0 -1px
}

.move-topic-page label {
  white-space: normal
}

/*.forum-edit-page .message-error, .private-message-send-page .message-error {
  margin: 20px 0
}

.forum-edit-page .inputs strong {
  display: inline-block;
  max-width: 400px;
  font-size: 22px;
  font-weight: 400;
  color: #444;
  white-space: normal
}

.forum-edit-page .inputs .topic-subject {
  font-size: 17px
}

.forum-edit-page .inputs.reversed {
  margin: 0
}

  .forum-edit-page .inputs.reversed label {
    width: auto;
    margin: 5px;
    font-size: 14px;
    white-space: normal
  }

.forum-edit-page .bb-code-editor-wrapper, .private-message-send-page .bb-code-editor-wrapper {
  max-width: 400px;
  margin: 20px auto;
  background-color: #ddd;
  padding: 10px
}

.forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button {
  margin: 0 2px 0 0;
  border: #cec6b5 1px solid;
  padding: 2px
}

  .forum-edit-page .toolbar .button:focus, .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:focus, .private-message-send-page .toolbar .button:hover {
    border: #333 1px solid
  }

.forum-edit-page textarea, .private-message-send-page textarea {
  display: block;
  margin: auto
}

.forum-edit-page .buttons button, .move-topic-page .buttons button, .private-messages .buttons button {
  min-width: 140px;
  border: none;
  background-color: #999;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .forum-edit-page .buttons button:focus, .forum-edit-page .buttons button:hover, .move-topic-page .buttons button:focus, .move-topic-page .buttons button:hover, .private-messages .buttons button:focus, .private-messages .buttons button:hover {
    background-color: #888
  }

.forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1 {
  background-color: #FFB00F
}

  .forum-edit-page .buttons .button-1:focus, .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:focus, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:focus, .private-messages .buttons .button-1:hover {
    background-color: #CC8C0C
  }

.private-message-send-page a {
  font-size: 14px;
  color: #FFB00F
}

.private-message-send-page span {
  font-size: 14px
}*/
/*.ui-tabs {
  border: none;
  border-radius: 0;
  background: 0 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #777
}

.ui-widget.ui-widget-content.ui-tabs {
  border: none
}

.ui-tabs-nav {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  font-size: 0;
  margin: 0 0 30px !important;
  border-width: 0 0 1px;
  border-radius: 0;
  background: 0 0;
  padding: 0 !important;
  line-height: normal;
  font-weight: 400;
  color: #444
}

  .ui-tabs-nav li {
    margin: 0 0 -1px;
    float: none !important;
    margin: 0 0 -1px !important;
    border: none !important;
    border-radius: 0;
    background: 0 0 !important;
    padding: 0 !important
  }

    .ui-tabs-nav li a {
      display: block;
      border: 1px solid #ddd;
      padding: 12px 24px;
      text-align: center;
      font-size: 18px;
      color: #444;
      float: none !important;
      padding: 12px 24px !important
    }

    .ui-tabs-nav li.ui-state-active a {
      background-color: #eee;
      color: #FFB00F
    }

.ui-tabs-panel {
  padding: 0 !important
}

.private-message-view-page .view-message, .private-messages-page .table-wrapper {
  margin: 0 0 30px
}

.private-messages-page th.select {
  text-align: center
}

.private-messages-page td.from, .private-messages-page td.subject, .private-messages-page td.to {
  min-width: 150px
}

.private-messages-page td.date {
  white-space: nowrap
}

.private-messages-page td.subject a {
  color: #444
}

  .private-messages-page td.subject a.pm-unread {
    color: #FFB00F
  }

.private-messages-page .pager {
  margin: 0 0 30px
}

.private-message-view-page .buttons, .private-messages-page .buttons {
  font-size: 0
}

  .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2, .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2 {
    display: block;
    width: 250px;
    margin: 0 auto 3px;
    font-size: 15px
  }

.private-messages-page .no-items {
  padding: 20px;
  text-align: center
}

.private-message-view-page .view-message {
  margin: 0 0 30px
}

.private-message-view-page .message-head {
  margin: 0 0 20px;
  line-height: 22px
}

  .private-message-view-page .message-head span {
    font-weight: 700;
    color: #444
  }

.private-message-view-page .message-body {
  border-top: 1px solid #ddd;
  background-color: #f9f9f9;
  padding: 30px 20px;
  line-height: 22px;
  text-align: justify
}

.private-message-view-page .back-pm-button {
  text-transform: capitalize !important
}
*/
.profile-info-box {
  overflow: hidden;
  line-height: normal;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #777
}

  .profile-info-box .user-details {
    margin: 0 0 30px
  }

  .profile-info-box .avatar {
    margin: 0 auto 15px
  }

  .profile-info-box .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #444
  }

  .profile-info-box .stats {
    margin: 0 0 15px
  }

.latest-posts {
  line-height: normal;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #777
}

  .latest-posts .topic {
    margin: 0 0 35px
  }

  .latest-posts .topic-title {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    background: #f6f6f6;
    padding: 10px;
    font-size: 16px
  }

    .latest-posts .topic-title a {
      font-weight: 700;
      color: #444
    }

      .latest-posts .topic-title a:focus, .latest-posts .topic-title a:hover {
        color: #FFB00F
      }

  .latest-posts .topic-body {
    margin: 0 0 15px;
    line-height: 22px
  }

  .latest-posts .topic-data {
    color: #444
  }

/*.csharpcode {
  margin: 10px 0;
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: #000;
  white-space: pre-wrap;
  word-wrap: break-word
}

  .csharpcode .rem {
    color: green
  }

  .csharpcode .kwrd {
    color: #00f
  }

  .csharpcode .str {
    color: #006080
  }

  .csharpcode .op {
    color: #00c
  }

  .csharpcode .preproc {
    color: #c63
  }

  .csharpcode .asp {
    background-color: #ff0
  }

  .csharpcode .html {
    color: maroon
  }

  .csharpcode .attr {
    color: red
  }

  .csharpcode .alt {
    width: 100%;
    margin: 0;
    background-color: #f6f6f6
  }

  .csharpcode .lnum {
    color: #666
  }
*/
@media all and (max-width: 769px) {
  .review-rating .name-description {
    text-align: center;
    width: 100%;
    display: block
  }

  .write-review .review-rating div {
    text-align: center;
    padding-bottom: 10px;
    display: inline-block
  }

  .shipping-address {
    flex-flow: column
  }

  .address-item {
    width: 100%
  }
}

@media all and (max-width: 1000px) {
  .cart {
    display: block
  }

    .cart colgroup, .cart thead {
      display: none
    }

    .cart tbody {
      display: block;
      overflow: hidden
    }

    .cart tr {
      display: block;
      float: left;
      width: 100%;
      margin: 40px 0 0;
      border: 1px solid #ddd
    }

    .cart td {
      display: block;
      border: none;
      padding: 10px
    }

      .cart td.remove-from-cart {
        margin: 0 0 15px;
        border-bottom: 1px solid #ddd;
        background-color: #eee;
        padding: 10px
      }

      .cart td.product-picture {
        border-top: 1px solid #ddd;
        padding: 15px 10px 5px
      }

      .cart td.product {
        min-width: 0;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px 15px;
        text-align: center
      }

      .cart td.quantity {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle
      }

      .cart td.subtotal, .cart td.unit-price {
        display: inline-block;
        padding: 20px 10px;
        vertical-align: middle
      }

  .order-details-page .data-table {
    display: block
  }

    .order-details-page .data-table colgroup, .order-details-page .data-table thead {
      display: none
    }

    .order-details-page .data-table tbody {
      display: block;
      overflow: hidden
    }

    .order-details-page .data-table tr {
      display: block;
      float: left;
      width: 100%;
      margin: 40px 0 0;
      border: 1px solid #ddd
    }

    .order-details-page .data-table td {
      display: block;
      border: none;
      padding: 10px
    }

      .order-details-page .data-table td.product, .order-details-page .data-table td.tracking-number {
        min-width: 0;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px 15px;
        text-align: center
      }

  .header-menu {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 600px;
    margin: 0 auto 40px;
    min-height: 75px;
  }

  .menu-toggle {
    background: #FFB00F url(../images/menu-icon.png) right center no-repeat;
    padding: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
  }

  .top-menu > li {
    position: relative;
    margin: 1px 0;
  }

    .top-menu > li > a {
      display: block;
      padding: 18px;
      font-size: 15px;
      color: #555
    }

      .top-menu > li > a:focus {
        position: relative;
        z-index: 1
      }

  .top-menu .sublist {
    background-color: #fff
  }

    .top-menu .sublist li {
      position: relative;
      margin: 1px 0
    }

      .top-menu .sublist li a {
        display: block;
        padding: 15px 18px;
        font-size: 15px
      }

  .sublist-toggle {
    position: absolute;
    top: 50%;
    left: 100%;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    height: 100%;
    line-height: 40px;
    background-image: url(../images/toggle-dark.png);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 0;
    background-position: center;
    transform: rotate(-90deg) translate(0, -50%);
    transform-origin: left center
  }

  .sublist .sublist .sublist li {
    background-color: #fff
  }

  .block-category-navigation {
    display: none
  }

  .block-account-navigation {
    float: none;
    margin: auto !important
  }

  .write-review .review-rating div.name-description {
    width: 100%;
    margin: 0 5px 0 0;
    text-align: center
  }
}

@media all and (min-width: 481px) {
  .header-menu, .master-wrapper-content {
    width: 92.5%
  }

  .cart tr {
    width: 46%;
    margin: 40px 2% 0
  }

    .cart tr:nth-child(2n+1) {
      clear: both
    }

  .order-details-page .data-table tr {
    width: 46%;
    margin: 40px 2% 0
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: both
    }

  .header-selectors-wrapper > div {
    display: inline-block;
    width: 30%;
    margin: 10px auto
  }

  .search-box input.search-box-text {
    width: 280px
  }

  .ui-autocomplete {
    width: 280px !important
  }

    .ui-autocomplete img {
      display: inline
    }

  .footer-block {
    width: 85%
  }

  .newsletter-email input[type=text] {
    width: 240px
  }

  .item-box {
    width: 49%;
    margin: 0 .5% 50px
  }

    .item-box:nth-child(2n+1) {
      clear: both
    }

    .item-box .product-rating-box {
      margin: 0 0 15px
    }

    .item-box .product-title {
      min-height: 42px;
      margin: 0 0 5px
    }

  .overview-buttons div {
    display: inline-block;
    width: auto;
    margin: 0 1px 2px
  }

  .wishlist-content .button-2 {
    display: inline-block;
    width: auto;
    margin: 0 1px 5px
  }

  .enter-password-form input[type=password] {
    width: 260px
  }

  .forums-header {
    background-color: #f9f9f9;
    padding: 30px 20px 20px
  }

  .ui-tabs-nav li {
    display: inline-block;
    min-width: 150px;
    margin: 0 5px -1px;
    margin: 0 5px -1px !important
  }

  .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2, .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2 {
    display: inline-block;
    width: auto;
    margin: 1px
  }

  .topic-post .post-text {
    float: left;
    width: 90.5%;
    text-align: left
  }

  .forum-group .forum-table td.latest-post, .forum-group .forum-table td.posts, .forum-group .forum-table td.topics, .forum-group .forum-table th.latest-post, .forum-group .forum-table th.posts, .forum-group .forum-table th.topics {
    display: table-cell
  }

  .topic-group .forum-table td.latest-post, .topic-group .forum-table th.latest-post {
    display: table-cell
  }

  .forum-table td.image {
    max-width: 40px
  }

    .forum-table td.image div {
      max-width: 100%;
      background-size: contain
    }
}

div#product-details-review-media {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px
}

  div#product-details-review-media a img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100px;
    border-radius: 4px;
    border: 1px solid
  }


@media all and (min-width: 769px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .master-wrapper-content {
    width: 94%
  }

  .home-page-polls li {
    min-width: 100px
  }

  .cart tr {
    width: 31.33333%;
    margin: 40px 1% 0
  }

    .cart tr:nth-child(2n+1) {
      clear: none
    }

    .cart tr:nth-child(3n+1) {
      clear: both
    }

  .order-details-page .data-table tr {
    width: 31.33333%;
    margin: 40px 1% 0
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: none
    }

    .order-details-page .data-table tr:nth-child(3n+1) {
      clear: both
    }

  .header-selectors-wrapper > div {
    width: 20%
  }

  .footer-block {
    display: inline-block;
    width: 25.33333%;
    margin: 0 4%;
    vertical-align: top
  }

    .footer-block .title {
      margin: 0 0 15px;
      background: 0 0;
      padding: 0;
      color: #444;
      cursor: auto
    }

    .footer-block .list {
      display: block !important;
      background: 0 0;
      padding: 0
    }

      .footer-block .list li {
        padding: 5px 0
      }

      .footer-block .list a {
        display: inline;
        padding: 0
      }

  .follow-us {
    width: 98%;
    margin: 25px auto 0
  }

  .product-selectors {
    text-align: left
  }

    .product-selectors .product-viewmode {
      float: right
    }

      .product-selectors .product-viewmode span {
        display: none
      }

      .product-selectors .product-viewmode a {
        display: inline-block;
        width: 24px;
        height: 32px;
        margin: 0 0 0 12px;
        background-position: center;
        background-repeat: no-repeat;
        opacity: .5
      }

        .product-selectors .product-viewmode a.grid {
          background-image: url(../images/view-grid.png)
        }

        .product-selectors .product-viewmode a.list {
          background-image: url(../images/view-list.png)
        }

        .product-selectors .product-viewmode a.selected {
          opacity: 1
        }

  .item-box {
    width: 32.33333%;
    margin: 0 .5% 50px
  }

    .item-box:nth-child(2n+1) {
      clear: none
    }

    .item-box:nth-child(3n+1) {
      clear: both
    }

  .product-list .item-box {
    float: none;
    width: auto;
    margin: 0 5px 20px
  }

    .product-list .item-box .product-item:after {
      content: "";
      display: block;
      clear: both
    }

    .product-list .item-box .picture {
      float: left;
      width: 220px
    }

    .product-list .item-box:focus .picture a img, .product-list .item-box:hover .picture a img {
      opacity: 1
    }

    .product-list .item-box .picture:focus a img, .product-list .item-box .picture:hover a img {
      opacity: .85
    }

    .product-list .item-box .picture + .details {
      margin: 0 0 0 240px
    }

    .product-list .item-box .product-title {
      height: auto;
      padding: 10px 0;
      font-size: 18px
    }

    .product-list .item-box .description {
      display: block;
      margin: 0 0 10px;
      line-height: 22px
    }

    .product-list .item-box .prices {
      height: auto;
      margin: 0 0 30px
    }

    .product-list .item-box .add-to-compare-list-button, .product-list .item-box .add-to-wishlist-button {
      width: 42px
    }

  .gallery {
    width: 550px
  }

  .variant-picture {
    float: left
  }

    .variant-picture + .variant-overview {
      width: auto;
      margin: 0 0 0 240px
    }

  .variant-overview {
    text-align: left
  }

  .write-review .review-rating div {
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px
  }

  .address-list-page .section, .order-list-page .section, .return-request-list-page .section {
    display: inline-block;
    width: 45%;
    margin: 20px 1%;
    vertical-align: top
  }

  .recurring-payments {
    width: 100% !important;
    margin: 20px 0 !important
  }

  .order-progress {
    padding: 20px
  }

    .order-progress li {
      margin: 0 10px
    }

    .order-progress a {
      min-width: 80px
    }

  .cart-options .common-buttons {
    text-align: right
  }

  .cart-options .checkout-attributes, .cart-options .selected-checkout-attributes {
    padding: 0 10px
  }

  .cart-footer .totals {
    float: right;
    width: 45%;
    margin: 0 2.5%
  }

  .cart-footer .terms-of-service {
    text-align: left
  }

  .cart-footer .addon-buttons, .cart-footer .checkout-buttons {
    text-align: right
  }

  .cart-footer .cart-collaterals {
    float: left;
    width: 45%;
    margin: 0 2.5%
  }

    .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label {
      text-align: left
    }

  .checkout-page .selected-checkout-attributes {
    float: right;
    text-align: right
  }

  .checkout-page .cart-footer .totals {
    max-width: 350px;
    margin: 0
  }

  .checkout-page .address-grid {
    overflow: hidden
  }

  .checkout-page .address-item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 48%;
    margin: 0 1% 40px
  }

  .payment-method .method-list li, .shipping-method .method-list li {
    display: inline-block;
    width: 25%;
    margin: 20px 2%;
    vertical-align: top
  }

  .shipping-method .method-name {
    background-color: #f6f6f6;
    padding: 10px
  }

  .payment-method .payment-logo {
    display: block;
    background-color: #f6f6f6;
    padding: 10px
  }

  .payment-method .payment-details {
    display: block;
    width: auto;
    min-width: 0;
    margin: 10px 0 0;
    text-align: center
  }

  .payment-info .info {
    padding: 30px 75px
  }

  .order-details-area, .order-review-data, .shipment-details-area {
    overflow: hidden
  }

    .order-details-area > div, .order-review-data > div, .shipment-details-area > div {
      float: left;
      width: 48%;
      margin: 0 1% 40px
    }

  .order-details-page .section.options {
    text-align: right
  }

  .order-details-page .selected-checkout-attributes {
    padding: 0 10px
  }

  .order-details-page .tax-shipping-info {
    text-align: right
  }

  .order-details-page .totals {
    float: right;
    clear: both
  }

  .shipment-details-page .tracking-number .tracking-url {
    color: #FFB00F
  }

  .blog-posts .tags {
    float: right;
    width: 80%;
    text-align: right
  }

  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left
  }

  .new-comment {
    text-align: center
  }

    .new-comment .buttons {
      text-align: center
    }

  .comment-list .comment {
    display: table;
    width: 100%;
    margin: 0
  }

    .comment-list .comment:last-child {
      border-bottom: 1px solid #ddd
    }

  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top
  }

    .comment-info .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center
    }

    .comment-info .avatar {
      border: none
    }

      .comment-info .avatar img {
        max-width: 80%;
        max-height: 80%
      }

  .comment-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left
  }

  .comment-time {
    min-height: 40px;
    margin: 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400
  }

  .comment-title {
    margin: 0 0 -20px;
    padding: 20px
  }

  .comment-body {
    padding: 20px
  }

  /* .forum-actions, .topic-actions {
    overflow: hidden
  }

    .forum-actions .actions, .topic-actions .actions {
      float: left
    }

    .forum-actions .pager, .topic-actions .pager {
      float: right;
      max-width: 450px
    }

      .forum-actions .pager li, .topic-actions .pager li {
        margin: 2px 4px
      }

      .forum-actions .pager.upper {
        display: block
      }
*/
  .topic-actions.lower .actions {
    display: block
  }

  .topic-posts {
    margin: 0 0 30px
  }

  .topic-post {
    display: table;
    width: 100%;
    margin: 0
  }

    .topic-post .post-info {
      display: table-cell;
      width: 15%;
      margin: 0;
      vertical-align: top;
      text-align: left
    }

    .topic-post .user-info {
      width: auto
    }

    .topic-post .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center
    }

    .topic-post .avatar {
      margin: auto;
      border: none
    }

      .topic-post .avatar img {
        max-width: 80%;
        max-height: 80%
      }

    .topic-post .user-stats li {
      margin: 0
    }

    .topic-post .send-pm {
      margin: 0 0 20px
    }

    .profile-info-box .pm-button, .topic-post .pm-button {
      padding: 8px 16px;
      font-size: 13px
    }

    .topic-post .post-content {
      display: table-cell;
      width: 85%;
      border-left: 1px solid #ddd;
      vertical-align: top;
      text-align: left
    }

    .topic-post .post-head {
      min-height: 40px;
      overflow: hidden;
      background-color: #f6f6f6
    }

    .topic-post .post-time {
      float: left;
      margin: 0;
      font-size: 14px;
      font-weight: 400
    }

    .topic-post .post-actions {
      float: right;
      margin: 0
    }

      .topic-post .post-actions a {
        margin: 0;
        line-height: 20px
      }

      .topic-post .post-actions .quote-post a {
        min-width: 70px
      }

      .topic-post .post-actions a.post-link-button {
        margin: 0 0 0 10px;
        border-left: 1px solid #ddd;
        text-align: center
      }

    .topic-post .post-text {
      padding: 20px 5px
    }

    .topic-post .post-vote {
      padding: 20px 0 20px 15px
    }

  /*  .forum-table td.replies, .forum-table td.views, .forum-table td.votes, .forum-table th.replies, .forum-table th.views, .forum-table th.votes {
    display: table-cell
  }

  .forum-table td.image {
    max-width: none
  }

    .forum-table td.image div {
      max-width: none;
      background-size: initial
    }*/
  .ui-tabs-nav {
    text-align: left
  }

    .ui-tabs-nav li {
      margin: 0 10px -1px 0;
      margin: 0 10px -1px 0 !important
    }

  .profile-info-box .avatar {
    float: left;
    margin: 0 15px 15px 0
  }

  .profile-info-box .profile-stats {
    float: left;
    text-align: left
  }

  .profile-info-box .title {
    text-align: left
  }

  .profile-info-box .send-pm {
    clear: both;
    text-align: left
  }
}




  @media all and (min-width: 1001px) {
    .container {
      padding-left: 24px;
      padding-right: 24px;
    }

    .master-wrapper-content {
      width: 980px;
      margin: auto
    }

    .center-2 {
      float: right;
      width: 73%
    }

    .side-2 {
      float: left;
      width: 25%
    }

    .page {
      text-align: left
    }

    .inputs {
      text-align: left
    }

      .inputs label {
        font-weight: 800;
        text-align: left
      }

      .inputs input[type=date], .inputs input[type=email], .inputs input[type=number], .inputs input[type=password], .inputs input[type=tel], .inputs input[type=text], .inputs select {
        min-height: 44px;
      }

      .inputs .option-list li {
        margin: 0 10px 0 0
      }

    .center-1 .buttons {
      text-align: center
    }

    .center-2 .inputs label {
      width: 136px
    }

    .inputs.accept-consent label {
      width: auto
    }

    .page-title a + h1 {
      float: left
    }

    .link-rss {
      display: block;
      float: right;
      margin: 6px 0 0
    }

    .cart tr {
      width: auto;
      margin: 0
    }

    .cart label {
      display: none
    }

    .order-details-page .data-table tr {
      width: auto;
      margin: 0
    }

    .order-details-page .data-table label {
      display: none
    }

    .header {
      width: 980px;
      margin: auto
    }

    .header-upper:after {
      content: "";
      display: block;
      clear: both
    }

    .header-selectors-wrapper {
      float: left;
      border: none;
      padding: 0
    }

      .header-selectors-wrapper > div {
        width: auto;
        min-width: 100px;
        margin: 0 12px 0 0;
        line-height: 43px
      }

      .header-selectors-wrapper select {
        height: 25px;
        padding: 4px;
        font-size: 12px
      }

    .language-list {
      text-align: left
    }

    .header-links-wrapper {
      float: right;
      padding: 0
    }

    /*  .header-links li {
    margin: 0 16px
  }*/
    .header-links a, .header-links span {
      line-height: 45px;
      text-transform: none
    }

    #topcartlink {
      display: inline-block;
      width: auto;
      margin: 0;
      padding: 0px 0px 0px 18px;
    }

    .cart-qty {
      margin-left: 3px;
      margin-top: -19px;
    }

    .flyout-cart {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 100;
      width: 300px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .25);
      background-color: #fff
    }

      .flyout-cart.active {
        display: block
      }

    .mini-shopping-cart {
      padding: 12px;
      text-align: left;
      font-size: 12px
    }

      .mini-shopping-cart .count {
        padding: 5px 0 15px;
        color: #444
      }

        .mini-shopping-cart .count a {
          margin: 0 2px;
          font-weight: 700;
          color: #444
        }

      .mini-shopping-cart .items {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 0 0 20px
      }

      .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0
      }

      .mini-shopping-cart .picture {
        float: left;
        width: 70px;
        text-align: center
      }

        .mini-shopping-cart .picture a {
          display: block;
          position: relative;
          overflow: hidden
        }

          .mini-shopping-cart .picture a:before {
            content: "";
            display: block;
            padding-top: 100%
          }

        .mini-shopping-cart .picture img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          max-width: 100%
        }

        .mini-shopping-cart .picture + .product {
          margin: 0 0 0 80px
        }

      .mini-shopping-cart .name {
        margin: 0 0 10px;
        font-size: 14px
      }

        .mini-shopping-cart .name a {
          color: #FFB00F
        }

          .mini-shopping-cart .name a:focus, .mini-shopping-cart .name a:hover {
            color: #CC8C0C
          }

      .mini-shopping-cart .attributes {
        margin: 5px 0;
        color: #444
      }

      .mini-shopping-cart .totals {
        margin: 0 0 12px;
        font-size: 14px
      }

        .mini-shopping-cart .totals strong {
          font-size: 16px;
          color: #444
        }

      .mini-shopping-cart .buttons {
        margin: 0 0 5px
      }

      .mini-shopping-cart button[type=button] {
        display: inline-block;
        border: none;
        background-color: #FFB00F;
        padding: 10px 65px;
        font-size: 12px;
        color: #fff
      }

        .mini-shopping-cart button[type=button]:focus, .mini-shopping-cart button[type=button]:hover {
          background-color: #CC8C0C
        }

    .header-lower {
      display: table;
      width: 100%
    }

    .header-logo {
      display: table-cell;
      text-align: left;
      vertical-align: middle
    }

    .search-box {
      display: table-cell;
      text-align: right;
      vertical-align: middle
    }

    .header-lower .search-box {
      flex: 1 1 auto;
      width: 200px;
      min-width: 200px;
      margin: 0px !important;
    }

    .search-box .search-box-button, .search-box input.search-box-text {
      height: 48px;
    }



    .header-menu {
      position: relative;
      z-index: 5;
      width: 980px;
      margin: 0 auto 30px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding: 25px 0;
      text-align: center;
      min-height: 75px;
    }

    .menu-toggle, .sublist-toggle {
      display: none
    }

    /*  .header-menu > ul {
    display: block !important;
    font-size: 0;
    margin-right: 90px;
  }*/
    .header-menu > ul.mobile {
      display: none !important
    }

    .header-menu > ul > li {
      display: inline-block;
      border-left: 1px solid #ddd;
      padding: 0 15px;
      vertical-align: middle
    }

      .header-menu > ul > li:first-child {
        border-left: none
      }

      .header-menu > ul > li > a {
        display: block;
        padding: 5px 10px;
        line-height: 20px;
        font-size: 17px;
        color: #555;
        cursor: pointer
      }

        .header-menu > ul > li > a:focus, .header-menu > ul > li > a:hover {
          color: #FFB00F
        }

    .header-menu .sublist {
      display: none;
      position: absolute;
      width: 200px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .2);
      background-color: #fff;
      padding: 10px 0;
      text-align: left
    }

      .header-menu .sublist li {
        position: relative
      }

        .header-menu .sublist li a {
          display: block;
          position: relative;
          padding: 0 20px;
          font-size: 14px;
          color: #444;
          line-height: 1.1
        }

          .header-menu .sublist li a:before {
            content: "";
            position: absolute;
            top: 17px;
            left: 15px;
            width: 5px;
            height: 5px;
            background-color: #ddd
          }

        .header-menu .sublist li:focus > a, .header-menu .sublist li:hover > a {
          background-color: #f6f6f6
        }

    .header-menu ul li:focus > .sublist, .header-menu ul li:hover > .sublist {
      display: block
    }

    .header-menu .sublist .sublist {
      top: 0;
      left: 100% !important
    }

    .footer-upper {
      width: 980px;
      padding: 35px 10px
    }

      .footer-upper:after {
        content: "";
        display: block;
        clear: both
      }

    .footer-block {
      float: left;
      width: 220px;
      margin: 0
    }

      .footer-block .list {
        margin: 0
      }

    .follow-us {
      float: right;
      width: 300px !important;
      margin: 0;
      text-align: left
    }

      .follow-us .social li {
        margin: 0 10px 0 0
      }

    .newsletter-email {
      display: block
    }

      .newsletter-email input[type=text] {
        width: 200px
      }

      .newsletter-email .newsletter-subscribe-button {
        min-width: 100px;
        padding: 0 5px
      }

    .newsletter-validation .field-validation-valid {
      text-align: left
    }

    .footer-lower {
      position: relative;
      width: 980px;
      padding: 25px 5px
    }

      .footer-lower:after {
        content: "";
        display: block;
        clear: both
      }

    .footer-info {
      float: right;
      line-height: 32px
    }

    .footer-powered-by {
      float: left;
      margin: 0;
      line-height: 32px
    }

    .theme-selector {
      float: left;
      margin: 0 0 0 15px
    }

    .product-filter .filter-title {
      background: #f6f6f6
    }

    .block {
      float: none;
      width: auto;
      margin: 0 0 20px
    }

      .block .title {
        margin: 0;
        border-bottom: 1px solid #ddd;
        background: 0 0;
        cursor: auto
      }

        .block .title strong {
          font-weight: 700
        }

      .block .listbox {
        display: block;
        border-bottom: none
      }

      .block a.product-picture {
        display: inline-block;
        position: relative;
        width: 30%;
        margin: 0 0 0 -15px;
        vertical-align: middle
      }

      .block a.product-name {
        vertical-align: middle
      }

      .block a.product-picture + a.product-name {
        width: 70%
      }

        .block a.product-picture + a.product-name:before {
          display: none
        }

    .breadcrumb {
      margin: 0 0 20px
    }

    .item-box .buttons {
      text-align: left
    }

    .promo-page .item-box .buttons {
      text-align: right;
    }

    .home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box {
      width: 24%;
      margin: 0 .5% 50px
    }

      .home-page .product-grid .item-box:nth-child(3n+1), .home-page .product-grid .item-box:nth-child(4n+1), .product-details-page .product-grid .item-box:nth-child(3n+1), .product-details-page .product-grid .item-box:nth-child(4n+1), .shopping-cart-page .product-grid .item-box:nth-child(3n+1), .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
        clear: none
      }

    .gallery {
      float: left;
      width: 46%
    }

    .picture-gallery .picture {
      width: auto
    }

    .video-gallery {
      float: left;
      width: auto
    }

    .overview {
      float: right;
      width: 52%
    }

    .rental-attributes {
      overflow: hidden
    }

      .rental-attributes .attribute-item {
        float: left;
        margin: 0 20px 0 0
      }

      .rental-attributes .datepicker {
        width: 160px;
        text-align: left
      }

    .attribute-squares li {
      margin: 0 10px 10px 0
    }

    .product-details-page .title {
      text-align: left
    }

    .product-review-item .review-title {
      max-width: 850px
    }

    .write-review .review-rating div.name-description {
      width: 265px;
      margin: 0 5px 0 0;
      text-align: right
    }

    .product-review-item .review-text {
      display: table;
      width: 100%;
      table-layout: fixed;
      line-height: 25px;
      font-size: 17px;
    }

    .product-review-item .avatar {
      display: table-cell;
      vertical-align: top;
      width: 120px
    }

      .product-review-item .avatar img {
        max-width: 100%
      }

    .product-review-item .text-body {
      display: table-cell;
      vertical-align: top
    }

    .product-review-item .avatar + .text-body {
      padding: 0 0 0 20px
    }

    .compare-products-page .page-title {
      margin: 0 0 -1px
    }

    .center-1 .topic-block-title {
      text-align: center
    }

    .topic-page p {
      text-align: justify
    }

    .gender span {
      margin: 0 10px 0 0
    }

      .gender span > * {
        margin: 0 5px 0 0
      }

    .date-of-birth select + select {
      margin: 0 0 0 11px
    }

    #check-availability-button {
      display: block;
      margin: 10px auto
    }

    .login-page .customer-blocks {
      overflow: hidden
    }

    .login-page .new-wrapper {
      float: left;
      width: 49%;
      margin: 0
    }

      .login-page .new-wrapper .text {
        min-height: 200px
      }

    .login-page .returning-wrapper {
      float: right;
      width: 49%
    }

      .login-page .returning-wrapper .form-fields {
        min-height: 200px;
        padding: 30px 0 0
      }

      .login-page .returning-wrapper .inputs label {
        width: 110px
      }

      .login-page .returning-wrapper input[type=email], .login-page .returning-wrapper input[type=password], .login-page .returning-wrapper input[type=text] {
        width: 300px
      }

    .address-list-page .section, .order-list-page .section, .return-request-list-page .section {
      display: block;
      width: auto;
      margin: 0 0 40px
    }

    .address-list-page .buttons, .order-list-page .buttons {
      position: absolute;
      top: 5px;
      right: 10px
    }

    .avatar-page .buttons, .avatar-page .message-error {
      text-align: left
    }

    .registration-page .vat-note {
      margin-left: 275px
    }

    .customer-info-page .email-to-revalidate-note, .customer-info-page .vat-note {
      margin-left: 150px
    }

    .customer-info-page .vat-status {
      display: inline-block
    }

    .shopping-cart-page .cart-options {
      overflow: hidden
    }

    .shopping-cart-page .checkout-attributes {
      float: left;
      max-width: 565px;
      margin: -30px 0 15px
    }

      .shopping-cart-page .checkout-attributes li {
        margin: 5px 10px 5px 0
      }

    .shopping-cart-page .selected-checkout-attributes {
      float: right;
      max-width: 395px;
      margin: 15px 0
    }

    .checkout-page .address-item {
      width: 31%
    }

    .checkout-page .terms-of-service {
      text-align: center
    }

    .payment-info .info {
      padding: 30px 15px
    }

      .payment-info .info td:first-child {
        width: 265px !important;
        margin: 0 10px 0 0;
        text-align: right
      }

      .payment-info .info td:only-child {
        width: 100% !important
      }

    .order-details-area .title, .order-review-data .title, .shipment-details-area .title {
      text-align: left
    }

    .opc .order-review-data ul {
      text-align: left
    }

    .advanced-search .price-range {
      margin-left: 114px
    }

    .comment-list {
      margin: 0 0 50px
    }

    .news-list-homepage .news-items {
      overflow: hidden;
      text-align: left
    }

    .news-list-homepage .news-item {
      float: left;
      width: 31.33333%;
      margin: 0 1% 30px
    }

      .news-list-homepage .news-item:nth-child(3n+1) {
        clear: both
      }

      .news-list-homepage .news-item:only-child {
        float: none;
        width: auto;
        margin: 0 0 30px
      }

    .news-list-homepage .news-head {
      text-align: center
    }

    .news-list-homepage .news-body {
      text-align: justify
    }

    /*  .forum-breadcrumb {
    margin: -30px 0 30px
  }*/
    .current-time {
      float: right
    }

    /*.forum-search-box {
    float: left
  }

    .forum-search-box .advanced {
      text-align: left
    }

      .forum-search-box .advanced a {
        line-height: normal
      }

  .forums-table-section td {
    min-width: 150px
  }

    .forums-table-section td:first-child {
      min-width: 90px
    }

  .forums-table-section .view-all {
    text-align: right
  }*/
    .topic-actions .pager.upper {
      display: block;
      max-width: 400px
    }

    /*.forum-table .forum-details, .forum-table .topic-details {
    min-width: 225px
  }

  .forum-table td {
    padding: 20px
  }

  .forum-edit-page textarea, .private-message-send-page textarea {
    width: 600px;
    height: 250px
  }

  .private-message-send-page .bb-code-editor-wrapper {
    display: inline-block;
    width: 400px;
    margin: 10px 0;
    vertical-align: middle
  }*/
  }

  @media all and (min-width: 1367px) {
    .container {
      padding-left: 0;
      padding-right: 0;
    }

    .master-wrapper-content {
      width: 1200px
    }

    .center-2 .inputs label {
      width: 213px
    }

    .inputs.accept-consent label {
      width: auto
    }

    .header {
      width: 1200px
    }

    .header-menu {
      width: 1200px
    }

      .header-menu > ul > li {
        padding: 0 20px
      }

        .header-menu > ul > li > a, .header-menu > ul > li > span {
          font-size: 18px
        }

    .footer-upper {
      width: 1200px;
      padding: 35px 30px
    }

    .footer-block {
      width: 280px
    }

    .footer-lower {
      width: 1200px;
      padding: 25px 20px
    }

    .product-review-item .review-title {
      max-width: 1050px
    }

    .write-review .review-rating div.name-description {
      margin: 0 5px 0 0;
      min-width: 375px
    }

    .login-page .returning-wrapper input[type=email], .login-page .returning-wrapper input[type=password], .login-page .returning-wrapper input[type=text] {
      width: 360px
    }

    .registration-page .vat-note {
      margin-left: 385px
    }

    .customer-info-page .email-to-revalidate-note, .customer-info-page .vat-note {
      margin-left: 225px
    }

    .cart-footer .totals {
      width: 395px;
      margin: 0
    }

    .cart-footer .cart-collaterals {
      width: 760px;
      margin: 0
    }

      .cart-footer .cart-collaterals .deals {
        float: left;
        width: 360px
      }

      .cart-footer .cart-collaterals .shipping {
        float: right;
        width: 360px
      }

    .payment-method .method-list li, .shipping-method .method-list li {
      margin: 20px 1%
    }

    .payment-info .info td:first-child {
      width: 375px !important
    }

    .payment-info .info td:only-child {
      width: 100% !important
    }

    .forum-actions .pager, .topic-actions .pager {
      max-width: 600px !important
    }

    .topic-post .post-text {
      width: 930px;
      max-width: 100%
    }
  }


  /*.swiper {
  width: 100%;
  height: 100%
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.swiper-pagination-bullet-active {
  padding: 5px;
  background-color: #FFB00F
}
*/
  textarea {
    resize: vertical
  }

  .hs-custom-style .hs-input[type=checkbox], .hs-custom-style .hs-input[type=radio] {
    margin: 0 10px 0 0
  }

  .hs-custom-style .hs-input:not([type=checkbox]):not([type=radio]), .hs-custom-style fieldset {
    width: 100%
  }

  div#enquireNowDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999999999999;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
  }

    div#enquireNowDiv .mvx-popup-form-wrap {
      width: 900px;
      max-width: 95%;
      background: #fff;
      border-radius: 16px;
      margin: 0 auto;
      height: 80%;
      z-index: 999;
      position: relative;
      padding: 40px 50px;
      text-align: right
    }

      div#enquireNowDiv .mvx-popup-form-wrap .contact-form {
        height: 90%;
        overflow: auto;
        text-align: left
      }

        div#enquireNowDiv .mvx-popup-form-wrap .contact-form::-webkit-scrollbar {
          width: 10px;
          margin-right: 10px
        }

        div#enquireNowDiv .mvx-popup-form-wrap .contact-form::-webkit-scrollbar-track {
          box-shadow: inset 0 0 5px #e7e7e7;
          border-radius: 5px
        }

        div#enquireNowDiv .mvx-popup-form-wrap .contact-form::-webkit-scrollbar-thumb {
          background: #2f3944;
          border-radius: 5px
        }

      div#enquireNowDiv .mvx-popup-form-wrap span.icon-cross.close-btn {
        font-size: 0;
        background: url(../images/close-sq.png) center no-repeat;
        width: 42px;
        height: 42px;
        display: inline-block;
        z-index: 1;
        position: relative;
        background-size: contain;
        cursor: pointer
      }

  :root {
    --mid-blue-color: #006080;
    --yellow-color: #FFB00F;
    --dark-blue-color: #000000;
  }

  * {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
  }

  input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 16px;
    color: grey;
    font-family: "Inter", sans-serif
  }

  input::placeholder, select::placeholder, textarea::placeholder {
    font-size: 16px;
    color: grey;
    font-family: "Inter", sans-serif
  }

  div:not(.text), section {
    line-height: 1
  }

  strong {
    font-weight: 800
  }

  a {
    transition: .2s ease-in-out
  }

  .footer-lower, .footer-upper, .header, .header-menu, .master-wrapper-content {
    width: 100%
  }

  .section.contact-page-section span {
    margin-left: 5px;
  }

  .container {
    width: 1382px !important;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }

  .container-fluid {
    max-width: 1850px
  }

  .row:after {
    content: '';
    clear: both;
    display: block
  }

  .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .category-description p, .full-description p, .manufacturer-description p, .news-body p, .post-body p, .topic-block p, .topic-page p {
    text-align: left
  }

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

  .header {
    text-align: left
  }

  .header-lower {
    display: block
  }

  .your-price {
    color: #707070;
    font-size: 14px;
    padding-bottom: 15px;
  }

  .header-upper-buyprice {
    background-color: #FF0000;
    padding: 5px 0;
  }

  .header-upper {
    background-color: #000;
    padding: 5px 0;
    height: 45px;
  }

    .header-upper .flex {
      align-items: center
    }

    .header-upper p {
      font-size: 14px;
      margin: 0;
      color: #fff;
      display: flex;
      justify-content: flex-end;
    }

    .header-upper .header-links li {
      margin: 0 0 0 10px !important
    }

    .header-upper .header-links > ul > li:nth-child(1), .header-upper .header-links > ul > li:nth-child(3) {
      display: none
    }

    .header-upper .header-links li a.ico-login {
      padding: 10px 13px 10px 33px;
      background-image: url(../images/login_register.svg);
      background-repeat: no-repeat;
      background-size: 12px;
      background-position: 16px center;
      font-weight: 700;
      font-size: 12px;
      line-height: 1;
      color: white;
    }

    .header-upper .header-links-wrapper #topcartlink {
      background-color: transparent;
      padding: 0;
      width: auto;
      display: inline-block
    }

      .header-upper .header-links-wrapper #topcartlink a {
        padding: 10px 13px 10px 33px;
        background-color: var(--yellow-color);
        background-image: url(../images/icon-cart.png);
        background-repeat: no-repeat;
        background-size: 18px;
        background-position: 10px center;
        color: #000;
        font-weight: 700;
        font-size: 12px;
        line-height: 1;
        border-radius: 50px
      }

        .header-upper .header-links-wrapper #topcartlink a:hover {
          background-color: #FFB00F
        }

        .header-upper .header-links-wrapper #topcartlink a span {
          color: inherit;
          line-height: 1
        }

    .header-upper .header-links-wrapper {
      width: auto;
      padding: 0
    }

  .header-lower .flex {
    align-items: center;
    gap: 25px;
  }

  .header-lower .proline-btn, .inner-menu-list .cat-detail .btn a.proline-btn, .spare-parts-menu a.proline-btn {
    padding: 10px 10px !important;
    background-color: var(--yellow-color);
    font-size: 12px;
    font-weight: 600;
    color: #000 !important;
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    border-radius: 0px;
    /*width: auto !important;*/
    width: 140px;
    border: none !important;
    height: 38px;
  }

    .header-lower .proline-btn, .inner-menu-list .cat-detail .btn a.proline-btn, .spare-parts-menu a.proline-btn :hover {
      background-color: var(--yellow-color) !important;
    }

  .header-lower .proline-btn {
    min-height: 1px;
    line-height: 1
  }

    .header-lower .proline-btn img {
      filter: none !important
    }

    .header-lower .proline-btn:hover, .inner-menu-list .cat-detail .btn a.proline-btn:hover, .spare-parts-menu a.proline-btn:hover {
      background-color: var(--yellow-color) !important
    }

    .header-lower .proline-btn:hover {
      background-color: var(--yellow-color) !important
    }

    .header-lower .proline-btn > img, .inner-menu-list .cat-detail .btn a.proline-btn > img, .spare-parts-menu a.proline-btn > img {
      margin: 0
    }

  .header-lower .phone-link:hover {
    color: var(--yellow-color)
  }

  .header-lower .phone-link {
    padding: 6.5px 25px !important;
    background-color: #000000 !important;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center !important;
    border-radius: 0px;
    width: auto !important;
    border: none !important;
    height: 38px;
  }

  .header-lower .part-finder {
    padding: 6.5px 25px !important;
    background-color: #FFB00F !important;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center !important;
    border-radius: 0px;
    width: auto !important;
    border: none !important;
    height: 38px;
  }

    .header-lower .part-finder::before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      background-image: url("/Themes/DefaultClean/Content/images/mobileheader/part_finder_magnify_icon.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      flex-shrink: 0;
    }

    .header-lower .part-finder::before {
      margin-right: 6px;
    }

    .header-lower .part-finder::after {
      margin-left: 6px;
    }

  .header-logo a img {
    max-width: 210px
  }

  .header-lower .search-box {
    /*  width: calc(100% - 715px)*/
    flex: 1 1 auto;
    /*width: auto;*/
    min-width: 200px;
  }

    .header-lower .search-box form {
      width: 100%;
      margin: 0 0 0 auto;
      display: block;
      position: relative
    }

      .header-lower .search-box form input.search-box-text {
        width: 100%
      }

      .header-lower .search-box form input.search-box-text {
        background: #e7e7e7;
        border-radius: 10px;
        border: none
      }

      .header-lower .search-box form .search-box-button, #searchIcon {
        position: absolute;
        top: 50%;
        left: 2%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        min-width: 30px;
        padding: 0;
        border: 0;
        background: url(../images/icon-search.png) no-repeat center;
        background-size: 16px;
        font-size: 0;
        color: transparent;
        z-index: 9;
        margin: 0 !important;
      }

  .html-manufacturer-list-page #searchIcon {
    position: absolute;
    top: 50%;
    left: -7%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    border: 0;
    background: url(../images/icon-search.png) no-repeat center;
    background-size: 16px;
    font-size: 0;
    color: transparent;
    z-index: 9;
    margin: 0 !important;
  }

  .html-manufacturer-list-page .search-box {
    position: relative
  }

  .html-manufacturer-list-page #searchBox {
    padding-right: 40px;
    width: 260px;
    max-width: 100%
  }

  .html-manufacturer-list-page #searchIcon {
    padding: 0 15px;
    border: none;
    height: 48px;
    position: relative;
    right: 5px;
    top: 18px;
    z-index: 1
  }

  .header-lower .menu-toggle, .header-menu .menu-toggle {
    background: 0 0;
    padding: 0;
    height: 19px
  }

    .header-lower .menu-toggle span, .header-menu .menu-toggle span {
      height: 3px;
      margin: 0 0 5px;
      display: block;
      background-color: var(--dark-blue-color);
      width: 30px;
      transition: .2s ease-in-out
    }

      .header-lower .menu-toggle span:nth-child(3), .header-menu .menu-toggle span:nth-child(3) {
        margin: -8px 0 5px
      }

      .header-lower .menu-toggle span:last-child, .header-menu .menu-toggle span:last-child {
        margin-bottom: 0
      }

  .header-menu > ul > li {
    padding: 0;
    border: none
  }

    .header-menu > ul > li > a, .header-menu > ul > li > span {
      font-size: 14px;
      padding: 0;
      color: #2f3944
    }

  .header-menu {
    background-color: #F2F2F2;
    padding: 0 0;
    margin-bottom: 0;
    border: none
  }

  .header-lower .search-box {
    position: relative
  }

  .search-box ul.ui-menu.ui-widget {
    width: calc(100% - 2px) !important;
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    max-height: 60vh;
    overflow: auto;
    padding: 10px;
    border-radius: 4px
  }

  .search-box .instant-search-item.ui-menu-item-wrapper > a {
    display: flex;
    flex-wrap: wrap;
    padding: 0 !important;
    border: none !important;
    margin: 0 0 10px !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    transition: .2s ease-in-out
  }

    .search-box .instant-search-item.ui-menu-item-wrapper > a .img-block {
      flex: 0 0 60px;
      max-width: 60px;
      background: #fff;
      padding-right: 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center
    }

    .search-box .instant-search-item.ui-menu-item-wrapper > a .detail {
      flex: 0 0 calc(100% - 50px);
      max-width: calc(100% - 60px);
      display: flex;
      flex-wrap: wrap;
      padding: 0 20px 0 20px;
      justify-content: space-between;
      align-items: center
    }

  .search-box .instant-search-item.ui-menu-item-wrapper {
    padding: 0;
    background: 0 0 !important;
    border: none !important;
    outline: 0 !important;
    text-align: left
  }

  .search-box li.ui-menu-item {
    border: 0 !important;
    margin: 20px 0;
    display: block;
    text-align: center
  }

  .search-box .instant-search-item.ui-menu-item-wrapper > a:hover {
    background: var(--yellow-color) !important
  }

  .search-box .instant-search-item.ui-menu-item-wrapper > a .detail * {
    font-weight: 400 !important;
    transition: .2s ease-in-out
  }

  .search-box .instant-search-item.ui-menu-item-wrapper > a:hover .detail * {
    color: #fff
  }

  .search-box .instant-search-item.ui-menu-item-wrapper > a .detail .title {
    max-width: calc(100% - 200px)
  }

  .search-box li.ui-menu-item.category {
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .2) !important;
    text-align: left
  }

    .search-box li.ui-menu-item.category .list a {
      padding: 0 !important;
      background: 0 0 !important;
      color: #000 !important;
      font-size: 16px;
      font-weight: 600
    }

    .search-box li.ui-menu-item.category .name {
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 15px
    }

  .search-box .category-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0
  }

    .search-box .category-lists > span {
      padding-left: 20px;
      display: inline-block;
      flex: 0 0 33.33%;
      max-width: 33.33%;
      position: relative
    }

      .search-box .category-lists > span:after {
        content: '⌵';
        position: absolute;
        left: 0;
        top: 2px;
        line-height: 1;
        font-weight: 800;
        transition: .2s ease-in-out;
        transform: rotate(-90deg)
      }

  li.ui-menu-item > a {
    padding: 13px 30px !important;
    background: 0 0 !important;
    font-size: 16px;
    color: var(--dark-blue-color) !important;
    border: 2px solid var(--dark-blue-color) !important;
    text-transform: capitalize;
    text-decoration: none !important;
    border-radius: 50px !important;
    display: inline-flex;
    align-items: center;
    transition: .2s ease-in-out;
    min-height: 46px
  }

  .search-box ul.ui-menu::-webkit-scrollbar {
    width: 10px
  }

  .search-box ul.ui-menu::-webkit-scrollbar-track {
    background: #d7d7d7
  }

  .search-box ul.ui-menu::-webkit-scrollbar-thumb {
    background: #555;
    width: 8px
  }

    .search-box ul.ui-menu::-webkit-scrollbar-thumb:hover {
      background: #555
    }

  .search-box .instant-search-item.ui-menu-item-wrapper > a .img-block img {
    display: block;
    aspect-ratio: 1/1;
    object-fit: contain
  }

  .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: 0
  }

  .html-search-page .product-grid.home-page-product-grid .item-grid {
    display: flex;
    flex-wrap: wrap
  }

  .html-search-page .html-category-page .product-grid.home-page-product-grid {
    margin: 0
  }

    .html-search-page .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 25%;
      max-width: 25%;
      margin: 0 0 30px
    }

  #advanced-search-block .inputs input:not([type=checkbox]):not([type=radio]):not([type=submit]), #advanced-search-block .inputs select, .edit-address input:not([type=checkbox]):not([type=radio]):not([type=submit]), .edit-address select, .edit-address textarea {
    width: 100%;
    height: 30px;
  }

  .search-results .sort-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end
  }

    .search-results .sort-wrapper > * {
      margin: 0
    }

  .footer-upper {
    background-color: #000000;
    padding: 100px 0
  }

  .footer-lower {
    background-color: #fff;
    padding: 30px 0 36px
  }

    .footer-lower .footer-info {
      width: 100%;
      text-align: center
    }

    .footer-lower * {
      font-size: 14px;
      color: var(--dark-blue-color)
    }

    .footer-lower a, .footer-lower a:focus, .footer-lower a:visited {
      color: var(--dark-blue-color);
      text-decoration: none
    }

      .footer-lower a:hover, .footer-lower a:visited:hover {
        color: var(--yellow-color);
        text-decoration: none
      }

  .footer-info {
    float: left
  }

  .footer-powered-by {
    float: right
  }

  .footer-upper .row:after {
    display: none
  }

  .footer-upper .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

    .footer-upper .row:not(:last-child) {
      margin: 0 -20px 60px
    }

    .footer-upper .row .col {
      flex: 0 0 20%;
      max-width: 240px;
      padding: 0 20px
    }

  .footer-upper h2, .footer-upper h5 {
    color: var(--yellow-color);
    font-weight: 600;
    margin: 0 0 30px;
    text-align: left
  }

  .footer-upper ul {
    margin: 0;
    list-style: none
  }

  .footer-upper p, .footer-upper ul {
    margin-bottom: 30px
  }

  .footer-upper strong {
    font-weight: 800
  }

  .footer-upper li, .footer-upper p, .footer-upper strong {
    color: #fff;
    font-size: 16px;
    text-align: left
  }

  .footer-upper a {
    color: #fff;
    font-size: 16px
  }

    .footer-upper a:focus:hover, .footer-upper a:hover, .footer-upper a:visited:hover {
      color: var(--yellow-color)
    }

  .footer-upper .row .col-3 {
    flex: 0 0 33.33%;
    max-width: 33.33%
  }

    .footer-upper .row .col-3 h3, .footer-upper .row .col-3 h6 {
      font-size: 16px;
      font-weight: 800;
      color: var(--dark-blue-color);
      line-height: 1.2;
      max-width: 330px;
      margin: 0 0 10px
    }

    .footer-upper .row .col-3 .blue-bg {
      background: var(--yellow-color);
      border-radius: 15px;
      padding: 25px 30px;
      text-align: left;
      height: 100%
    }

      .footer-upper .row .col-3 .blue-bg .flex > img {
        width: calc(100% / 4 - 10px);
        max-width: 84px
      }

      .footer-upper .row .col-3 .blue-bg p, .footer-upper .row .col-3 .blue-bg p a {
        font-size: 16px;
        line-height: 1.2;
        color: var(--dark-blue-color);
        margin: 0
      }

        .footer-upper .row .col-3 .blue-bg p a:hover {
          color: #fff
        }

  .blue-bg .btn {
    color: #9cccd2;
    font-size: 12px;
    font-weight: 800;
    background: var(--dark-blue-color);
    text-align: center;
    flex: 0 0 calc(33.33% - 5px);
    padding: 8px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .home-slider-tradeaccount-wrapper-desktop {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
  }

  .section {
    padding: 100px 0;
    margin: 0
  }

  .section-title {
    text-align: left
  }

    .our-range-section.section .section-title h1, .section-title h6 {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 800;
      color: var(--yellow-color);
      letter-spacing: 1px
    }

  #product-overview-section .section-title h2, #related-product-section .section-title h2 {
    font-size: 48px;
  }

  #product-key-feature-section .section-title h2 {
    font-size: 48px;
  }

  .section-title h2 {
    font-size: 30px;
    line-height: 60px;
    margin: 0 0 0px;
    font-weight: 900;
  }

  .checkout-form-wrap .section-title h2 {
    margin-left: 7px;
  }

  .shopping-cart-page .section-title h2 {
    font-size: 30px;
    line-height: 0px;
    margin: 0px 0 45px;
    font-weight: 800;
    height: 15px;
  }

  .spare-parts-finder .section-title h2 {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0px;
    margin: 0 0 30px;
    text-align: center;
  }

  .parts-finder-search-results-title h2, .parts-overview-title h2 {
    text-align: left !important;
  }

  .parts-overview-title h2 {
    text-align: left !important;
    margin: 0 !important;
  }

  .parts-finder-search-results-title h6, .parts-overview-title h6 {
    margin: 0 !important;
  }

  .section-title h2 span, .section-title h2 strong {
    font-size: inherit;
    line-height: inherit;
    color: inherit
  }

  .section-title h4 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 30px
  }

  .page-sub-title {
    line-height: 1.5 !important;
  }

  .spare-parts-finder .page-sub-title {
    width: 72%;
    line-height: 1.5 !important;
    font-size: 14px;
    text-align: center;
    margin-left: 13%;
    color: #707070;
  }

  .spare-parts-login-pricing {
    margin-top: auto;
  }

  .cart-button {
    text-transform: capitalize;
    font-weight: 700;
  }

  .checkout-buttons .proline-btn {
    padding: 0 !important;
    background: 0 0;
    font-size: 12px;
    color: #000;
    border: 2px solid var(--yellow-color);
    background: var(--yellow-color);
    text-transform: capitalize;
    text-decoration: none !important;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    transition: .2s ease-in-out;
    min-height: 34px;
    justify-content: center;
    text-transform: capitalize;
  }

  .proline-btn, .result.review-already-added.review-thanks a.btn, input[type=submit].proline-btn {
    padding: 3px 30px;
    background: 0 0;
    font-size: 16px;
    color: var(--yellow-color);
    border: 2px solid var(--yellow-color);
    text-transform: capitalize;
    text-decoration: none !important;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    transition: .2s ease-in-out;
    min-height: 36px;
    justify-content: center;
    text-transform: capitalize
  }

  .header-menu .mobile-menu-action-btn-login {
    background: #f4b000;
    color: #000;
  }

    .header-menu .mobile-menu-action-btn-login span {
      padding: 5px;
    }

  .header-menu .mobile-menu-action-btn-download {
    background: #000;
    border-color: #000;
  }

    .header-menu .mobile-menu-action-btn-download span {
      color: white;
      padding: 5px;
    }

  .proline-btn img {
    margin: 0 0 0 20px;
    transition: .2s ease-in-out
  }

  .proline-btn:hover, input[type=submit].proline-btn:hover {
    /*background-color: var(--yellow-color);*/
    /* color: black; */
  }

  .proline-btn.pdf-invoice-button img {
    margin: -2px 10px 0 0;
  }

  .proline-btn-solid-blue img, .proline-btn:hover img {
    filter: brightness(0) invert(1)
  }

  .proline-btn-solid-blue, input[type=submit].proline-btn-solid-blue {
    border-color: #FFB00F;
    color: #000000;
    background-color: #FFB00F
  }

    .proline-btn-solid-blue:hover, input[type=submit].proline-btn-solid-blue:hover {
      border-color: var(--yellow-color);
      background-color: var(--yellow-color)
    }

  .proline-btn-solid-white {
    background-color: #fff;
    color: var(--dark-blue-color);
    border-color: #fff
  }

    .proline-btn-solid-white:hover {
      background-color: #e2e2e2;
      color: var(--dark-blue-color);
      border-color: #e2e2e2
    }

      .proline-btn-solid-white:hover img {
        filter: none
      }

  .proline-btn-solid-dark, a.proline-btn-solid-dark {
    background-color: var(--dark-blue-color) !important;
    color: #fff !important;
    border-color: var(--dark-blue-color) !important
  }

    .proline-btn-solid-dark:hover, a.proline-btn-solid-dark:hover {
      background-color: #2f3944 !important;
      color: #fff !important;
      border-color: #2f3944 !important;
    }

  .proline-btn-dark {
    color: var(--dark-blue-color);
    border-color: var(--dark-blue-color)
  }

    .proline-btn-dark:hover {
      color: #fff;
      background: var(--dark-blue-color)
    }

  .proline-btn-dark-details {
    color: var(--dark-blue-color);
    border-color: var(--dark-blue-color)
  }

    .proline-btn-dark-details:hover {
      color: #fff;
      background: none;
    }

  .proline-btn-white {
    border-color: #fff;
    color: #fff
  }

    .proline-btn-white:hover {
      color: var(--dark-blue-color);
      background-color: #fff
    }

      .proline-btn-white:hover img {
        filter: brightness(0) invert(0)
      }

  .blog-list-wrap .title-wrap a.proline-btn, .homepage-blog-section .btn-wrap, .proline-category-text .btn-wrap {
    margin-top: 48px
  }

    .proline-category-text .btn-wrap a {
      margin: 0 10px 10px 0
    }

  .home-page-category-grid .picture img {
    width: 100%;
    margin: 0 0 -7px;
    object-fit: cover;
    aspect-ratio: 433/333
  }

  .html-home-page .category-grid.home-page-category-grid {
    margin-bottom: 70px
  }

    .html-home-page .category-grid.home-page-category-grid .container-fluid {
      max-width: 100%
    }

  .home-page-category-grid .category-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 30px;
    /* display: flex; */
  }

    .home-page-category-grid .category-item:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      background-color: var(--yellow-color);
      opacity: 0;
      transition: .2s ease-in-out;
      width: 100%;
      height: 100%;
      pointer-events: none
    }

    .home-page-category-grid .category-item:hover:after {
      opacity: .7
    }

    .home-page-category-grid .category-item h2 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      color: #fff;
      font-size: 32px;
      font-weight: 800;
      z-index: 1;
      padding: 40px;
      text-align: left
    }

      .home-page-category-grid .category-item h2, .home-page-category-grid .category-item h2 a {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-end;
      }

        .home-page-category-grid .category-item h2 a, .home-page-category-grid .category-item h2 a span, .home-page-category-grid .category-item h2 span {
          font-size: inherit;
          font-weight: inherit;
          color: inherit !important
        }

          .home-page-category-grid .category-item h2 a span, .home-page-category-grid .category-item h2 span {
            /* max-width: 210px; */
            /* display: inline-block; */
            line-height: 1.3;
            /* max-width: calc(100% - 50px); */
          }

  h1 {
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
  }

    h1 strong {
      font-weight: 900;
      font-size: inherit;
      line-height: inherit;
      color: inherit
    }

  .promo-ban {
    width: 25%;
    max-width: 25%
  }

  .promo-page-grid .slick-track {
    display: flex;
    flex-wrap: wrap
  }

  .promo-page-grid .item-grid .item-box {
    margin: 0;
    width: 100%
  }

    .promo-page-grid .item-grid .item-box img {
      display: block;
      height: auto;
      width: 100%;
      transition: 1s ease-in-out
    }

    .promo-page-grid .item-grid .item-box a:before {
      content: '';
      position: absolute;
      pointer-events: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
      transition: 1s ease-in-out;
      z-index: 1
    }

    .promo-page-grid .item-grid .item-box a:hover:before {
      background-color: rgba(255, 255, 255, .3)
    }

    .promo-page-grid .item-grid .item-box a:hover img {
      transform: scale(1.05)
    }

  .promo-page-grid .slick-arrow {
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0);
    z-index: 1;
    font-size: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none !important;
    background-image: url(../images/slide-arr.png);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat
  }

    .promo-page-grid .slick-arrow::before {
      font-size: 0
    }

    .promo-page-grid .slick-arrow:focus, .promo-page-grid .slick-arrow:hover {
      background-color: var(--yellow-color);
      background-image: url(../images/slide-arr.png);
      background-size: 50%;
      background-position: center;
      background-repeat: no-repeat
    }

    .promo-page-grid .slick-arrow.slick-next {
      bottom: 10px;
      top: auto;
      transform: translate(-50%, 0) rotate(180deg);
      left: 50%
    }

  .custom-promo-banner {
    display: none
  }

    .custom-promo-banner img {
      width: 100%;
      height: auto
    }

  .promo-page-section .product-selectors {
    text-align: right
  }

  .support-section.section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom
  }

    .support-section.section .btn-wrap {
      text-align: center
    }

    .support-section.section .cta-wrap {
      max-width: 920px;
      margin: 0 auto
    }

      .support-section.section .cta-wrap .section-title {
        text-align: center
      }

      .support-section.section .cta-wrap p {
        text-align: center;
        margin-bottom: 30px
      }

      .about-section .btn-wrap a.proline-btn:not(:hover), .client-section .btn-wrap a.proline-btn:not(:hover), .support-section.section .cta-wrap .btn-wrap a.proline-btn:not(:hover) {
        color: #fff;
        border-color: #fff
      }

      .about-section .btn-wrap a.proline-btn img, .client-section .btn-wrap a.proline-btn img, .support-section.section .cta-wrap .btn-wrap a.proline-btn img {
        margin-left: 20px
      }

  .topic-block-body {
    text-align: left
  }

  .section.about-section {
    background-size: 50% auto;
    background-position: right center;
    background-color: #000000;
    background-repeat: no-repeat;
    position: relative;
    padding: 0
  }

    .section.about-section .img-wrap {
      position: relative
    }

      .section.about-section .img-wrap:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        /*background-color: var(--yellow-color);*/
        opacity: .8;
        width: 100px;
        height: 60%
      }

      .section.about-section .img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover
      }

  .about-section-inner {
    max-width: 561px;
    padding: 100px 0
  }

  .about-section .btn-wrap {
    margin-top: 30px
  }

  .section.client-section {
    background-size: cover
  }

    .section.client-section .section-title h2 {
      font-weight: 400;
      color: #fff
    }

      .section.client-section .section-title h2 strong {
        font-weight: 800
      }

    .section.client-section .row {
      align-items: center
    }

    .section.client-section .picture img {
      mix-blend-mode: plus-lighter
    }

    .section.client-section .picture {
      border: none;
      text-align: center
    }

  .section.advantage-section .row {
    align-items: center
  }

  .section.advantage-section {
    background-color: #0c1621;
    padding: 0 0 100px
  }

    .section.advantage-section .img-col img {
      max-width: 400px;
      margin-top: 100px
    }

  @media screen and (max-width: 991px) {
    .section.advantage-section .img-col img {
      margin-top: 20px;
      max-width: 360px;
      width: 100%
    }
  }

  @media screen and (max-width: 420px) {
    .section.advantage-section .img-col img {
      max-width: 300px
    }
  }

  @media screen and (max-width: 360px) {
    .section.advantage-section .img-col img {
      max-width: 260px
    }
  }

  .advantage-inner {
    padding: 100px 0 0
  }

    .advantage-inner > ul {
      padding: 0;
      margin: 0;
      list-style: none
    }

      .advantage-inner > ul li, .advantage-inner > ul li a, .advantage-inner > ul li p, .advantage-inner > ul li span, .advantage-inner > ul li strong {
        color: #fff;
        font-size: 24px;
        line-height: 1.5
      }

      .advantage-inner > ul li {
        font-weight: 400;
        position: relative;
        padding: 0 0 0 30px;
        list-style: none
      }

        .advantage-inner > ul li:before {
          content: '';
          width: 12px;
          height: 12px;
          border-radius: 3px;
          background-color: var(--yellow-color);
          left: 0;
          top: 10px;
          position: absolute;
          z-index: 1
        }

        .advantage-inner > ul li strong {
          font-weight: 800
        }

  .html-about-page .about-section-inner .section-title, .section.advantage-section .section-title, .section.client-section .section-title {
    position: relative;
    padding: 0 0 5px;
    margin: 0 0 25px
  }

    .section.advantage-section .section-title br {
      line-height: 0.3em;
      display: block;
      height: 0.3em
    }

      .section.advantage-section .section-title br:not(:first-of-type) {
        display: none
      }

    .html-about-page .about-section-inner .section-title:before, .section.advantage-section .section-title:before, .section.client-section .section-title:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: var(--yellow-color);
      width: 25px;
      height: 4px
    }

  .section.proline-bestseller-text, .section.proline-category-text {
    padding-bottom: 50px
  }

    .advantage-section .section-title h2, .home-page .section.about-section .section-title h2, html:not(.html-product-details-page) .homepage-blog-section.homepage-section.section .section-title h2, .section.client-section.manufacturer-grid.home-page-manufacturer-grid .section-title h2, .section.proline-bestseller-text .section-title h2, .section.proline-category-text .section-title h2 {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 800;
      color: var(--yellow-color);
      margin: 0 0 10px;
      letter-spacing: 1px;
      line-height: 1.3
    }

    .advantage-section .section-title h3, .home-page-manufacturer-grid .section-title h3, .homepage-blog-section.homepage-section.section .section-title h3, .section.client-section.manufacturer-grid.home-page-manufacturer-grid .section-title h3, .section.proline-bestseller-text .section-title h3, .section.proline-category-text .section-title h3 {
      font-size: 32px;
      line-height: 55px;
      color: var(--dark-blue-color);
      margin: 0 0 30px;
      font-weight: 800;
      letter-spacing: -2.2px
    }

  .section.client-section.manufacturer-grid.home-page-manufacturer-grid .section-title h3 {
    font-weight: 400
  }

    .section.client-section.manufacturer-grid.home-page-manufacturer-grid .section-title h3 span {
      color: #fff;
      font-size: inherit
    }

    .section.client-section.manufacturer-grid.home-page-manufacturer-grid .section-title h3 strong {
      font-weight: 800;
      font-size: inherit;
      line-height: inherit;
      color: inherit
    }

  .home-page .section.about-section .section-title h3 {
    font-size: 56px;
    line-height: 60px;
    margin: 0 0 30px;
    font-weight: 800;
    letter-spacing: -2.2px
  }

  .advantage-section .section-title h3 strong, .home-page .section.client-section .section-title h3 strong {
    font-weight: 800
  }

  .home-page .section.about-section .section-title h3 span {
    font-size: 56px;
    color: inherit
  }

  .product-grid.home-page-product-grid {
    margin: 0 0 100px
  }

    .product-grid.home-page-product-grid .item-box {
      margin: 0;
      padding: 0 10px
    }

      .product-grid.home-page-product-grid .item-box span.product-box-free-shipping {
        position: absolute;
        top: 0;
        left: 10px;
        background: #38627f;
        width: auto;
        z-index: 2;
        border-radius: 8px 0 8px 0;
        padding: 10px;
        font-size: 12px;
        font-weight: 800;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        line-height: 1;
        pointer-events: none
      }

      /*    .product-grid.home-page-product-grid .item-box .picture {
       border: 2px solid #d8d9d9; 
       border-radius: 10px; 
    }
*/
      /*.homepage-blog-section .slick-arrow, .product-grid.home-page-product-grid .slick-arrow {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
    z-index: 1;
    font-size: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0 !important;
    background-image: url(../images/slide-arr.png);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat
  }

    .homepage-blog-section .slick-arrow::before, .product-grid.home-page-product-grid .slick-arrow::before {
      display: none
    }

    .homepage-blog-section .slick-arrow:hover, .product-grid.home-page-product-grid .slick-arrow:hover {
      background-color: var(--yellow-color)
    }

    .homepage-blog-section .slick-arrow.slick-next, .product-grid.home-page-product-grid .slick-arrow.slick-next {
      right: -60px;
      left: auto;
      transform: translate(0, -50%) rotate(90deg)
    }*/
      .product-grid.home-page-product-grid .item-box .product-title {
        margin-bottom: 0px;
        max-height: 50px;
        padding-right: 20px;
        font-size: 15px;
        line-height: 20px;
        color: var(--dark-blue-color);
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 40px;
      }

        .product-grid.home-page-product-grid .item-box .product-title a {
          font-size: 15px;
          line-height: 20px;
          color: var(--dark-blue-color);
          font-weight: 700;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          line-clamp: 2;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          max-height: 40px;
        }

      .product-grid.home-page-product-grid .item-box .product-rating-box {
        margin-bottom: 0;
        min-height: 31.2px;
        justify-content: space-between
      }

      .product-grid.home-page-product-grid .item-box .prices {
        line-height: 1
      }

        .product-grid.home-page-product-grid .item-box .prices .actual-price {
          font-size: 18px;
          font-weight: 600;
          color: #F1A710;
        }

  /* .product-grid.home-page-product-grid .item-box .prices > .actual-price:first-child {
        display: block;
        font-weight: 800 !important;
        font-size: 18px !important
      } */
  .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
    font-size: 16px;
    color: var(--dark-blue-color);
    text-decoration: none !important;
    background: 0 0 !important;
    width: auto;
    height: auto;
    border: none;
    border-bottom: 1px solid;
    padding: 0 0 2px;
    line-height: 1
  }

    .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover {
      color: var(--yellow-color)
    }

  .item-box .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
  }

  .product-grid.home-page-product-grid .item-box .prices .actual-price {
    font-size: 18px;
    font-weight: bold;
  }

  .item-box .sku {
    font-weight: 900;
    font-size: 14px;
    font-weight: 500;
    color: #707070;
    margin-top: 5px;
    margin-bottom: 30px;
  }

  .item-box .details {
    padding: 0
  }

  .item-box .picture {
    position: relative;
  }

  .item-box .product-ribbon {
    position: absolute;
    top: 12px;
    left: 10px;
    right: auto;
    z-index: 2;
    max-width: 130px;
  }

  .product-ribbon {
    max-width: 130px;
    position: absolute;
    z-index: 1;
    top: 15px;
  }

  .item-box .product-ribbon > span, .product-pictures .product-ribbon > span {
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px !important;
    background: #f77d06;
    position: relative;
    font-size: 12px;
    border-radius: 0 999px 999px 0;
  }

    .item-box .product-ribbon > span.new-arrival {
      display: block;
      width: 130px;
      padding: 5px;
      margin: 10px 0;
    }

    .item-box .product-ribbon > span.top-seller {
      display: block;
      padding: 5px;
      margin: 10px 0 0 0px;
    }

    .item-box .product-ribbon > span.package-deal {
      display: block;
      width: 130px;
      padding: 5;
      margin: 10 0;
    }

    .item-box .product-ribbon > span:after, .product-pictures .product-ribbon > span:after {
      content: '';
      background: #f77d06;
      width: 10px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
    }

    .item-box .product-ribbon > span.top-seller, .item-box .product-ribbon > span.top-seller:after, .product-pictures .product-ribbon > span.top-seller, .product-pictures .product-ribbon > span.top-seller:after {
      background: #5ed922
    }

    .item-box .product-ribbon > span.on-sale, .item-box .product-ribbon > span.on-sale:after, .item-box .product-ribbon > span.package-deal, .item-box .product-ribbon > span.package-deal:after, .item-box .product-ribbon > span.special-deal, .item-box .product-ribbon > span.special-deal:after, .product-pictures .product-ribbon > span.on-sale, .product-pictures .product-ribbon > span.on-sale:after, .product-pictures .product-ribbon > span.package-deal, .product-pictures .product-ribbon > span.package-deal:after, .product-pictures .product-ribbon > span.special-deal, .product-pictures .product-ribbon > span.special-deal:after {
      background: #f70606;
      border-radius: 0 999px 999px 0;
    }

    .item-box .product-ribbon > span.special-deal, .product-pictures .product-ribbon > span.special-deal {
      display: block;
      width: 150px;
      padding: 12px !important;
      margin: 10px 0 !important;
    }

    .item-box .product-ribbon > span.ribbon-clearance, .product-pictures .product-ribbon > span.ribbon-clearance {
      background-color: orange
    }

      .item-box .product-ribbon > span.ribbon-clearance::after, .product-pictures .product-ribbon > span.ribbon-clearance::after {
        background-color: orange;
        filter: brightness(.9)
      }

  .slick-disabled {
    display: none !important
  }

  .blog-brife-title {
    max-width: 810px;
    margin-bottom: 50px
  }

  .blog-item a.proline-btn {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
  }

    .blog-item a.proline-btn img {
      margin-left: 30px
    }

  .blog-item {
    padding: 0 15px
  }

    .blog-item span {
      color: var(--yellow-color)
    }

    .blog-item .thumb-img {
      margin: 0 0 40px
    }

      .blog-item .thumb-img img {
        aspect-ratio: 449/319;
        object-fit: contain;
        width: 100%;
        border-radius: 10px
      }

    .blog-item h2 {
      font-size: 34px;
      font-weight: 900;
      margin: 0 0 30px
    }

      .blog-item h2 a {
        font-size: inherit;
        font-weight: inherit;
        color: var(--dark-blue-color);
        text-decoration: none !important
      }

    .blog-item p.short-desc {
      margin: 20px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height: 56px
    }

  .product-grid.home-page-product-grid .slick-list {
    margin: 0 -10px
  }

  .homepage-blog-section .slick-slider {
    user-select: initial
  }

  .homepage-blog-section .slick-list {
    margin: 0 -15px
  }

  .blog-brife-title {
    text-align: left
  }

  .breadcrumb {
    margin: 0 0 10px;
    background-color: transparent;
    padding: 0
  }

    .breadcrumb ul {
      padding: 0
    }

    .breadcrumb li {
      line-height: 1
    }

      .breadcrumb li a {
        text-decoration: none
      }

      .breadcrumb li:last-child, .breadcrumb li:last-child * {
        font-size: 12px;
        font-weight: 700;
        margin: 5px 0 0 0;
        line-height: 1.2;
        padding-right: 2px;
        color: #000;
      }

      .breadcrumb li * {
        font-size: 12px;
        font-weight: 500;
        color: #707070;
        margin: 0;
        line-height: 1.2;
        padding-right: 2px;
      }

  .category-description {
    max-width: 1080px
  }

  /*.our-range-section.section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

  .our-range-section.section .section-title {
    max-width: 1090px;
    margin: 0 auto;
    text-align: center
  }

    .our-range-section.section .section-title h2, .our-range-section.section .section-title p {
      font-size: 32px;
      line-height: 1.3;
      letter-spacing: 0;
      color: #fff;
      font-weight: 800
    }

      .our-range-section.section .section-title p span {
        font-weight: inherit;
        color: #fff;
        font-size: inherit
      }

      .our-range-section.section .section-title h2 span, .our-range-section.section .section-title p a {
        font-weight: inherit;
        color: var(--yellow-color);
        font-size: inherit
      }
*/
  .html-category-page .side-2 {
    display: none
  }

  .html-category-page .center-2 {
    width: 100%;
    float: none;
    margin: 0
  }

  .html-category-page .home-page-category-grid .category-item h2 {
    font-size: 14px;
    padding: 20px 24px;
    letter-spacing: 0;
    /* margin: 0 0 2px; */
    /* width: 100%; */
  }

    .html-category-page .home-page-category-grid .category-item h2 img {
      width: 20px;
    }

  .section.section-cat {
    padding-bottom: 70px;
    background-color: #eff0f1
  }

    .section.section-cat .section-title {
      margin-bottom: 50px
    }

  .home-page-category-grid.category-grid.sub-category-grid {
    margin-bottom: 0
  }

  .html-category-page .product-grid.home-page-product-grid .item-grid {
    display: flex;
    flex-wrap: wrap
  }

    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 20%;
      max-width: 20%;
      margin: 0 0 20px
    }

  .page.topic-page #ph-title {
    display: none
  }

  .promo-list-section {
    padding: 64px 0;
    background-color: #F8F8F8;
  }

    .promo-list-section .promo-item-wrap .promo-item {
      padding: 0 13px;
      max-height: 185px;
    }

      .promo-list-section .promo-item-wrap .promo-item a {
        overflow: hidden;
        border-radius: 10px;
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        max-height: 185px;
      }

        .promo-list-section .promo-item-wrap .promo-item a:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0);
          z-index: 1;
          pointer-events: none;
          transition: 1s ease-in-out
        }

      .promo-list-section .promo-item-wrap .promo-item img {
        border-radius: 10px;
        width: 100%;
        transition: 1s ease-in-out
      }

      .promo-list-section .promo-item-wrap .promo-item a:hover:before {
        background-color: rgba(255, 255, 255, .3)
      }

      .promo-list-section .promo-item-wrap .promo-item a:hover img {
        transform: scale(1.05)
      }

  /*  .promo-list-section .promo-item-wrap .slick-arrow {
    top: 50%
  }*/
  .d-flex.promo-filter {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px
  }

    .d-flex.promo-filter .block.product-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 0
    }

  .html-category-page .block.product-filters .d-flex {
    max-width: calc(100% - 260px)
  }

  div#fits {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 20px;
    align-items: center
  }

    div#fits .filter-item {
      background: #eff0f2;
      border-radius: 40px;
      font-size: 16px;
      padding: 5px 15px
    }

      div#fits .filter-item * {
        line-height: 1;
        font-size: inherit !important
      }

      div#fits .filter-item span.remove-button {
        background-image: url(../images/cancel-icon.png);
        background-size: 10px;
        background-position: right center
      }

      div#fits .filter-item > span:not(:last-child) {
        margin: 0 0 0 10px;
        padding: 0 0 0 15px
      }

    div#fits .clear-filters button.btn.btn-link {
      background-color: transparent;
      border: none;
      font-size: 16px;
      line-height: 1;
      color: var(--yellow-color);
      padding: 0 0 0 20px;
      background-image: url(../images/remove-cross.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 15px
    }

  .html-spec-deals-page div#fits {
    order: 3;
    width: 100%
  }

  .checkbox-drop-down.select2-container--default .select2-results > .select2-results__options {
    max-height: 400px
  }

  .checkbox-drop-down.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, .checkbox-drop-down.select2-container--default .select2-results__option--selected {
  }

  .checkbox-drop-down li.select2-results__option {
    padding: 10px 10px 10px 50px;
    position: relative;
    font-size: 12px;
  }

    .checkbox-drop-down li.select2-results__option:before {
      content: '';
      background: 0 0;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translate(0, -50%);
      border: 1px solid;
    }

    .checkbox-drop-down li.select2-results__option.select2-results__option--selected:after {
      content: '';
      background: 0 0;
      border: 1px solid;
      width: 20px;
      height: 20px;
      position: absolute;
      left: 27px;
      top: 48%;
      transform: translate(0, -50%) rotate(45deg);
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 2px 2px 0
    }

  .product-item .wishlistWrapper {
    text-align: right;
  }

  .wishlistWrapper input.wishlistCheckbox {
    display: none
  }

    .wishlistWrapper input.wishlistCheckbox:hover + span {
      color: var(--yellow-color)
    }

    .wishlistWrapper input.wishlistCheckbox + span {
      transition: .2s ease-in-out;
      border-bottom: 1px solid;
      cursor: pointer;
      font-size: 13px
    }

  .html-product-details-page .wishlistWrapper input.wishlistCheckbox + span {
    font-size: 16px
  }

  .html-product-details-page .related-products-grid {
    text-align: center;
  }

    .html-product-details-page .related-products-grid .title {
      margin: 0 0 8px;
      border-bottom: 0;
      padding: 0;
      text-align: center;
    }

    .html-product-details-page .related-products-grid .customers-also-viewed {
      max-width: 100%;
      height: 26px;
      position: relative;
      font-size: 18px;
      line-height: 26px;
      font-weight: 500;
      color: #707070;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
    }

    .html-product-details-page .related-products-grid .product-item .wishlistWrapper {
      position: absolute;
      top: 18px;
      right: 18px;
      z-index: 2;
      text-align: right;
    }

    .html-product-details-page .related-products-grid .product-item .product-rating-box, .html-product-details-page .related-products-grid .product-item .description {
      display: none;
    }

    .html-product-details-page .related-products-grid #relatedproducts {
      position: relative;
    }

      .html-product-details-page .related-products-grid #relatedproducts .slick-arrow {
        position: absolute;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px;
        height: 36px;
        border: 0 !important;
        padding: 0;
        background: transparent;
        color: transparent;
        font-size: 0;
        line-height: 0;
        overflow: hidden;
        z-index: 5;
      }

        .html-product-details-page .related-products-grid #relatedproducts .slick-arrow:before {
          content: "";
          display: block;
          width: 12px;
          height: 12px;
          margin: 0 auto;
          border: solid #707070;
          border-width: 0 2px 2px 0;
        }

      .html-product-details-page .related-products-grid #relatedproducts .slick-prev {
        left: -44px !important;
        right: auto !important;
      }

      .html-product-details-page .related-products-grid #relatedproducts .slick-next {
        right: -44px !important;
        left: auto !important;
      }

      .html-product-details-page .related-products-grid #relatedproducts .slick-prev:before {
        transform: rotate(135deg);
      }

      .html-product-details-page .related-products-grid #relatedproducts .slick-next:before {
        transform: rotate(-45deg);
      }

      .html-product-details-page .related-products-grid #relatedproducts .slick-arrow:focus-visible {
        outline: 2px solid #F1A710;
        outline-offset: 2px;
      }

      .html-product-details-page .related-products-grid #relatedproducts .slick-disabled {
        opacity: .35;
      }

  span.select2-selection {
    cursor: pointer !important
  }

  .html-product-details-page .overview .short-description + .overview-buttons {
    margin-top: 25px
  }

  .html-product-details-page .overview .attributes dl {
    margin: 0 0 15px
  }

    .html-product-details-page .overview .attributes dl.withAttrQty {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px
    }

      .html-product-details-page .overview .attributes dl.withAttrQty dt {
        order: 2
      }

  .product-essential .overview {
    float: none;
    width: 100%
  }

  .manufacturer-SKU-wrap.product-meta-box {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 18px 0 15px
  }

    .manufacturer-SKU-wrap.product-meta-box * {
      font-size: 14px;
      color: #707070;
      line-height: 1
    }

    .manufacturer-SKU-wrap.product-meta-box a {
      color: var(--yellow-color)
    }

      .manufacturer-SKU-wrap.product-meta-box a:hover {
        color: var(--mid-blue-color)
      }

  .overview .short-description {
    color: var(--dark-blue-color)
  }

  .rating-freeship {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
    flex-wrap: wrap
  }

    .rating-freeship * {
      font-size: 14px
    }

  .overview-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
  }

  button.proline-btn.proline-btn-blue span {
    color: var(--yellow-color);
    transition: .2s ease-in-out;
    font-size: inherit;
    line-height: 1
  }

  button.proline-btn.proline-btn-blue:hover span {
    color: #000;
  }

  .proline-btn.add-to-cart-button, input.proline-btn.add-to-cart-button, .proline-btn.customerinfo {
    background: var(--yellow-color);
    font-weight: bold;
    color: #000;
    border: 2px solid var(--yellow-color);
    text-transform: capitalize;
    text-decoration: none !important;
    border-radius: 4px;
    display: inline-block;
    transition: .2s ease-in-out;
    height: auto;
    float: none;
    height: 35px;
    min-height: 35px;
    font-size: 12px;
    padding: 0 11px !important;
    width: 341px;
  }

  .data-sheet {
    width: 176px;
    height: 34px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /*background: #ffffff;*/
    border: 1px solid #707070;
    border-radius: 4px;
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
  }

  .proline-btn.add-to-cart-button:hover {
    border-color: #FFB00F;
    background: #FFB00F;
  }

  .overview-buttons .proline-btn {
    padding-top: 8px !important;
    padding-bottom: 8px !important
  }

  .overview .add-to-cart {
    display: flex;
    flex-wrap: wrap;
    margin: 0
  }

  .overview .add-to-wishlist-button {
    font-size: 16px;
    color: var(--dark-blue-color);
    text-decoration: none !important;
    background: 0 0 !important;
    width: auto;
    height: auto;
    border-bottom: 1px solid;
    padding: 0 0 2px;
    line-height: 1;
    background-image: none !important
  }

    .overview .add-to-wishlist-button:hover {
      color: var(--yellow-color)
    }

  .overview .product-name {
    border: none;
    margin: 0;
    padding: 0
  }

    .overview .product-name .manufacturer-name {
      color: #707070;
      font-size: 16px;
      font-weight: 800;
      letter-spacing: 3px;
      line-height: 1.1;
      text-transform: uppercase
    }

    .overview .product-name h1 {
      line-height: 1.2;
      margin: 0 0 5px
    }

  .overview .additional-details, .overview .manufacturers, .overview .short-description, .product-no-reviews, .product-reviews-overview {
    margin: 0 0
  }

  .html-product-details-page .overview .short-description {
    margin: 10px 0 15px
  }

    .html-product-details-page .overview .short-description p {
      font-size: 14px;
      color: #707070;
      line-height: 18px;
    }

  .overview .rating-freeship .rate-star {
    width: calc(100% - 225px)
  }

  .overview .product-reviews-overview {
    display: flex;
    align-items: center;
    gap: 0 5px;
    margin: 0;
    flex-wrap: wrap
  }

  .overview .product-review-box {
    margin: 0
  }

  .overview .attributes {
    margin: 0 0 15px;
    margin: 0
  }

    .overview .attributes dt > label {
      font-weight: 800;
      line-height: 1;
      font-size: 12px;
      padding-left: 2px;
    }

    .overview .attributes ul.option-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center
    }

      .overview .attributes ul.option-list li {
        position: relative;
        margin: 0;
        flex: 0 0 auto
      }

        .overview .attributes ul.option-list li label {
          border: 2px solid var(--yellow-color);
          color: var(--dark-blue-color);
          background-color: transparent;
          font-size: 14px;
          padding: 5px 15px;
          border-radius: 50px;
          margin: 5px 0;
          width: 100%;
          display: inline-block;
          text-align: center;
          line-height: 1.3
        }

        .overview .attributes ul.option-list li input[type=radio] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 1;
          cursor: pointer
        }

          .overview .attributes ul.option-list li input[type=radio]:checked + label {
            background-color: var(--yellow-color)
          }

  .product-attribute-essential .attribute-select-wrap select, .product-quantity-essential .attribute-select-wrap select {
    padding-right: 40px
  }

  .attribute-select-wrap input:not([type=radio]) {
    border-radius: 5px;
    color: var(--dark-blue-color);
    font-weight: 600;
    font-size: 15px;
    max-width: 100%
  }

  .prices.product-price-box {
    padding: 15px 0;
    border-top: 1px solid rgb(47 57 68 / 30%);
    border-bottom: 1px solid rgb(47 57 68 / 30%);
    margin: 25px 0 0
  }

    .prices.product-price-box + .overview-buttons {
      margin-top: 25px
    }

  .overview .highlighted-price * {
    font-weight: 800;
    font-size: 25px
  }

  .overview .highlighted-price .totperDesc {
    font-size: 17px
  }

  .inc-price *, .new-price * {
    font-size: 16px;
    font-weight: 600
  }

  .bundle-title-row, .tier-prices .prices-table .title {
    font-size: 14px;
    font-weight: 800;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #eff0f1;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%
  }

    .tier-prices .prices-table .title * {
      font-size: inherit;
      font-weight: inherit
    }

  .tier-prices .prices-row.thead {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 10px
  }

  .tier-prices .prices-row:not(:last-child) {
    border: none !important
  }

  .tier-prices .prices-row.tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 16px
  }

  .tier-prices .field-header {
    font-size: 14px
  }

  .tier-prices .item-quantity {
    font-size: 12px
  }

  .tier-prices .item-price {
    font-size: 12px;
    color: var(--dark-blue-color);
    background: 0 0
  }

  .bundle-container-wrap .title, .tier-prices > .title {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-weight: 800;
    margin: 0 0 15px
  }

    .bundle-container-wrap .bundle-title-row *, .tier-prices > .title strong {
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit
    }

  .product-essential {
    margin: 0;
    border-bottom: none;
    padding: 15px 0 70px
  }

  .product-details-page {
    padding: 0
  }

  .bundle-container-wrap .bundle-container {
    border: none
  }

    .bundle-container-wrap .bundle-container .bundle-qty, .bundle-container-wrap .bundle-title-row .qty {
      width: 15%;
      font-size: 14px
    }

    .bundle-container-wrap .bundle-container .bundle-product-name, .bundle-container-wrap .bundle-title-row .items {
      width: 60%;
      font-size: 14px
    }

    .bundle-container-wrap .bundle-container .prices, .bundle-container-wrap .bundle-title-row .price {
      width: 25%;
      font-size: 14px;
      text-align: right
    }

    .bundle-container-wrap .bundle-container * {
      font-size: 14px;
      line-height: 1.2
    }

  .bundle-container-wrap .bundle-container {
    border-bottom: 1px solid #d5d7da;
    padding: 10px 10px;
    align-items: start
  }

    .bundle-container-wrap .bundle-container:nth-last-child(4) {
      border: none
    }

    .bundle-container-wrap .bundle-container .bundle-image {
      display: none
    }

  .bundle-container-wrap .normal-price-wrap, .bundle-container-wrap .package-price-wrap, .bundle-container-wrap .saving-price-wrap {
    background: #eff0f1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 4px
  }

  .bundle-container-wrap .saving-price-wrap {
    background: var(--yellow-color)
  }

    .bundle-container-wrap .normal-price-wrap *, .bundle-container-wrap .package-price-wrap *, .bundle-container-wrap .saving-price-wrap * {
      margin: 0 !important;
      font-size: inherit !important;
      font-weight: 800;
      line-height: 1.1
    }

    .bundle-container-wrap .saving-price-wrap * {
      color: #fff
    }

  .bundle-container-wrap span.suffix {
    display: block;
    font-weight: 300;
    text-align: right
  }

  /*
.overview-body__left .quantity-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px
}*/
  .overview-body__left .quantity-wrap > label {
    order: 2
  }

  .overview-body__left .package-deal-save {
    display: none !important
  }

  div#product-desc-tab-wrap {
    background: #022d48;
    position: sticky;
    top: 0;
    z-index: 2
  }

    div#product-desc-tab-wrap > .container ul {
      overflow: auto;
      flex-wrap: nowrap;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px
    }

    div#product-desc-tab-wrap .tab-item {
      cursor: pointer;
      flex: 0 0 auto
    }

      div#product-desc-tab-wrap .tab-item button span {
        color: var(--yellow-color)
      }

      div#product-desc-tab-wrap .tab-item a, div#product-desc-tab-wrap .tab-item button:hover span, div#product-desc-tab-wrap .tab-item span {
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        position: relative
      }

      div#product-desc-tab-wrap .tab-item a, div#product-desc-tab-wrap .tab-item button {
        margin: 15px 0
      }

      div#product-desc-tab-wrap .tab-item a {
        padding: 0 16px
      }

        div#product-desc-tab-wrap .tab-item a:before {
          content: '';
          position: absolute;
          bottom: -27px;
          width: 100%;
          background-color: var(--yellow-color);
          z-index: 1;
          left: 0;
          height: 8px;
          opacity: 0;
          border-radius: 2px 2px 0 0
        }

        div#product-desc-tab-wrap .tab-item a.active:before {
          opacity: 1
        }

  #product-desc-tab-wrap + .product-collateral > div {
    padding: 90px 0
  }

    #product-desc-tab-wrap + .product-collateral > div:not([style*=background]) + div:not([style*=background]) {
      padding-top: 0
    }

  ul.download-item-list li.download-item {
    border-bottom: 1px solid #d5d7da;
    padding: 10px 0;
    margin: 10px 0
  }

    ul.download-item-list li.download-item a.disabled {
      pointer-events: none;
      opacity: .5
    }

    ul.download-item-list li.download-item a {
      opacity: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center
    }

      ul.download-item-list li.download-item a span.icon-download {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        align-items: center
      }

  .download-section .section-title h2 {
    font-size: 42px
  }

  #product-key-feature-section .feature-list {
    text-align: center
  }

    #product-key-feature-section .feature-list .icon {
      display: block;
      width: 160px;
      max-width: 100%;
      border: 5px solid #fff;
      border-radius: 50%;
      margin: 20px auto;
      aspect-ratio: 1/1;
      object-fit: cover
    }

    #product-key-feature-section .feature-list span {
      font-size: 28px;
      line-height: 1.2;
      font-weight: 800;
      width: 240px;
      max-width: 100%;
      margin: 0 auto;
      display: block
    }

  #specification-section {
    background-color: #e0e1e3
  }

    #specification-section .product-specs-box .table-wrapper tbody {
      display: flex;
      flex-wrap: wrap
    }

      #specification-section .product-specs-box .table-wrapper tbody tr {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        position: relative
      }

        #specification-section .product-specs-box .table-wrapper tbody tr td {
          width: 100%;
          background: 0 0;
          text-align: left;
          border: 1px solid #c8c9cd;
          border-top: none;
          border-left: none
        }

        #specification-section .product-specs-box .table-wrapper tbody tr:nth-child(1) td, #specification-section .product-specs-box .table-wrapper tbody tr:nth-child(2) td {
          border-top: 1px solid #c8c9cd
        }

        #specification-section .product-specs-box .table-wrapper tbody tr:not(.even) td {
          border-left: none
        }

        #specification-section .product-specs-box .table-wrapper tbody tr.even td {
          text-align: right;
          border-right: none
        }

    #specification-section .spec-name-value {
      font-size: 20px;
      font-weight: 600
    }

      #specification-section .spec-name-value strong {
        font-size: inherit;
        font-weight: 800
      }

    #specification-section .product-specs-box {
      margin: 0 0 25px
    }

  .see-toggle-btn-wrap {
    text-align: center
  }

    .see-toggle-btn-wrap span {
      font-size: 20px;
      font-weight: 800;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      cursor: pointer
    }

  .home-page-category-grid.category-grid.sub-category-grid .sub-cat-slider .slick-track, .recently-viewed-products-page .home-page-product-grid .slick-track {
    margin-left: 0
  }

  .sub-cat-slider.slick-slider {
    margin: 0 auto
  }

    .sub-cat-slider.slick-slider .slick-arrow.slick-next {
      right: -10px;
      top: 50%
    }

    .sub-cat-slider.slick-slider .slick-arrow.slick-prev {
      left: -10px;
      top: 50%
    }

  .home-page-category-grid .sub-cat-slider .slick-slide .category-item {
    margin: 0
  }

  h4.faq-title {
    font-size: 20px;
    font-weight: 800;
    position: relative;
    padding: 0 20px 0 0;
    cursor: pointer
  }

  .faq-item {
    padding: 25px 0;
    border-bottom: 1px solid #80afce
  }

  .faq-content.answer * {
    font-weight: 600
  }

  h4.faq-title:after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 28px
  }

  h4.faq-title.expand:after {
    content: '-'
  }

  h4.faq-title.expand {
    margin: 0 0 30px
  }

  #product-videos-section {
    background-color: #f2f2f2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 25px;
  }

    #product-videos-section .section-title h2 {
      color: black;
      margin-bottom: 50px;
    }

    #product-videos-section .video-frame iframe {
      aspect-ratio: 16/9;
      width: 100%;
      height: auto
    }

    #product-videos-section .videos {
      margin-top: 20px;
    }

    #product-videos-section .video-item {
      display: flex;
      gap: 30px;
      padding: 15px;
      border-radius: 0;
      transition: .2s ease-in-out;
      cursor: pointer
    }

    #product-videos-section .video-thumb {
      aspect-ratio: 1/1;
      max-width: 100px;
    }

      #product-videos-section .video-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover
      }

    #product-videos-section .video-title-wrap span {
      font-size: 20px;
      font-weight: 600
    }

  .video-item-wrap .videos::-webkit-scrollbar {
    width: 10px
  }

  .video-item-wrap .videos::-webkit-scrollbar-track {
    background: #6e757c
  }

  .video-item-wrap .videos::-webkit-scrollbar-thumb {
    background: var(--yellow-color)
  }

    .video-item-wrap .videos::-webkit-scrollbar-thumb:hover {
      background: var(--yellow-color)
    }

  .product-reviews-overview .product-review-box, .product-reviews-overview .product-review-box span {
    font-weight: 800
  }

  .review-graphs .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 10px 0
  }

  .progress {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    height: 38px;
    width: 270px;
    max-width: calc(100% - 130px)
  }

  .progress-bar.progress-bar-info {
    background: #ffb00f;
    height: 100%
  }

  #review-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between
  }

  #faq-reiviews #review-filter > span.select2.select2-container {
    width: 250px !important
  }

  #faq-reiviews #review-filter > * {
    max-width: 50%
  }

  #show-all-reviews {
    cursor: pointer
  }

  .product-selectors > div {
    width: 260px
  }

  .clear-filter {
    display: block;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding: 2px 20px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
  }

  .product-filters span {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }

  .d-flex {
    flex-wrap: wrap
  }

  .block.product-filters .d-flex {
    position: relative;
    gap: 5px;
  }

  #reviews-item {
    border-top: 1px solid var(--dark-blue-color)
  }

  .product-review-item .review-body {
    border-top: 1px solid #93989e;
    border-bottom: 1px solid #93989e;
    padding: 25px 0
  }

  .product-review-item .rev-name {
    font-size: 18px;
    color: #000;
    font-weight: 800
  }

  .product-review-item .review-title {
    margin: 20px 0
  }

    .product-review-item .review-title strong {
      font-size: 20px;
      font-weight: 800;
      color: #000
    }

  .product-review-item .review-body .text {
    font-size: 18px;
    color: #000;
    margin: 20px 0
  }

  .promo-page-grid .slick-vertical .slick-slide {
    border: none
  }

  #reviews-item .slick-arrow {
    position: absolute;
    right: 60px;
    top: -80px;
    transform: translate(0, -50%) rotate(-90deg);
    z-index: 1;
    font-size: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0 !important;
    background-image: url(../images/slide-arr.png);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat
  }

    #reviews-item .slick-arrow.slick-next {
      transform: translate(0, -50%) rotate(90deg);
      right: 0
    }

  #reviews-item .slick-arrow {
    right: auto;
    left: -40px;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg)
  }

    #reviews-item .slick-arrow.slick-next {
      left: auto;
      right: -40px;
      transform: translate(0, -50%) rotate(90deg)
    }

    #reviews-item .slick-arrow:hover {
      background-color: var(--yellow-color)
    }

  .banner-carousel.homepage-carousel .banner-carousel__item > a > img {
    aspect-ratio: 1920/403;
    object-fit: cover
  }

  .banner-carousel.homepage-carousel .slick-dots {
    display: none !important
  }

  .banner-carousel.homepage-carousel .slick-arrow {
    left: 15px;
    top: 50%
  }

    .banner-carousel.homepage-carousel .slick-arrow.slick-next {
      right: 15px;
      left: auto
    }

  #banner-carousel-2 .banner-carousel__item img {
    width: 100%
  }

  #recently-view-section .product-grid.home-page-product-grid, #related-product-section .product-grid.home-page-product-grid {
    margin: 0
  }

  #related-product-section .product-item .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.35em * 2);
  }

  #related-product-section .product-item .description {
    display: none;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
    color: #707070;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
  }

    #related-product-section .product-item .description p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin: 0 !important;
      color: #707070;
      font-size: 14px;
      line-height: 1.5;
      margin-top: 5px !important;
      margin-bottom: 0px !important;
    }

  .shipment {
    width: 225px
  }

  div#free-shipping-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 10px;
    justify-content: flex-end
  }

    div#free-shipping-cart svg {
      width: 30px
    }

  span#shipping-txt {
    max-width: calc(100% - 50px);
    line-height: 1.1
  }

  div.compare-wrap input {
    width: 21px;
    height: 21px;
    margin: 0 5px 0 0;
    opacity: 0
  }

  div.compare-wrap {
    position: relative;
    cursor: pointer
  }

    div.compare-wrap span {
      position: relative;
      font-size: 15px;
      font-weight: 500
    }

      div.compare-wrap span:before {
        content: '';
        width: 18px;
        height: 18px;
        border: 1px solid #898989;
        display: inline-block;
        border-radius: 2px;
        position: absolute;
        left: -25px;
        top: -1px;
        pointer-events: none
      }

      div.compare-wrap span:after {
        content: '';
        width: 10px;
        height: 10px;
        border: none;
        background: var(--yellow-color);
        display: inline-block;
        border-radius: 2px;
        position: absolute;
        left: -21px;
        top: 3px;
        opacity: 0
      }

    div.compare-wrap input:checked + span:before {
      border-color: var(--yellow-color)
    }

    div.compare-wrap input:checked + span:after {
      opacity: 1
    }

  /*.afterpay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px
}

  .afterpay > img {
    width: 86px;
    height: 30px;
    object-fit: contain;
    background: #b2fce5;
    border-radius: 80px
  }

span.afterpay-pop {
  display: flex;
  align-items: center;
  cursor: pointer
}

.afterpay + .topic-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
  z-index: 9999999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s ease-in-out;
  opacity: 0;
  visibility: hidden
}

  .afterpay + .topic-block img {
    max-height: 80vh;
    object-fit: contain;
    max-width: 90vw;
    cursor: pointer
  }

  .afterpay + .topic-block p:last-child {
    display: none
  }
*/
  .topic-block.active {
    opacity: 1;
    visibility: visible
  }

  .master-wrapper-page.after-active .footer, .master-wrapper-page.after-active .header, .master-wrapper-page.after-active .header-menu {
    z-index: -1
  }

  .master-wrapper-page.after-active .master-wrapper-content {
    z-index: 1
  }

  .contact-page-section .hs-form-field {
    margin: 5px 0 !important
  }

  .hs-form-field {
    margin: 16px 0 !important
  }

  fieldset {
    margin: 0 !important
  }

  .hs-error-msgs {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
  }

    .hs-error-msgs * {
      font-size: 12px;
      color: red
    }

  ul.inputs-list {
    padding: 0;
    margin: 0;
    list-style: none
  }

  button, input, select, textarea {
    font-family: "Inter", sans-serif
  }

  .page {
    text-align: left
  }

  .home-page-category-grid.category-grid.sub-category-grid .sub-cat-slider .sub-cat-slide-item {
    /* padding: 0 15px; */
  }

  .block.product-filters {
    max-width: 100%
  }

  .product-selectors .product-viewmode {
    display: none !important
  }

  .product-selectors .product-sorting > span:not(.select2) {
    display: none
  }

  .product-selectors {
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
    /*margin: 0 0 10px*/
  }

    .product-selectors > div {
      margin: 0
    }

  .product-filter .filter-content {
    padding: 0
  }

  select#products-orderby {
    margin: 0
  }

  .product-selectors > div.product-page-size {
    display: none
  }

  .html-about-page .about-section-inner ul {
    list-style: none;
    padding: 0;
    margin: 0
  }

    .html-about-page .about-section-inner ul li {
      color: #fff;
      font-size: 22px;
      line-height: 33px;
      position: relative;
      padding: 0 0 0 30px
    }

      .html-about-page .about-section-inner ul li:before {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 3px;
        background-color: var(--yellow-color);
        left: 0;
        top: 10px;
        position: absolute;
        z-index: 1
      }

  .html-about-page .support-section.section {
    padding-bottom: 20px
  }

    .html-about-page .support-section.section .cta-wrap {
      max-width: 1000px
    }

      .html-about-page .support-section.section .cta-wrap p:not(:last-child) {
        max-width: 950px;
        margin-left: auto;
        margin-right: auto
      }

      .html-about-page .support-section.section .cta-wrap p:last-child {
        margin: 70px 0 30px
      }

    .html-about-page .support-section.section .btn-wrap a {
      margin: 10px
    }

  .section.about-proline-section p {
    max-width: 816px;
    margin-bottom: 20px
  }

  .section.about-proline-section .btn-wrap a:not(:last-child) {
    margin: 5px 5px 5px
  }

  #review-form > form > span a {
    color: var(--yellow-color)
  }

  #review-form > form .GuestClass {
    opacity: .5;
    pointer-events: none
  }

  .result.review-already-added {
    border: 2px solid #e7e7e7;
    border-radius: 4px;
    padding: 50px;
    text-align: center
  }

    .result.review-already-added > * {
      max-width: 700px;
      margin: 0 auto
    }

    .result.review-already-added H2 {
      font-size: 32px;
      font-weight: 800;
      margin: 0 auto 15px
    }

    .result.review-already-added p {
      margin: 0 auto 37px
    }

    .result.review-already-added .proline-btn {
      width: 400px;
      max-width: 100%
    }

  .message-error.validation-summary-errors ul li a {
    color: var(--yellow-color);
    font-weight: 800
  }

  .review-guide {
    border-radius: 8px;
    background: #eff0f2;
    padding: 22px 36px 80px 16px;
    margin: 0 0 30px
  }

    .review-guide h2 {
      font-size: 23px;
      font-weight: 800;
      margin: 0 0 25px;
      color: #000
    }

    .review-guide * {
      color: #000
    }

  .review-guide-img {
    margin-bottom: 25px
  }

    .review-guide-img img {
      border-radius: 4px;
      overflow: hidden
    }

  .product-reviews-page .desc {
    margin-bottom: 25px
  }

    .product-reviews-page .desc h3 {
      font-size: 32px;
      line-height: 37px;
      margin: 0 0 10px
    }

      .product-reviews-page .desc h3 a {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit
      }

  .review-rating li.rating-options input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    background-image: url(../images/star-empty.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
  }

    .review-rating li.rating-options input[type=radio].active-rating, .review-rating li.rating-options input[type=radio]:checked {
      background-image: url(../images/star-fill.png)
    }

  .html-product-reviews-page .upload-btn {
    display: inline-block;
    position: relative
  }

    .html-product-reviews-page .upload-btn > span {
      padding: 12px 27px;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 36px;
      border-radius: 50px;
      border: 1px solid #2f3944;
      pointer-events: none;
      transition: .2s ease-in-out
    }

      .html-product-reviews-page .upload-btn > span img {
        transition: .2s ease-in-out
      }

    .html-product-reviews-page .upload-btn:hover > span {
      background: #2f3944;
      color: #fff
    }

      .html-product-reviews-page .upload-btn:hover > span img {
        filter: brightness(0) invert(1)
      }

    .html-product-reviews-page .upload-btn > span + input[type=file] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer
    }

  div#combined-uploaded-files-container {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
  }

  .uploaded-file img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100px
  }

  .uploaded-file {
    display: flex;
    flex-wrap: wrap
  }

  #remove-order-total-discount, .html-product-reviews-page .remove-file, .remove-gift-card-button {
    font-size: 0;
    background-color: transparent;
    background-image: url(../images/remove-cross.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: none
  }

  .result.review-already-added.review-thanks {
    padding: 50px 175px 80px;
    background: #eff0f2;
    border-radius: 8px;
    text-align: center
  }

    .result.review-already-added.review-thanks h3 {
      font-size: 50px;
      line-height: 55px;
      font-weight: 800;
      color: #0c1621;
      margin: 0 auto 20px;
      max-width: 548px
    }

  .newsletter-form-wrap {
    background: linear-gradient(90deg, #0c1621 53%, #fff 53%)
  }

    .newsletter-form-wrap .img-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center
    }

    .newsletter-form-wrap .img-wrap {
      margin-bottom: 50px
    }

      .newsletter-form-wrap .img-wrap img {
        max-width: 500px
      }

  .tech-team {
    margin-top: 50px
  }

    .tech-team .tech-indv {
      margin: 25px 0
    }

    .tech-team h6 {
      color: #0c1621;
      font-size: 21px;
      font-weight: 800;
      margin: 15px 0
    }

  div#map {
    aspect-ratio: 390/225;
    margin: 0 -20px -30px;
    border-radius: 8px
  }

  .contact-page-section form .input input:not([type=radio]):not([type=checkbox]):not([type=submit]), .contact-page-section form .input textarea, .contact-page-section form .inputs input:not([type=radio]):not([type=checkbox]):not([type=submit]), .contact-page-section form .inputs textarea, .html-product-reviews-page form#productReviewForm .inputs input:not([type=radio]):not([type=checkbox]):not([type=submit]), .html-product-reviews-page form#productReviewForm .inputs textarea {
    width: 100%
  }

  .contact-details {
    padding: 30px 20px;
    background-color: #eff0f2;
    border-radius: 8px
  }

    .contact-details h3 {
      color: #000;
      font-size: 23px;
      line-height: 26px;
      margin-bottom: 25px;
      font-weight: 800
    }

    .contact-details p {
      font-size: 14px;
      line-height: 20px;
      margin: 0 0 20px;
      color: #000;
      position: relative;
      padding-left: 42px
    }

      .contact-details p a {
        font-size: inherit;
        line-height: inherit;
        color: inherit
      }

        .contact-details p a:hover {
          color: var(--yellow-color)
        }

      .contact-details p > img {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
      }

  .login-page .title h2 {
    margin-top: 30px
  }

    .login-page .title h2 strong {
      font-size: 32px;
      line-height: 1.2;
      font-weight: 800
    }

  .help-text {
    text-align: right;
    margin-top: -35px
  }

  .help-text, .html-login-page .returning-wrapper .buttons > p, .html-password-recovery-page .buttons > p, .html-registration-form .buttons > p {
    font-size: 16px
  }

    .help-text a, .html-login-page .returning-wrapper .buttons > p a, .html-password-recovery-page .buttons > p a {
      color: var(--yellow-color);
      font-size: inherit
    }

  .field-validation-error span {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    display: block;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .button-1.checkout-as-guest-button, .button-1.checkout-button, .button-1.password-recovery-button, .button-1.register-continue-button, .button-2.continue-shopping-button, .hs-button.primary.large, .html-login-page .guest-button, .html-login-page .login-button, .html-login-page .register-button, .html-registration-form .button-1.register-next-step-button, .primary-btn, .register-next-step-button {
    font-size: 16px;
    text-transform: none;
    width: 100%;
    border-radius: 35px;
    background-color: var(--yellow-color);
    margin: 10px 0 30px;
    transition: .2s ease-in-out
  }

    .button-1.checkout-as-guest-button:hover, .button-1.checkout-button:hover, .button-1.password-recovery-button:hover, .button-1.register-continue-button:hover, .button-2.continue-shopping-button:hover, .hs-button.primary.large:hover, .html-login-page .guest-button:hover, .html-login-page .login-button:hover, .html-login-page .register-button:hover, .html-registration-form .button-1.register-next-step-button:hover, .primary-btn:hover, .register-next-step-button {
      background-color: #FFB00F;
    }

  .hs-button.primary.large, .primary-btn {
    min-width: 342px !important;
    max-width: 100%;
    width: auto;
    font-size: 12px;
    font-weight: 900;
    border-radius: 4px;
  }

  .register-next-step-button {
    width: auto
  }

  .html-login-page .guest-button {
    color: var(--dark-blue-color);
    background-color: transparent;
    border: 1px solid var(--dark-blue-color);
    margin-bottom: 0
  }

  .html-login-page .register-button {
    margin-bottom: 0
  }

  .button-1.checkout-as-guest-button:hover, .button-1.checkout-button, .button-1.password-recovery-button:hover, .button-1.register-continue-button:hover, .button-2.continue-shopping-button:hover, .html-login-page .guest-button:hover, .html-login-page .login-button:hover, .html-login-page .register-button, .html-registration-form .button-1.register-next-step-button:hover, .register-next-step-button:hover {
    color: #fff;
    background-color: var(--dark-blue-color)
  }

  .button-1.checkout-button, .button-2.continue-shopping-button {
    margin: 0 0 10px
  }

  .html-login-page .returning-wrapper .inputs.reversed * {
    margin: 0
  }

  .html-login-page .inputs.reversed.d-flex {
    justify-content: space-between;
    align-items: center
  }

    .html-login-page .inputs.reversed.d-flex:after {
      display: none
    }

  .html-login-page .returning-wrapper .buttons {
    padding: 0;
    background: 0 0
  }

  .html-login-page .form-fields input:not([type=checkbox]), .html-password-recovery-page .form-fields input:not([type=checkbox]), .html-registration-form .form-fields input:not([type=checkbox]) {
    width: 100%
  }

  .html-login-page .form-fields, .html-password-recovery-page .form-fields, .html-registration-form .form-fields {
    background: 0 0;
    border: none;
    padding: 0
  }

  .html-login-page .returning-wrapper.fieldset, .html-password-recovery-page .password-recovery-page, .html-registration-form, .html-registration-result-page .registration-result-page {
    float: none;
    width: 553px;
    max-width: 90%;
    margin: 65px auto 240px;
    background: #fff;
    border-radius: 8px;
    padding: 40px
  }

    .html-login-page .title h1, .html-password-recovery-page .title h1, .html-registration-form .title h1, .html-registration-result-page .registration-result-page .title h1, .new-wrapper.checkout-as-guest-or-register-block .title {
      color: var(--dark-blue-color);
      font-size: 50px;
      line-height: 55px;
      font-weight: 800
    }

      .html-login-page .title h1 strong, .html-password-recovery-page .title h1 strong, .html-registration-form .title h1 strong, .new-wrapper.checkout-as-guest-or-register-block .title strong {
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        font-weight: 800
      }

  .password-recovery-page .tooltip {
    margin: 20px 0 50px;
    border: none;
    text-align: center
  }

  .inputs.accept-consent {
    white-space: normal
  }

  .html-registration-form select {
    width: 100%;
    font-size: 14px;
    color: #777;
    font-weight: 400
  }

  .html-registration-form .inputs.accept-consent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
  }

    .html-registration-form .inputs.accept-consent label {
      text-align: left;
      line-height: 1.2
    }

    .html-registration-form .inputs.accept-consent input {
      margin: 2px 0 0
    }

    .html-registration-form .inputs.accept-consent label * {
      line-height: 1.2
    }

  .external-authentication {
    display: none
  }

  .checkbox-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap
  }

    .checkbox-wrap input[type=checkbox] {
      width: 21px !important;
      height: 21px !important;
      margin-right: 10px !important;
      opacity: 0
    }

      .checkbox-wrap input[type=checkbox] + label {
        position: relative;
        width: auto;
        font-size: 12px;
        display: inline-block;
        max-width: calc(100% - 36px);
        text-align: left;
        text-wrap: wrap;
        font-weight: 500;
        white-space: normal
      }

        .checkbox-wrap input[type=checkbox] + label a, .checkbox-wrap input[type=checkbox] + label span.read {
          color: var(--yellow-color);
          cursor: pointer
        }

        .checkbox-wrap input[type=checkbox] + label * {
          font-size: inherit;
          line-height: inherit;
          font-weight: inherit
        }

        .checkbox-wrap input[type=checkbox] + label:before {
          content: '';
          position: absolute;
          left: -30px;
          top: 4px;
          width: 20px;
          height: 20px;
          border: 1px solid var(--yellow-color);
          background-color: transparent;
          border-radius: 5px
        }

        .checkbox-wrap input[type=checkbox] + label:after {
          content: "";
          display: block;
          position: absolute;
          top: 6px;
          left: -23px;
          width: 6px;
          height: 13px;
          border: solid #fff;
          border-width: 0 3px 3px 0;
          transform: rotate(45deg);
          opacity: 0;
          font-weight: bold;
        }

        .checkbox-wrap input[type=checkbox] + label[for="Newsletter"]::after {
          left: -22px;
        }

        .checkbox-wrap input[type=checkbox] + label[for="accept-consent"]::after {
          left: -22px;
        }

  #newAddressBody .checkbox-wrap input[type=checkbox] + label:after, .ship-to-same-address .checkbox-wrap input[type=checkbox] + label:after {
    left: -23px !important;
    top: 8px;
  }

  .new-shipping-ckbx input[type=checkbox] + label:after {
    left: -23px !important;
    top: 8px;
  }

  .checkbox-wrap input[type=checkbox]:checked + label:before {
    background-color: var(--yellow-color)
  }

  .checkbox-wrap input[type=checkbox]:checked + label:after {
    opacity: 1
  }

  .html-shopping-cart-page .checkbox-wrap input[type=checkbox] + label a {
    color: inherit;
    border-bottom: 1px solid
  }

  .register-ac-type-wrap {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: #eff0f2;
    border-radius: 45px;
    margin: 10px 0 75px;
    left: 35%;
    position: relative;
  }

    .register-ac-type-wrap button {
      background: 0 0;
      border-radius: 45px;
      padding: 15px 70px;
      border: none;
      box-shadow: none;
      color: #2f3944;
      font-size: 16px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px
    }

      .register-ac-type-wrap button.selected {
        background-color: var(--yellow-color);
        color: #fff
      }

        .register-ac-type-wrap button.selected img {
          filter: brightness(0) invert(1)
        }

  .registration-page .newsletter-input {
    left: 32%;
  }

  .registration-page .accept-pvc-policy {
    left: 35%;
  }

  .form-fields {
    border: none;
    background-color: transparent;
    padding: 0
  }

  .html-checkout-page .required, .html-contact-page .required, .registration-page .required {
    display: none
  }

  .help-text {
    text-align: left;
    margin-top: 0;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 30px
  }

  .html-shopping-cart-page .help-text {
    padding: 0px 20px;
    height: 15;
  }

  .help-text a {
    color: var(--dark-blue-color);
    font-weight: 800
  }

    .help-text a:hover {
      color: var(--yellow-color)
    }

  .html-shopping-cart-page .order-summary-content > .no-data {
    max-width: 1300px;
    margin: 0 auto
  }

  .html-registration-page .center-1 > .section, .html-shopping-cart-page .page.shopping-cart-page > .section, .section.review-wrap {
    padding-top: 65px;
    padding-bottom: 65px;
    background-color: #F8F8F8
  }

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

  .cart-collaterals {
    width: 100%;
    padding: 0
  }

    .cart-collaterals > div {
      width: 100%;
      max-width: 100%;
      /* margin-bottom: -15px; */
    }

  .cart-tab-section-title strong {
    font-size: 23px;
    line-height: 15px;
    font-weight: 800
  }

  div#checkout-free-shipping-div, div#checkout-overnight-delivery-div, div#click-and-collect-delivery-div {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    border: 2px solid var(--yellow-color);
    padding: 10px 15px;
    border-radius: 10px;
    margin: 10px 0;
    position: absolute;
    bottom: 0;
    right: 0
  }

  div#checkout-overnight-delivery-div, div#click-and-collect-delivery-div {
    border-color: #f70606
  }

  .delivery-notice, .delivery-offers {
    max-width: 60%
  }

  div#checkout-free-shipping-div[style="display: block;"], div#checkout-overnight-delivery-div[style="display: block;"] {
    display: inline-flex !important
  }

  div#checkout-free-shipping-div > svg, div#checkout-overnight-delivery-div > svg {
    width: 30px
  }

    div#checkout-free-shipping-div > svg .truck, div#checkout-overnight-delivery-div > svg .truck {
      fill: var(--yellow-color)
    }

  .title-shipment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
  }

    .title-shipment .cart-tab-section-title strong {
      font-size: 16px;
      color: #000 !important;
      font-weight: 800;
      text-align: left;
      padding: 0;
      margin: 0 0 7px;
      cursor: auto
    }

  #checkout-overnight-delivery-txt, #click-and-collect-delivery-txt {
    color: #f70606;
    max-width: calc(100% - 40px);
    font-size: 14px
  }

  div#click-and-collect-delivery-div .icon-info {
    width: 30px;
    height: 30px;
    background-image: url(../images/alert-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: left;
    margin-top: 8px;
    margin-right: 10px
  }

    div#click-and-collect-delivery-div .icon-info + #click-and-collect-delivery-txt {
      display: block;
      overflow: hidden
    }

      div#click-and-collect-delivery-div .icon-info + #click-and-collect-delivery-txt a {
        font-weight: 600;
        font-size: 14px
      }

        div#click-and-collect-delivery-div .icon-info + #click-and-collect-delivery-txt a:hover {
          color: var(--dark-blue-color)
        }

  #checkout-free-shipping-txt {
    color: var(--yellow-color);
    max-width: calc(100% - 40px);
    font-size: 14px
  }

  .d-flex.deliver-method-wrap {
    margin: 0px 0 5px;
    gap: 10px 50px
  }

  .delivery-method {
    padding-left: 25px;
    position: relative;
    cursor: pointer
  }

    .delivery-method label {
      cursor: pointer;
      font-size: 13px;
    }

    .delivery-method:after {
      content: '';
      width: 21px;
      height: 21px;
      width: 18px;
      height: 18px;
      border: 1px solid #ffb00f;
      background-color: transparent;
      border-radius: 10px;
      position: absolute;
      left: 0;
      top: 4px;
    }

    .delivery-method.active:after {
      content: '';
      width: 21px;
      height: 21px;
      width: 18px;
      height: 18px;
      border: 1px solid #ffb00f;
      background-color: transparent;
      border-radius: 20px;
      position: absolute;
      left: 0;
      top: 4px;
    }

    .delivery-method.active:before {
      background: #ffb00f;
      content: '';
      content: '';
      width: 21px;
      height: 21px;
      width: 18px;
      height: 18px;
      border: 4px solid #fff;
      border-radius: 20px;
      position: absolute;
      left: 0;
      top: 4px;
    }

  #order-total-sticy-div {
    display: unset
  }

  .cart-footer {
    border: none;
    overflow: hidden
  }

    .cart-footer .totals {
      border-radius: 8px;
      background-color: #E7E7E7;
      padding: 15px 20px;
      width: 100%;
      float: none;
      position: sticky;
      top: 20px
    }

      .cart-footer .totals .title {
        font-size: 20px;
        color: #000;
        font-weight: 800;
        text-align: left;
        padding: 0;
        margin: 0 0 7px
      }

    .cart-footer .total-info {
      padding: 0;
      border: none
    }

  .cart-total td {
    vertical-align: top
  }

  .cart-total .order-total * {
    font-size: 20px;
    color: #0c1621;
    font-weight: 800 !important
  }

  .cart-total span.tax-suffix {
    text-transform: capitalize;
    display: block
  }

  .cart-total .shipping-cost .cart-total-right span.tax-suffix {
    display: none
  }

  .cart-footer .checkout-buttons {
    padding: 0
  }

  .cart-tab-section-title strong {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer;
    transition: .2s ease-in-out
  }

    .cart-tab-section-title strong span {
      font-size: 22px;
      font-weight: 800;
      transition: .2s ease-in-out
    }

  .cart-tab-section-title.clicked strong span {
    transform: rotate(90deg)
  }

  .cart-tab-section-title strong:hover, .cart-tab-section-title strong:hover span {
    color: var(--yellow-color)
  }

  .cart-tab-section-content {
    margin: 0 0 15px
  }

    .cart-tab-section-content .coupon-box input[type=text], .cart-tab-section-content .coupon-code input[type=text] {
      width: 100%;
      height: 53px;
      padding-right: 60px;
      background: 0 0
    }

    .cart-tab-section-content button[type=submit] {
      background-color: var(--yellow-color);
      background-image: url(../images/icon-arrow-bl.png);
      background-size: 60%;
      background-repeat: no-repeat;
      background-position: center;
      padding: 0;
      font-size: 0;
      border: none;
      width: 36px;
      height: 36px;
      float: right;
      margin: -44px 10px 0;
      z-index: 1;
      position: relative;
      border-radius: 5px;
      transition: .2s ease-in-out
    }

      .cart-tab-section-content button[type=submit]:hover {
        background-color: var(--dark-blue-color)
      }

      .cart-tab-section-content button[type=submit].remove-discount-button, .cart-tab-section-content button[type=submit].remove-gift-card-button {
        background-image: url(../images/cancel-icon-w.png);
        background-size: 40%
      }

  .message-failure, .message-success {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #e4434b;
    margin-top: 5px
  }

  .message-success {
    color: var(--yellow-color)
  }

  .cart-table-wrap .table-wrapper .cart {
    border: 2px solid #e7e7e7;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart > .cart-header {
      display: none;
    }

  .cart-table-wrap .table-wrapper .cart-header-row, .cart-table-wrap .table-wrapper .cart-item-row {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    border-bottom: 1px solid #eff0f2;
    /* margin-left: 97px; */
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row {
    align-items: center;
    position: relative;
    margin: 0 0 22px;
    padding: 18px 28px 24px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row:last-child {
      margin-bottom: 0;
    }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 18px;
    border-bottom: 1px solid #d9d9d9;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header > div {
      margin: 0;
      padding: 0;
      color: #000;
      font-size: 12px;
      font-weight: 800;
      line-height: 18px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .product {
      display: block;
      width: 45%;
      padding-left: 17% !important;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .subtotal {
      width: 17%;
      text-align: left;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .quantity {
      width: 13%;
      text-align: center;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .removebtn {
      width: 4%;
    }

  .cart-table-wrap .table-wrapper .cart-header-row, .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-header-row {
    padding: 0 0 20px !important;
    margin: 0 0 20px !important
  }

  .cart-table-wrap .table-wrapper .cart-item-row:nth-last-child(2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row:nth-last-child(2) {
    margin-bottom: 22px;
    padding-bottom: 24px;
    border: 1px solid #d9d9d9;
  }

  .cart-table-wrap .table-wrapper .cart-header-row {
    align-items: center
  }

    .cart-table-wrap .table-wrapper .cart-header-row * {
      font-weight: 800;
      color: #000
    }

  .cart-table-wrap .table-wrapper .cart-item-row .remove-button-wrapper {
    margin-top: 10px
  }

  .cart-table-wrap .table-wrapper .cart-item-row * {
    font-weight: 800;
    font-size: 12px;
    line-height: 22px;
  }

  .cart-table-wrap .table-wrapper .cart-item-row .quantity {
    width: 10%;
    text-align: center;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .quantity {
    width: 13%;
  }

  .cart-table-wrap .table-wrapper .cart-item-row .proline-btn {
    font-weight: 700;
    /* font-size: 16px; */
    width: 150px;
  }

  .cart-table-wrap .table-wrapper .cart-header-row :not(.product) {
    font-size: 12px;
  }

  .cart-table-wrap .table-wrapper .cart-header-row .quantity {
    width: 10%;
    text-align: center;
  }

  .cart-table-wrap .table-wrapper .cart-header-row .product, .cart-table-wrap .table-wrapper .cart-item-row .product {
    width: 47%;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .product {
    width: 45%;
  }

  .html-wishlist-page .cart-table-wrap .table-wrapper .cart-header-row .product, .html-wishlist-page .cart-table-wrap .table-wrapper .cart-item-row .product {
    width: 36%
  }

  .cart-table-wrap .table-wrapper .subtotal, .cart-table-wrap .table-wrapper .unit-price {
    width: 17%;
    text-align: left;
    padding-left: 25px;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .subtotal {
    width: 17%;
    padding-left: 0;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header .subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .subtotal {
    width: 21%;
    text-align: center;
  }

  .html-wishlist-page .cart-table-wrap .table-wrapper .add-to-cart input {
    width: 100%
  }

  .html-wishlist-page .cart-table-wrap .table-wrapper .add-to-cart, .html-wishlist-page .cart-table-wrap .table-wrapper .quantity, .html-wishlist-page .cart-table-wrap .table-wrapper .subtotal, .html-wishlist-page .cart-table-wrap .table-wrapper .unit-price {
    width: 16%
  }

  .cart-table-wrap .table-wrapper .tax-suffix {
    display: block;
    text-transform: capitalize
  }

  .button-2.remove-button {
    background-color: transparent;
    background-image: url(../images/remove-cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    border: none;
    color: #000;
    padding: 0 0 0 25px;
  }

  .cart-table-wrap .table-wrapper .button-2.remove-button {
    font-weight: 400;
    font-size: 14px
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .removebtn {
    width: 4%;
    text-align: right;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row > .removebtn .remove-button {
      width: 20px;
      height: 20px;
      padding: 0;
      background-image: url(../images/remove-cross.png);
      background-position: center;
      background-size: 20px;
      border-radius: 50%;
      font-size: 0;
    }

  .cart-table-wrap .table-wrapper .prd-sku-wrapper, .cart-table-wrap .table-wrapper .prd-sku-wrapper * {
    font-weight: 500
  }

    .cart-table-wrap .table-wrapper .prd-sku-wrapper, .cart-table-wrap .table-wrapper .prd-sku-wrapper * {
      font-size: 13px
    }

  .cart-table-wrap .table-wrapper .cart-item-row .product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 47%;
  }

    .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
      width: 55%
    }

      .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection > a {
        margin-bottom: 5px;
        display: inline-block;
      }

    .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection {
      width: 30%;
      text-align: center;
      top: -18px;
      position: relative;
      /*height: 90px;*/
    }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection {
    top: 0;
    width: 31%;
    height: auto;
    text-align: left;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection img {
      max-width: 115px;
    }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
    width: 64%;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection > a {
      max-width: 300px;
      margin: 0 0 6px;
      color: #000;
      font-size: 16px;
      line-height: 22px;
      font-weight: 800;
    }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .prd-sku-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .prd-sku-wrapper * {
    color: #555;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
  }

  .quantity > div {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center
  }

  .quantity-product-wrapper {
    display: inline-block
  }

  .quantity-number input {
    width: 50px !important;
    padding: 10px 17px 10px 0 !important;
    height: 48px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center
  }

  .attribute-select-wrap input.customQuantityBox {
    padding: 10px 17px 10px 0 !important;
    height: 48px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center
  }

  .quantity-number input::-webkit-inner-spin-button, .quantity-number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  span.k-widget.k-numerictextbox.qty-input {
    padding: 0
  }

  span.k-numeric-wrap.k-state-default {
    display: inline-block;
    position: relative;
    max-width: 100%;
    border-radius: 5px
  }

    span.k-numeric-wrap.k-state-default.k-state-focused {
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1)
    }

  span.k-select {
    position: absolute;
    right: 0;
    height: 100%;
    width: 17px;
    z-index: 1;
    border-radius: 0 5px 5px 0;
    overflow: hidden
  }

  .quantity-number input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
  }

  .quantity-number {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px
  }

    .quantity-number a.button-2.button-minus, .quantity-number a.button-2.button-plus, .quantity-number button.button-2.button-minus, .quantity-number button.button-2.button-plus, span.k-link.k-link-decrease, span.k-link.k-link-increase {
      position: absolute;
      top: 0;
      right: 0;
      height: 50%;
      width: 17px;
      background: 0 0;
      border: 1px solid #ddd;
      font-size: 0;
      background-repeat: no-repeat;
      background-size: 13px 10px;
      background-position: center;
      background-image: url(../images/vote-up.png);
      padding: 0;
      margin: 0
    }

    .quantity-number a.button-2.button-minus, .quantity-number button.button-2.button-minus, span.k-link.k-link-decrease {
      background-image: url(../images/vote-down.png);
      bottom: 0;
      top: auto
    }

  .checkout-data {
    position: relative
  }

  #shipping-t-and-c {
    cursor: pointer;
    color: #000;
    font-size: 8px;
    font-weight: 800;
    border-bottom: 1px solid;
    display: inline-block;
    transition: .2s ease-in-out;
    line-height: 19px
  }

    #shipping-t-and-c:hover {
      color: var(--yellow-color)
    }

  .html-shopping-cart-page .page.shopping-cart-page > .section {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .html-shopping-cart-page #shopping-cart-container {
    width: calc(100% - 80px);
    max-width: 1382px !important;
    padding-left: 0;
    padding-right: 0;
  }

  .html-shopping-cart-page #cart-help-text {
    display: none;
  }

  .html-shopping-cart-page .cart-eyebrow {
    margin: 0 0 2px;
    color: #f1a710;
    font-size: 14px;
    line-height: 14px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .html-shopping-cart-page .section-title h2 {
    margin: 0;
    font-size: 30px;
    line-height: 48px;
    font-weight: 900;
  }

  .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end {
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .html-shopping-cart-page #shopping-cart-form > .row {
    align-items: start;
  }

  .html-shopping-cart-page .delivery-methods {
    margin-bottom: 18px;
  }

    .html-shopping-cart-page .delivery-methods .title-shipment {
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 12px;
    }

      .html-shopping-cart-page .delivery-methods .title-shipment .cart-tab-section-title strong {
        margin: 0;
      }

  .html-shopping-cart-page #shipping-t-and-c {
    margin-left: auto;
    font-size: 12px;
    line-height: 18px;
  }

  .html-shopping-cart-page .d-flex.deliver-method-wrap {
    display: flex !important;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0;
  }

  .html-shopping-cart-page .delivery-methods .delivery-method {
    display: flex;
    align-items: flex-start;
    width: 127px;
    min-height: 84px;
    margin: 0;
    padding: 10px 11px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    background: #fff;
  }

    .html-shopping-cart-page .delivery-methods .delivery-method.standard-freight {
      order: 1;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method.ship-to-customer {
      order: 2;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method.overnight-delivery {
      order: 3;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method.pickup-method {
      order: 4;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method:before, .html-shopping-cart-page .delivery-methods .delivery-method:after {
      content: none;
      display: none;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-copy {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-indicator {
      width: 14px;
      height: 14px;
      margin-right: 10px;
      margin-top: 2px;
      flex: 0 0 14px;
      border-radius: 50%;
      border: 1px solid #d0d0d0;
      background: #fff;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-title {
      font-size: 14px;
      line-height: 16px;
      font-weight: 800;
      color: #000;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-description {
      font-size: 12px;
      line-height: 14px;
      color: #333;
      font-weight: 500;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method.active {
      border-color: #f1a710;
      background: #f7f3ea;
    }

      .html-shopping-cart-page .delivery-methods .delivery-method.active .delivery-method-indicator {
        border-color: #f1a710;
        background: radial-gradient(circle, #f1a710 0 45%, #fff 46%);
      }

  .html-shopping-cart-page .title-shipment .delivery-notice {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    margin: 8px 0 0;
  }

  .html-shopping-cart-page #checkout-free-shipping-div {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0;
    padding: 12px 14px 13px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    background: #fff;
  }

    .html-shopping-cart-page #checkout-free-shipping-div[style="display: block;"] {
      display: block !important;
    }

    .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-header {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: nowrap;
    }

    .html-shopping-cart-page #checkout-free-shipping-div .icon-info {
      width: 18px;
      height: 18px;
      margin: 0;
      border: 1px solid #f1a710;
      border-radius: 50%;
      background: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

      .html-shopping-cart-page #checkout-free-shipping-div .icon-info:before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #f1a710;
      }

    .html-shopping-cart-page #checkout-free-shipping-div #checkout-free-shipping-txt {
      color: #1cc761;
      font-size: 14px;
      font-weight: 700;
      line-height: 18px;
      max-width: calc(100% - 230px);
    }

    .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-amount {
      margin-left: auto;
      color: #707070;
      font-size: 12px;
      line-height: 18px;
      font-weight: 500;
    }

    .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-bar {
      height: 9px;
      margin-top: 10px;
      border-radius: 999px;
      background: #e1e1e1;
      overflow: hidden;
    }

      .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-bar #checkout-free-shipping-bar {
        display: block;
        width: 0;
        height: 100%;
        border-radius: inherit;
        background: #119f4a;
        transition: width .3s ease-in-out;
      }

    .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-note {
      margin-top: 8px;
      color: #707070;
      font-size: 12px;
      line-height: 18px;
      font-weight: 500;
    }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div {
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    background: #fff;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart {
      margin: 0 !important;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart > .cart-header {
        display: block;
        padding: 0;
        border-bottom: 1px solid #d9d9d9;
        background: #d9d9d9;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart:not(:first-child) > .cart-header {
        display: none;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
      margin: 0 !important;
      padding: 11px 21px !important;
      border: 0;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-header {
      display: none;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      margin: 0;
      min-height: 133px;
      padding: 27px 21px;
      align-items: flex-start;
      border: 0;
      border-bottom: 1px solid #e9e9e9;
      border-radius: 0;
      background: transparent;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart:last-child .cart-item-row {
      border-bottom: 0;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row * {
      color: #707070;
      font-size: 12px;
      line-height: 16px;
      font-weight: 800;
      text-transform: none;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row * {
      font-size: 10px;
      line-height: 16px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .product {
      width: 48%;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product {
      width: 48%;
      padding-left: 145px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .subtotal {
      padding-left: 0;
      text-align: center;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price {
      width: 16%;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity {
      width: 13%;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal {
      width: 19%;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection {
      width: 125px;
      max-width: 125px;
      text-align: center;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection img {
        max-width: 78px;
        max-height: 78px;
        object-fit: contain;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection {
      width: calc(100% - 125px);
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection > a {
        max-width: 185px;
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 15px;
        font-weight: 800;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper * {
      color: #707070;
      font-size: 12px;
      line-height: 14px;
      font-weight: 500;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes * {
      font-size: 12px !important;
      line-height: 14px !important;
      font-weight: 500 !important;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal {
      align-self: flex-start;
      margin-top: 0;
      padding-left: 0;
      padding-top: 0;
      text-align: center;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .qty-input {
      font-size: 12px;
      line-height: 16px;
      font-weight: 800;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .tax-suffix {
      display: block;
      font-size: 10px;
      line-height: 13px;
      font-weight: 500;
      text-transform: none;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number input {
        width: 32px !important;
        height: 22px !important;
        padding: 0 !important;
        border: 0;
        border-left: 1px solid #e1e1e1 !important;
        border-right: 1px solid #e1e1e1 !important;
        border-radius: 0;
        font-size: 12px;
        line-height: 22px;
        text-align: center !important;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-minus, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-plus {
        position: static;
        width: 16px;
        height: 22px;
        border: 0;
        background: none;
        color: #e1e1e1;
        font-size: 12px;
        line-height: 22px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-minus {
        order: 1;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number input {
        order: 2;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-plus {
        order: 3;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
      width: 4%;
      display: flex;
      align-items: flex-start;
      align-self: flex-start;
      margin-top: 0;
      padding-top: 0;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn .remove-button {
        width: 14px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='%23a1a1a1' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
        background-size: 14px 14px;
      }

  .html-shopping-cart-page .cart-footer .totals {
    max-width: 366px;
    padding: 14px 16px 20px;
    background: rgba(225, 225, 225, 0.2);
  }

    .html-shopping-cart-page .cart-footer .totals .title {
      margin-bottom: 6px;
      font-size: 16px;
      line-height: 24px;
    }

  .html-shopping-cart-page .cart-footer .total-info {
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .html-shopping-cart-page .cart-footer .cart-total td {
    padding: 4px 0;
  }

  .html-shopping-cart-page .cart-footer .cart-total label, .html-shopping-cart-page .cart-footer .cart-total .cart-total-right span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }

  .html-shopping-cart-page .cart-footer .cart-total .value-summary {
    font-weight: 800;
  }

  .html-shopping-cart-page .cart-footer .cart-total span.tax-suffix {
    font-size: 10px;
    line-height: 13px;
  }

  .html-shopping-cart-page .cart-footer .cart-total .order-total td {
    padding-top: 12px;
    border-top: 1px solid #e1e1e1;
  }

  .html-shopping-cart-page .cart-footer .cart-total .order-total * {
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 800 !important;
  }

  .html-shopping-cart-page .cart-footer .terms-of-service {
    display: none;
  }

  .html-shopping-cart-page .cart-footer .coupon-codes-wrap, .html-shopping-cart-page .cart-footer .gift-cards {
    display: none;
  }

  .html-shopping-cart-page .cart-footer .checkout-buttons {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .html-shopping-cart-page .checkout-buttons .proline-btn {
    width: 100% !important;
    min-height: 34px;
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }

    .html-shopping-cart-page .checkout-buttons .proline-btn.proline-btn-solid-blue {
      background-color: #f1a710;
      border-color: #f1a710;
    }

    .html-shopping-cart-page .checkout-buttons .proline-btn.continueshopping {
      background: #fff;
      border: 1px solid #000;
    }

  @media (min-width: 992px) and (max-width: 1289px) {
    /* Keep the cart list capped at 973px and place the summary beneath it on desktop. */ .html-shopping-cart-page #shopping-cart-form > .row {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      row-gap: 28px;
      margin-left: 0;
      margin-right: 0;
    }

      .html-shopping-cart-page #shopping-cart-form > .row > .col-lg-6.col-xl-8, .html-shopping-cart-page #shopping-cart-form > .row > .col-lg-6.col-xl-4 {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
      }

      .html-shopping-cart-page #shopping-cart-form > .row > .col-lg-6.col-xl-8 {
        width: 100%;
        max-width: 973px;
      }

      .html-shopping-cart-page #shopping-cart-form > .row > .col-lg-6.col-xl-4 {
        width: 100%;
        max-width: 100%;
      }

    .html-shopping-cart-page .cart-footer {
      width: 100%;
      margin-top: 0;
    }

      .html-shopping-cart-page .cart-footer .totals {
        width: 100%;
        margin: 0 !important;
      }
  }

  @media (max-width: 1199px) {
    .html-shopping-cart-page #shopping-cart-container {
      width: calc(100% - 72px);
      max-width: calc(100% - 72px) !important;
    }

    .html-shopping-cart-page .d-flex.deliver-method-wrap {
      flex-wrap: wrap;
    }

    .html-shopping-cart-page #checkout-free-shipping-div #checkout-free-shipping-txt {
      max-width: 100%;
    }
  }

  @media (min-width: 768px) and (max-width: 1289px) {
    .html-shopping-cart-page #shopping-cart-form > .row {
      row-gap: 28px;
    }

    .html-shopping-cart-page .cart-footer {
      width: 100%;
      margin-top: 0;
    }

      .html-shopping-cart-page .cart-footer .totals {
        width: 100%;
        max-width: 973px;
        margin: 0 !important;
      }

    /* Keep cart rows in a stable 5-column layout from tablet through 1289px. */
    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      display: grid;
      grid-template-columns: minmax(0, 1.85fr) minmax(88px, 0.8fr) minmax(84px, 0.72fr) minmax(88px, 0.8fr) 18px;
      align-items: flex-start;
      column-gap: 16px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
      padding: 12px 18px !important;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .subtotal {
        width: auto;
        min-width: 0;
        padding: 0;
        text-align: center;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product {
        padding-left: 0;
        text-align: left;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      min-height: 0;
      padding: 24px 18px;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > div {
        width: auto;
        max-width: none;
        margin: 0;
        flex: none;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .product {
        display: grid;
        grid-template-columns: 78px minmax(0, 1fr);
        align-items: flex-start;
        column-gap: 16px;
        width: auto;
        min-width: 0;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection {
        width: 78px;
        max-width: 78px;
        text-align: center;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection img {
          width: 100%;
          max-width: 78px;
          max-height: 78px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection {
        width: auto;
        min-width: 0;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection > a {
          max-width: none;
          font-size: 14px;
          line-height: 18px;
          overflow-wrap: anywhere;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        display: flex;
        width: auto;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price > span, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal > span {
          display: block;
        }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .qty-input {
      font-size: 12px;
      line-height: 16px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .tax-suffix {
      display: block;
      margin-top: 1px;
      line-height: 12px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity > div {
      justify-content: center;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number {
      border: 1px solid #e1e1e1;
      border-radius: 2px;
      overflow: hidden;
      width: 56px !important;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-minus, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-plus {
        width: 16px;
        height: 28px;
        line-height: 28px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number input {
        width: 24px !important;
        height: 28px !important;
        line-height: 28px;
        padding: 0 !important;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
      justify-content: flex-end;
      min-width: 18px;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn #remove-button {
        display: inline-block !important;
        width: 16px;
        height: 16px;
        margin: 0;
        position: static;
        right: auto;
        bottom: auto;
        z-index: auto;
        background-size: 16px;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .remove-button-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row #mobileview-remove-button {
      display: none !important;
    }
  }

  @media (max-width: 767px) {
    .html-shopping-cart-page #shopping-cart-container {
      width: calc(100% - 24px);
      max-width: calc(100% - 24px) !important;
    }

    .html-shopping-cart-page .d-flex.deliver-method-wrap {
      align-items: stretch;
      gap: 8px;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method {
      width: 121px;
      height: 79px;
      padding: 9px 8px;
    }
  }

  div#shipping-methods-form {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 40px 0;
    top: calc(100% + 30px);
    border-radius: 16px;
    box-shadow: 3px 4px 32px #2f394426
  }

    div#shipping-methods-form .table-shipping-option-wrap {
      max-height: 500px;
      overflow: auto
    }

      div#shipping-methods-form .table-shipping-option-wrap::-webkit-scrollbar {
        width: 10px;
        margin-right: 10px
      }

      div#shipping-methods-form .table-shipping-option-wrap::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #e7e7e7;
        border-radius: 5px
      }

      div#shipping-methods-form .table-shipping-option-wrap::-webkit-scrollbar-thumb {
        background: #2f3944;
        border-radius: 5px
      }

  .shipping-methods-form-content .shipping-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 20px;
    position: relative;
    padding: 0 50px
  }

  span#shipping-popup-close {
    position: absolute;
    right: 50px;
    font-size: 60px;
    border: 2px solid var(--yellow-color);
    padding: 2px 2px 10px 2px;
    line-height: 29px;
    cursor: pointer;
    color: var(--yellow-color)
  }

  .html-checkout-page .page.checkout-page {
    min-height: calc(100vh - 166px - 200px)
  }

  .table-shipping-option-wrap table tbody tr:first-child th {
    background: #f6f6f6;
    text-align: center;
    padding: 20px 10px;
    vertical-align: text-top
  }

    .table-shipping-option-wrap table tbody tr:first-child th label {
      font-weight: 600;
      line-height: 1;
      font-size: 17px
    }

  .table-shipping-option-wrap table:not(#tableShippingOption) tr {
    border-bottom: 1px solid #e7e7e7
  }

  .table-shipping-option-wrap table:not(#tableShippingOption) {
    margin: 0 auto
  }

    .table-shipping-option-wrap table:not(#tableShippingOption) td {
      padding: 12px 0 10px;
      font-size: 14px;
      font-weight: 800;
      text-align: center
    }

  .table-shipping-option-wrap table td {
    text-align: center
  }

  #pickup-points-form {
    margin: 50px 0
  }

  .html-shopping-cart-page #pickup-points-form {
    margin: 30px 0 0;
    padding: 0
  }

  #pickup-points-form .field-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

    #pickup-points-form .field-wrap .inputs {
      width: calc(50% - 4px)
    }

      #pickup-points-form .field-wrap .inputs input {
        width: 100%
      }

      #pickup-points-form .field-wrap .inputs.email, #pickup-points-form .field-wrap .inputs.msg-box, #pickup-points-form .field-wrap .inputs.msg-box textarea {
        width: 100%
      }

  @media(max-width: 1199px) {
    #pickup-points-form .field-wrap .inputs.collection-time {
      width: 100%
    }
  }

  .inputs.collection-time .input-group-append {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px;
    z-index: 1
  }

  .inputs.collection-time div#datetimepicker {
    position: relative
  }

  .inputs.collection-time .bootstrap-datetimepicker-widget {
    position: absolute;
    top: 100% !important;
    bottom: auto !important;
    z-index: 9;
    left: 0;
    background: #fff;
    max-width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
  }

    .inputs.collection-time .bootstrap-datetimepicker-widget > .row {
      align-items: center
    }

  .inputs.collection-time input#pickUpDetailModel_CollectionTime {
    padding-left: 40px
  }

  .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    padding: 10px 5px
  }

  input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none
  }

  input.hasDatepicker, input[type=date], input[type=datetime-local] {
    background-image: url(../images/calender-icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 96% center
  }

  .pickup-title {
    font-size: 23px;
    font-weight: 800;
    margin: 20px 0
  }

  .select-pickup-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

    .select-pickup-point .pickuppoints-option {
      flex: 0 0 50%;
      max-width: calc(50% - 5px);
      border: 2px solid #e7e7e7;
      padding: 34px 32px;
      text-align: left;
      border-radius: 4px;
      cursor: pointer;
      line-height: 1.3
    }

      .select-pickup-point .pickuppoints-option.active {
        border-color: var(--yellow-color)
      }

  ul.sublist .sublist .sublist .sublist .sublist {
    right: 100% !important;
    left: auto !important;
    z-index: 9
  }

  .spare-parts-menu {
    padding: 20px !important
  }

    .spare-parts-menu span {
      font-size: 14px !important;
      line-height: 1.2 !important
    }

      .spare-parts-menu span strong {
        font-size: inherit !important;
        font-weight: 700 !important;
        line-height: 1.2 !important
      }

  input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    border-radius: 5px;
    height: 48px;
    color: var(--dark-blue-color);
    padding: 15px
  }

  .html-registration-page .form-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .html-registration-page .buttons {
    text-align: center;
  }

  .html-registration-page .form-fields .inputs {
    width: calc(33.33% - 12.5px)
  }

    .html-registration-page .form-fields .inputs.newsletter-input {
      margin-top: 25px;
      margin-bottom: 10px;
    }

    .html-registration-page .form-fields .inputs.newsletter-input, .html-registration-page .form-fields .inputs.terms-and-conditions {
      width: 100%;
      text-align: left
    }

    .html-registration-page .form-fields .inputs input, .html-registration-page .iti, .html-registration-page select {
      width: 100%
    }

  .product-essential .breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 0 0 60px
  }

    .product-essential .breadcrumb li, .product-essential .breadcrumb ul {
      line-height: 1.2
    }

      .product-essential .breadcrumb li * {
        margin: 0;
        font-weight: 600;
        font-size: 10px;
        line-height: 1
      }

      .product-essential .breadcrumb li a:hover span {
        color: var(--dark-blue-color)
      }

      .product-essential .breadcrumb li .delimiter {
        margin: 0 5px
      }

  .picture-gallery {
    position: relative;
  }

    .picture-gallery .picture {
      border: 2px solid #e7e7e7;
      border-radius: 4px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background: #fff;
    }

      .picture-gallery .picture > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
      }

    .picture-gallery .product-ribbon {
      top: 14px;
      left: 14px;
      z-index: 3;
      max-width: none;
    }

      .picture-gallery .product-ribbon > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 96px;
        height: 34px;
        margin: 0 !important;
        padding: 0 18px !important;
        border-radius: 7px;
        background: #ff0000;
        color: #fff;
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
      }

        .picture-gallery .product-ribbon > span.new-arrival, .picture-gallery .product-ribbon > span.top-seller, .picture-gallery .product-ribbon > span.on-sale, .picture-gallery .product-ribbon > span.package-deal, .picture-gallery .product-ribbon > span.ribbon-clearance, .picture-gallery .product-ribbon > span.special-deal {
          border-radius: 7px;
          background: #ff0000;
        }

        .picture-gallery .product-ribbon > span:after {
          display: none;
        }

        .picture-gallery .product-ribbon > span.new-arrival:after, .picture-gallery .product-ribbon > span.top-seller:after, .picture-gallery .product-ribbon > span.on-sale:after, .picture-gallery .product-ribbon > span.package-deal:after, .picture-gallery .product-ribbon > span.ribbon-clearance:after, .picture-gallery .product-ribbon > span.special-deal:after {
          display: none;
        }

    .picture-gallery .picture img {
      width: 100%;
      height: auto;
      aspect-ratio: 4/3;
      object-fit: cover;
    }

    .picture-gallery .picture .product-gallery-main-image {
      height: 500px;
      padding: 0px;
      box-sizing: border-box;
      object-fit: contain;
      object-position: center;
      background: #fff;
    }

    .picture-gallery .picture-thumbs {
      margin: 15px 0
    }

      .picture-gallery .picture-thumbs .slick-list {
        padding: 0 30px
      }

      .picture-gallery .picture-thumbs .thumb-item {
        border: 2px solid #e7e7e7;
        border-radius: 5px;
        overflow: hidden;
        transition: .2s ease-in-out;
        margin: 0 5px;
        background: #fff;
        width: 204px;
        height: 173px;
      }

        .picture-gallery .picture-thumbs .thumb-item img {
          object-fit: contain
        }

        .picture-gallery .picture-thumbs .thumb-item.slick-current, .picture-gallery .picture-thumbs .thumb-item.active {
          border-color: var(--yellow-color)
        }

      .picture-gallery .picture-thumbs button.slick-arrow {
        position: absolute;
        top: 0;
        left: 0;
        height: 171px;
        width: 21px;
        background: var(--yellow-color);
        font-size: 0;
        line-height: 0;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: none;
        outline: 0;
        border: none;
        z-index: 1;
        transform: none
      }

        .picture-gallery .picture-thumbs button.slick-arrow:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-right: 8px solid #fff;
          transform: translate(-50%, -50%)
        }

      .picture-gallery .picture-thumbs button.slick-next.slick-arrow {
        left: auto;
        right: 0;
        transform: scale(-1)
      }

      .picture-gallery .picture-thumbs .slick-disabled {
        background-color: #999a9a !important;
        pointer-events: none;
        display: inline-block !important
      }

  .new-inc-price-wrap {
    display: flex;
    align-items: center
  }

    .new-inc-price-wrap > div {
      width: 50%
    }

      .new-inc-price-wrap > div:first-child:last-child {
        width: 100%
      }

    .new-inc-price-wrap .discount-price {
      text-align: center;
      text-decoration: none
    }

  .discount-price-only-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 5px
  }

  .old-product-price.discount-price * {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.5px
  }

  .product-card-saved, span#save-percentage {
    background: #f70606;
    color: #fff;
    font-weight: 400;
    /* padding: 0px !important; */
    /* border-radius: 40px; */
    font-size: 16px;
    border-radius: 999px 0 0 999px;
  }

  .product-card-saved {
    position: absolute;
    top: 43px;
    right: 10px;
    z-index: 2;
    font-size: 12px;
    padding: 12px 20px;
  }

  @media screen and (min-width: 401px) and (max-width:567px) {
    .product-box-free-shipping + .product-card-saved {
      left: 10px;
      right: auto;
      top: 37px
    }
  }

  .res-title {
    display: none !important
  }

  .product-social-buttons {
    position: fixed;
    right: 0;
    top: 300px;
    border: 2px solid #e7e7e7;
    padding: 0 10px;
    border-radius: 8px 0 0 8px;
    border-width: 2px 0 2px 2px;
    background-color: #fff;
    z-index: 9
  }

    .product-social-buttons img {
      aspect-ratio: 1/1;
      object-fit: contain
    }

    .product-social-buttons * {
      line-height: 1
    }

    .product-social-buttons a {
      display: inline-block
    }

    .product-social-buttons li {
      margin: 20px 0
    }

  /*.html-checkout-page .master-wrapper-page > .footer, .html-checkout-page .master-wrapper-page > .header, .html-checkout-page .master-wrapper-page > .header-menu {
  display: none
}*/
  .checkout-page-header {
    padding: 15px 0;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 50px
  }

  .back-btn.my-cart-btn a {
    position: relative;
    padding-left: 20px;
    text-align: left
  }

  .back-btn.my-cart-btn .icon-angle-left {
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    z-index: 1
  }

  .checkout-header-phone {
    text-align: right
  }

    .checkout-header-phone > a {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0 15px;
      align-items: center
    }

      .checkout-header-phone > a > img {
        filter: brightness(0)
      }

  .checkout-page-footer {
    background-color: #2f3944;
    padding: 50px 0
  }

    .checkout-page-footer * {
      color: #fff;
      font-size: 15px;
      line-height: 22px
    }

  .checkout-footer-logo {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    align-items: center
  }

    .checkout-footer-logo > a {
      max-width: 200px
    }

    .checkout-footer-logo > p {
      width: 410px;
      max-width: calc(100% - 230px);
      text-align: left
    }

  .checkout-page-footer .copyright, .checkout-page-footer .terms-conditions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    margin: 5px 0
  }

  .checkout-page .section.order-summary {
    padding: 0;
    margin: 0;
    display: unset
  }

    .checkout-page .section.order-summary .order-summary-content {
      padding: 20px 30px;
      background: #eff0f2;
      border-radius: 8px;
      position: sticky;
      /* top: 85px; */
      margin-top: 8%;
    }

    .checkout-page .section.order-summary .total-info h2.title {
      font-size: 23px;
      text-align: left;
      padding: 0;
      font-weight: 800;
      color: #000
    }

    .checkout-page .section.order-summary .total-info tr.order-total {
      border-top: 1px solid #e7e7e7
    }

      .checkout-page .section.order-summary .total-info tr.order-total td {
        padding-top: 15px
      }

  .order-progress a:before {
    background: #eff0f2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0;
    border: 2px solid #fff
  }

  .order-progress {
    padding: 0;
    background: 0 0
  }

    .order-progress ul {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap
    }

      .order-progress ul li {
        flex: 0 0 25%;
        margin: 0;
      }

        .order-progress ul li:first-child:nth-last-child(2) {
          flex: 1 1 auto
        }

        .order-progress ul li:last-child:nth-child(2) {
          flex: 1 1 auto
        }

        .order-progress ul li a {
          font-size: 10px;
          line-height: 20px;
          font-weight: 800;
          color: #000;
          position: relative
        }

    .order-progress li:not(:first-child) a:after {
      content: '';
      background: #E1E1E1;
      width: 100%;
      position: absolute;
      top: 13px;
      height: 5px;
      right: 50%;
      transform: translate(0, -50%);
      z-index: -1
    }

    .order-progress li.active-step a {
      color: var(--yellow-color)
    }

      .order-progress li.active-step a:after, .order-progress li.active-step a:before {
        background-color: var(--yellow-color)
      }

  .section.select-billing-address {
    padding: 0;
    margin: 0
  }

  .checkout-form .title {
    margin: 0 0 20px 8px;
    padding: 0;
    text-align: left
  }

    .checkout-form .title h1 {
      font-size: 20px;
      line-height: 37px;
      font-weight: 800;
      color: #000;
      text-transform: capitalize
    }

  .address-grid select {
    width: 100%;
    padding: 3px 45px 8px 15px;
    font-size: 12px;
    height: 37px;
  }

  .address-grid {
    margin: 5px 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e7e7e7
  }

  .section.new-billing-address, .section.new-shipping-address, .section.payment-info, .section.payment-info .section, .section.payment-method {
    padding: 0;
    margin: 0
  }

  .enter-address .edit-address {
    background-color: transparent;
    margin: 0 0 50px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: none
  }

    .enter-address .edit-address .inputs {
      width: calc(50% - 4px)
    }

  .checkout-form .enter-address .edit-address .inputs {
    width: 100%
  }

  .enter-address .edit-address .inputs.full-width {
    width: 100%
  }

  .enter-address .edit-address .inputs input, .enter-address .edit-address .inputs select {
    width: 100%
  }

  .checkout-page .address-item {
    width: 100%;
    margin: 0;
  }

  .payment-method-block {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 45px;
    background: #fff;
  }

    .payment-method-block .payment-method {
      padding: 25px;
      justify-content: center;
      text-align: center;
      border: 2px solid #e7e7e7;
      border-radius: 4px;
      flex: 0 0 100%;
      max-width: 100%;
      cursor: pointer;
      transition: .2s ease-in-out
    }

      .payment-method-block .payment-method > div:first-child {
        display: flex;
        justify-content: space-between;
        align-items: center
      }

      .payment-method-block .payment-method label {
        display: block;
        font-weight: 700;
        font-size: 17px;
        line-height: 25px;
        transition: .2s ease-in-out
      }

      .payment-method-block .payment-method img {
        max-width: 50px
      }

      .payment-method-block .payment-method.active, .payment-method-block .payment-method:hover {
        border-color: var(--yellow-color)
      }

  .payment-header {
    font-size: 23px;
    font-weight: 700;
  }

  div.payment-details-container {
    padding: 20px 0 0;
    text-align: left;
    margin: 20px 0 0;
  }

  .payment-method-title {
    position: relative;
    padding: 0
  }

    .payment-method-title label {
      cursor: pointer
    }

  .payment-method .section.payment-info {
    margin: 0
  }

  .payment-info .info {
    padding: 0;
    text-align: left
  }

    .payment-info .info p {
      text-align: left
    }

      .payment-info .info p strong {
        font-weight: 800
      }

  .bank-account-details .alert-info {
    border: 2px solid var(--yellow-color);
    padding: 10px 15px 10px 60px;
    border-radius: 4px;
    margin: 20px 0;
    display: inline-block;
    font-size: 17px;
    color: var(--yellow-color);
    background-image: url(../images/blue-alert.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 15px 50%
  }

  .bank-account-details {
    text-align: left
  }

  .section.payment-info table td:empty {
    display: none
  }

  #current-card {
    margin-top: 20px
  }

  div#card-element {
    border: 2px solid #e7e7e7;
    border-radius: 4px;
    box-shadow: none;
    height: 50px;
    padding: 14px 12px
  }

  .order-review-data {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 15px
  }

  .order-review-data-wrap {
    margin: 0 !important;
    flex: 0 0 calc(50% - 7.5px);
    background: 0 0 !important;
    border: 2px solid #e7e7e7;
    border-radius: 6px
  }

  /*  .order-review-data-wrap h3 {
    font-size: 23px !important;
    color: #000;
    margin: 0 0 23px !important
  }*/
  .order-details-area li, .order-review-data li, .shipment-details-area li {
    padding: 0
  }

  .order-review-data-wrap .BillingEdit, .order-review-data-wrap .edit-btn {
    float: right;
    margin: -50px 0 0;
    list-style: none
  }

    .order-review-data-wrap .BillingEdit button, .order-review-data-wrap .edit-btn button {
      padding: 0;
      width: 30px;
      height: 30px;
      display: inline-block;
      background-color: #fff;
      border-radius: 50%;
      font-size: 0;
      border: none;
      background-image: url(../images/edit-pen.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px
    }

  .section.payment-info .section .inputs input {
    width: 100%
  }

  .section.payment-info .section .inputs label {
    display: none
  }

  .checkout-form-wrap {
    padding: 30px 0 0 !important;
    margin-bottom: 50px !important;
  }

  .order-summary-content .primary-btn {
    min-width: auto !important;
    width: 100% !important
  }

  .order-completed-page .page-body.checkout-data {
    width: 606px;
    margin: 100px auto;
    border-radius: 8px;
    padding: 50px 50px;
    max-width: 90%;
    text-align: center
  }

  .order-completed-page .title.section-title h1 {
    font-size: 50px;
    color: #000;
    font-weight: 800;
    line-height: 55px;
    margin: 0 0 35px
  }

  .order-completed-page .title strong {
    color: #000;
    font-weight: 400
  }

  .order-completed-page .order-completed .details {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    color: #000;
    font-weight: 800
  }

    .order-completed-page .order-completed .details strong {
      font-weight: 800
    }

  .order-completed-page .buttons .proline-btn {
    max-width: 100%;
    width: 100%;
    min-width: 0 !important
  }

  #result-info:empty {
    display: none
  }

  #CategorySelection ul.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 1%;
    margin-top: 70px
  }

    #CategorySelection ul.tabs li {
      flex: 0 0 22%;
      border: 2px solid #E1E1E1;
      background-color: #fafafa;
      border-radius: 8px;
      padding: 30px 15px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      cursor: pointer;
      transition: .2s ease-in-out;
    }

      #CategorySelection ul.tabs li.active, #CategorySelection ul.tabs li:hover {
        border: 2px solid #F1A710;
        background-color: #f1f1f1;
      }

      #CategorySelection ul.tabs li .spr-parts-img img + img {
        display: none;
      }

      #CategorySelection ul.tabs li.active .spr-parts-img img:first-child, #CategorySelection ul.tabs li:hover .spr-parts-img img:first-child {
        display: none !important;
      }

      #CategorySelection ul.tabs li.active .spr-parts-img img + img, #CategorySelection ul.tabs li:hover .spr-parts-img img + img {
        display: inline-block !important;
      }

      #CategorySelection ul.tabs li > img {
        width: 15%
      }

      #CategorySelection ul.tabs li .label-wrap {
        width: 85%;
        padding-left: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
      }

        #CategorySelection ul.tabs li .label-wrap > img {
          width: 30px;
          position: relative;
          filter: brightness(.2);
          transition: .2s ease-in-out
        }

      #CategorySelection ul.tabs li.active .label-wrap > img, #CategorySelection ul.tabs li:hover .label-wrap > img {
        filter: brightness(1)
      }

      #CategorySelection ul.tabs li .label-wrap > h3 {
        width: calc(100% - 70px);
        font-size: 16px;
        line-height: 20px;
        font-weight: 800;
        transition: .2s ease-in-out
      }

      #CategorySelection ul.tabs li.active .label-wrap > h3, #CategorySelection ul.tabs li:hover .label-wrap > h3 {
        color: var(--yellow-color)
      }

  #CategorySelection span.comming-soon-label {
    padding: 0 10px;
    border: 1px solid var(--dark-blue-color);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 800;
    transition: .2s ease-in-out
  }

  #CategorySelection ul.tabs li.active .spr-parts-lbl .tab-title, #CategorySelection ul.tabs li:hover .spr-parts-lbl .tab-title {
    color: #F1A710;
  }

  #CategorySelection ul.tabs li.comming-soon .label-wrap > h3 {
    width: calc(100% - 100px)
  }

  #CategorySelection ul.tabs li.active span.comming-soon-label, #CategorySelection ul.tabs li:hover span.comming-soon-label {
    border-color: var(--yellow-color);
    color: var(--yellow-color)
  }

  .section.driver-roller-form, .section.spare-parts-finder-form {
    background-color: #eff0f2
  }

  #driver-rollers-filter, .spare-parts-finder-form {
    margin: 40px 0 0 !important;
    padding: 50px 0px;
  }

  .parts-selection-body {
    margin: 70px 0 0
  }

  div#spare-parts-model {
    flex-wrap: wrap;
    gap: 25px
  }

  .spare-model-item {
    flex: 0 0 25%;
    max-width: calc(25% - 19px);
    padding: 16px 15px;
    border: 2px solid transparent;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .2s ease-in-out
  }

    .spare-model-item .model-item-img {
      width: 65px
    }

    .spare-model-item span.model-item-text {
      width: calc(100% - 65px - 60px - 6px);
      font-weight: 800;
      transition: .2s ease-in-out;
      font-size: 17px;
      line-height: 18px
    }

    .spare-model-item span.arr-img {
      width: 25px;
      height: 20px;
      background-image: url(../images/icon-arrow-b.png);
      background-repeat: no-repeat;
      background-size: 20px;
      filter: brightness(.2);
      transition: .2s ease-in-out;
      background-position: right center
    }

    .spare-model-item:hover {
      border-color: var(--yellow-color)
    }

      .spare-model-item:hover span.model-item-text {
        color: var(--yellow-color)
      }

      .spare-model-item:hover span.arr-img {
        filter: brightness(1)
      }

  .spare-parts-result-info {
    padding: 50px 0
  }

  .spare-parts-detail-head .product-essential {
    padding: 0
  }

  .spare-parts-detail-head .product-essential {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 100px;
    padding: 0 0 50px;
    margin: 0 0 50px;
    border-bottom: 1px solid #ddd
  }

    .spare-parts-detail-head .product-essential .gallery {
      flex: 0 0 20%;
      max-width: 247px;
      margin: 0
    }

    .spare-parts-detail-head .product-essential .overview {
      flex: 0 0 80%;
      max-width: calc(80% - 100px);
      margin: 0
    }

      .spare-parts-detail-head .product-essential .overview .additional-details span.label, .spare-parts-detail-head .product-essential .overview .manufacturers span.label {
        display: none
      }

      .spare-parts-detail-head .product-essential .overview .manufacturer-SKU-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        margin: 0 0 8px
      }

      .spare-parts-detail-head .product-essential .overview .additional-details div {
        margin: 0
      }

  .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box, .product-grid.home-page-product-grid.promo-grid .item-grid .item-box {
    width: 25%;
    float: none;
    padding: 0 10px
  }

  .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid, .product-grid.home-page-product-grid.promo-grid .item-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    gap: 48px 0
  }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .overview-top {
      display: flex;
      flex-wrap: wrap
    }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .gallery {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 0
    }

      .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .gallery .picture:before {
        display: none
      }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .product-name h2 {
      margin: 0 0 10px
    }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box > form .overview {
      width: 100%;
      float: none;
      margin: 0
    }

  .scrollable-list.spare-parts-list.item-grid .overview.price-box {
    border: none;
    min-height: 61px
  }

  .scrollable-list.spare-parts-list.item-grid .type-qty-wrap {
    min-height: 86px
  }

  .scrollable-list.spare-parts-list.item-grid .prices.product-price-box {
    border: none;
    margin: 0;
    padding: 0
  }

  .scrollable-list.spare-parts-list.item-grid .new-price * {
    font-size: 18px;
    font-weight: 800;
    display: inline-block
  }

  .scrollable-list.spare-parts-list.item-grid .inc-price {
    display: block
  }

    .scrollable-list.spare-parts-list.item-grid .inc-price * {
      font-size: 14px;
      font-weight: 400
    }

  .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box > form .overview.add-to-cart-box {
    margin: 25px 0 0;
    margin: 0
  }

  /* =====================================================
   Spare Parts – New product card (.product-details)
   ===================================================== */
  .product-details {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 16px 16px 20px;
    font-family: Inter, sans-serif;
    font-size: 10px;
    color: #000;
    min-height: 480px;
    height: 100%;
    box-sizing: border-box
  }

    .product-details .product-details-child {
      display: none
    }

    /* Image – fixed-height centred container */
    .product-details .product-details-item {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 200px;
      padding: 16px;
      margin-bottom: 8px;
      box-sizing: border-box
    }

      .product-details .product-details-item .gallery {
        margin: 0;
        width: 100%;
        text-align: center
      }

      .product-details .product-details-item .picture {
        background: none;
        padding: 0
      }

        .product-details .product-details-item .picture::before {
          display: none !important
        }

        .product-details .product-details-item .picture a {
          display: block
        }

      .product-details .product-details-item img {
        max-height: 160px;
        max-width: 100%;
        object-fit: contain;
        display: inline-block
      }

    /* Title + SKU */
    .product-details .product-title-goes-here-with-s-parent {
      flex: 0 0 auto;
      display: flex;
      flex-direction: column;
      gap: 3px;
      margin-bottom: 4px
    }

    .product-details .product-title-goes {
      font-size: 14px;
      line-height: 20px;
      display: block
    }

      .product-details .product-title-goes a {
        color: #000;
        text-decoration: none;
        font-weight: 700
      }

        .product-details .product-title-goes a:hover {
          color: #f1a710
        }

    .product-details .sku-code-here {
      font-size: 10px;
      line-height: 20px;
      font-weight: 500;
      color: #707070
    }

    /* "Price" label */
    .product-details .price {
      font-size: 8px;
      line-height: 20px;
      font-weight: 500;
      color: #707070;
      flex: 0 0 auto
    }

    /* Price partial output – excl / incl GST */
    .product-details .prices.product-price-box {
      border: none;
      margin: 0;
      padding: 0;
      min-height: unset;
      flex: 0 0 auto
    }

      .product-details .prices.product-price-box .product-price {
        margin: 0
      }

      .product-details .prices.product-price-box .new-price {
        display: block
      }

      .product-details .prices.product-price-box .dollar.price-meta {
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #f1a710 !important;
        line-height: 20px;
        display: inline !important
      }

      .product-details .prices.product-price-box .tax-suffix {
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #f1a710 !important;
        line-height: 20px;
        display: inline !important;
        margin-left: 3px
      }

      .product-details .prices.product-price-box #perDesc {
        display: none
      }

      .product-details .prices.product-price-box .now-only {
        display: none
      }

      .product-details .prices.product-price-box .inc-price {
        display: block;
        margin: 0
      }

        .product-details .prices.product-price-box .inc-price span, .product-details .prices.product-price-box .inc-price .inc-text {
          font-size: 8px !important;
          font-weight: 500 !important;
          color: #707070 !important;
          line-height: 20px;
          display: inline !important
        }

    .product-details .old-product-price {
      flex: 0 0 auto;
      margin-top: 2px
    }

      .product-details .old-product-price .discount-wrapper {
        display: inline-block;
        background: #f1a710;
        color: #fff;
        border-radius: 3px;
        padding: 1px 5px;
        font-size: 9px;
        margin-right: 4px
      }

      .product-details .old-product-price > span {
        font-size: 10px;
        color: #999;
        text-decoration: line-through
      }

    /* Attributes box */
    .product-details .overview.attributes-box {
      flex: 0 0 auto;
      margin: 4px 0 0
    }

  /* Bottom row – QTY label + qty input + Add To Cart all in one flex row */
  .spare-parts-card-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 16px
  }

    .spare-parts-card-bottom > b.qty {
      font-size: 10px;
      line-height: 18px;
      font-weight: 700;
      flex-shrink: 0;
      white-space: nowrap
    }

    .spare-parts-card-bottom.enquire-now-mode > b.qty, .spare-parts-card-bottom.enquire-now-mode > .parent {
      display: none;
    }

    .spare-parts-card-bottom.enquire-now-mode .vector-parent {
      flex: 0 0 100%;
      width: 100%;
    }

      .spare-parts-card-bottom.enquire-now-mode .vector-parent .product-spare-parts-enquiry {
        width: 100%;
      }

        .spare-parts-card-bottom.enquire-now-mode .vector-parent .product-spare-parts-enquiry button.proline-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-height: 38px;
          padding: 0 12px;
          color: #000 !important;
          text-align: center;
        }

  /* QTY input container – global .quantity-number CSS + JS spinner handle styling */
  .product-details .parent {
    flex: 0 0 auto
  }

    .product-details .parent .add-to-cart {
      width: 100%
    }

    .product-details .parent .quantity-wrap {
      display: block !important;
      padding: 0
    }

      .product-details .parent .quantity-wrap > label {
        display: none !important
      }

  /* Add To Cart button */
  .product-details .vector-parent {
    flex: 1;
    background: #f1a710;
    border: 1px solid #f1a710;
    border-radius: 4px;
    min-height: 38px;
    display: flex;
    align-items: stretch
  }

    .product-details .vector-parent .add-to-cart {
      width: 100%;
      display: flex;
      align-items: stretch
    }

    .product-details .vector-parent .add-to-cart-panel {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 100%
    }

      .product-details .vector-parent .add-to-cart-panel .proline-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        background: transparent !important;
        border: none !important;
        color: #000 !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        cursor: pointer;
        width: 100%;
        height: 38px;
        padding: 0 12px;
        box-shadow: none !important;
        text-shadow: none !important;
        white-space: nowrap
      }

    .product-details .vector-parent .product-spare-parts-enquiry {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%
    }

      .product-details .vector-parent .product-spare-parts-enquiry button.proline-btn {
        background: transparent !important;
        border: none !important;
        color: #000 !important;
        font-weight: 700 !important;
        font-size: 12px !important;
        width: 100%;
        padding: 8px 10px;
        cursor: pointer
      }

  /* Wishlist – top-right corner */
  .product-details .vector-icon2 {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 2
  }

    .product-details .vector-icon2 .wishlistWrapper {
      margin: 0;
      padding: 0
    }

      /* Render wishlist as a heart icon */
      .product-details .vector-icon2 .wishlistWrapper input[type="checkbox"].wishlistCheckbox {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        pointer-events: none
      }

      .product-details .vector-icon2 .wishlistWrapper label {
        display: block;
        cursor: pointer;
        line-height: 1;
        font-size: 0
      }

        .product-details .vector-icon2 .wishlistWrapper label span {
          display: none
        }

        .product-details .vector-icon2 .wishlistWrapper label::before {
          content: "\2665";
          font-size: 26px;
          color: #ddd;
          display: block;
          line-height: 1;
          transition: color 0.15s
        }

        .product-details .vector-icon2 .wishlistWrapper label:has(input:checked)::before {
          color: #f1a710
        }

        .product-details .vector-icon2 .wishlistWrapper label:hover::before {
          color: #f1a710
        }

  /* =====================================================
   End – Spare Parts new card
   ===================================================== */
  .type-qty-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    margin: 20px 0 24px
  }

    .type-qty-wrap .overview.attributes-box.buying-unit .attributes {
      display: flex;
      flex-wrap: wrap;
      gap: 0 30px
    }

      .type-qty-wrap .overview.attributes-box.buying-unit .attributes dl:first-child:not(:last-child), .type-qty-wrap > .overview {
        width: calc(70% - 30px) !important
      }

    .type-qty-wrap .overview.attributes-box.buying-unit + .overview.add-to-cart-box.qty {
      display: none
    }

    .type-qty-wrap .overview.attributes-box.buying-unit .attributes dl:nth-child(2), .type-qty-wrap > .overview.qty {
      width: 30% !important
    }

    .type-qty-wrap .overview .add-to-cart, .type-qty-wrap .overview .quantity-number, .type-qty-wrap .overview .quantity-number input.qty-input, .type-qty-wrap .overview .quantity-number > input, .type-qty-wrap .overview .quantity-wrap, .type-qty-wrap .overview.attributes-box.buying-unit, .type-qty-wrap .overview:last-child:first-child {
      width: 100% !important
    }

  .label-wrapper label {
    font-weight: 800;
    margin-bottom: 10px;
    display: block
  }

  .type-qty-wrap .overview .quantity-wrap label {
    display: block;
    font-weight: 800
  }

  .manufacturer-list-page .filter-section {
    margin-top: 50px
  }

  .section.manufacturer-list-section .section-title {
    max-width: 100% !important
  }

  .section.manufacturer-list-section:nth-child(even) {
    background: #fafafa
  }

  .section.manufacturer-list-section .item-grid {
    display: flex;
    flex-wrap: wrap
  }

    .section.manufacturer-list-section .item-grid .item-box {
      flex: 0 0 20%;
      max-width: 20%;
      width: 20%;
      margin: 0;
      border: 1px solid #e7e7e7;
      border-radius: 0
    }

  .manufacturer-grid .picture {
    border: none
  }

  .manufacturer-item.category-item {
    margin: 0 !important
  }

  .section.manufacturer-list-section .home-page-category-grid .manufacturer-item.category-item .picture {
    position: relative
  }

    .section.manufacturer-list-section .home-page-category-grid .manufacturer-item.category-item .picture:before {
      content: "";
      display: block;
      aspect-ratio: 271/216
    }

    .section.manufacturer-list-section .home-page-category-grid .manufacturer-item.category-item .picture img {
      object-fit: contain;
      width: 50%;
      height: auto;
      position: absolute;
      margin: auto
    }

  .section.manufacturer-list-section .home-page-category-grid .category-item {
    border-radius: 0
  }

    .section.manufacturer-list-section .home-page-category-grid .category-item:after {
      z-index: 1
    }

    .section.manufacturer-list-section .home-page-category-grid .category-item h2 {
      opacity: 0;
      z-index: 2;
      padding: 20px 20px 10px;
      font-size: 24px;
      line-height: 26px
    }

    .section.manufacturer-list-section .home-page-category-grid .category-item:hover h2 {
      opacity: 1
    }

    .section.manufacturer-list-section .home-page-category-grid .category-item h2 a span, .section.manufacturer-list-section .home-page-category-grid .category-item h2 span {
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      justify-content: space-between;
      width: 100%
    }

  .html-manufacturer-page .search-results {
    margin: 60px 0 20px
  }

  .header-lower span.select2.select2-container {
    width: auto !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 9
  }

  .header-lower span.selection {
    display: inline
  }

  .header-lower .search-box form input.search-box-text {
    padding: 10px 35px 10px 45px
  }

  .custom-select-drop > span {
    margin-top: 12px;
    border-radius: 4px;
    overflow: hidden;
    border: none
  }

  .custom-select-drop .select2-results__options::-webkit-scrollbar {
    display: none
  }

  .custom-select-drop .select2-results__options {
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .custom-select-drop .select2-results__option {
    padding: 10px 20px;
    border-bottom: 1px solid rgb(202 202 202);
    font-size: 14px
  }

  .custom-select-drop.select2-container--default .select2-results > .select2-results__options {
    max-height: 700px;
    overflow-y: auto;
    border-radius: 4px
  }

  span.select2.select2-container {
    width: 100% !important;
    cursor: pointer
  }

  span.selection {
    height: 48px;
    display: block
  }

  span.select2-selection.select2-selection--single {
    height: 43px;
  }

  .select-wrap span.select2-selection__rendered, span#select2-brand-container {
    line-height: 45px !important;
    padding-left: 15px !important;
    padding-right: 50px !important
  }

  span.select2-selection__arrow {
    height: 100% !important;
    width: 50px !important;
    top: 0 !important;
    right: 0 !important
  }

    span.select2-selection__arrow b {
      border: 0 !important;
      background-image: url(../images/toggle-dark.png);
      width: 25% !important;
      height: 100% !important;
      position: absolute !important;
      top: -15% !important;
      right: 15px !important;
      left: auto !important;
      background-position: center;
      background-repeat: no-repeat;
      margin-top: 0 !important;
      margin-left: 0 !important;
    }

  select {
    padding-right: 50px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/toggle-dark.png);
    background-size: 30px auto;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0 15px
  }

    select option {
      font-size: inherit
    }

  .select2-container--default * {
    font-size: 16px;
    color: #000
  }

  .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ddd !important;
  }

  #brand-filter, #price-filter {
    margin: -45px 0 3px 15px;
    display: block;
    position: relative;
    z-index: 9;
    pointer-events: none;
  }

  .select2-container--default .select2-selection--multiple {
    padding: 0 50px 0 1px !important;
    background-image: url(../images/toggle-dark.png);
    background-size: 30px auto;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    min-height: 35px !important
  }

  .select2-container--default .select2-search--inline .select2-search__field {
    min-height: 28px;
    margin: 0 !important
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important
  }

  .html-account-page .master-wrapper-content {
    width: 1400px !important;
    max-width: 100% !important;
    margin: 0 auto;
    padding: 60px 15px
  }

    .html-account-page .master-wrapper-content .center-2, .html-account-page .master-wrapper-content .side-2 {
      margin: 0
    }

    .html-account-page .master-wrapper-content .master-column-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;
      justify-content: space-between
    }

  .html-account-page .center-2, .html-account-page .side-2 {
    width: 100%
  }

  .html-account-page .block-account-navigation {
    margin: 0 !important;
    max-width: 100%;
    display: unset
  }

  .html-account-page .block .listbox {
    padding: 0;
    display: unset
  }

    .html-account-page .block .listbox ul.list {
      position: sticky;
      top: 20px;
      list-style: none;
      padding: 35px 30px;
      background: #EFEFEF;
      border-radius: 8px;
      margin-top: 10px
    }

      .html-account-page .block .listbox ul.list li {
        padding: 0;
        margin: 0 0 50px
      }

        .html-account-page .block .listbox ul.list li a {
          padding: 0
        }

        .html-account-page .block .listbox ul.list li:last-child {
          margin: 0
        }

        .html-account-page .block .listbox ul.list li a {
          font-size: 18px;
          line-height: 25px;
          color: #0c1621;
          font-weight: 600;
          padding: 0 0 0 40px;
          position: relative
        }

        .html-account-page .block .listbox ul.list li.active a {
          font-weight: 800;
          color: var(--yellow-color)
        }

        .html-account-page .block .listbox ul.list li a:before {
          top: 0;
          left: 0;
          width: 25px;
          height: 25px;
          background-color: transparent;
          background-repeat: no-repeat;
          filter: brightness(.2)
        }

        .html-account-page .block .listbox ul.list li.active a:before {
          filter: brightness(1)
        }

        .html-account-page .block .listbox ul.list li.customer-info a:before {
          background-image: url(../images/acc-icon-user.png);
          background-size: contain;
          background-position: center
        }

        .html-account-page .block .listbox ul.list li.customer-addresses a:before {
          background-image: url(../images/acc-icon-address.png);
          background-size: contain;
          background-position: center
        }

        .html-account-page .block .listbox ul.list li.customer-orders a:before {
          background-image: url(../images/acc-icon-order.png);
          background-size: contain;
          background-position: center
        }

        .html-account-page .block .listbox ul.list li.change-password a:before {
          background-image: url(../images/acc-icon-lock.png);
          background-size: contain;
          background-position: center
        }

        .html-account-page .block .listbox ul.list li.customer-reviews a:before {
          background-image: url(../images/acc-icon-review.png);
          background-size: contain;
          background-position: center
        }

  .page.account-page {
    margin-top: 128px
  }

    .page.account-page h3 {
      font-size: 32px;
      font-weight: 800;
      color: #000;
      line-height: 37px;
      margin: 0 0 40px;
      text-transform: capitalize
    }

    .page.account-page h5 {
      font-size: 23px;
      line-height: 26px;
      margin: 0 0 15px;
      font-weight: 800;
      color: #000
    }

    .page.account-page .fieldset input:not([type=checkbox]):not([type=radio]):not([type=submit]), .page.account-page select {
      width: 100%
    }

  .account-page .buttons .proline-btn {
    width: 342px
  }

  .address-list-page .info {
    border: 1px solid #e7e7e7;
    background: white;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 4px
  }

    .address-list-page .info, .address-list-page .info * {
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #000
    }

  .address-list-page .address-item {
    position: relative
  }

  .address-list-page .buttons {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 9
  }

  .address-list-page .edit-address-button {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: #ffb00f;
    border-radius: 50%;
    background-position: center;
    background-size: 15px
  }

  .edit-address .inputs.custom-attributes {
    padding: 0 15px;
    width: 100%
  }

    .edit-address .inputs.custom-attributes label {
      display: none
    }

  .html-order-list-page form.columns {
    padding: 25px 25px 65px;
    background: #EFEFEF;
    border-radius: 8px
  }

    .html-order-list-page form.columns .form-group {
      margin: 0 0 40px
    }

    .html-order-list-page form.columns label {
      display: block;
      font-weight: 800;
      margin: 0 0 5px 5px;
      font-size: 17px;
    }

    .html-order-list-page form.columns input {
      width: 100%
    }

  #purchaseHistory .order-item {
    margin: 40px 0;
    border-bottom: 1px solid #eff0f2
  }

  .html-account-page form .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px
  }

  .html-account-page.html-order-list-page .cart-table-wrap:not(.order-detail-table) .table-wrapper .quantity, .html-account-page.html-order-list-page .cart-table-wrap:not(.order-detail-table) .table-wrapper .subtotal, .html-account-page.html-order-list-page .cart-table-wrap:not(.order-detail-table) .table-wrapper .unit-price {
    width: calc((60% - 215px)/ 3);
  }

  .html-account-page.html-order-list-page .cart-table-wrap:not(.order-detail-table) .table-wrapper .button {
    width: 134px;
    text-align: right
  }

  .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-header-row, .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-item-row:not(:last-child) {
    border-bottom: none;
    margin: 20px 0;
    padding: 20px 0
  }

  .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-item-row:last-child {
    border: none
  }

    .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-item-row:last-child:not(:first-child) {
      margin: 0;
      padding: 0
    }

  .html-account-page.html-order-list-page .cart-table-wrap.order-detail-table + .options + .totals {
    float: none;
    width: 100%
  }

    .html-account-page.html-order-list-page .cart-table-wrap.order-detail-table + .options + .totals .total-info {
      background: #eff0f2;
      border-radius: 8px
    }

  .html-account-page.html-order-list-page .no-data {
    margin: 40px 0 0;
    text-align: center;
    padding: 130px 50px;
    font-size: 24px;
    line-height: 55px;
    font-weight: 800;
    border: 2px solid #e7e7e7;
    border-radius: 4px
  }

  .page.compare-products-page .page-title {
    text-align: center
  }

  .product-box-add-to-cart-button-viewproduct {
    font-size: 16px;
  }

  .compare-products-table .product-add-tocart button.product-box-add-to-cart-button {
    color: var(--color-light);
    background-color: var(--color-primary);
    border: none;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    margin: 0 0 10px
  }

  .page.compare-products-page .compare-products-table button.button-2.remove-button {
    position: absolute;
    background: 0 0;
    font-size: 0;
    width: auto;
    right: 10px;
    top: 10px
  }

    .page.compare-products-page .compare-products-table button.button-2.remove-button:before {
      content: '×';
      position: relative;
      z-index: 1;
      font-size: 18px;
      color: white;
      border: 2px solid;
      width: 20px;
      height: 20px;
      display: inline-block;
      line-height: 15px;
      background: red;
    }

  .html-compare-products-page .block-recently-viewed-products {
    display: none
  }

  .compare-products-page .table-wrapper {
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: 4px;
    border: 1px solid #e5e5e5
  }

  .scroll-table-wrap:not(.scroll) button.left, .scroll-table-wrap:not(.scroll) button.right {
    display: none
  }

  .compare-products-page .scroll-table-wrap.scroll .table-wrapper {
    overflow: scroll
  }

  .compare-products-page .table-wrapper::-webkit-scrollbar {
    display: none
  }

  .close-sidebar-filter {
    display: none
  }

  .html-compare-products-page .master-wrapper-page .master-wrapper-content {
    max-width: 100%;
    padding: 0
  }

  .no-compare-product {
    text-align: center;
    padding: 95px;
    border: 1px solid #e7e7e7;
    margin: 0 auto
  }

    .no-compare-product h3 {
      font-size: 36px;
      font-weight: 800;
      color: #000;
      line-height: 1.5
    }

    .no-compare-product p {
      text-align: center;
      margin: 25px auto;
      max-width: 500px
    }

    .no-compare-product a.proline-btn {
      width: 340px;
      max-width: 100%
    }

    .no-compare-product a:not(.proline-btn) {
      border-bottom: 1px solid;
      text-decoration: none !important
    }

  .scroll-table-wrap {
    position: relative
  }

    .scroll-table-wrap button.left, .scroll-table-wrap button.right {
      position: absolute;
      background: 0 0;
      padding: 0;
      right: 10px;
      top: 120px;
      z-index: 9;
      background-color: rgba(0, 0, 0, .5);
      width: 25px;
      height: 25px;
      border-radius: 50%;
      border: 0 !important;
      background-image: url(../images/slide-arr.png);
      background-size: 50%;
      background-position: center;
      background-repeat: no-repeat;
      transform: rotate(90deg) scale(1);
      transition: .2s ease-in-out
    }

    .scroll-table-wrap button.left {
      left: 30px;
      right: auto;
      transform: rotate(90deg) scale(-1)
    }

      .scroll-table-wrap button.left:hover, .scroll-table-wrap button.right:hover {
        background-color: var(--yellow-color)
      }

  .compare-products-page .page-title h1 {
    font-weight: 700;
    color: #333;
    margin-bottom: 32px
  }

  table.compare-products-table tbody {
    position: relative
  }

  tr.remove-product {
    position: absolute;
    background-color: transparent !important
  }

    tr.remove-product td {
      border: none !important
    }

  .compare-popup {
    background: #fff;
    color: #000;
    padding: 15px 20px;
    box-shadow: 3px 4px 32px #2f394440;
    border-radius: 16px
  }

    .compare-popup .small {
      font-size: 12px;
      padding: 0 10px 0 0
    }

      .compare-popup .small.footer-title {
        display: block;
        padding: 10px 10px 0 0
      }

    .compare-popup .compare-link {
      display: block;
      font-size: 12px;
      text-decoration: none !important;
      margin-bottom: 10px;
      text-align: right;
      color: var(--yellow-color);
      font-weight: 600
    }

      .compare-popup .compare-link:hover {
        color: var(--dark-blue-color)
      }

    .compare-popup > ul:not(:empty) {
      margin-top: 10px;
      max-width: 400px;
      display: flex
    }

      .compare-popup > ul:not(:empty).moreThanFour {
        overflow-x: scroll
      }

      .compare-popup > ul:not(:empty)::-webkit-scrollbar {
        width: 10px;
        height: 10px
      }

      .compare-popup > ul:not(:empty)::-webkit-scrollbar-track {
        background: #e7e7e7
      }

      .compare-popup > ul:not(:empty)::-webkit-scrollbar-thumb {
        background: var(--dark-blue-color);
        border: 2px solid #e7e7e7
      }

        .compare-popup > ul:not(:empty)::-webkit-scrollbar-thumb:hover {
          background: var(--dark-blue-color);
          border: 2px solid #e7e7e7
        }

    .compare-popup > ul > li {
      display: inline-block;
      width: 85px;
      vertical-align: top;
      position: relative;
      margin-right: 15px
    }

      .compare-popup > ul > li:last-child {
        margin-right: 10px
      }

      .compare-popup > ul > li .close {
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 0;
        height: 15px;
        width: 15px;
        text-align: center
      }

    .compare-popup .productCompareSection img {
      height: 85px;
      width: 100%;
      object-fit: contain;
      max-width: 100%
    }

    .compare-popup .productCompareSection p {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 12px;
      font-weight: 800
    }

  .wishlist-content form > .buttons {
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: flex-end
  }

    .wishlist-content form > .buttons a {
      width: 300px;
      max-width: 100%
    }

  .html-wishlist-page .cart-table-wrap .table-wrapper .cart-header-row, .html-wishlist-page .cart-table-wrap .table-wrapper .cart-item-row {
    border: none
  }

  .cart-table-wrap .table-wrapper .cart-header-row .product {
    text-align: left;
    padding-left: calc(20.50% + 10px);
    font-size: 12px;
  }

  /*.k-i-loading {
  background-image: none !important;
  position: absolute;
  right: 10px;
  top: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 8px;
  border: 2px solid #fff;
  border-color: var(--yellow-color) transparent;
  -webkit-animation: rotate 2s normal linear infinite;
  animation: rotate 2s normal linear infinite;
  pointer-events: none;
  z-index: 2
}*/
  .select2-container--default .select2-selection--single span.select2-selection__rendered {
    color: var(--dark-blue-color);
    line-height: 45px;
    min-height: 45px;
    padding: 0 50px 0 15px;
    text-align: left;
  }

  .select2-container--default .select2-selection--single {
    border-color: #ddd !important
  }

  @keyframes rotate {
    0% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg)
    }

    25% {
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg)
    }

    50% {
      -webkit-transform: rotate3d(0, 0, 1, 180deg);
      transform: rotate3d(0, 0, 1, 180deg)
    }

    75% {
      -webkit-transform: rotate3d(0, 0, 1, 270deg);
      transform: rotate3d(0, 0, 1, 270deg)
    }

    100% {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
      transform: rotate3d(0, 0, 1, 360deg)
    }
  }

  .order-summary-content > .no-data {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin: 0;
    padding: 64px 30px
  }

  .empty-cart-wrapper {
    padding: 16px 0;
  }

  .empty-cart-box {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 60px 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .empty-cart-icon {
    margin-bottom: 24px;
  }

  .empty-cart-title {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0 0 10px;
  }

  .empty-cart-subtitle {
    font-size: 14px;
    color: #555;
    margin: 0 0 28px;
  }

  .empty-cart-btn {
    display: block;
    width: 100%;
    /* max-width: 820px; */
    background: #f5a623;
    color: #111;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    /* padding: 0px 20px; */
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.2s ease;
  }

    .empty-cart-btn:hover {
      background: #e0951a;
      color: #111;
      text-decoration: none;
    }

  .order-summary-content .no-data.text-center, .page.not-found-page .page-body {
    text-align: center;
    max-width: 760px;
    margin: 0 auto
  }

    .no-data.text-center .content, .page.not-found-page .page-body h2 {
      font-size: 36px;
      line-height: 55px;
      font-weight: 800;
      margin: 0 0 15px
    }

    .page.not-found-page .page-body p {
      margin: 0;
      text-align: center
    }

  div#bar-notification.bar-notification-container {
    right: 30px;
    top: 30px;
    width: auto;
    left: auto;
    max-width: calc(100% - 60px);
    z-index: 9999;
  }

    div#bar-notification.bar-notification-container .bar-notification {
      padding: 14px 48px 14px 20px;
      border-radius: 8px;
      position: relative;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      min-width: 280px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.25);
      background-color: var(--dark-blue-color) !important
    }

  .bar-notification .close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    margin: 0;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
    filter: none
  }

    .bar-notification .close::after {
      content: '\00D7';
      color: #fff;
      font-size: 20px;
      line-height: 1
    }

    .bar-notification .close:hover {
      background-color: rgba(255,255,255,0.15)
    }

  .bar-notification .content {
    margin: 0;
    color: #fff;
    font-size: 16px
  }

    .bar-notification .content a {
      color: var(--yellow-color);
      text-decoration: none;
      font-size: 16px
    }

  .html-blogpost-page {
    scroll-behavior: smooth
  }

    .blog-list-wrap .slick-slider .slick-track, .html-blogpost-page .related-products-grid.product-grid.home-page-product-grid .slick-track, .slick-slider .slick-track {
      margin-left: 0;
      margin-right: 0
    }

  .blog-fliter {
    padding: 50px 0
  }

    #txtBlogSearch, .blog-fliter span.select2.select2-container {
      max-width: 100% !important;
      width: 370px !important
    }

  #txtBlogSearch {
    background: 0 0;
    background-image: url(../images/icon-search.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 15px) center;
    z-index: 9;
    position: relative;
    padding: 15px 40px 15px 15px
  }

  .blog-list-wrap {
    padding: 80px 0 calc(80px - 64px)
  }

    .blog-list-wrap .section-title h2 {
      margin: 0
    }

    .blog-list-wrap .row-1, .blog-list-wrap .title-wrap + .row {
      margin-top: 48px
    }

  .html-blog-cat .blog-fliter + div .blog-list-wrap:first-child .title-wrap {
    margin-top: -158px;
    position: relative;
    z-index: 0;
    padding-top: 50px
  }

  .blog-list-wrap:first-child {
    padding-top: 0
  }

  .blog-list-wrap:nth-child(even) {
    background-color: #fafafa
  }

  .html-blog-cat .blog-list-wrap:nth-child(even) {
    background-color: #fff
  }

  .html-blog-cat .blog-list-wrap:nth-child(odd) {
    background-color: #fafafa
  }

  .blog-list-wrap h3 {
    font-size: 32px;
    line-height: 44px;
    margin: 24px 0 16px;
    font-weight: 800;
    color: #2c2e31;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 88px
  }

  .blog-list-item {
    padding: 0 15px
  }

  .blog-list-item {
    margin: 0 0 64px
  }

    .blog-list-item a img.feat-img {
      aspect-ratio: 427/236;
      width: 100%;
      object-fit: contain;
      border-radius: 10px
    }

    .blog-list-item span.date {
      color: var(--yellow-color);
      margin: 0 0 16px;
      display: block
    }

    .blog-list-item p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height: 56px;
      margin: 0 0 25px
    }

  .html-blogpost-page .breadcrumb-wrapper {
    padding-bottom: 30px;
    background: 0 0;
    min-height: 0
  }

    .html-blogpost-page .breadcrumb-wrapper .category-description h1 {
      color: var(--dark-blue-color);
      margin-bottom: 16px;
      font-weight: 800
    }

  .html-blogpost-page .post-date {
    background: 0 0;
    padding: 0;
    font-style: normal;
    font-size: 15px;
    margin: 0
  }

  .html-blogpost-page .category-description {
    margin: 0
  }

  .html-blogpost-page .post-date, .html-blogpost-page .post-date * {
    font-size: 15px
  }

  h2.h2-toc {
    font-size: 23px;
    font-weight: 800;
    margin: 0 0 24px
  }

  ul#toc-list li a {
    font-size: 15px;
    line-height: 0
  }

  ul#toc-list li {
    margin: 0 0 15px
  }

    ul#toc-list li.active a {
      font-weight: 800;
      color: var(--yellow-color)
    }

  .blog-inner .post-body h2 {
    font-size: 20px;
    font-weight: 800
  }

  .blog-inner .post-body > p {
    margin: 0 0 20px;
    line-height: 1.7
  }

  .html-blogpost-page .homepage-blog-section.homepage-section {
    padding: 100px 0 calc(100px - 64px);
    background: #eff0f2
  }

    .html-blogpost-page .homepage-blog-section.homepage-section .blog-list-wrap {
      padding: 0
    }

  .html-blogpost-page .blog-inner .post-body {
    padding-bottom: 100px
  }

  .html-blogpost-page .related-products-grid.product-grid {
    padding: 100px 0;
    margin: 0
  }

  .html-blogpost-page .item-box {
    clear: none !important;
    margin: 0 !important
  }

  .blog-faq h4.faq-title {
    cursor: pointer
  }

  .blogSearch {
    position: relative;
    max-width: 100%
  }

    .blogSearch .ui-menu {
      width: 100% !important;
      right: 0 !important;
      left: auto !important;
      border: 1px solid #ddd;
      border-radius: 5px;
      max-height: 365px;
      overflow: auto
    }

      .blogSearch .ui-menu::-webkit-scrollbar {
        width: 5px
      }

      .blogSearch .ui-menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #2f3944;
        border-radius: 5px
      }

      .blogSearch .ui-menu::-webkit-scrollbar-thumb {
        background: #2f3944;
        border-radius: 5px
      }

      .blogSearch .ui-menu li.ui-menu-item > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        background: 0 0 !important;
        border: none !important;
        padding: 5px 10px
      }

        .blogSearch .ui-menu li.ui-menu-item > div > img {
          max-width: 30%;
          aspect-ratio: 1/1;
          object-fit: contain;
          width: 80px;
          margin: 0 auto
        }

        .blogSearch .ui-menu li.ui-menu-item > div > .detail {
          width: 65%
        }

          .blogSearch .ui-menu li.ui-menu-item > div > .detail > div {
            font-size: 14px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.5
          }

            .blogSearch .ui-menu li.ui-menu-item > div > .detail > div strong {
              font-size: 16px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              overflow: hidden;
              text-overflow: ellipsis;
              line-height: 1.5
            }

  .freebie-wrap {
    width: 100%;
    text-align: left;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important
  }

    .freebie-wrap > span {
      font-size: 14px;
      font-weight: 800
    }

  .freebie-inner * {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-decoration: none !important
  }

  .freebie-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #e0f3ff;
    border: 1px solid #b6daf0;
    border-radius: 4px;
    padding: 4px 15px;
    margin: 4px 0
  }

    .freebie-inner > div {
      width: 20%;
      text-align: center
    }

    .freebie-inner > .detail-info {
      width: 40%;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      max-width: calc(100% - 60px);
      align-items: center;
      text-align: left
    }

    .freebie-inner .imageSection {
      height: 32px;
      width: 32px
    }

    .freebie-inner .free-pr-name {
      width: calc(100% - 52px)
    }

    .freebie-inner .imageSection img {
      aspect-ratio: 1/1;
      width: 32px;
      object-fit: contain
    }

    .freebie-inner .imageSection a {
      display: inline-block;
      height: 32px
    }

  .section.block.product-filters {
    padding: 38px 0 0
  }

  .html-registration-page .order-progress ul li {
    flex: 0 0 20%
  }

  .company-registration-terms-topic .topic-block-title {
    display: none
  }

  .company-registration-terms-topic {
    margin: 0 0 50px
  }

  .html-registration-page .checkbox-wrap {
    margin: 0 0 30px
  }

  ul.trade-acc-bullet-point {
    list-style: disc;
    padding: 0 0 0 18px
  }

    ul.trade-acc-bullet-point li:not(:last-child) {
      margin: 0 0 5px
    }

  @media(min-width: 768px) {
    .promo-list-section .promo-item-wrap .slick-arrow.slick-prev {
      left: -15px
    }

    .promo-list-section .promo-item-wrap .slick-arrow.slick-next {
      right: -15px
    }

    .edit-address .inputs.custom-attributes:not(:last-child) {
      width: 50%
    }
  }

  @media(min-width: 992px) {
    #specification-section .product-specs-box .table-wrapper tbody tr.odd:last-child:after {
      content: '';
      position: absolute;
      left: 100%;
      width: 100%;
      height: 1px;
      background: #c8c9cd;
      bottom: 0
    }

    .table-of-contents li:first-child {
      display: none
    }

    .table-of-contents {
      width: 242px;
      float: left;
      position: sticky;
      top: 20px;
      padding: 17px 27px;
      background: #fafafa;
      border-radius: 8px
    }

      .table-of-contents + .container {
        max-width: calc(100% - 242px) !important;
        width: calc(100% - 242px)
      }

    .custom-promo-banner.desktop-banner {
      display: block
    }

    .faq-item-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 0 50px
    }

      .faq-item-wrap > .faq-column {
        flex: 0 0 50%;
        max-width: calc(50% - 25px)
      }

    .homepage-blog-section .btn-wrap, .proline-category-text .btn-wrap {
      text-align: right
    }

    .section.about-section .img-wrap {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 50%
    }
  }

  @media(min-width: 992px) and (max-width:1899px) {
    .table-of-contents + .container {
      max-width: calc(100% - 242px) !important;
      margin-left: 242px
    }
  }

  @media(min-width: 1001px) {
    .header-menu .menu-header {
      display: none
    }

    ul.top-menu > li.menu-drop > a:after {
      content: '⌵';
      position: absolute;
      right: 10px;
      top: 49%;
      line-height: 1;
      font-weight: 800;
      transition: .2s ease-in-out;
      transform: translate(0, -50%)
    }

    .header-menu > ul > li > a {
      padding: 30px 12.5px
    }

    .header-menu > ul > li.menu-drop > a {
      padding-right: 25px !important;
      position: relative;
      transition: .2s ease-in-out
    }

    .header-menu .sublist .sublist {
      display: block
    }

    .inner-menu-list .section-title h2 {
      font-size: 40px
    }

    .header-menu .top-menu .sublist {
      width: 360px
    }

    .header-menu .sublist li a {
      background: 0 0 !important;
      color: inherit !important
    }

      .header-menu .sublist li a:hover {
        color: var(--yellow-color) !important
      }

    .header-menu > ul > li:nth-child(2) {
      position: static
    }

    .header-menu > ul > li {
      transition: .2s ease-in-out
    }

      .header-menu > ul > li > .inner-menu-list {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 100%;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        padding: 40px 40px 5px;
        background: #fff;
        transition: .2s ease-in-out;
        box-shadow: 3px 4px 32px #2f394426;
        border-radius: 0 0 16px 16px
      }

      /*    .header-menu > ul > li:nth-last-child(1) > .inner-menu-list, .header-menu > ul > li:nth-last-child(2) > .inner-menu-list {
      left: -50%
    }*/
      .header-menu > ul > li:hover,
      .header-menu > ul > li.active {
        background-color: var(--yellow-color)
      }

        .header-menu > ul > li:hover > a, .header-menu > ul > li:hover > a:after,
        .header-menu > ul > li.active > a, .header-menu > ul > li.active > a:after {
          color: #000;
        }

        .header-menu > ul > li:hover > .inner-menu-list {
          opacity: 1;
          visibility: visible
        }

    ul.sublist.first-level {
      display: block !important
    }

    .header-menu > ul > li:nth-child(2) > .inner-menu-list {
      width: 1700px;
      max-width: 95%
    }

    ul.sublist.first-level {
      position: relative;
      box-shadow: none;
      border: none
    }

      .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li, ul.sublist.first-level > li {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 15px;
        margin: 0 0 20px
      }

        .header-menu > ul > li:not(:nth-child(2)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)) ul.sublist.first-level > li:not(.menu-drop), .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li:not(.menu-drop), .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li:not(.menu-drop), .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li:not(.menu-drop), .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li:not(.menu-drop) {
          align-items: center;
          margin: 0;
          padding: 7.5px 0
        }

          .header-menu > ul > li:not(:nth-child(2)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)) ul.sublist.first-level > li:not(.menu-drop) + li.menu-drop, .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li:not(.menu-drop) + li.menu-drop, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li:not(.menu-drop) + li.menu-drop, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li:not(.menu-drop) + li.menu-drop, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li:not(.menu-drop) + li.menu-drop {
            margin-top: 20px
          }

          .header-menu > ul > li:not(:nth-child(2)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)) ul.sublist.first-level > li:not(.menu-drop) a, .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li:not(.menu-drop) a, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li:not(.menu-drop) a, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li:not(.menu-drop) a, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li:not(.menu-drop) a {
            margin: 0
          }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level, .header-menu > ul > li:nth-child(5) ul.sublist.first-level, .header-menu > ul > li:nth-child(6) ul.sublist.first-level, .header-menu > ul > li:nth-child(7) ul.sublist.first-level {
      display: flex !important;
      flex-wrap: wrap;
      gap: 0 30px
    }

      .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li ul, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li ul, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li ul, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li ul {
        width: 100%
      }

    .header-menu .sublist .sublist .sublist {
      display: none
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li > img, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li > img, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li > img, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li > img, .sublist.first-level > li > img {
      order: 1;
      width: 50px;
      height: 50px;
      object-fit: contain
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li > a, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li > a, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li > a, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li > a, .sublist.first-level > li.menu-drop > .inner-menu-list > a, .sublist.first-level > li > a, .sublist.first-level > li > ul > li.menu-drop > .inner-menu-list > a {
      order: 2;
      color: var(--yellow-color) !important;
      font-weight: 800;
      padding: 0 20px;
      max-width: calc(100% - 50px);
      line-height: 1.2;
      margin: 0 0 10px
    }

    .header-menu .sublist li {
      border: none;
      box-shadow: none
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li > .inner-menu-list, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li > .inner-menu-list, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li > .inner-menu-list, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li > .inner-menu-list, .sublist.first-level > li > .inner-menu-list {
      order: 3;
      max-width: calc(100% - 50px);
      margin: 0 0 0 auto;
      width: 100%
    }

      .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li > ul > li > .inner-menu-list li, .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li > ul > li > .inner-menu-list li, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li > ul > li > .inner-menu-list li, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li > ul > li > .inner-menu-list li, .sublist.first-level > li > .inner-menu-list li {
        margin: 0 0 8px
      }

    .header-menu .sublist .sublist {
      position: relative;
      top: 0;
      left: 0 !important;
      width: 100%;
      right: 0 !important;
      border: none;
      box-shadow: none
    }

      .header-menu .sublist .sublist li {
        border: none;
        width: 100%
      }

        .header-menu .sublist .sublist li a {
          width: 100% !important;
          max-width: 100% !important
        }

    .header-menu > ul > li:nth-child(2) > .inner-menu-list > ul.sublist {
      width: 100%
    }

    /*.header-menu > ul > li:last-child > .inner-menu-list > ul.sublist, .header-menu > ul > li:nth-last-child(2) > .inner-menu-list > ul.sublist, .header-menu > ul > li:nth-last-child(3) > .inner-menu-list > ul.sublist {
    width: 700px
  }*/
    .header-menu > ul > li:last-child > .inner-menu-list > ul.sublist {
      width: 465px
    }

    .header-menu > ul > li > .inner-menu-list > div {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 -80px auto;
      width: calc((100% - 60px)/ 3)
    }

    .html-account-page .block .listbox ul.list > span {
      display: none
    }

    .html-account-page .center-2 {
      float: none;
      width: calc(60% - 25px)
    }

    .html-account-page .side-2 {
      float: none;
      width: calc(40% - 25px)
    }

    .header-menu > ul > li {
      position: relative
    }

      .header-menu > ul > li.menu-drop:hover > a:after {
        top: 34%;
        transform: rotate(180deg) translate(0, -50%);
        transform-origin: center center
      }

    .sublist li.menu-drop > a {
      padding-right: 30px !important
    }

      .sublist li.menu-drop > a:after {
        right: 15px;
        top: 50%;
        transform: translate(0, -50%) rotate(-90deg)
      }

    .visible-mobile-only {
      display: none !important
    }

    .header-menu .sublist {
      width: 260px;
      top: 100%;
      padding: 0;
      background-color: transparent
    }

      .header-menu .sublist li {
        position: relative;
        border-bottom: 1px solid #e7e7e7
      }

        .header-menu .sublist li:last-child {
          border: none
        }

        .header-menu .sublist li a {
          font-size: 14px
        }

          .header-menu .sublist li a:hover {
            background-color: var(--yellow-color);
            color: #fff
          }

          .header-menu .sublist li a:before {
            display: none
          }

    .inner-menu-list .cat-detail .btn, .inner-menu-list .cat-detail .btn span, .inner-menu-list .cat-detail .btn strong {
      font-size: 14px;
      z-index: 9;
      position: relative;
      display: block;
      line-height: 1.2
    }

    .inner-menu-list .cat-detail .btn {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      width: 100%
    }

      .inner-menu-list .cat-detail .btn a.proline-btn {
        margin-left: 0
      }

    .header-menu > ul > li:nth-child(5) ul.sublist.first-level > li, .header-menu > ul > li:nth-child(6) ul.sublist.first-level > li, .header-menu > ul > li:nth-child(7) ul.sublist.first-level > li {
      width: calc((100% - 30px)/ 1)
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li {
      width: calc((100% - 60px)/ 3)
    }

    .top-menu .cat-detail {
      margin-bottom: 7.5px !important;
      padding: 0 0 15px !important
    }

    .sorting-wrap {
      margin: -76px 0 0;
      float: right;
      z-index: 9;
      position: relative
    }

    .d-flex.promo-filter .block.product-filters > a.proline-btn, .d-flex.promo-filter .block.product-filters > h5, .d-flex.promo-filter .block.product-filters > span.close, .d-flex.promo-filter .filter-icon, .html-category-page .block.product-filters .d-flex > a.proline-btn, .html-category-page .block.product-filters .d-flex > h5, .html-category-page .block.product-filters .d-flex > span.close, .search-results .filter-icon, .search-results .sort-wrapper .brand-sort > a.proline-btn, .search-results .sort-wrapper .brand-sort > h5, .search-results .sort-wrapper .brand-sort > span.close, .section.block.product-filters .filter-icon {
      display: none
    }
  }

  @media(min-width: 1200px) {
    .picture-gallery .picture {
      width: 691px;
      max-width: 100%;
      height: 588px !important;
      background: #fff;
      border-radius: 6px;
    }

      .picture-gallery .picture .product-gallery-main-image {
        /*      width: 463px !important;
      max-width: calc(100% - 210px);
      height: 443px !important;
      max-height: calc(100% - 141px);*/
        margin: 0;
        object-fit: contain;
      }

    #billing-address {
      max-width: 80% !important
    }

    .html-account-page .center-2 {
      float: none;
      width: calc(70% - 25px)
    }

    .html-account-page .side-2 {
      float: none;
      width: calc(30% - 25px)
    }

    .cart-table-wrap .table-wrapper .cart-item-row .product-quantity > span {
      display: none
    }

    .subtotal-mob {
      display: none
    }
  }

  @media(min-width: 1200px) and (max-width:1365px) {
    .html-product-details-page .product-essential.product-quantity-essential .col-md-12.col-lg-12.col-xl-4, .html-product-details-page .product-essential.product-quantity-essential .col-md-12.col-lg-6.col-xl-5 {
      width: 50%;
      max-width: 50%;
      flex: 0 0 50%
    }

    .html-product-details-page .product-essential.product-quantity-essential .col-md-12.col-lg-6.col-xl-3 {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%
    }
  }

  @media(min-width: 1365px) {
    .newsletter-form-wrap .col-lg-7 .advantage-inner {
      max-width: 80%
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li {
      width: calc((100% - 90px - 370px)/ 3) !important
    }

      .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li:last-child {
        width: 370px !important
      }
  }

  @media(max-width: 1919px) {
    #CategorySelection ul.tabs li.comming-soon .label-wrap > h3 {
      width: 100%;
      margin-bottom: 5px
    }

    #CategorySelection ul.tabs li .label-wrap > h3 {
      font-size: 18px;
      line-height: 20px
    }
  }

  @media(max-width: 1600px) {
    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 25%;
      max-width: 25%
    }
  }

  @media(max-width: 1499px) {
    .blue-bg .btn {
      font-size: 11px
    }

    .home-page-category-grid .category-item h2 {
      font-size: 28px;
      line-height: 38px;
      padding: 20px
    }
  }

  @media(max-width: 1439px) {
    .header-menu > ul > li:nth-child(2) > .inner-menu-list {
      padding: 40px
    }
  }

  @media(min-width: 1001px) and (max-width:1365px) {
    .top-menu .cat-detail {
      margin-bottom: 0 !important;
      padding: 15px 0 !important
    }

    .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li:nth-child(4) {
      width: 100%
    }

      .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li:nth-child(4) > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0 30px;
        align-items: flex-start
      }

        .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li:nth-child(4) > ul > li {
          width: calc((100% - 60px)/ 3)
        }

          .header-menu > ul > li:nth-child(2) ul.sublist.first-level > li:nth-child(4) > ul > li:first-child {
            order: 20
          }
  }

  @media(max-width: 1365px) {
    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box, .html-search-page .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 33.33%;
      max-width: 33.33%
    }

    .newsletter-form-wrap {
      background: linear-gradient(90deg, #0c1621 58.33%, #fff 53%)
    }
  }

  @media(max-width: 1199px) {
    .html-product-details-page .related-products-grid.product-grid.home-page-product-grid button.slick-prev.slick-arrow {
      left: 0 !important
    }

    .html-product-details-page .related-products-grid.product-grid.home-page-product-grid button.slick-next.slick-arrow {
      right: 0 !important
    }

    .freebie-inner > .detail-info, .freebie-inner > div {
      width: auto
    }

    .free-pr-qty label {
      display: inline-block;
      margin-top: -2px
    }

    .free-pr-price, .free-pr-unit-price {
      display: none
    }

    .delivery-notice, .delivery-offers, div#checkout-free-shipping-div, div#checkout-overnight-delivery-div, div#click-and-collect-delivery-div {
      position: relative;
      max-width: 100%
    }

    div#click-and-collect-delivery-div {
      flex-wrap: nowrap
    }

    .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .cart-item-row:first-child {
      margin-top: 0;
      padding-top: 0
    }

    .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .button {
      width: 100%;
      text-align: center;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 20px
    }

      .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .button .proline-btn {
        width: 100%
      }

    .html-account-page.html-order-list-page .cart-table-wrap .table-wrapper .quantity {
      display: none
    }

    .search-results .sort-wrapper > a.proline-btn.proline-btn-blue {
      font-size: 0;
      border-radius: 4px;
      padding-left: 15px;
      padding-right: 15px
    }

      .search-results .sort-wrapper > a.proline-btn.proline-btn-blue img {
        margin: 0
      }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box, .product-grid.home-page-product-grid.promo-grid .item-grid .item-box {
      width: 33.33%
    }

    .search-box .category-lists > span {
      flex: 0 0 50%;
      max-width: 50%
    }

    .search-box .instant-search-item.ui-menu-item-wrapper > a .detail * {
      font-size: 14px;
      line-height: 1.2
    }

    .search-box .instant-search-item.ui-menu-item-wrapper > a .detail .price {
      max-width: 70px;
      text-align: center
    }

    .search-box .instant-search-item.ui-menu-item-wrapper > a .detail .title {
      max-width: calc(100% - 70px)
    }

    .spare-model-item {
      flex: 0 0 33.33%;
      max-width: calc(33.33% - 17px)
    }

    #CategorySelection ul.tabs li {
      flex: 0 0 33.33%;
      max-width: 32.6%
    }

    #CategorySelection ul.tabs {
      justify-content: flex-start
    }

    .cart-table-wrap .table-wrapper .cart-item-row .product-quantity > span {
      margin: 0 0 0 5px
    }

    .cart-table-wrap .table-wrapper .cart-item-row {
      justify-content: space-between;
      position: relative
    }

      .cart-table-wrap .table-wrapper .cart-item-row > div.subtotal, .cart-table-wrap .table-wrapper .cart-item-row > div.unit-price {
        display: none
      }

      .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection {
        width: 30%
      }

      .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
        width: 65%
      }

    .cart-item-row:first-child .product .res-title {
      display: block !important
    }

    .html-wishlist-page .cart-table-wrap .table-wrapper .add-to-cart {
      flex: 0 0 100%;
      max-width: 100%
    }

    .html-wishlist-page .cart-table-wrap .table-wrapper .button-2.remove-button {
      bottom: 100px
    }

    .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
      position: relative
    }

    .html-wishlist-page .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
      position: static
    }

    .res-title {
      width: 100%;
      margin: 0 0 20px;
      text-align: left;
      font-size: 18px !important
    }

    .cart-table-wrap .table-wrapper .cart-item-row > div {
      flex: 0 0 33.33%;
      max-width: 30%;
      text-align: left;
      margin: 0 0 10px
    }

    .cart-table-wrap .table-wrapper .button-2.remove-button {
      position: absolute;
      right: 0;
      bottom: -45px;
      z-index: 1
    }

    .cart-table-wrap .table-wrapper .tax-suffix {
      display: inline-block
    }

    .cart-table-wrap .table-wrapper .cart-item-row .product {
      flex: 0 0 100%;
      width: 100%;
      max-width: 100%
    }

    .quantity > div {
      justify-content: flex-start
    }

    .cart-table-wrap .table-wrapper .cart-header-row {
      display: none
    }

    .cart-table-wrap .table-wrapper .cart-item-row * {
      font-size: 15px
    }

    .cart-table-wrap .table-wrapper .prd-sku-wrapper, .cart-table-wrap .table-wrapper .prd-sku-wrapper * {
      font-size: 12px
    }

    ul.sublist .sublist .sublist .sublist {
      right: 100% !important;
      left: auto !important;
      z-index: 9
    }

    .html-category-page .home-page-category-grid .category-item h2 {
      font-size: 20px;
      line-height: 1.2
    }

    #product-key-feature-section .feature-list span {
      font-size: 18px
    }

    .promo-page-grid .slick-arrow {
      top: 50%;
      left: 5px;
      transform: translate(0, -50%) rotate(-90deg);
      width: 25px;
      height: 25px
    }

      .promo-page-grid .slick-arrow.slick-next {
        left: auto;
        right: 5px;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%) rotate(90deg)
      }

    .main-ban, .promo-ban {
      max-width: 100%;
      width: 100%
    }

    .header-upper {
      padding: 10px 0
    }

    .footer-upper .row .col-3 .blue-bg {
      padding: 20px
    }

    .footer-upper .row .col-3 {
      flex: 0 0 50%;
      max-width: calc(50% - 5px);
      margin: 0 0 25px
    }

    .footer-upper .row .col {
      flex: 0 0 33.33%;
      max-width: 240px;
      padding: 0 20px
    }

    .header-upper .header-links-wrapper #topcartlink a {
      font-size: 0;
      padding: 20px;
      background-position: center
    }

      .header-upper .header-links-wrapper #topcartlink a span {
        font-size: 0
      }
  }

  @media (max-width: 1000px) {
    .html-manufacturer-page .product-compare-button.sort-wrapper {
      justify-content: flex-end
    }

    .k-i-loading {
      right: 50px;
      top: 8px
    }

    .header-lower .search-box form input.search-box-text {
      padding-right: 50px !important
    }

    .d-flex.promo-filter {
      margin-bottom: 10px
    }

      .d-flex.promo-filter .filter-icon, .search-results .filter-icon, .section.block.product-filters .filter-icon {
        padding: 6px 10px;
        border-radius: 5px;
        border: 2px solid var(--yellow-color);
        float: left;
        cursor: pointer
      }

        .d-flex.promo-filter .filter-icon img, .search-results .filter-icon img, .section.block.product-filters .filter-icon img {
          margin-bottom: -7px;
          height: 32px;
          object-fit: contain
        }

    .search-results .sort-wrapper {
      justify-content: space-between;
      margin: 30px 0
    }

      .search-results .sort-wrapper .brand-sort .product-sorting {
        width: 100%;
        margin: 0 0 40px
      }

      .html-category-page .block.product-filters .d-flex, .html-spec-deals-page .d-flex.promo-filter .block.product-filters, .search-results .sort-wrapper .brand-sort {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 390px;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 3px 4px 32px #2f394426;
        z-index: 9;
        max-width: 95%;
        padding: 30px 15px;
        gap: 0;
        opacity: 0;
        visibility: hidden;
        transition: .2s ease-in-out
      }

        .html-category-page .block.product-filters .d-flex.filter-open, .html-spec-deals-page .d-flex.promo-filter .block.product-filters.filter-open, .search-results .sort-wrapper .brand-sort.filter-open {
          opacity: 1;
          visibility: visible
        }

    .header-menu {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      left: -100%;
      z-index: 999;
      transition: .2s ease-in-out;
      overflow: auto
    }

      .header-menu .menu-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 30px 15px
      }

      .header-menu.menu-active {
        left: 0
      }

    .address-list-page .info, .address-list-page .info * {
      font-size: 15px;
      line-height: 22px
    }

    .account-page .buttons .proline-btn-solid {
      width: 100% !important
    }

    .html-account-page .block .listbox ul.list > span {
      position: absolute;
      top: 30px;
      right: 30px;
      font-size: 30px;
      color: var(--yellow-color);
      z-index: 1
    }

    .html-account-page .block .listbox ul.list {
      position: relative
    }

      .html-account-page .block .listbox ul.list:not(.open) li:not(.active) {
        display: none
      }

      .html-account-page .block .listbox ul.list:not(.open) li {
        margin: 0
      }

    .page.account-page {
      margin-top: 30px
    }

      .page.account-page h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 40px
      }

    .search-box.store-search-box.visible-desktop-only {
      position: absolute;
      width: 100%;
      left: 0;
      opacity: 0;
      visibility: hidden;
      display: block !important;
      min-height: 48px;
    }

    body.open-search .search-box.store-search-box.visible-desktop-only {
      opacity: 1;
      visibility: visible
    }

    .header-lower select#selectTagWidth {
      display: none
    }

    .search-box ul.ui-menu.ui-widget {
      width: calc(100% - 20px) !important;
      right: 10px !important
    }

    .header-lower span.select2.select2-container {
      display: none
    }

    .header-lower .search-box form {
      width: 100%;
      padding: 10px;
      background: #fff
    }

    .help-text {
      margin-top: 0
    }

    .html-registration-page .form-fields .inputs {
      width: calc(50% - 12px)
    }

    .html-login-page .title h1, .html-password-recovery-page .title h1, .html-registration-form .title h1, .html-registration-result-page .registration-result-page .title h1, .new-wrapper.checkout-as-guest-or-register-block .title, .new-wrapper.checkout-as-guest-or-register-block .title strong {
      font-size: 32px;
      line-height: 42px
    }

    .login-page .title h2 strong {
      font-size: 26px
    }

    .html-login-page .returning-wrapper.fieldset, .html-password-recovery-page .password-recovery-page, .html-registration-form, .html-registration-result-page .registration-result-page, .new-wrapper.checkout-as-guest-or-register-block {
      margin: 50px auto;
      padding: 20px;
      text-align: center
    }

    li.menu-drop > a {
      max-width: calc(100% - 40px);
      width: calc(100% - 40px)
    }

    .spare-parts-menu span {
      flex: 0 0 100%;
      max-width: 100%
    }

    li.spare-parts-menu br {
      display: none
    }

    .inner-menu-list {
      width: 100%
    }

    .header-menu > ul.top-menu {
      display: block;
    }

    .header-menu > ul li .sublist {
      display: none
    }

    .header-menu > ul li.active-sub > .inner-menu-list > .sublist {
      display: block
    }

    .header-menu > ul > li.active-sub > .inner-menu-list > .sublist li {
      display: flex;
      flex-wrap: wrap
    }

    .header-menu > ul > li > a {
      padding: 15px 18px
    }

    li.menu-drop.active-sub {
      padding: 0
    }

    .cat-detail {
      display: none
    }

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

    ul.sublist.first-level {
      width: 100%
    }

    .top-menu .sublist.first-level > li.menu-drop:not(.active-sub) > .inner-menu-list, .top-menu > li:nth-child(2) .sublist.first-level > li > ul > li.menu-drop:not(.active-sub) > .inner-menu-list, .top-menu > li:nth-child(5) .sublist.first-level > li > ul > li.menu-drop:not(.active-sub) > .inner-menu-list, .top-menu > li:nth-child(6) .sublist.first-level > li > ul > li.menu-drop:not(.active-sub) > .inner-menu-list, .top-menu > li:nth-child(7) .sublist.first-level > li > ul > li.menu-drop:not(.active-sub) > .inner-menu-list {
      max-width: calc(100% - 100px);
      order: 2
    }

    .header-menu .mobile-menu-actions-guest {
      flex-direction: column;
      display: flex;
      gap: 8px;
      max-width: 100%;
    }

    .mobile-menu-toggle-wrap {
      width: 50%;
      margin-right: 15px;
    }

    .header-menu .mobile-menu-toggle-wrap .toggle-2 {
      width: 100%;
      justify-content: center;
      margin-top: 0;
      height: 36px;
      padding: 0px;
      background: #e4e4e4;
      padding: 0 0px 0 0px !important;
    }

    .top-menu *, .top-menu a {
      transition: none !important
    }

    .top-menu .sublist li a {
      order: 2
    }

    .top-menu .sublist li img {
      width: 50px;
      height: 50px;
      order: 1;
      margin: 0 0 0 18px;
      object-fit: contain
    }

    .top-menu .sublist li .inner-menu-list {
      order: 3
    }

    .header-menu li.active-sub > .inner-menu-list > a, .header-menu li.active-sub > a {
      max-width: 100%;
      width: 100%;
      padding: 20px 20px 20px 50px;
      color: #fff;
      background-color: var(--dark-blue-color);
      font-size: 22px;
      font-weight: 800
    }

    .header-menu li.active-sub > img {
      display: none
    }

    .header-menu li.active-sub > .sublist-toggle {
      z-index: 9;
      top: -13px;
      left: 0;
      right: auto;
      transform: rotate(90deg) translate(0, -50%);
      filter: brightness(0) invert(1);
      background-size: 40px
    }

    .header-menu > ul > li:nth-child(2) > .inner-menu-list, .header-menu > ul > li:nth-child(5) > .inner-menu-list, .header-menu > ul > li:nth-child(6) > .inner-menu-list, .header-menu > ul > li:nth-child(7) > .inner-menu-list {
      padding: 0
    }

    .top-menu .cat-detail {
      display: none !important
    }

    .top-menu > li:nth-child(2) > .inner-menu-list > ul > li > ul > li > .inner-menu-list .sublist-toggle, .top-menu > li:nth-child(5) > .inner-menu-list > ul > li > ul > li > .inner-menu-list .sublist-toggle, .top-menu > li:nth-child(6) > .inner-menu-list > ul > li > ul > li > .inner-menu-list .sublist-toggle, .top-menu > li:nth-child(7) > .inner-menu-list > ul > li > ul > li > .inner-menu-list .sublist-toggle, .top-menu > li > .inner-menu-list > ul > li > .inner-menu-list .sublist-toggle {
      display: none
    }

    .menu-toggle.active span:nth-child(1), .menu-toggle.active span:nth-child(4) {
      opacity: 0
    }

    .menu-toggle.active span:nth-child(2) {
      transform-origin: center;
      transform: rotate(45deg)
    }

    .menu-toggle.active span:nth-child(3) {
      transform-origin: center;
      transform: rotate(-45deg)
    }

    h1 {
      font-size: 32px;
      line-height: 42px
    }

    .section-title h2 {
      font-size: 40px;
      line-height: 40px;
      letter-spacing: -1.5px
    }

    .section-title h2, .section-title h6 {
      margin-bottom: 10px
    }

    .banner-item {
      background-position: 60%
    }

    .header-lower .search-box {
      /*width: calc(100% - 210px - 30px - 50px)*/
    }

    .visible-desktop-only {
      display: none !important
    }

    .footer-lower * {
      font-size: 12px
    }

    .footer-upper .row:not(:last-child) {
      margin-bottom: 40px
    }

    .footer-upper {
      padding: 50px 0
    }

      .footer-upper a, .footer-upper li, .footer-upper p, .footer-upper strong {
        font-size: 14px
      }

    .footer-info, .footer-powered-by {
      float: none;
      text-align: center
    }

    .footer-upper .row .col {
      flex: 0 0 100%;
      max-width: 240px;
      padding: 0 20px
    }

    .footer-upper .row .col-3 {
      flex: 0 0 100%;
      max-width: 100%
    }

    /*  .header-logo a img {
    max-width: 150px
  }
*/
    .header-menu {
      padding: 0;
      max-width: 100%
    }

      .header-menu > .menu-toggle {
        display: none
      }

    .sorting-wrap {
      margin: 0 0 20px auto;
      display: block;
      width: 260px
    }
  }

  @media(max-width: 991px) {
    .advantage-inner > ul li, .advantage-inner > ul li a, .advantage-inner > ul li p, .advantage-inner > ul li span, .advantage-inner > ul li strong {
      font-size: 18px
    }

    #faq-reiviews #review-filter > * {
      max-width: 100%
    }

    .homepage-blog-section .btn-wrap {
      margin-bottom: 50px
    }

    div#enquireNowDiv .mvx-popup-form-wrap {
      padding: 30px 15px
    }

    .shipping-methods-form-content .shipping-title {
      font-size: 24px;
      padding: 0 20px
    }

    span#shipping-popup-close {
      right: 20px;
      font-size: 40px;
      line-height: 19px
    }

    .table-shipping-option-wrap table:not(#tableShippingOption) {
      max-width: calc(100% - 40px)
    }

    .table-of-contents ul#toc-list:not(.active) li:not(.active) {
      display: none
    }

    .table-of-contents {
      max-width: calc(100% - 30px);
      margin: 0 auto 40px
    }

    ul#toc-list {
      list-style: none;
      padding: 15px 30px;
      background: #fafafa;
      border-radius: 8px
    }

      ul#toc-list li {
        padding: 15px 0;
        margin-bottom: 0
      }

    .table-of-contents h2.h2-toc {
      display: none
    }

    .html-order-list-page form.columns {
      padding: 25px 15px 10px;
      margin: 0 -15px
    }

    .html-search-page .column.column-1.col-12[style="margin-bottom: 30px;"] {
      margin-bottom: 0 !important
    }

    .html-search-page .search-input .form-fields {
      padding: 0
    }

    .sitemap-page .entity ul {
      column-count: 2
    }

    .html-manufacturer-page .search-results .product-filter {
      width: 100%;
      max-width: 100%
    }

    .html-manufacturer-page .search-results .sort-wrapper {
      justify-content: end
    }

    .section.manufacturer-list-section .item-grid .item-box {
      flex: 0 0 33.33%;
      max-width: 33.33%;
      width: 33.33%
    }

    .section.manufacturer-list-section .home-page-category-grid .category-item h2 {
      font-size: 15px;
      padding: 10px 10px 5px
    }

    .promo-page-section .section-title {
      margin-bottom: 30px
    }

    .page.promo-page {
      margin-top: 30px
    }

    .custom-promo-banner.mobile-banner {
      display: block
    }

    .item-box .buttons .add-to-cart, .item-box .buttons .product-spare-parts-enquiry {
      width: 100%
    }

      .item-box .buttons .add-to-cart .add-to-cart-panel, .item-box .buttons .add-to-cart .add-to-cart-panel input[type=button], .item-box .buttons .product-spare-parts-enquiry button[type=button] {
        width: 100%;
        text-align: center;
        justify-content: center
      }

    .item-box .buttons .overview-buttons {
      width: 100px
    }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid {
      margin-top: 30px
    }

    .spare-model-item {
      flex: 0 0 50%;
      max-width: calc(50% - 13px)
    }

    .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box, .product-grid.home-page-product-grid.promo-grid .item-grid .item-box {
      width: 50%
    }

    #CategorySelection ul.tabs li {
      flex: 0 0 50%;
      max-width: 49.5%
    }

    .result.review-already-added.review-thanks {
      padding: 40px 20px
    }

      .result.review-already-added.review-thanks h3 {
        font-size: 30px;
        line-height: 35px
      }

    .newsletter-form-wrap.section {
      background: 0 0 !important;
      padding-top: 0
    }

    .newsletter-form-wrap .col-lg-7 {
      background-color: var(--dark-blue-color)
    }

    .order-review-data-wrap {
      flex: 0 0 100%
    }

    .payment-method-block .payment-method label, .payment-method-block .payment-method label + span {
      font-size: 14px;
      line-height: 16px;
      text-align: left
    }

    .payment-method-block .payment-method {
      padding: 10px
    }

    .order-progress ul li a {
      font-size: 12px;
      line-height: 14px
    }

    .checkout-footer-logo, .checkout-page-footer .copyright, .checkout-page-footer .terms-conditions {
      justify-content: center;
      margin: 20px 0
    }

    .select-pickup-point .pickuppoints-option {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 5px 0
    }

    .delivery-notice, .delivery-offers, .title-shipment .cart-tab-section-title {
      width: 100%;
      max-width: 100%
    }

    .product-essential .breadcrumb ul {
      line-height: 1;
      margin-top: 20px
    }

    #specification-section .product-specs-box .table-wrapper tbody tr {
      width: 100%
    }

      #specification-section .product-specs-box .table-wrapper tbody tr:not(.even) td, #specification-section .product-specs-box .table-wrapper tbody tr:not(.odd) td {
        text-align: left;
        border-right: none;
        border-left: none;
        border-top: none
      }

    div#product-desc-tab-wrap > .container ul {
      justify-content: flex-start
    }

    .section.section-cat .section-title {
      margin-bottom: 0
    }

    .home-page-category-grid .col-6:nth-child(odd) {
      padding-right: 7.5px
    }

    .home-page-category-grid .col-6:nth-child(even) {
      padding-left: 7.5px
    }

    .home-page-category-grid.category-grid.sub-category-grid .sub-cat-slider .sub-cat-slide-item {
      padding: 0 7.5px
    }

    .home-page-category-grid .category-item {
      margin-bottom: 15px
    }

    .footer-upper .row .col {
      max-width: 50%
    }

    .html-category-page .home-page-category-grid .category-item h2 {
      padding: 10px
    }

    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box, .html-search-page .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 50%;
      max-width: 50%
    }

    .blog-item p.short-desc {
      font-size: 14px;
      margin: 0 0 20px
    }

    .blog-item .thumb-img, .blog-item h2 {
      margin-bottom: 20px
    }

    .section.about-section .img-wrap:after {
      width: 50px
    }

    .blog-item span, .item-box .product-ribbon > span, .product-pictures .product-ribbon > span {
      font-size: 12px
    }

    /*  .item-box .product-ribbon > span, .product-pictures .product-ribbon > span {
    font-size: 10px;
    padding: 4px 8px;
    font-weight: 300
  }
*/
    .product-grid.home-page-product-grid .item-box .product-title {
      margin-bottom: 15px;
      max-height: 44px;
      font-size: 15px;
      line-height: 20px;
      color: var(--dark-blue-color);
      font-weight: 700;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 40px;
    }

    .blog-item h2 {
      font-size: 18px;
      line-height: 24px;
      min-height: 44px
    }

    .product-grid.home-page-product-grid .item-box .product-title a {
      font-size: 14px;
      line-height: 20px;
      min-height: 44px;
    }

    .blog-item a.proline-btn, .product-grid.home-page-product-grid .proline-btn, .product-grid.home-page-product-grid .proline-btn-blue {
      font-size: 12px;
      padding: 5px 20px
    }

    .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
      font-size: 12px
    }

    .product-grid.home-page-product-grid {
      margin-bottom: 50px
    }

    .html-home-page .category-grid.home-page-category-grid {
      margin-bottom: 35px
    }

    .section.advantage-section .col-xl-5 {
      order: 1
    }

    .section.advantage-section .col-xl-7 {
      order: 2
    }

    .about-section-inner, .advantage-inner, .html-blogpost-page .blog-inner .post-body, .html-blogpost-page .related-products-grid.product-grid, .lens-finder.spare-parts-finder .header-section.section, .section {
      padding: 50px 0
    }

    #recently-view-section .recently-viewed-products-page .section-title, #related-product-section .related-products-grid.home-page-product-grid .section-title {
      margin: 0 0 20px
    }

    #recently-view-section .product-grid.home-page-product-grid, #related-product-section .related-products-grid.home-page-product-grid .item-grid {
      margin-top: 50px
    }

    .see-toggle-btn-wrap span {
      font-size: 20px
    }

      .see-toggle-btn-wrap span > span {
        font-size: 30px !important
      }

    #specification-section .spec-name-value {
      font-size: 16px
    }

    h4.faq-title {
      font-size: 18px
    }

    .faq-item p {
      font-size: 16px
    }

    .download-section {
      margin-top: 50px
    }
  }

  .html-shipping-address-page .ship-to-flow {
    margin-top: 4px;
  }

  .html-shipping-address-page .ship-to-flow-copy {
    margin-bottom: 18px;
  }

    .html-shipping-address-page .ship-to-flow-copy h2, .html-shipping-address-page .ship-to-notes-head h3, .html-shipping-address-page .ship-to-customer-form-head h3 {
      margin: 0 0 8px;
      font-size: 16px;
      line-height: 1.3;
      font-weight: 700;
      color: #111;
    }

    .html-shipping-address-page .ship-to-flow-copy p, .html-shipping-address-page .ship-to-notes-head p, .html-shipping-address-page .ship-to-customer-form-head p, .html-shipping-address-page .ship-to-rural-copy p {
      margin: 0;
      font-size: 14px;
      line-height: 1.5;
      color: #111;
    }

  .html-shipping-address-page .ship-to-flow-label {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    color: #111;
  }

  .html-shipping-address-page .ship-to-panel {
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
  }

  .html-shipping-address-page .ship-to-panel-head, .html-shipping-address-page .ship-to-choice-title-row, .html-shipping-address-page .ship-to-rural-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .html-shipping-address-page .ship-to-panel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #737373;
  }

    .html-shipping-address-page .ship-to-panel-icon svg {
      width: 16px;
      height: 16px;
    }

  .html-shipping-address-page .ship-to-panel-title {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6f6f6f;
  }

  .html-shipping-address-page .ship-to-store-panel.is-inactive {
    opacity: .96;
  }

  .html-shipping-address-page .ship-to-store-select {
    margin-top: 14px;
  }

  .html-shipping-address-page #shipping-address-selector, .html-shipping-address-page #shipping-address-selector + span.select2.select2-container {
    width: 100% !important;
    margin-bottom: 0;
  }

  .html-shipping-address-page .ship-to-store-preview-wrap {
    margin-top: 14px;
  }

  .html-shipping-address-page .ship-to-store-preview {
    border-top: 1px solid #ececec;
  }

  .html-shipping-address-page .ship-to-store-preview-name {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    color: #111;
  }

  .html-shipping-address-page .ship-to-store-preview-line {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
  }

  .html-shipping-address-page .ship-to-store-warning {
    margin-top: 12px;
  }

  .html-shipping-address-page .ship-to-choice-panel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    text-align: left;
    appearance: none;
  }

    .html-shipping-address-page .ship-to-store-panel.is-active, .html-shipping-address-page .ship-to-choice-panel.is-active, .html-shipping-address-page .ship-to-rural-panel {
      border-color: #f1a710;
      background: #f3f1ea;
    }

  .html-shipping-address-page .ship-to-customer-form {
    padding: 16px 18px 18px;
    border-color: #dadada;
    background: #f8f8f8;
  }

  .html-shipping-address-page .ship-to-choice-copy {
    display: block;
    flex: 1 1 auto;
  }

  .html-shipping-address-page .ship-to-choice-title, .html-shipping-address-page .ship-to-rural-title, .html-shipping-address-page .ship-to-rural-check-title {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    color: #111;
  }

  .html-shipping-address-page .ship-to-choice-text, .html-shipping-address-page .ship-to-rural-check-text {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.5;
    color: #111;
  }

  .html-shipping-address-page .ship-to-choice-radio {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
    background: #fff;
  }

  .html-shipping-address-page .ship-to-choice-panel.is-active .ship-to-choice-radio {
    border-color: #f1a710;
  }

    .html-shipping-address-page .ship-to-choice-panel.is-active .ship-to-choice-radio::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #f1a710;
      transform: translate(-50%, -50%);
    }

  .html-shipping-address-page .ship-to-rural-title-row {
    margin-bottom: 8px;
  }

  .html-shipping-address-page .ship-to-rural-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 13px 14px;
    border: 1px solid #f1a710;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
  }

    .html-shipping-address-page .ship-to-rural-check input {
      margin-top: 2px;
    }

  .html-shipping-address-page .ship-to-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 14px;
    margin-top: 14px;
  }

  .html-shipping-address-page .ship-to-field-full {
    grid-column: 1 / -1;
  }

  .html-shipping-address-page .ship-to-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #666;
  }

  .html-shipping-address-page .ship-to-field input, .html-shipping-address-page .ship-to-field select, .html-shipping-address-page .ship-to-notes-panel textarea {
    width: 100%;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.4;
    color: #111;
  }

  .html-shipping-address-page .ship-to-field textarea {
    width: 100%;
  }

  .html-shipping-address-page .ship-to-address-input {
    position: relative;
  }

    .html-shipping-address-page .ship-to-address-input input {
      padding-left: 32px;
    }

  .html-shipping-address-page .ship-to-address-icon {
    position: absolute;
    top: 50%;
    left: 12px;
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: #9a9a9a;
    transform: translateY(-50%);
    pointer-events: none;
  }

    .html-shipping-address-page .ship-to-address-icon svg {
      width: 16px;
      height: 16px;
    }

  .html-shipping-address-page .ship-to-field span.field-validation-error, .html-shipping-address-page .ship-to-field span.field-validation-valid {
    display: block;
    margin-top: 6px;
  }

  .html-shipping-address-page .ship-to-summary-actions {
    margin-top: 20px;
  }

    .html-shipping-address-page .ship-to-summary-actions .proline-btn {
      width: 100%;
      min-height: 34px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 18px;
      font-weight: 700;
    }

      .html-shipping-address-page .ship-to-summary-actions .proline-btn + .proline-btn {
        margin-top: 10px;
      }

      .html-shipping-address-page .ship-to-summary-actions .proline-btn.proline-btn-solid-blue {
        background-color: #f1a710;
        border-color: #f1a710;
      }

        .html-shipping-address-page .ship-to-summary-actions .proline-btn.proline-btn-solid-blue[disabled] {
          background-color: #e6cf98;
          border-color: #e6cf98;
          color: rgba(17, 17, 17, .45);
          cursor: not-allowed;
          opacity: 1;
        }

    .html-shipping-address-page .ship-to-summary-actions .ship-to-back-button {
      background: #fff;
      border: 1px solid #000;
      color: #111;
    }

  .html-shipping-address-page .ship-to-field-hint {
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
    color: #9a9a9a;
  }

  .html-shipping-address-page .ship-to-customer-form .message-error {
    margin-top: 0;
    margin-bottom: 14px;
  }

  .html-shipping-address-page .ship-to-extra-fields {
    display: none;
  }

  .html-shipping-address-page .ship-to-field-hint {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.4;
    color: #a0a0a0;
  }

  .html-shipping-address-page .ship-to-customer-form-head p {
    max-width: 520px;
  }

  .html-shipping-address-page .ship-to-customer-form-head + .message-error {
    margin-bottom: 0;
  }

  .html-shipping-address-page .ship-to-notes-panel textarea {
    margin-top: 16px;
    min-height: 118px;
    resize: vertical;
  }

  .html-shipping-address-page .checkout-form > form > .title.section-title {
    display: none;
  }

  @media(max-width: 767px) {
    .picture-gallery .picture {
      width: 390px;
      max-width: 100%;
      height: 332px !important;
      margin: 0 auto;
      background: #fff;
    }

      .picture-gallery .picture .product-gallery-main-image {
        width: 262px !important;
        max-width: calc(100% - 124px);
        height: 251px !important;
        max-height: calc(100% - 77px);
        margin: 0;
        object-fit: contain;
      }

    .cat-breadcrumb.mb-5 {
      margin-bottom: 0 !important;
    }

    .cat-breadcrumb li *, .cat-breadcrumb li:last-child, .cat-breadcrumb li:last-child * {
      font-weight: 500;
    }

    .checkout-form .title {
      margin: 0 0 0px 8px;
      height: 40px;
    }

    .html-order-confirm-page .checkout-form .title.section-title {
      margin-bottom: 20px;
    }

    .address-grid {
      margin: 5px 0 0px;
      padding: 0 0 0px;
      border-bottom: 0;
    }

    .enter-address .edit-address {
      margin-bottom: 0;
    }

    .html-checkout-page .checkout-form .buttons {
      margin: 0;
      text-align: left !important;
    }

    .checkout-form-wrap {
      margin-bottom: 0;
    }

    .payment-method-block {
      margin-bottom: 20px;
    }

    .new-billing-ckbx.checkbox-wrap {
      margin-bottom: 15px !important;
    }

    .checkout-page .section.order-summary .order-summary-content {
      margin-top: 0;
      margin-bottom: 8%;
    }

    .html-order-confirm-page .checkout-page .section.order-summary .order-summary-content {
      margin-top: 30px;
    }

    .checkout-page .ship-to-same-address {
      margin-bottom: 10px;
    }

    .select-shipping-address .description p {
      font-size: 14px;
      margin-bottom: 10px;
    }

    .html-billing-address-page #billing-address-selector, .html-billing-address-page #billing-address-selector + span.select2.select2-container {
      margin-bottom: 15px;
    }

    .html-shipping-address-page #shipping-address-selector, .html-shipping-address-page #shipping-address-selector + span.select2.select2-container {
      margin-bottom: 15px;
    }

    .checkout-form-wrap {
      padding-top: 0 !important;
      margin-bottom: 30px !important;
    }

    .html-order-confirm-page .checkout-form-wrap {
      margin-bottom: -30px !important;
    }

    .manual-box a, span {
      font-size: 12px !important;
      font-weight: 500 !important;
    }

    .html-order-confirm-page .confirm-review-card-body strong {
      font-size: 12px !important;
    }

    .html-order-completed-page .order-completed-message strong {
      font-size: 14px !important;
    }

    .trade-acc-bullet-point li {
      font-size: 9px;
      line-height: 15px;
    }

    .html-shipping-address-page .ship-to-flow-copy p, .html-shipping-address-page .ship-to-notes-head p, .html-shipping-address-page .ship-to-customer-form-head p, .html-shipping-address-page .ship-to-rural-copy p {
      font-size: 12px;
    }

    .html-shipping-address-page .ship-to-panel {
      padding: 14px 14px;
    }

    .html-shipping-address-page .ship-to-choice-text, .html-shipping-address-page .ship-to-rural-check-text, .html-shipping-address-page .ship-to-customer-form-head p {
      font-size: 10px;
    }

    .html-shipping-address-page .ship-to-choice-panel {
      align-items: flex-start;
    }

    .html-shipping-address-page .ship-to-field-grid {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .html-shipping-address-page .ship-to-flow-copy {
      margin-bottom: 16px;
    }

    .html-shipping-address-page .ship-to-store-select {
      margin-top: 12px;
    }

    .html-shipping-address-page .ship-to-rural-check {
      padding: 12px;
    }

    .html-shipping-address-page .ship-to-notes-panel textarea {
      min-height: 96px;
    }

    .html-billing-address-page .checkout-form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .html-billing-address-page .checkout-form select, .html-billing-address-page .checkout-form textarea, span.select2.select2-container {
      height: 44px;
    }

    .order-progress {
      margin: 0 0 20px 0px;
    }

    .d-flex.deliver-method-wrap {
      flex-wrap: nowrap;
      gap: 10px;
    }

    .delivery-method {
      padding-left: 21px;
    }

      .delivery-method label {
        font-size: 12px;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-header {
      display: none;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart > .cart-header {
      display: block;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      display: grid;
      grid-template-columns: minmax(0, 1.7fr) minmax(54px, 0.8fr) minmax(72px, 0.9fr) minmax(58px, 0.85fr) 16px;
      align-items: start;
      column-gap: 8px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
      margin: 0 !important;
      padding: 14px 16px !important;
      border: 0;
      background: #d9d9d9;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .subtotal {
        display: block;
        width: auto;
        max-width: none;
        padding: 0;
        text-align: center;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product {
        padding-left: 0;
        text-align: left;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      margin: 0;
      padding: 24px 16px 20px;
      border: 0;
      border-bottom: 1px solid #e9e9e9;
      border-radius: 0;
      background: transparent;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .res-title, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-header {
        display: none !important;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .product {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        width: auto;
        max-width: none;
        min-width: 0;
        flex: none;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection {
        width: 72px;
        max-width: 72px;
        flex: 0 0 72px;
        height: auto;
        top: auto;
        position: static;
        text-align: center;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection img {
          width: 100%;
          max-width: 72px;
          max-height: 72px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection {
        width: auto;
        min-width: 0;
        position: static;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection > a {
          max-width: none;
          margin: 0 0 6px;
          font-size: 12px;
          line-height: 16px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper *, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes * {
        font-size: 11px !important;
        line-height: 15px !important;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .remove-button-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .subtotal-mob {
        display: none !important;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        display: flex !important;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        text-align: center;
        justify-content: center;
        align-items: flex-start;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price > span, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal > span {
          display: block !important;
          width: 80px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity > div {
        justify-content: center;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product-unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product-subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .qty-input {
        font-size: 12px;
        line-height: 16px;
        font-weight: 800;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .tax-suffix {
        display: block;
        margin-top: 1px;
        font-size: 10px;
        line-height: 12px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number {
        border: 1px solid #e1e1e1;
        border-radius: 2px;
        overflow: hidden;
        width: 54px !important;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number button.button-2.button-minus, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number button.button-2.button-plus {
          width: 18px;
          height: 28px;
          line-height: 28px;
          font-size: 12px;
        }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number input {
          width: 24px !important;
          height: 28px !important;
          padding: 0 !important;
          line-height: 28px;
          font-size: 12px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        position: static;
        width: auto;
        text-align: right;
        justify-content: flex-end;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn #remove-button {
          display: inline-block !important;
          margin: 0;
          width: 16px;
          height: 16px;
          background-size: 16px;
        }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div > .cart:last-child .cart-item-row {
      border-bottom: 0;
    }

    .html-shopping-cart-page .page.shopping-cart-page > .section {
      padding-top: 50px;
      padding-bottom: 0;
    }

    #shopping-cart-container {
      width: 100%;
      max-width: 100% !important;
      padding-left: 0;
      padding-right: 0;
    }

      #shopping-cart-container > .page-body {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
      }

    .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end {
      display: contents;
    }

    .html-shopping-cart-page #shopping-cart-container > .page-body > .order-summary-content {
      order: 2;
    }

    .html-shopping-cart-page #cart-help-text {
      order: 3;
      width: 100%;
    }

      .html-shopping-cart-page #cart-help-text .help-text {
        height: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 0px;
      }

    .shopping-cart-page .section-title h2 {
      font-size: 24px;
      font-weight: 900;
      margin-top: 5px !important;
      margin-bottom: 20px !important;
    }

    .html-product-details-page .product-essential {
      padding-bottom: 0;
    }

    .product-essential .breadcrumb {
      margin-bottom: 20px;
    }

    .picture-gallery .picture-thumbs .thumb-item {
      height: 100px;
      width: 115px !important;
      min-width: 0 !important;
      max-width: 115px !important;
    }

    .picture-gallery .picture-thumbs button.slick-arrow {
      width: 16px;
      height: 95px;
    }

    #product-overview-section .section-title h2, #product-key-feature-section .section-title h2, .tech-specs-title, .product-documents-section .documents-title, #product-videos-section .section-title, .accessories-spare-parts-section .section-title h2, #related-product-section .section-title h2 {
      font-size: 26px !important;
      text-align: center !important;
    }

    .accessories-spare-parts-section .subtitle {
      font-size: 14px;
    }

    .html-product-details-page .related-products-grid .customers-also-viewed {
      font-size: 14px;
    }

    .product-grid.home-page-product-grid .item-box .product-title {
      margin-bottom: 0;
    }

    .product-grid.home-page-product-grid .item-box .prices .actual-price {
      font-size: 16px !important;
      font-weight: 700 !important;
    }

    .html-product-details-page .product-tech-specs .tech-spec-group-header {
      border-radius: 10px;
      padding: 17px;
    }

    .tech-spec-toggle-icon {
      font-size: 25px !important;
    }

    #product-videos-section .video-title-wrap span {
      font-size: 15px !important;
      font-weight: 700 !important;
      line-height: 15px;
    }

    .html-product-details-page .related-products-grid #relatedproducts .item-box {
      width: 190px !important;
      max-width: 190px;
      margin-right: 15px;
      padding: 0;
    }

    .html-product-details-page .related-products-grid #relatedproducts .slick-list {
      padding-left: 20px;
    }

    .html-product-details-page .product-tech-specs .tech-spec-table, .html-product-details-page .product-tech-specs .tech-spec-table tbody {
      display: block;
      width: 100%;
    }

      .html-product-details-page .product-tech-specs .tech-spec-table tr {
        display: grid;
        grid-template-columns: minmax(110px, 42%) minmax(0, 58%);
        border-bottom: 0;
      }

      .html-product-details-page .product-tech-specs .tech-spec-table td {
        width: auto;
        padding: 14px 0;
        border-bottom: 1px solid #8a8a8a;
      }

        .html-product-details-page .product-tech-specs .tech-spec-table td.spec-name {
          width: auto;
          font-weight: 700;
          text-align: left;
          padding-left: 15px;
          font-size: 16px;
        }

        .html-product-details-page .product-tech-specs .tech-spec-table td.spec-value {
          width: auto;
          text-align: right;
          font-size: 16px;
        }

        .html-product-details-page .product-tech-specs .tech-spec-table td:empty {
          display: none;
        }

    #product-overview-section .product-overview-mobile-hidden {
      display: none;
    }

    #product-overview-section .product-overview-read-more-wrap {
      margin-top: 16px;
      text-align: center;
    }

      #product-overview-section .product-overview-read-more-wrap[hidden] {
        display: none;
      }

    #product-overview-section .read-more {
      height: 20px;
      position: relative;
      font-size: 16px;
      line-height: 20px;
      display: inline-block;
      color: #f1a710;
      text-align: center;
      background: transparent;
      border: 0;
      padding: 0;
      font-weight: 700;
    }

    .html-product-details-page .overview-buttons .wishlistWrapper {
      text-align: center
    }

    .reseller-cta-section .col-lg-2 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }

    .new-badge {
      top: -12px !important;
    }

    .featured-badge {
      top: -12px !important;
    }

    .bestseller-badge {
      top: -12px;
    }

    .register-ac-type-wrap {
      left: 0%;
    }

    .registration-page .register-ac-type-wrap {
      left: 0%;
    }

    .registration-page .accept-pvc-policy {
      left: 0%;
    }

    .html-registration-page .buttons {
      text-align: left;
    }

    #register-button {
      width: 80%;
    }

    .registration-page .newsletter-input {
      left: 0%;
    }

    /*.afterpay + .topic-block p:first-child {
    display: none
  }

  .afterpay + .topic-block p:last-child {
    display: block
  }

  .afterpay {
    gap: 5px
  }

    .afterpay p {
      font-size: 14px
    }

  form#companyRegistrationForm .inputs {
    width: 100% !important
  }

    form#companyRegistrationForm .inputs input {
      width: 100% !important
    }
*/
    .banner-inner-wrap .btn-wrap a.proline-btn, .main-ban .slide-description .btn-wrap a.proline-btn {
      min-width: 190px;
      max-width: 100%;
      justify-content: center
    }

    .blog-list-item p, .blog-list-item span.date {
      font-size: 15px
    }

    .blog-list-wrap h3 {
      font-size: 24px;
      line-height: 32px;
      max-height: 58px
    }

    .blog-list-wrap .slick-list {
      padding-right: 20%
    }

    .proline-btn, .proline-btn-blue, .proline-btn-solid, .proline-btn-solid-dark, .result.review-already-added.review-thanks a.btn, input[type=submit].proline-btn {
      padding: 8px 24px
    }

    .checkbox-drop-down li.select2-results__option {
      font-size: 10px
    }

    .wishlist-content form > .buttons a:first-child {
      order: 2
    }

    .wishlist-content form > .buttons a, .wishlist-content form > .buttons button {
      width: 100%
    }

    .section.manufacturer-list-section .btn-wrap {
      margin: 30px 0;
      text-align: left !important
    }

    .home-page-category-grid.category-grid.sub-category-grid .sub-cat-slider .slick-list, .promo-item-wrap .slick-list {
      padding: 0 20% 0 0
    }

    .rating-freeship {
      gap: 10px 0
    }

      .rating-freeship > * {
        flex: 0 0 100%
      }

    div#free-shipping-cart {
      justify-content: flex-start
    }

    div#spare-parts-model {
      gap: 25px
    }

    .spare-parts-detail-head .product-essential .gallery .picture {
      max-width: 50%
    }

    #CategorySelection ul.tabs li, .spare-model-item, .spare-parts-detail-head .product-essential .gallery, .spare-parts-detail-head .product-essential .overview {
      flex: 0 0 100%;
      max-width: 100%
    }

    #CategorySelection ul.tabs li {
      padding: 20px 10px
    }

      #CategorySelection ul.tabs li.comming-soon .label-wrap > h3 {
        width: calc(100% - 140px)
      }

    .order-completed-page .order-completed .details strong span {
      display: block
    }

    .order-completed-page .page-body.checkout-data {
      padding: 30px;
      margin: 50px auto
    }

    .order-completed-page .title.section-title h1 {
      font-size: 30px;
      line-height: 35px
    }

    .newsletter-form-wrap .img-wrap img {
      display: block;
      margin: 0 auto !important;
      max-width: 360px
    }

    .checkout-form .buttons, .contact-page-section .buttons, .overview-buttons div.add-to-wishlist {
      text-align: center !important
    }

    .checkout-header-phone > a span {
      font-size: 15px
    }

    .checkout-page .section.order-summary {
      margin: 50px 0
    }

    .select-pickup-point .pickuppoints-option {
      flex: 0 0 50%;
      max-width: calc(50% - 8px)
    }

    .overview-buttons div.add-to-wishlist button {
      display: inline-block
    }

    .new-wrapper.checkout-as-guest-or-register-block, .new-wrapper.checkout-as-guest-or-register-block + .returning-wrapper.fieldset, .overview-buttons .add-to-cart-panel, .overview-buttons .add-to-cart-panel input.proline-btn, .overview-buttons .proline-btn {
      width: 100%;
      float: none;
      justify-content: center
    }

    .overview-buttons > * {
      margin: 0;
      flex: 0 0 100%
    }

    .html-product-details-page .overview-buttons .product-detail-datasheet, .html-product-details-page .overview-buttons .product-detail-datasheet .data-sheet {
      width: 100%;
    }

    .overview-buttons .add-to-cart-panel {
      margin-left: 0;
      margin-right: 0
    }

    .html-login-page .returning-wrapper .buttons > p, .html-password-recovery-page .buttons > p {
      font-size: 14px
    }

    .section-title h2, h2 {
      font-size: 40px;
      line-height: 54px;
      letter-spacing: 0
    }

    .home-page-category-grid .category-item h2 {
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: 0;
      padding: 10px
    }

      .home-page-category-grid .category-item h2 img {
        max-width: 25px
      }

    .home-page-product-grid .item-grid .slick-list, .homepage-blog-section .slick-list {
      padding-right: 30%
    }

    .slick-arrow, .slick-arrow.slick-next {
      left: 0;
      top: 50%
    }

      .slick-arrow.slick-next {
        right: 0;
        top: 50%;
        left: auto
      }

    .homepage-blog-section .slick-arrow, .product-grid.home-page-product-grid .slick-arrow, .slick-arrow {
      left: 0;
      width: 30px;
      height: 30px;
      top: 35%
    }

      .homepage-blog-section .slick-arrow.slick-next, .product-grid.home-page-product-grid .slick-arrow.slick-next, .slick-arrow.slick-next {
        right: 0
      }

    .blogSearch {
      width: 100%
    }

    #txtBlogSearch {
      width: 50px !important;
      font-size: 0;
      transition: .2s ease-in-out;
      padding: 15px
    }

      #txtBlogSearch:not(:focus)::-ms-input-placeholder {
        font-size: 0
      }

      #txtBlogSearch:not(:focus)::placeholder {
        font-size: 0
      }

      #txtBlogSearch:focus {
        width: 100% !important;
        font-size: 14px;
        padding: 15px 40px 15px 15px
      }
  }

  @media(max-width: 567px) {
    .order-progress ul li a {
      font-size: 10px;
      line-height: 12px
    }

    #pickup-points-form .field-wrap .inputs, #pickup-points-form .field-wrap .inputs input {
      width: 100%
    }

    .blogSearch .ui-menu {
      width: calc(100vw - 30px) !important
    }

    .no-compare-product {
      padding: 50px 30px
    }

    .page.compare-products-page .compare-products-table tr td {
      min-width: 130px !important;
      max-width: 130px !important;
      width: 130px !important
    }

    .sitemap-page .entity ul {
      column-count: 1
    }

    .html-account-page .block-account-navigation .section-title h2 {
      font-size: 40px;
      line-height: 54px
    }

    .checkout-page-footer * {
      text-align: center
    }

    .checkout-footer-logo > p {
      text-align: center
    }

    .checkout-footer-logo > a, .checkout-footer-logo > p, .enter-address .edit-address .inputs {
      width: 100%;
      max-width: 100%
    }

    .cart-table-wrap .table-wrapper .cart-item-row > div {
      flex: 0 0 100%;
      max-width: 100%
    }

    .select-pickup-point .pickuppoints-option {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 5px 0
    }

    .rating-freeship {
      flex-wrap: wrap
    }

      .rating-freeship > * {
        flex: 0 0 100%
      }

    .register-ac-type-wrap button {
      padding: 10px 20px
    }

    .html-registration-page .form-fields .inputs {
      width: 100%
    }

    .footer-upper a, .footer-upper li, .footer-upper p, .footer-upper strong {
      font-size: 12px
    }

    .html-category-page .home-page-category-grid .category-item h2 {
      font-size: 14px
    }

    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box, .html-search-page .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      width: 100%;
      max-width: 50%;
      padding: 0 5px
    }

      .html-category-page .product-grid.home-page-product-grid .item-grid .item-box span.product-box-free-shipping, .html-search-page .product-grid.home-page-product-grid .item-grid .item-box span.product-box-free-shipping {
        left: 5px
      }

    .product-grid.home-page-product-grid .item-box .product-rating-box > div:not(.compare) {
      width: calc(100% - 75px) !important
    }

    div.compare-wrap span {
      font-size: 12px
    }

      div.compare-wrap span:before {
        width: 14px;
        height: 14px;
        left: -20px;
        top: 0
      }

      div.compare-wrap span:after {
        width: 8px;
        height: 8px;
        left: -17px;
        top: 3px
      }

    .item-box .rating {
      width: 80px;
      background-size: 16px
    }

      .item-box .rating div {
        background-size: 16px
      }

    .our-range-section.section .section-title h2, .our-range-section.section .section-title p, .section-title h2, h2 {
      font-size: 24px;
      line-height: 34px;
      letter-spacing: 0
    }

    #review-filter select, .filter-content .select2 textarea.select2-search__field, select#priceRangeDropdown {
      font-size: 12px;
      font-weight: 600
    }

      .filter-content .select2 textarea.select2-search__field::-ms-input-placeholder {
        font-size: 12px;
        font-weight: 600
      }

      .filter-content .select2 textarea.select2-search__field::placeholder {
        font-size: 12px;
        font-weight: 600
      }

    /*  .product-grid.home-page-product-grid .item-box:not(.slick-slide) .buttons * {
    width: 100%;
    text-align: center
  }*/
    .newsletter-form-wrap .img-wrap img {
      max-width: 300px
    }

    div.main-ban .swift-slider-container .slide-description {
      top: 75%
    }

    .banner-inner-wrap .btn-wrap, div.main-ban .slide-description .btn-wrap {
      flex-wrap: nowrap
    }

      .banner-inner-wrap .btn-wrap a.proline-btn, div.main-ban .slide-description .btn-wrap a.proline-btn {
        font-size: 12px;
        padding: 5px 22px;
        min-width: auto
      }

    .spare-parts-finder .section-title h2 {
      font-size: 26px;
    }

    .spare-parts-finder .page-sub-title {
      width: 100%;
      margin: 0;
    }

    .spare-parts-finder #CategorySelection ul.tabs {
      margin-top: 30px;
    }

    .spare-parts-finder #CategorySelection ul.tabs {
      margin-top: 30px;
      gap: 10px !important;
    }

    #CategorySelection ul.tabs li {
      max-width: 191px;
    }
  }

  @media(max-width: 400px) {
    .container {
      width: 100% !important;
    }

    .toggle-2 {
      /* padding: 4px 0px !important; */
    }

    .header-lower .phone-link-loggedin {
      padding: 7.5px 125px !important;
      background-color: #2f3944 !important;
      font-size: 13px;
      font-weight: 800;
      color: #fff !important;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center !important;
      border-radius: 0px;
      width: auto !important;
      border: none !important;
      height: 38px;
      width: 100% !important;
      border-radius: 50px;
    }

    .btn-download {
      width: 355px !important;
    }

    .header-logo a img {
      max-width: 160px;
    }

    #topcartlink {
      display: block;
      width: 100%;
      max-width: 400px;
      margin: 0px;
      padding: 0px;
    }

    .section.manufacturer-list-section .item-grid .item-box {
      flex: 0 0 50%;
      max-width: 50%;
      width: 50%
    }

    .html-category-page .product-grid.home-page-product-grid .item-grid .item-box, .html-search-page .html-category-page .product-grid.home-page-product-grid .item-grid .item-box, .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box, .product-grid.home-page-product-grid.promo-grid .item-grid .item-box {
      width: 100%;
      max-width: 100%;
      padding: 0
    }

    .newsletter-form-wrap .img-wrap img {
      max-width: 280px
    }

    #remove-button {
      display: none;
    }

    #mobileview-remove-button {
      display: block !important;
      margin-right: 100px !important;
    }
  }

  .brand-sort .product-selectors {
    margin: 0
  }

  .customer-blocks:after {
    content: '';
    clear: both;
    display: block
  }

  img.mfp-img {
    background-color: #fff;
    max-width: min(605px, 100vw) !important;
    max-height: min(580px, 90vh) !important;
    padding: 0px !important;
  }

  .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: 6px !important;
    top: 10px !important;
    padding-left: 8px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: red !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
  }

  .mfp-bottom-bar {
    display: none !important;
  }

  /* Magnific Popup gallery arrows */
  .mfp-arrow {
    width: 60px !important;
    height: 60px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    opacity: 1 !important;
    top: 50% !important;
    margin-top: -30px !important;
  }

    .mfp-arrow::before, .mfp-arrow::after {
      display: none !important;
    }

  .mfp-arrow-left {
    left: calc(50% - 285px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 36px 36px !important;
  }

  .mfp-arrow-right {
    right: calc(50% - 285px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 36px 36px !important;
  }

  @media (max-width: 640px) {
    img.mfp-img {
      max-width: 100vw !important;
      max-height: 80vh !important;
      padding: 0 !important;
    }

    .mfp-arrow-left {
      left: 0 !important;
    }

    .mfp-arrow-right {
      right: 0 !important;
    }

    .mfp-arrow {
      width: 40px !important;
      height: 40px !important;
      margin-top: -20px !important;
      /*background-color: rgba(255,255,255,0.8) !important;*/
      border-radius: 50% !important;
    }
  }

  .mfp-arrow:hover {
    border: none !important;
    background-color: transparent !important;
  }

  div#ui-datepicker-div {
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
    width: 315px
  }

  html.html-account-page.html-order-list-page div#ui-datepicker-div {
    z-index: 6 !important
  }

  div#ui-datepicker-div .ui-datepicker-header {
    background: 0 0;
    border: none
  }

  div#ui-datepicker-div .ui-datepicker-calendar th {
    background: 0 0
  }

    div#ui-datepicker-div .ui-datepicker-calendar th span {
      color: var(--yellow-color)
    }

  .ui-datepicker td *, div#ui-datepicker-div .ui-datepicker td {
    text-align: center
  }

  div#ui-datepicker-div .ui-datepicker-calendar td a {
    text-align: center !important;
    border-radius: 10px
  }

  div#ui-datepicker-div td.ui-datepicker-current-day {
    background: var(--yellow-color);
    border-radius: 4px
  }

  div#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
    outline: var(--yellow-color);
    color: #fff !important
  }

  .html-category-page .home-page-category-grid .picture a[href^="/cat/welding-equipment/gas-regulators/"] img {
    object-fit: contain;
    background: #fff;
    background: linear-gradient(180deg, rgba(225, 225, 225, 1) 0, rgba(60, 60, 60, .4) 50%, rgba(60, 60, 60, .9) 100%)
  }

  .select2-container--open .select2-dropdown--below {
    border: 1px solid #c5c5c5;
    border-radius: 4px !important;
    margin-top: -22px;
  }

  .footer-prolineadv .text-wrap {
    width: calc(100% - 80px)
  }

  @media screen and (min-width: 1500px) {
    .footer-prolineadv .text-wrap {
      width: calc(100% - 100px)
    }
  }

  .footer .footer-upper .footer-prolineadv .text-wrap h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 25px
  }

  .footer-prolineadv .img-wrap {
    width: 100px;
    margin: 0 0 0 -20px;
    text-align: right;
    display: flex;
    align-items: end;
    flex-wrap: wrap
  }

  @media(min-width: 1200px) and (max-width:1365px) {
    .footer-prolineadv .text-wrap {
      width: calc(130% - 178px)
    }

    .footer-prolineadv .img-wrap {
      margin: -20px 0 -20px -30%;
      padding-left: 15%
    }
  }

  @media(max-width: 1000px) {
    .html-category-page .section.block.product-filters {
      min-height: 85px
    }

    .html-category-page .sorting-wrap {
      margin-top: -47px
    }
  }

  .html-blogpost-page .master-wrapper-content {
    z-index: 1
  }

  .html-registration-page .registration-page.acc-app-form .buttons {
    width: 100%
  }

  .company-registration-terms-topic .terms-conditions {
    max-height: 350px;
    overflow: auto;
    padding: 0 30px
  }

    .company-registration-terms-topic .terms-conditions::-webkit-scrollbar {
      width: 10px;
      margin-right: 10px;
      visibility: hidden
    }

    .company-registration-terms-topic .terms-conditions::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #e7e7e7;
      border-radius: 5px;
      visibility: hidden
    }

    .company-registration-terms-topic .terms-conditions::-webkit-scrollbar-thumb {
      background: #2f3944;
      border-radius: 5px;
      visibility: hidden
    }

    .company-registration-terms-topic .terms-conditions:hover::-webkit-scrollbar, .company-registration-terms-topic .terms-conditions:hover::-webkit-scrollbar-thumb, .company-registration-terms-topic .terms-conditions:hover::-webkit-scrollbar-track {
      visibility: visible
    }

  .company-registration-terms-topic .topic-block-body {
    overflow: hidden;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px 0
  }

  .registration-page.acc-app-form .order-progress ul li a {
    font-size: 14px
  }

  @media (max-width: 991px) {
    .registration-page.acc-app-form .order-progress ul li a {
      font-size: 10px
    }
  }

  .checkout-page-footer .terms-conditions {
    line-height: 22px !important
  }

  .html-blogpost-page .post-body * {
    color: inherit;
    text-align: inherit;
    font-weight: inherit
  }

  .html-blogpost-page .post-body span {
    display: inline-block
  }

  .html-blogpost-page .post-body strong {
    font-weight: 800
  }

  .html-blogpost-page .post-body td {
    padding: 10px 15px
  }

  .html-blogpost-page .post-body h2, .html-blogpost-page .post-body h3, .html-blogpost-page .post-body h4, .html-blogpost-page .post-body h5, .html-blogpost-page .post-body h6 {
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px
  }

    .html-blogpost-page .post-body h2 *, .html-blogpost-page .post-body h3 *, .html-blogpost-page .post-body h4 *, .html-blogpost-page .post-body h5 *, .html-blogpost-page .post-body h6 * {
      font-weight: inherit
    }

  .html-blogpost-page .post-body h2 {
    font-size: 28px
  }

  .html-blogpost-page .post-body h3 {
    font-size: 24px
  }

  .html-blogpost-page .post-body h4, .html-blogpost-page .post-body h5 {
    font-size: 22px
  }

  .html-blogpost-page .post-body h6 {
    font-size: 18px
  }

  .html-blogpost-page .post-body ol, .html-blogpost-page .post-body ul {
    padding-left: 20px;
    margin-left: 10px;
    margin-bottom: 20px
  }

  .html-blogpost-page .post-body li {
    margin-bottom: 15px
  }

  .category-page .section.block.product-filters + .container-fluid {
    position: relative;
    max-width: 300px;
    margin-right: 0;
    margin-top: -45px
  }

    .category-page .section.block.product-filters + .container-fluid > .proline-btn-blue {
      margin-bottom: 15px
    }

  .category-page .proline-btn-blue + .sorting-wrap {
    margin-top: 0
  }

  @media screen and (min-width: 769px) and (max-width:1000px) {
    .category-page .section.block.product-filters + .container-fluid {
      max-width: 600px
    }

      .category-page .section.block.product-filters + .container-fluid > .proline-btn-blue {
        margin-bottom: 0;
        margin-right: 15px
      }

    .category-page .proline-btn-blue + .sorting-wrap {
      display: inline-block
    }
  }

  @media screen and (min-width: 1001px) {
    .category-page .section.block.product-filters + .container-fluid {
      max-width: none;
      margin-top: 0;
      margin-bottom: 30px
    }

      .category-page .section.block.product-filters + .container-fluid > .proline-btn-blue {
        margin-bottom: 30px
      }

      .category-page .section.block.product-filters + .container-fluid #fits {
        position: absolute;
        bottom: -35px;
        left: 15px
      }
  }

  @media screen and (min-width: 1200px) {
    .category-page .section.block.product-filters + .container-fluid > .proline-btn-blue {
      position: absolute;
      right: 300px;
      bottom: 26px;
      margin-bottom: 0
    }

    .category-page .proline-btn-blue + .sorting-wrap {
      margin-top: -76px
    }
  }

  @media screen and (min-width: 1850px) {
    .category-page .section.block.product-filters + .container-fluid {
      max-width: 1850px
    }

      .category-page .section.block.product-filters + .container-fluid #fits {
        left: -15px
      }
  }

  .product-collateral .full-description .title strong {
    font-weight: 700
  }

  .product-collateral .full-description h2, .product-collateral .full-description h3, .product-collateral .full-description h4, .product-collateral .full-description h5, .product-collateral .full-description h6 {
    font-weight: 700;
    line-height: 1.4;
    margin-top: 22px;
    margin-bottom: 10px;
    text-align: left
  }

    .product-collateral .full-description h2 + h3, .product-collateral .full-description h3 + h4, .product-collateral .full-description h4 + h5, .product-collateral .full-description h5 + h6 {
      margin-top: 10px
    }

  .product-collateral .full-description ol, .product-collateral .full-description ul {
    text-align: left
  }

  .product-collateral .full-description li {
    margin-bottom: 10px
  }

  @media screen and (min-width: 576px) {
    .product-collateral .full-description h2 {
      font-size: 1.7em
    }

    .product-collateral .full-description h3 {
      font-size: 1.33em
    }

    .product-collateral .full-description h4 {
      font-size: 1.25em
    }

    .product-collateral .full-description h5 {
      font-size: 1.17em
    }

    .product-collateral .full-description h6 {
      font-size: 1.15em
    }
  }

  .cart-table-wrap .table-wrapper .cart-item-row.nt-available-cart, .cart-table-wrap .table-wrapper .cart-item-row.nt-avialble-cart {
    position: relative;
    background-color: hsl(0deg 0% 89.41% / 40%);
    border: 0;
    padding: 30px 20px 20px;
    filter: grayscale(1);
    opacity: .6
  }

    .cart-table-wrap .table-wrapper .cart-item-row.nt-available-cart .product .imageSection img, .cart-table-wrap .table-wrapper .cart-item-row.nt-avialble-cart .product .imageSection img {
      mix-blend-mode: multiply
    }

  #cl-ck-stock-error {
    border: 1px solid #f70606;
    padding: 15px 15px;
    color: #f70606;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
    border-radius: 6px
  }

  #slider-2 .slick-dots {
    display: none !important
  }

  .category-grid.home-page-category-grid + .slider-container .slide-img img {
    width: 100%
  }

  .slider-container .slick-dots li button {
    width: 15px;
    height: 15px
  }

  .home-slider-tradeaccount {
    display: inline-block;
    margin-top: 24px;
    padding: 16px 28px;
    background: #f4b000;
    color: #000;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    border-radius: 4px;
  }

  @media screen and (min-width: 769px) {
    #slider-2 .slick-arrow {
      width: 50px;
      height: 50px
    }

      #slider-2 .slick-arrow::before {
        font-size: 32px
      }
  }

  .home-page .main-ban {
    overflow: hidden
  }

  .banner-item, .banner-res {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
  }

  .main-ban .swift-slider-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 0
  }

    .main-ban .swift-slider-container > div {
      position: relative
    }

  .checkout-progress-v2 {
    position: relative;
    max-width: 760px;
    margin: 0 auto 34px;
    padding: 0 18px;
    background: transparent;
    text-align: center
  }

    .checkout-progress-v2 .checkout-progress-v2-list {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin: 0;
      padding: 0;
      list-style: none
    }

      .checkout-progress-v2 .checkout-progress-v2-list::before, .checkout-progress-v2 .checkout-progress-v2-list::after {
        content: "";
        position: absolute;
        top: 20px;
        left: 16.666%;
        height: 3px;
        transform: translateY(-50%);
        z-index: 0
      }

      .checkout-progress-v2 .checkout-progress-v2-list::before {
        right: 16.666%;
        background: #e1e1e1
      }

      .checkout-progress-v2 .checkout-progress-v2-list::after {
        width: 0;
        background: #f1a710
      }

    .checkout-progress-v2.stage-payment .checkout-progress-v2-list::after {
      width: 33.333%
    }

    .checkout-progress-v2.stage-confirm .checkout-progress-v2-list::after {
      width: 66.666%
    }

    .checkout-progress-v2 .checkout-progress-v2-step {
      position: relative;
      z-index: 1;
      flex: 1 1 33.333%;
      margin: 0 !important
    }

      .checkout-progress-v2 .checkout-progress-v2-step a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-width: 0;
        color: #000;
        text-decoration: none
      }

    .checkout-progress-v2 .checkout-progress-v2-node {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #f8f8f8;
      border: 3px solid #e1e1e1;
      box-sizing: border-box
    }

    .checkout-progress-v2 .checkout-progress-v2-number, .checkout-progress-v2 .checkout-progress-v2-check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 18px;
      line-height: 1;
      font-weight: 800;
      color: #000
    }

      .checkout-progress-v2 .checkout-progress-v2-check svg {
        width: 16px;
        height: 16px
      }

      .checkout-progress-v2 .checkout-progress-v2-check path {
        fill: none;
        stroke: #000;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round
      }

    .checkout-progress-v2 .checkout-progress-v2-label {
      display: block;
      margin-top: 14px;
      font-size: 12px;
      line-height: 1.15;
      font-weight: 800;
      color: #000
    }

    .checkout-progress-v2 .checkout-progress-v2-step.is-complete .checkout-progress-v2-node, .checkout-progress-v2 .checkout-progress-v2-step.is-current .checkout-progress-v2-node {
      background: #f1a710;
      border-color: #f1a710
    }

    .checkout-progress-v2 .checkout-progress-v2-step.is-complete .checkout-progress-v2-label {
      color: #f1a710
    }

    .checkout-progress-v2.stage-ship .checkout-progress-v2-step.is-current .checkout-progress-v2-node {
      background: #f8f8f8
    }

    .checkout-progress-v2.stage-ship .checkout-progress-v2-step.is-current .checkout-progress-v2-node {
      border-color: #f1a710
    }

    .checkout-progress-v2.stage-ship .checkout-progress-v2-step.is-current .checkout-progress-v2-number, .checkout-progress-v2.stage-ship .checkout-progress-v2-step.is-current .checkout-progress-v2-label {
      color: #f1a710
    }

    .checkout-progress-v2.stage-ship .checkout-progress-v2-step:first-child .checkout-progress-v2-node {
      position: relative
    }

      .checkout-progress-v2.stage-ship .checkout-progress-v2-step:first-child .checkout-progress-v2-node::after {
        content: "!";
        position: absolute;
        top: -8px;
        right: -7px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: #ef233c;
        color: #fff;
        font-size: 11px;
        line-height: 1;
        font-weight: 800;
        box-shadow: 0 0 0 2px #fff
      }

  @media (max-width: 767px) {
    .checkout-progress-v2 {
      margin-bottom: 28px;
      padding: 0 10px
    }

      .checkout-progress-v2 .checkout-progress-v2-list::before, .checkout-progress-v2 .checkout-progress-v2-list::after {
        top: 18px;
        left: 16.666%
      }

      .checkout-progress-v2 .checkout-progress-v2-list::before {
        right: 16.666%
      }

      .checkout-progress-v2.stage-payment .checkout-progress-v2-list::after {
        width: 33.333%
      }

      .checkout-progress-v2.stage-confirm .checkout-progress-v2-list::after {
        width: 66.666%
      }

      .checkout-progress-v2 .checkout-progress-v2-node {
        width: 36px;
        height: 36px
      }

      .checkout-progress-v2 .checkout-progress-v2-number, .checkout-progress-v2 .checkout-progress-v2-check {
        font-size: 16px
      }

      .checkout-progress-v2 .checkout-progress-v2-label {
        margin-top: 12px;
        font-size: 11px
      }
  }

  .select-pickup-point .pickup-store-select {
    width: 100%;
    min-height: 54px;
    flex: 0 0 100%;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 14px 9px;
    padding: 14px 44px 14px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #111;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box
  }

    .select-pickup-point .pickup-store-select:focus {
      border-color: #f1a710;
      outline: none;
      box-shadow: 0 0 0 3px rgba(241, 167, 16, .12)
    }

  .select-pickup-point #pickup-store-warning, .select-pickup-point #pickup-store-error-txt {
    width: 100%;
    margin-top: 8px
  }

  @media (max-width: 767px) {
    .select-pickup-point .pickup-store-select {
      min-height: 48px;
      padding: 12px 40px 12px 14px;
      font-size: 15px
    }
  }

  .main-ban .slick-dotted.slick-slider {
    margin-bottom: 0
  }

  .main-ban .swift-slider-container .slick-slide {
    border-radius: 0
  }

  .main-ban .swift-slider-container .slide-description {
    padding-bottom: 50px;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    top: 0 !important;
    transform: translate(0) !important
  }

    .main-ban .swift-slider-container .slide-description h1, .main-ban .swift-slider-container .slide-description h2 {
      font-size: 35px;
      margin-bottom: 25px;
      text-shadow: 0 1px 1px #5d5d5d
    }

  .main-ban .slide-description h1 {
    margin-top: 0;
    color: #fff;
    margin-bottom: 25px
  }

  .main-ban .swift-slider-container .slide-description p {
    font-size: 16px;
    margin-top: 0;
    color: #fff;
    margin-bottom: 25px;
    text-shadow: 0 1px 1px #5d5d5d
  }

    .main-ban .swift-slider-container .slide-description p * {
      font-size: inherit;
      color: inherit
    }

    .main-ban .swift-slider-container .slide-description p a {
      color: var(--yellow-color)
    }

  .banner-inner-wrap .btn-wrap, .main-ban .slide-description .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
  }

  .main-ban .swift-slider-container .slick-dots {
    display: none !important
  }

    .main-ban .swift-slider-container .slick-dots > li button {
      width: 15px;
      height: 15px
    }

  .main-ban .swift-slider-container .slide-description a.proline-btn.proline-btn-solid-blue {
    border-color: #f40002;
    color: #fff;
    background-color: #ea0000;
    transition: none
  }

    .main-ban .swift-slider-container .slide-description a.proline-btn.proline-btn-solid-blue:hover {
      background-color: var(--yellow-color);
      border-color: var(--yellow-color)
    }

  a.proline-btn.proline-btn-solid-blue.shop-now {
    background-color: #FFB00F !important;
    border-color: #FFB00F !important;
  }

    a.proline-btn.proline-btn-solid-blue.shop-now:hover {
      background-color: #FFB00F !important;
      border-color: #FFB00F !important;
    }

  @media screen and (min-width: 481px) {
    .main-ban .swift-slider-container .slide-description h1, .main-ban .swift-slider-container .slide-description h2 {
      font-size: 38px
    }

    /*  .main-ban .swift-slider-container .slide-img img {
    height: 320px
  }*/
    .banner-inner-wrap .btn-wrap, div.main-ban .slide-description .btn-wrap {
      flex-wrap: nowrap
    }

    div.main-ban .swift-slider-container .slide-description {
      top: 75%
    }
  }

  @media screen and (min-width: 576px) {
    /*  .main-ban .swift-slider-container .slide-img img {
    height: 500px
  }
*/ .main-ban .swift-slider-container .slide-description {
      max-width: 450px;
      left: 60px
    }
  }

  @media screen and (min-width: 769px) {
    .main-ban .swift-slider-container .slide-description {
      max-width: 650px
    }

      .main-ban .swift-slider-container .slide-description h1, .main-ban .swift-slider-container .slide-description h2 {
        font-size: 44px
      }

      .main-ban .swift-slider-container .slide-description p {
        font-size: 18px
      }
  }

  @media screen and (min-width: 1200px) {
    /*  .home-page .main-ban,
  .home-page .promo-ban {
    max-height: 500px;
    overflow: hidden
  }

  .home-page .main-ban {
    width: 60%;
    max-width: 60%
  }

  .home-page .promo-ban {
    width: 40%;
    max-width: 40%
  }*/ .main-ban .swift-slider-container .slide-description h1, .main-ban .swift-slider-container .slide-description h2 {
      font-size: 46px
    }

    /*  .main-ban .swift-slider-container .slide-img img {
    height: 500px;
    object-position: center
  }*/
    .promo-page-grid .item-grid .item-box {
      height: calc(500px / 2) !important
    }

      .promo-page-grid .item-grid .item-box .promo-item {
        height: 100%
      }

      .promo-page-grid .item-grid .item-box img {
        height: 100%;
        object-position: right center;
        object-fit: cover
      }
  }

  @media screen and (min-width: 1200px) and (max-width:1439px) {
    .main-ban .swift-slider-container .slide-description .proline-btn {
      font-size: 14px;
      padding: 5px 20px
    }
  }

  @media screen and (min-width: 1200px) and (max-width:1366px) {
    .main-ban .swift-slider-container .slide-description {
      top: 30%
    }
  }

  @media screen and (min-width: 1200px) and (max-width:1499px) {
    .main-ban .swift-slider-container .slide-description {
      top: 70%;
      margin-left: 0
    }
  }

  @media screen and (min-width: 1367px) and (max-width:1499px) {
    div.main-ban .swift-slider-container .slide-img {
      height: 500px;
      display: flex;
      align-items: flex-end;
      background-color: #0283c0
    }

      div.main-ban .swift-slider-container .slide-img img {
        height: 400px;
        /*object-fit: fill;*/
        object-position: center
      }

    div.main-ban .swift-slider-container .slide-description {
      margin-left: 0;
      left: 30px;
      top: 78%
    }
  }

  @media screen and (min-width: 1440px) and (max-width:1600px) {
    .main-ban .swift-slider-container .slide-description .proline-btn {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 15px
    }
  }

  @media screen and (min-width: 1600px) {
    div.main-ban .swift-slider-container .slide-description {
      top: 72%
    }
  }

  @media screen and (min-width: 1601px) {
    .main-ban .swift-slider-container .slide-description {
      max-width: 600px;
      margin-left: 0;
      top: 70%
    }

      .main-ban .swift-slider-container .slide-description h1, .main-ban .swift-slider-container .slide-description h2 {
        font-size: 52px
      }

    .promo-page-grid .item-grid .item-box {
      height: calc(530px / 2) !important
    }
  }

  #result-message.nt-success {
    color: #f70606
  }

  #result-message.payment-success {
    color: #28a745
  }

  .lg-procuret {
    display: block;
    max-width: 90px;
    text-align: center;
    margin-top: 10px;
    background-color: var(--yellow-color);
    color: #fff;
    font-size: 14px;
    padding: 8px 10px 10px;
    border-radius: 35px;
    line-height: 1
  }

    .lg-procuret:focus, .lg-procuret:hover {
      background-color: var(--yellow-color);
    }

  .main-ban .fieldays-banner .banner-inner-wrap h1 {
    line-height: 1.3
  }

  .fieldays-banner .desc-content {
    max-width: 540px
  }

    .fieldays-banner .desc-content p, .fieldays-banner .desc-content p * {
      color: #fff
    }

  .main-ban .fieldays-banner .banner-inner-wrap .btn-wrap .proline-btn {
    width: auto;
    min-width: 205px;
    text-align: center
  }

  .fieldays-banner .btn-wrap .proline-btn.proline-btn-solid-blue {
    background-color: #FFB00F;
    border-color: #FFB00F
  }

  .fieldays-banner .btn-wrap .proline-btn.proline-btn-solid-white {
    color: #FFB00F
  }

  .fieldays-banner .btn-wrap .proline-btn.proline-btn-solid-blue:hover {
    background-color: var(--yellow-color);
    border-color: var(--yellow-color)
  }

  .fieldays-banner .btn-wrap .proline-btn > img {
    display: none
  }

  .faq-content.answer ol {
    list-style: numeric !important;
    padding: 0 0 0 20px !important
  }

  .faq-content.answer ul {
    list-style: disc !important;
    padding: 0 0 0 20px !important
  }

  .html-blogpost-page .post-body .table-wrapper {
    overflow: auto
  }

    .html-blogpost-page .post-body .table-wrapper table {
      width: 100% !important;
      max-width: 100% !important
    }

  .payment-method-block .payment-method[data-methodname="Payments.Farmlands"] .payment-method-title img {
    border-radius: 4px
  }

  #payment-details-container-Payments-Farmlands .section.payment-info {
    margin-left: 0;
    max-width: 25rem
  }

  #payment-details-container-Payments-Farmlands .container.mt-5 {
    margin-left: 0;
    padding-left: 0;
    margin-top: 25px !important
  }

  #payment-details-container-Payments-Farmlands .section.payment-info #centrapay-button-container {
    max-width: 20rem;
    margin: 0 auto;
    margin-left: 0
  }

  .trade-account-return-msg {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    max-width: 950px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
  }

    .trade-account-return-msg .success-title {
      position: relative;
      color: var(--dark-blue-color);
      font-weight: 800;
      font-size: 30px;
      padding-top: 90px;
      margin-bottom: 40px
    }

      .trade-account-return-msg .success-title::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 60px;
        background-image: url(../images/success-check.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
      }

    .trade-account-return-msg a {
      color: var(--yellow-color);
      font-weight: 800
    }

      .trade-account-return-msg a:hover {
        color: var(--dark-blue-color)
      }

    .trade-account-return-msg .success-msg-need-assis {
      display: block;
      margin-bottom: 20px
    }

  .html-login-page .customer-blocks .returning-wrapper.fieldset {
    margin-top: 95px;
    margin-bottom: 70px;
    border: 2px solid #F1A710;
  }

  .html-login-page .inputs.reversed.d-flex .checkbox-wrap {
    min-width: 140px
  }

  .login-page .slick-dotted.slick-slider, .login-page .slider-container {
    margin-bottom: 0
  }

  .login-page .swift-slider-container .slick-slide {
    border-radius: 0
  }

    .login-page .swift-slider-container .slick-slide img {
      width: 100%;
      display: block
    }

  .login-page .slider-container .slick-dots {
    display: none
  }

  .payment-method-block .payment-method[data-methodname="Payments.Procuret"] .payment-method-title img {
    max-width: 80px
  }

  .promo-expire-banner-msg {
    text-align: center;
    padding: 80px 0 100px
  }

    .promo-expire-banner-msg p {
      font-weight: 700;
      font-size: 28px
    }

  .html-product-details-page .full-description p *, .html-product-details-page .short-description p * {
    font: inherit;
    font-weight: inherit;
    color: inherit
  }

  .html-product-details-page .full-description p strong, .html-product-details-page .short-description p strong {
    font-weight: 800
  }

    .html-product-details-page .full-description p strong *, .html-product-details-page .short-description p strong * {
      font-weight: inherit
    }

  .html-product-details-page .full-description p em, .html-product-details-page .short-description p em {
    font-style: italic
  }

    .html-product-details-page .full-description p em *, .html-product-details-page .short-description p em * {
      font-style: inherit
    }

  @media (max-width: 1199px) {
    .promo-ban.matchHeight {
      aspect-ratio: 534/148;
      overflow: hidden
    }
  }

  .html-home-page #slider-2 .slide-img img {
    width: 100%
  }

  /* BACK TO TOP */
  .back-to-top {
    position: fixed;
    bottom: 45px;
    right: 30px;
    width: 37px;
    height: 37px;
    background-color: #FFB00F;
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    transition: opacity 0.3s ease-in-out;
  }

    .back-to-top:hover {
      background-color: #0699f7;
    }

  .product-category-filter {
    margin-right: 25px !important;
  }

  .promoPageClearButton {
    width: 80%;
    float: right;
  }

  @media (max-width: 768px) {
    .home-slider-tradeaccount {
      font-size: 14px;
    }

    .product-category-filter {
      margin-right: 0px !important;
      margin-bottom: 10px !important;
    }

    .promoPageClearButton {
      width: 65%;
      float: right;
    }

    .promo-page-section .product-selectors {
      text-align: center;
    }

    #remove-button {
      display: none;
    }

    #mobileview-remove-button {
      display: block !important;
      margin-right: 100px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    #remove-button {
      display: none;
    }

    #mobileview-remove-button {
      display: block !important;
      margin-right: 100px;
    }

    .help-strip .container {
      max-width: 100% !important;
    }
  }

  .contact-details a:hover p {
    color: blue;
  }

  div.main-ban {
    background: #F8F8F8;
  }

    /* banner changes news */
    div.main-ban .slide-description .btn-wrap > img {
      position: absolute;
      top: 2.5%;
      left: 2.5%;
      width: 95%;
      height: 95%;
      object-fit: contain;
      pointer-events: none;
      z-index: -1;
    }

  /*.main-ban .swift-slider-container .slide-img img {
  object-fit: cover !important;
}*/
  @media screen and (min-width: 1367px) and (max-width: 1499px) {
    div.main-ban .swift-slider-container .slide-img img {
      height: inherit !important;
      /*object-fit: cover !important;*/
      object-position: center !important;
    }
  }

  .has-arrow {
    position: relative;
    padding-right: 52px;
  }

    .has-arrow::after {
      content: "";
      position: absolute;
      right: 22px;
      top: 50%;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      background-color: currentColor;
      -webkit-mask: url("../images/arrow-right.svg") no-repeat center;
      mask: url("../images/arrow-right.svg") no-repeat center;
      -webkit-mask-size: contain;
      mask-size: contain;
    }

  a.proline-btn.proline-btn-solid-blue.reviewdetails {
    background-color: #EA303A !important;
    border-color: #EA303A !important;
    color: white;
  }

    a.proline-btn.proline-btn-solid-blue.reviewdetails:hover {
      background-color: #EA303A !important;
      border-color: #EA303A !important;
      color: white;
    }

  .sub-cat-slider .slick-slide {
    height: auto;
  }

  .advantage-inner .section-title span {
    font-size: 56px;
    line-height: 90px;
    margin: 0 0 30px;
    font-weight: 800;
    letter-spacing: -2.2px
  }

  @media (max-width: 420px) {
    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      grid-template-columns: minmax(0, 1.6fr) minmax(48px, 0.76fr) minmax(62px, 0.86fr) minmax(52px, 0.8fr) 18px;
      column-gap: 6px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
      padding: 12px 12px !important;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      padding: 20px 12px 18px;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection {
        width: 56px;
        max-width: 56px;
        flex-basis: 56px;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection img {
          max-width: 56px;
          max-height: 56px;
        }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection > a, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product-unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product-subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .qty-input {
        font-size: 11px;
        line-height: 14px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number button.button-2.button-minus, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number button.button-2.button-plus {
        width: 16px;
        height: 26px;
        line-height: 26px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .quantity-number input {
        width: 30px !important;
        height: 26px !important;
        line-height: 26px;
        font-size: 11px;
      }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        min-width: 18px;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn .remove-button {
          width: 16px;
          min-width: 16px;
          height: 16px;
          min-height: 16px;
          background-size: 16px 16px;
        }
  }

  .reviewresult {
    width: 665px !important;
  }

  input[type=submit].continueshopping {
    color: #000;
    border: 2px solid #000;
    min-height: 34px;
    font-size: 12px;
  }

    input[type=submit].continueshopping:hover {
      color: #000;
      border: 2px solid #000;
      background-color: transparent;
    }

  .terms-of-service .checkbox-wrap input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 5px;
    width: 18px;
    height: 18px;
    border: 1px solid #ffb00f;
    background-color: transparent;
    border-radius: 20px;
  }

  .terms-of-service .checkbox-wrap input[type=checkbox]:checked + label:before {
    background-color: #ffb00f;
  }

  .customer-info-page .checkbox-wrap input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    left: -32px;
    top: 3px;
    width: 21px;
    height: 21px;
    background-color: transparent;
    border-radius: 5px
  }

  .customer-info-page .checkbox-wrap input[type=checkbox]:checked + label:before {
    background-color: var(--yellow-color);
  }

  .address-edit-page .button-2.remove-button {
    background-color: transparent;
    background-image: url(../images/address-edite-cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px;
    border: none;
    color: #000;
    font-weight: 400;
    font-size: 17px;
    padding: 0 0 0 20px
  }

  /*.order-item input[type=button].order-details-button {
  color: #EA303A;
  border: 2px solid #EA303A;
}
*/
  .order-item input[type=button].order-details-button {
    color: #ffb00f;
    border: 2px solid #ffb00f;
    background-color: transparent;
  }

  .proline-btn {
    font-weight: 700;
  }

  .pdf-invoice-button {
    /* color: #EA303A; */
    /* border: 2px solid #EA303A; */
  }

    .pdf-invoice-button:hover {
      /* color: #EA303A; */
      /* border: 2px solid #EA303A; */
      background-color: white;
    }

  /*  .pdf-invoice-button img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(96%) saturate(3676%) hue-rotate(349deg) brightness(96%) contrast(88%);
  }

  .pdf-invoice-button:hover img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(96%) saturate(3676%) hue-rotate(349deg) brightness(96%) contrast(88%);
  }*/
  .red-solid-btn {
    background-color: #EA303A !important;
    border-color: #EA303A !important;
    color: white;
  }

    .red-solid-btn:hover {
      background-color: #EA303A !important;
      border-color: #EA303A !important;
      color: white;
    }

  .black-solid-btn {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: white;
  }

  .blakc-solid-btn:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: white;
  }

  .main-ban .swift-slider-container .slide-description .proline-btn {
    border-radius: 0px;
    color: black !important;
  }

  .featured-products-section {
    background: #F8F8F8;
  }

  .featured-products-card-container {
    margin-bottom: 85px;
  }

  .info-card {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    min-height: 141px;
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
  }

    .info-card.active {
      border: 1px solid #f2ab00;
    }

    .info-card:hover {
      border-color: #f2ab00;
    }

      .info-card:hover .info-title {
        color: #f2ab00;
      }

    .info-card:not(.active):hover .info-card-icon {
      filter: invert(67%) sepia(82%) saturate(549%) hue-rotate(2deg) brightness(103%) contrast(101%);
    }

  .info-icon {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 10px;
  }

  .active .info-title {
    color: #f2ab00;
  }

  .info-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
  }

  .thumb-list {
    gap: 16px;
  }

  .thumb-item {
    width: 75%;
    background: #d9d9d9;
    border-radius: 6px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border: 2px solid transparent;
    cursor: pointer;
  }

    .thumb-item.active {
      background: #f2ab00;
    }

    .thumb-item img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

  .main-product-img {
    /* max-height: 365px; */
    object-fit: contain;
  }

  .product-badge {
    font-size: 11px;
    font-weight: 700;
    color: #f2ab00;
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .product-code {
    font-size: 25px;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
  }

  .product-name {
    font-size: 25px;
    font-weight: 800;
    color: #111;
    margin-bottom: 18px;
    line-height: 1.2;
    min-height: 55px;
    height: auto;
  }

  .product-desc p {
    font-size: 18px;
    max-height: 115px;
    color: #666;
    max-width: 520px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .product-desc ul {
    margin: 12px 0px;
    padding: 0px 0px 0px 36px;
    list-style: disc;
  }

  .product-btn {
    background: #f2ab00;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 4px;
    border: none;
    margin-top: 18px;
  }

    .product-btn:hover {
      background: #de9d00;
      color: #000;
    }

  .equipment-section {
    background: #f3f3f3;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .equipment-title {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
    color: #111;
    text-align: center;
  }

  .equipment-desc {
    /* max-width: 980px; */
    margin: 18px auto 20px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 1.55;
    color: #6e6e6e;
  }

  .featured-brands {
    gap: 16px;
    margin-bottom: 34px;
  }

    .featured-brands .brands-text {
      font-size: 14px;
      color: #7c7c7c;
    }

    .featured-brands img {
      max-width: 75px;
      width: auto;
      object-fit: contain;
      opacity: 1;
      display: block;
    }

  .featured-welder-card {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 22px 20px;
    min-height: 481px;
  }

  .featured-welder-image img {
    max-height: 480px;
    width: auto;
    object-fit: contain;
  }

  .featured-welder-content {
    padding-left: 18px;
    padding-top: 38px;
  }

  .common-badge-left {
    position: absolute;
    top: -64px;
    right: auto;
    left: -5px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    padding: 15px 24px;
    border-radius: 0 999px 999px 0;
  }

  .common-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    padding: 15px 24px;
    border-radius: 999px 0 0 999px;
  }

  .ribbon-badge-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    top: -6px;
    right: -6px;
  }

    .ribbon-badge-group .common-badge {
      position: relative;
      top: unset;
      right: unset;
    }

  .new-badge {
    background: #ff1616;
  }

  .featured-badge {
    background: #119F4A;
  }

  .bestseller-badge {
    background: #0071D3;
  }

  .featured-label {
    font-size: 14px;
    font-weight: 700;
    color: #f0ab00;
    margin-bottom: 6px;
  }

  .featured-title {
    /* margin: 0 0 5px; */
    font-family: Inter, sans-serif;
    font-weight: 800;
    /* line-height: 1.25; */
    color: #111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
  }

  .featured-welder-content .featured-title {
    font-size: 20px;
  }

  .featured-copy p {
    max-width: 360px;
    margin: 32px 0 32px;
    font-size: 14px;
    line-height: 1.6;
    color: #6f6f6f;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 110px;
  }

  .featured-actions {
    max-width: 420px;
    /*margin-top: 7rem;*/
  }

  .btn-small-action {
    background-color: inherit;
    border-color: #E1E1E1;
    font-size: 10px;
    margin: 0px;
    padding: 0px 20px;
    min-height: 20px;
    width: 100%;
    border-width: 2px;
  }

    .btn-small-action:hover {
      background-color: inherit !important;
      border-color: #E1E1E1 !important;
    }

  .btn-pricing {
    font-size: 10px;
    margin: 0px;
    padding: 0px 0px;
    min-height: 20px;
    width: 100%;
  }

  .learn-more-link {
    background-color: inherit;
    border: none;
    font-size: 10px;
    margin: 0px;
    padding: 0px 0px;
    min-height: 20px;
    width: 100%;
  }

    .learn-more-link:hover {
      background-color: inherit;
      border: none;
    }

  .right-product-column {
    display: flex;
    gap: 7px;
  }

  .small-product-card {
    background: #fff;
    border: 2px solid #E1E1E1;
    border-radius: 6px;
    padding: 10px 14px;
    min-height: 122px;
  }

  .small-product-image {
    width: 90px;
    height: 90px;
  }

    .small-product-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

  .small-product-content h4 a {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .small-product-content span {
    font-size: 10px;
    font-weight: 700;
    /*color: #f0ab00;*/
  }

  .login-for-pricing {
    font-size: 10px;
    font-weight: 700;
    color: #f0ab00;
  }

  .btn-shop-welding {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #f0ab00;
    color: #111;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    min-height: 42px;
    text-decoration: none;
  }

    .btn-shop-welding:hover {
      background: #d99b00;
      color: #111;
    }

  .generatorsection .equipment-section {
    background: #F8F8F8;
  }

  .reseller-cta-section {
    background: #f8f8f8;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .reseller-main-subtitle {
    max-width: 760px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.45;
    color: #6e6e6e;
    text-align: center;
  }

  .reseller-card-row {
    margin-top: 44px;
    margin-bottom: 48px;
  }

  .reseller-card {
    background: #fff;
    border: 2px solid #E1E1E1;
    border-radius: 6px;
    min-height: 150px;
    padding: 28px 16px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.2s ease-in-out;
  }

    .reseller-card.active {
      border: 1px solid #f2ab00;
    }

    .reseller-card:hover {
      border: 2px solid #f2ab00;
    }

      .reseller-card:hover .reseller-card-title {
        color: #f2ab00;
      }

  .reseller-icon {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 18px;
    color: #111;
  }

    .reseller-icon img {
      height: 35px
    }

  .reseller-card.active .reseller-icon, .reseller-card.active .reseller-card-title {
    color: #f2ab00;
  }

  .reseller-card-title {
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
  }

  .reseller-card-text {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    color: #8a8a8a;
  }

  .reseller-bottom-copy {
    max-width: 860px;
    margin: 0 auto 30px;
    font-size: 20px;
    line-height: 1.55;
    color: #666;
    text-align: center;
  }

    .reseller-bottom-copy strong {
      color: #111;
      font-weight: 800;
    }

  .reseller-btn {
    min-width: 340px;
    justify-content: center;
    background: #f2ab00;
    color: #111 !important;
    border: 1px solid #f2ab00;
    border-radius: 4px;
    padding: 14px 52px 14px 24px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
  }

    .reseller-btn:hover {
      background: #de9d00;
      border-color: #de9d00;
      color: #111 !important;
    }

    .reseller-btn.has-arrow::after {
      /*right: 68px;*/
      width: 16px;
      height: 16px;
    }

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

  .brands-interest-section {
    background: linear-gradient(90deg, #2d2d2d 0%, #000 55%, #000 100%);
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .brands-interest-title {
    margin: 0 0 18px;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    text-align: center;
    letter-spacing: -1px;
  }

  .brands-interest-text {
    max-width: 760px;
    margin: 0 auto 34px;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    opacity: 0.95;
  }

  .brands-interest-actions {
    gap: 14px;
  }

  .brands-interest-btn {
    min-width: 195px;
    height: 48px;
    padding: 12px 26px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .brands-interest-btn-primary {
    background: #f2ab00;
    border: 1px solid #f2ab00;
    color: #111 !important;
  }

    .brands-interest-btn-primary:hover {
      background: #de9d00;
      border-color: #de9d00;
      color: #111 !important;
    }

  .brands-interest-btn-outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.75);
    color: #fff !important;
  }

    .brands-interest-btn-outline:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: #fff;
      color: #fff !important;
    }

  .our-brands-section {
    background: #F8F8F8;
  }

  .our-brands-title {
    margin: 0;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 800;
    color: #000;
  }

  .our-brands-subtitle {
    margin: 12px 0 0;
    font-size: 20px;
    line-height: 1.4;
    color: #7f7f7f;
  }

  .brands-wrap {
    /* max-width: 980px; */
    margin: 34px auto 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
  }

  .brand-card {
    /* height: 118px; */
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
  }

    .brand-card.active {
      border-color: #f0ab00;
    }

    .brand-card img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      display: block;
      filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.35));
    }

  .view-brands-btn {
    /* min-width: 125px; */
    height: 79px;
    padding: 0 22px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    /* background: #fff; */
    color: #111;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    width: 260px;
  }

    .view-brands-btn:hover {
      /* background: #fff; */
      color: #111;
      border-color: #9f9f9f;
    }

  .product-manuals-section {
    background: #F2F2F2;
    padding: 55px 0 54px;
  }

  .manuals-section-title {
    margin: 0;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 800;
    color: #000;
  }

  .manuals-section-subtitle {
    margin: 12px 0 0;
    font-size: 20px;
    line-height: 1.4;
    color: #7a7a7a;
  }

  .manuals-row {
    margin-top: 52px;
    margin-bottom: 34px;
    justify-content: center;
  }

    .manuals-row > div {
      padding-left: 12px;
      padding-right: 12px;
    }

  .manual-box {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .manual-box.active {
      border-color: #f0ab00;
    }

    .manual-box:hover {
      border-color: #f0ab00;
    }

      .manual-box:hover .manual-icon i {
        color: #f0ab00;
      }

      .manual-box:hover h3 {
        color: #f0ab00;
      }

      .manual-box:hover .manual-browse-link {
        color: #f0ab00;
      }

  .manual-box-inner {
    width: 100%;
  }

  .manual-icon {
    margin-bottom: 12px;
    line-height: 1;
  }

    .manual-icon i {
      font-size: 32px;
      color: #000;
    }

  .manual-box.active .manual-icon i {
    color: #f0ab00;
  }

  .manual-box h3 {
    margin: 0 0 6px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
  }

  .manual-box.active h3 {
    color: #f0ab00;
  }

  .manual-box p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #7a7a7a;
  }

  .manual-box a, span {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: #111;
    text-decoration: none;
  }

  /*.manual-box.active a, .active span {
  color: #f0ab00;
}
*/
  .manual-box.active a {
    color: #f0ab00;
  }

  .manual-box a:hover {
    text-decoration: none;
  }

  .view-all-manuals-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* min-width: 138px; */
    height: 79px;
    padding: 0 22px;
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    background: transparent;
    color: #111;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    width: 260px;
  }

    .view-all-manuals-btn:hover {
      color: #111;
      text-decoration: none;
      background: transparent;
    }

  .product-manual-support-section {
    background-color: #f2f2f2;
    height: 522px;
    display: flex;
  }

    .product-manual-support-section .container {
      display: flex;
    }

  .product-manual-support-card {
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #f1a710;
    box-sizing: border-box;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 50px 90px;
  }

  .product-manual-support-title {
    font-size: 30px;
    line-height: 48px;
    font-weight: 900;
    color: #000;
    text-align: center;
  }

  .product-manual-support-text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: Inter;
    color: #707070;
    text-align: center;
    max-width: 854px;
  }

  .product-manual-support-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    justify-content: center;
  }

  .product-manual-support-btn-primary {
    height: 64px;
    border-radius: 4px;
    background-color: #f1a710;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 32px;
    box-sizing: border-box;
    text-align: right;
    font-size: 16px;
    color: #000;
  }

  .product-manual-support-btn-outline {
    height: 64px;
    border-radius: 4px;
    border: 1px solid #000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 32px;
    text-align: right;
    font-size: 16px;
    color: #000;
  }

  .help-strip {
    background: #eda80a;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

    .help-strip .container {
      max-width: 100%;
    }

  .help-title {
    margin: 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    color: #000;
  }

  .help-text {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    color: #000;
  }

  .help-action-wrap {
    text-align: right;
  }

  .help-call-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 168px;
    height: 34px;
    padding: 0 14px;
    border: 2px solid #111;
    border-radius: 4px;
    background: transparent;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
  }

    .help-call-btn:hover {
      color: #000;
      text-decoration: none;
    }

  .help-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 40px;
    padding: 0 20px;
    border: 2px solid #111;
    border-radius: 2px;
    background: transparent;
    color: #000;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .site-footer {
    background: transparent;
    border-top: 8px solid #F1A710;
  }

  .footer-parts-finder {
    background: #000;
    border-bottom: 1px solid rgba(255,255,255,0.16);
  }

  .footer-parts-finder__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    min-height: 108px;
    padding: 20px 0;
  }

  .footer-parts-finder__body {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
    max-width: 650px;
  }

  .footer-parts-finder__icon {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #ffb00f;
    color: #000;
  }

    .footer-parts-finder__icon svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

  .footer-parts-finder__eyebrow {
    color: #ffb00f;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }

  .footer-parts-finder__body h2 {
    margin: 5px 0 4px;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
  }

  .footer-parts-finder__body p {
    grid-column: 2;
    max-width: 580px;
    margin: 0;
    color: #696969;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
  }

  .footer-parts-finder__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
  }

  .footer-parts-finder__primary, .footer-parts-finder__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  }

  .footer-parts-finder__primary {
    min-width: 156px;
    padding: 0 18px;
    gap: 7px;
    border: 1px solid #ffb00f;
    background: #ffb00f;
    color: #000;
  }

    .footer-parts-finder__primary span {
      font-weight: 700 !important;
    }

    .footer-parts-finder__primary:hover {
      border-color: #f4b000;
      background: #f4b000;
      color: #000;
    }

  .footer-parts-finder__secondary {
    min-width: 94px;
    padding: 0 18px;
    border: 2px solid rgba(255,255,255,0.9);
    background: transparent;
    color: #fff;
  }

    .footer-parts-finder__secondary:hover {
      border-color: #ffb00f;
      color: #ffb00f;
    }

  .footer-parts-finder__arrow {
    font-size: 12px;
    line-height: 1;
  }

  .footer-main {
    background: #000;
    color: #fff;
  }

  .euro-footer {
    padding: 35px 0 0;
  }

    .euro-footer a {
      color: inherit;
      text-decoration: none;
    }

    .euro-footer h3, .euro-footer p, .euro-footer ul {
      margin: 0;
    }

  .euro-footer__top {
    display: grid;
    grid-template-columns: minmax(270px, 300px) minmax(100px, 1fr) minmax(120px, 1fr) minmax(100px, 1fr) minmax(270px, 300px);
    gap: 36px;
    align-items: start;
    padding: 0 0 58px;
  }

  .euro-footer__brand {
    max-width: 300px;
  }

  .euro-footer__logo {
    display: block;
    width: 220px;
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .euro-footer__tagline, .euro-footer__group h3, .euro-footer__contact h3, .euro-footer__warehouses h3, .euro-footer__quick h3, .euro-footer__support h3 {
    color: #ffb00f;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .euro-footer__tagline {
    margin-bottom: 12px !important;
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
  }

  .euro-footer__intro {
    max-width: 290px;
    color: #fff;
    font-size: 12px;
    line-height: 1.65;
    font-weight: 400;
  }

  .euro-footer__review {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 343px;
    max-width: 100%;
    min-height: 49px;
    margin-top: 20px;
    padding: 10px 18px;
    border-radius: 4px;
    background: #1c1714;
    color: #fff;
  }

  .euro-footer__stars {
    display: inline-flex;
    gap: 3px;
    flex: 0 0 auto;
  }

    .euro-footer__stars svg {
      width: 13px;
      height: 13px;
      fill: #ffb00f;
    }

  .euro-footer__review-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
  }

    .euro-footer__review-copy span {
      color: #706a66;
      font-size: 12px !important;
      line-height: 1;
      font-weight: 500 !important;
      text-transform: uppercase;
    }

    .euro-footer__review-copy strong {
      color: #fff;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 700;
    }

  .euro-footer__review-arrow {
    width: 11px;
    height: 11px;
    margin-left: auto;
    fill: #6e6864;
    flex: 0 0 auto;
  }

  .euro-footer__socials {
    display: flex;
    gap: 7px;
    margin-top: 20px;
  }

    .euro-footer__socials a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #171717;
      color: #fff;
    }

  .euro-footer__group h3, .euro-footer__contact h3, .euro-footer__warehouses h3 {
    margin-bottom: 20px;
  }

  .euro-footer__group ul, .euro-footer__quick ul, .euro-footer__support ul, .euro-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .euro-footer__group ul {
    flex-direction: column;
    gap: 17px;
  }

  .euro-footer__group a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 400;
  }

    .euro-footer__group a:hover, .euro-footer__quick a:hover, .euro-footer__support a:hover, .euro-footer__legal a:hover, .euro-footer__contact-item a:hover {
      color: #ffb00f;
    }

  .euro-footer__contact-area {
    display: grid;
    gap: 24px;
  }

  .euro-footer__contact-item {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }

    .euro-footer__contact-item > span:last-child {
      min-width: 0;
    }

    .euro-footer__contact-item + .euro-footer__contact-item {
      margin-top: 17px;
    }

  .euro-footer__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #ffb00f;
    color: #000;
  }

  .euro-footer__icon--dark {
    background: #171717;
    color: #ffb00f;
  }

  .euro-footer__label {
    display: block;
    margin-bottom: 4px;
    color: #777;
    font-size: 10px !important;
    line-height: 1;
    font-weight: 800 !important;
    text-transform: uppercase;
  }

  .euro-footer__contact-item a, .euro-footer__contact-item strong {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    max-width: 243px;
    overflow-wrap: anywhere;
  }

  .euro-footer__contact-item span span:not(.euro-footer__label) {
    display: block;
    color: #747474;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 400;
    margin-top: 5px;
  }

  .euro-footer__middle {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 80px;
    padding: 17px 0 21px;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
  }

  .euro-footer__quick h3, .euro-footer__support h3 {
    margin-bottom: 16px;
  }

  .euro-footer__quick ul, .euro-footer__support ul {
    align-items: center;
    gap: 18px 28px;
  }

  .euro-footer__quick a, .euro-footer__support a {
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
  }

  .euro-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 18px 0 21px;
  }

    .euro-footer__bottom p, .euro-footer__legal a {
      color: #5e5e5e;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 500;
    }

  .euro-footer__legal {
    justify-content: flex-end;
    gap: 28px;
  }

  @media (min-width: 768px) and (max-width: 1100px) {
    .euro-footer__top {
      grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(110px, 1fr));
      gap: 42px 36px;
    }

    .euro-footer__contact-area {
      grid-column: 1 / -1;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 20px;
    }
  }

  @media (min-width: 768px) {
    .euro-footer__contact-item {
      gap: 14px;
    }

      .euro-footer__contact-item a, .euro-footer__contact-item strong {
        max-width: 270px;
      }
  }

  @media (max-width: 767px) {
    .footer-parts-finder__inner {
      align-items: stretch;
      flex-direction: column;
      gap: 20px;
      min-height: 0;
      padding: 24px 0;
    }

    .footer-parts-finder__body {
      max-width: none;
    }

      .footer-parts-finder__body h2 {
        font-size: 22px;
      }

      .footer-parts-finder__body p {
        max-width: none;
        font-size: 12px;
      }

    .footer-parts-finder__actions {
      justify-content: flex-start;
      flex-wrap: wrap;
    }

    .footer-parts-finder__primary, .footer-parts-finder__secondary {
      flex: 1 1 170px;
    }

    .euro-footer {
      padding-top: 9px;
    }

    .euro-footer__top {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px 22px;
      padding-bottom: 27px;
    }

    .euro-footer__brand, .euro-footer__contact-area {
      grid-column: 1 / -1;
    }

    .euro-footer__brand {
      max-width: 100%;
      margin-top: 20px;
    }

    .euro-footer__logo {
      width: 160px;
      margin-bottom: 13px;
    }

    .euro-footer__tagline {
      margin-bottom: 12px;
      font-size: 12px;
      letter-spacing: 2.5px;
    }

    .euro-footer__intro {
      font-size: 12px;
      line-height: 1.65;
      max-width: 100%;
    }

    .euro-footer__review {
      min-height: 36px;
      margin-top: 14px;
      padding: 15px 20px;
      gap: 15px;
      width: 390px;
    }

    .euro-footer__stars svg {
      width: 24px;
      height: 23px;
    }

    .euro-footer__review-copy span, .euro-footer__review-copy strong {
      font-size: 12px !important;
    }

    .euro-footer__socials {
      margin-top: 10px;
    }

      .euro-footer__socials a {
        width: 26px;
        height: 26px;
        border-radius: 6px;
      }

    .euro-footer__group h3, .euro-footer__contact h3, .euro-footer__warehouses h3, .euro-footer__quick h3, .euro-footer__support h3 {
      letter-spacing: 1.4px;
    }

    .euro-footer__group h3, .euro-footer__contact h3, .euro-footer__warehouses h3 {
      margin-top: 10px;
      margin-bottom: 15px;
    }

    .euro-footer__group ul {
      gap: 13px;
    }

    .euro-footer__group a {
      line-height: 1.35;
    }

    .euro-footer__contact-area {
      gap: 24px;
    }

    .euro-footer__contact-item {
      grid-template-columns: 24px minmax(0, 1fr);
    }

      .euro-footer__contact-item + .euro-footer__contact-item {
        margin-top: 15px;
      }

      .euro-footer__contact-item a, .euro-footer__contact-item strong {
        line-height: 1.25;
      }

      .euro-footer__contact-item span span:not(.euro-footer__label) {
        font-size: 7px;
      }

    .euro-footer__middle {
      grid-template-columns: 1fr;
      gap: 19px;
      padding: 18px 0 19px;
    }

    .euro-footer__quick h3, .euro-footer__support h3 {
      margin-bottom: 13px;
    }

    .euro-footer__quick ul, .euro-footer__support ul {
      gap: 12px 23px;
    }

    .euro-footer__bottom {
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
      padding: 17px 0 18px;
    }

    .euro-footer__legal {
      justify-content: flex-start;
      gap: 24px;
    }

    .help-action-wrap {
      text-align: center;
    }
  }

  .cart-qty {
    border: 1px solid;
    position: absolute;
    margin: -10px 0px 0px 0px;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffb00f;
    border-radius: 50%;
    background: #ffb00f;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
  }

  .header-links #topcartlink a:hover .cart-qty, .header-links #topcartlink .cart-qty:hover {
    color: black;
  }

  .toggle-2 {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0 12px 0 12px !important;
    background: #d9d9d9;
    border-radius: 999px;
    font-family: Arial, sans-serif;
    height: 32px;
    margin-top: 8px;
  }

    .toggle-2 .buy-text, .toggle-2 .trade-text {
      font-size: 10px;
      font-weight: 700;
      white-space: nowrap;
      transition: 0.3s ease;
      padding: 0px 5px 0px 5px;
    }

    .toggle-2 .buy-text {
      color: #111;
    }

    .toggle-2 .trade-text {
      color: #a5a5a5;
    }

    .toggle-2 .switch {
      position: relative;
      display: inline-block;
      width: 55px;
      height: 15px;
    }

      .toggle-2 .switch input {
        opacity: 0;
        width: 0;
        height: 0;
      }

    .toggle-2 .slider {
      position: absolute;
      inset: 0;
      background: #FF0000;
      border-radius: 999px;
      cursor: pointer;
      transition: 0.3s ease;
    }

      .toggle-2 .slider::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 15px;
        left: -0.2px;
        top: 0px;
        background: #efefef;
        border-radius: 999px;
        transition: .3s ease;
      }

    /* yellow background when checked */
    .toggle-2 .switch input:checked + .slider {
      background: #f4b000;
    }

      .toggle-2 .switch input:checked + .slider::before {
        left: 2.3px;
        transform: translateX(24px);
      }

    .toggle-2:has(input:checked) .buy-text {
      color: #a5a5a5;
    }

    .toggle-2:has(input:checked) .trade-text {
      color: #111;
    }

  .top-header-companycontact {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: white;
  }

  #header-phone-email {
    display: flex;
    gap: 20px;
  }

  @media(max-width: 767px) {
    .header-lower {
      background-color: #fff;
    }

    #header-phone-email {
      justify-content: center;
      align-items: center;
    }
  }

  .top-header-companycontact-text {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }

  .header-links {
    width: 100%;
    text-align: end;
  }

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

  .master-wrapper-page {
    background: #F8F8F8;
  }

  .download-page .page-title {
    border: none;
  }

  .download-page-tiles-title {
    font-size: 30px;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: 0;
    color: #000;
  }

  .download-page-tiles-desc {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
    color: #000000;
  }

  .download-page-tiles, .download-item-desc {
    width: 100%;
    text-align: center;
    height: 65px;
  }

  .btn-download {
    width: 411px;
    height: 39px;
    padding: 5px 10px;
    gap: 10px;
    border-radius: 4px;
    opacity: 1;
    background: #F1A710;
    border: 1px solid #F1A710;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #000;
  }

  .download-item-img {
    width: fit-content;
    margin: 0 auto;
    border: 2px solid transparent;
    overflow: hidden;
    box-sizing: border-box;
    transition: border-color 0.25s ease;
  }

    .download-item-img img {
      display: block;
      max-width: 100%;
      height: auto;
      transform: scale(1);
      transform-origin: center;
      transition: transform 0.25s ease;
    }

  .download-list .col-4:hover .download-item-img {
    border-color: #F1A710;
  }

    .download-list .col-4:hover .download-item-img img {
      transform: scale(1.05);
    }

  .promo-list-section .slick-slider {
    max-height: 185px;
  }

  .promo-list-section .slick-dots {
    /* position: absolute;
  bottom: -35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;*/
    display: none;
  }

    .promo-list-section .slick-dots li {
      width: auto;
      height: auto;
      margin: 0;
    }

      .promo-list-section .slick-dots li button {
        width: 16px;
        height: 16px;
        padding: 0;
        border: 1px solid #d89a1d;
        border-radius: 4px;
        background: #fff;
        font-size: 0;
        cursor: pointer;
      }

      .promo-list-section .slick-dots li.slick-active button {
        background: #d89a1d;
      }

      .promo-list-section .slick-dots li button:before {
        display: none;
      }

  .promo-list-section .slick-prev, .promo-list-section .slick-next {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #d89a1d;
    border-radius: 4px;
    z-index: 2;
  }

    .promo-list-section .slick-prev:before, .promo-list-section .slick-next:before {
      font-size: 12px;
      color: #fff;
      opacity: 1;
    }

  .promo-list-section .slider-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    position: relative;
  }

    .promo-list-section .slider-nav .slick-dots {
      position: static;
      width: auto;
    }

    .promo-list-section .slider-nav .slick-prev, .promo-list-section .slider-nav .slick-next {
      position: static;
      transform: none;
    }

  /*.promo-list-section .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #d89a1d;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  z-index: 99;
}
.promo-list-section .slick-arrow:before {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 1;
  display: block;
  text-align: center;
}

.promo-list-section .slick-prev.slick-arrow:before {
  content: '‹';
}

.promo-list-section .slick-next.slick-arrow:before {
  content: '›';
}*/
  .promo-list-section .slick-arrow {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px;
    height: 36px;
    border: 0 !important;
    padding: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    z-index: 5;
  }

    .promo-list-section .slick-arrow:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin: 0 auto;
      border: solid #707070;
      border-width: 0 2px 2px 0;
    }

  .promo-list-section .slick-next:before {
    transform: rotate(-45deg)
  }

  .promo-list-section .slick-prev:before {
    transform: rotate(135deg);
  }

  /*.promo-list-section .slick-prev:before, .promo-list-section .slick-next:before {
  font-size: 12px;
  color: #fff;
  opacity: 1;
}*/
  .promo-list-section .slick-slider {
    position: relative;
  }

  .promo-list-section .slick-prev.slick-arrow, .promo-list-section .slick-next.slick-arrow {
    position: absolute;
    /* top: auto;
  bottom: -32px;
  transform: none;
  z-index: 10;*/
  }

  .promo-list-section .slick-prev.slick-arrow {
    /*left: calc(50% - 77px) !important;*/
  }

  .promo-list-section .slick-next.slick-arrow {
    /*right: calc(50% - 77px) !important;*/
  }

  button.product-box-add-to-cart-button::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/themes/defaultclean/content/images/shopping-bag.png") no-repeat center;
    background-size: contain;
    flex: 0 0 20px;
  }

  .promo-page .product-box-add-to-cart-button {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 0;
    /*margin-left: 25px !important;*/
    border: 0;
    background: transparent;
    font-size: 16px;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    cursor: pointer;
    margin-top: 3px;
  }

  .promo-page .item-box .buttons {
    gap: 0px;
    height: 25px !important;
    margin: 12px 0px 0px 0px;
    padding: 0px;
  }

  /********Topic Pages Start**********/
  .about-values-section {
    background: #F8F8F8;
    font-family: Arial, sans-serif;
    color: #111;
  }

  .text-warning-custom {
    color: #f2ab00;
    font-size: 1.7rem;
    line-height: 1;
    margin-bottom: 2px;
  }

  .company-subtitle {
    max-width: 1334px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center !important;
  }

  .about-copy {
    font-size: 0.88rem;
    line-height: 1.7;
    color: #222;
    margin-bottom: 0;
  }

  .mission-block h3 {
    color: #f2ab00;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 0.55rem;
    padding-bottom: 0.45rem;
    display: inline-block;
  }

  .mission-block p {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 485px;
  }

  .values-title {
    color: #f2ab00;
    font-size: 2.1rem;
    font-weight: 900;
    margin: 0;
  }

  .values-list {
    margin-top: 1rem;
  }

  .value-row {
    display: flex;
    align-items: center;
    min-height: 56px;
    overflow: hidden;
    margin-bottom: 12px;
    border-radius: 999px;
    border: 1px solid #e2a400;
  }

  .value-row-light {
    background: #f4f4f4;
  }

  .value-row-yellow {
    background: #f2ab00;
  }

  .value-pill {
    min-width: 190px;
    padding: 14px 22px;
    text-align: center;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.1;
  }

  .value-row-light .value-pill {
    color: #e39b00;
  }

  .value-row-yellow .value-pill {
    color: #111;
  }

  .value-text {
    flex: 1;
    padding: 12px 24px 12px 10px;
    line-height: 1.45 !important;
  }

  .value-row-light .value-text {
    color: #111;
  }

  .value-row-yellow .value-text {
    color: #fff;
  }

  /********Topic Pages End**********/
  .spare-parts-finder #CategorySelection ul.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 35px;
    margin-top: 70px;
  }

    .spare-parts-finder #CategorySelection ul.tabs li .label-wrap {
      width: 100%;
      justify-content: center;
    }

  .spr-parts-img {
    width: 100%;
  }

  .spr-parts-lbl {
    width: 100%;
    text-align: center;
  }

    .spr-parts-lbl .tab-title {
      line-height: 1.4;
      color: #111;
      min-height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-weight: 600;
      font-family: "Inter", sans-serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 26px;
      letter-spacing: 0;
      color: #000000;
      text-align: center;
    }

  .manual-card-footer .proline-btn-solid-blue img, .proline-btn:hover img {
    filter: none;
  }

  .manual-card-footer .proline-btn {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    #result-info.spare-parts-result-info {
      padding: 32px 0 0;
    }

    #result-info .spare-parts-detail-head .product-essential {
      display: grid;
      grid-template-columns: minmax(108px, 34%) minmax(0, 1fr);
      gap: 0 16px;
      align-items: start;
      margin: 0 0 32px;
      padding: 0 0 32px;
      border-bottom: 2px solid #d2d2d2;
    }

      #result-info .spare-parts-detail-head .product-essential .gallery {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
        flex: initial;
        max-width: none;
        margin: 0;
      }

        #result-info .spare-parts-detail-head .product-essential .gallery .picture {
          max-width: 100%;
          margin: 0;
        }

      #result-info .spare-parts-detail-head .product-essential .overview {
        grid-column: 2;
        flex: initial;
        max-width: none;
        margin: 0;
      }

        #result-info .spare-parts-detail-head .product-essential .overview .section-title h6 {
          margin: 0 0 10px;
          font-size: 12px;
          line-height: 1.25;
          letter-spacing: .8px;
        }

        #result-info .spare-parts-detail-head .product-essential .overview .section-title h2 {
          margin: 0 0 12px;
          font-size: 26px;
          line-height: 1.05;
          text-align: left;
        }

        #result-info .spare-parts-detail-head .product-essential .overview .manufacturer-SKU-wrap {
          margin: 0 0 8px;
          gap: 6px 10px;
          font-size: 14px;
          line-height: 1.35;
        }

          #result-info .spare-parts-detail-head .product-essential .overview .manufacturer-SKU-wrap a {
            font-weight: 700;
          }

        #result-info .spare-parts-detail-head .product-essential .overview .short-description {
          margin: 0;
          font-size: 16px;
          line-height: 1.35;
        }

    #result-info .search-results-title {
      margin-top: 36px;
      margin-left: 20px;
    }

      #result-info .search-results-title h6 {
        margin: 0 0 10px !important;
        font-size: 12px;
        line-height: 1.25;
        letter-spacing: .8px;
      }

      #result-info .search-results-title h2 {
        margin: 0;
        font-size: 26px;
        line-height: 1.02;
        text-align: left !important;
      }

    .parts-overview-title h2 {
      margin: 15px 0 !important;
    }
  }

  /* Product Manuals Page */
  .product-manuals-page .product-manuals-hero {
    background: linear-gradient(135deg, #333333 0%, #000000 100%);
    padding: 80px 0;
    margin-bottom: 60px;
  }

  .product-manuals-page .hero-content {
    color: #fff;
  }

  .product-manuals-page .hero-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
  }

  .product-manuals-page .hero-subtitle {
    font-size: 18px;
    color: #e0e0e0;
    margin-bottom: 40px;
    max-width: 742px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-manuals-page .search-box-wrapper {
    max-width: 600px;
    margin: 0 auto;
  }

  .product-manuals-page .search-input-group {
    position: relative;
    display: flex;
  }

  .product-manuals-page .manuals-search-input {
    height: 42px;
    border: none;
    border-radius: 4px 0 0 4px;
    padding: 0 20px;
    font-size: 16px;
    flex: 1;
  }

    .product-manuals-page .manuals-search-input:focus {
      outline: none;
      box-shadow: 0 0 0 3px rgba(255, 165, 0, 0.3);
    }

    .product-manuals-page .manuals-search-input::placeholder {
      color: #999;
    }

  .product-manuals-page .btn-search {
    background: #ff8c00;
    border: 0;
    color: #fff;
    padding: 0 17px;
    cursor: pointer;
    transition: background .3s ease;
    border-radius: 0px 4px 4px 0px;
  }

    .product-manuals-page .btn-search:hover {
      background: #e67e00;
    }

  .product-manuals-page .search-results-info {
    margin-top: 15px;
    color: #fff;
  }

    .product-manuals-page .search-results-info p {
      margin: 0;
      font-size: 14px;
    }

  .product-manuals-page .clear-search {
    color: #ff8c00;
    text-decoration: underline;
    margin-left: 10px;
  }

    .product-manuals-page .clear-search:hover {
      color: #ffa500;
    }

  .product-manuals-page .product-manuals-content {
    padding: 40px 0 80px;
    background: #f9f9f9;
  }

  .product-manuals-page .category-section {
    padding: 40px;
    border-radius: 8px;
  }

  .product-manuals-page .category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }

  .product-manuals-page .category-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
  }

  .product-manuals-page .category-divider {
    border: none;
    height: 1px;
    background: #F1A710;
    margin-bottom: 30px;
  }

  .product-manuals-page .manuals-grid {
    margin-top: 30px;
  }

  .product-manuals-page .manual-card {
    background: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
  }

    .product-manuals-page .manual-card:hover {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      transform: translateY(-5px);
      border-color: #ff8c00;
    }

  .product-manuals-page .manual-card-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
    margin-bottom: 20px;
  }

  .product-manuals-page .manual-card-icon {
    flex: 0 0 36px;
  }

    .product-manuals-page .manual-card-icon img {
      width: 36px;
      height: 36px;
      object-fit: contain;
    }

  .product-manuals-page .manual-card-content {
    flex: 1;
  }

  .product-manuals-page .manual-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
  }

  .product-manuals-page .manual-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

    .product-manuals-page .manual-description p {
      font-size: 14px;
      color: #666;
      line-height: 1.6;
      margin-bottom: 0;
    }

  .product-manuals-page .manual-card-footer {
    margin-top: auto;
    margin-left: 48px;
  }

  .product-manuals-page .no-results {
    padding: 80px 20px;
  }

    .product-manuals-page .no-results h3 {
      font-size: 24px;
      color: #333;
      margin-bottom: 10px;
    }

    .product-manuals-page .no-results p {
      font-size: 16px;
      color: #666;
    }

    .product-manuals-page .no-results a {
      color: #ff8c00;
      text-decoration: underline;
    }

      .product-manuals-page .no-results a:hover {
        color: #e67e00;
      }

  .product-manuals-page .btn-see-all {
    font-size: 0.85rem;
    font-weight: 600;
    color: #f0a500;
    text-decoration: none !important;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
  }

    .product-manuals-page .btn-see-all:hover {
      color: #c98600;
      text-decoration: underline;
    }

  .our-brands-hero .page-title {
    text-align: left;
    margin-top: 0px;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.25;
    color: #000;
    margin-top: 78px;
    margin: 0 0 15px;
    padding: 3px 0px;
  }

  .our-brands-page .our-brands-hero {
    padding: 40px 0 20px;
  }

  .our-brands-page .our-brands-description {
    color: #555;
    max-width: 600px;
    margin-bottom: 30px;
    line-height: 1.6;
  }

  /* Brand Group Section */
  .our-brands-page .brand-group-section {
    margin-bottom: 40px;
  }

  .our-brands-page .brand-group-title {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    color: #111;
    margin-bottom: 40px;
  }

  .our-brands-page .brand-group-divider {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 30px;
    width: 100%;
  }

  /* 5 blocks per row */
  .brand-logos-grid .col-brand {
    width: 20%;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
  }

  @media (max-width: 991px) {
    .brand-logos-grid .col-brand {
      width: 33.333%;
    }
  }

  @media (max-width: 575px) {
    .header-logo a img {
      max-width: 154px;
    }

    .our-brands-hero .page-title {
      font-size: 30px;
      font-weight: 900;
      margin: 0;
    }

    .our-brands-page .our-brands-hero {
      padding: 0px 0 20px;
    }

    .brand-logos-grid .col-brand {
      width: 50%;
    }

    .our-brands-page .our-brands-description {
      color: #707070;
      line-height: 20px;
      font-size: 14px;
      font-weight: 500;
    }

    .our-brands-page .brand-group-divider {
      display: none;
    }

    #remove-button {
      display: none;
    }

    .product-manuals-page .hero-title {
      font-size: 26px;
      font-weight: 900;
    }

    .product-manuals-page .hero-subtitle {
      font-size: 14px;
      font-weight: 500;
    }

    .product-manuals-page .product-manuals-content {
      padding-top: 0;
      padding-bottom: 20px;
    }

    .product-manuals-page .category-section {
      padding: 0;
      margin-top: 30px;
    }

    .product-manuals-page .manuals-grid {
      margin-top: 0;
    }

    .product-manuals-page .category-title {
      font-size: 20px;
      font-weight: 900;
    }

    .product-manual-support-section {
      border-top: 1px solid #F1A710;
      background-color: #FFFFFF;
      height: auto;
    }

    .product-manual-support-card {
      border: 0;
      padding: 40px 0px;
    }

    .product-manual-support-title {
      max-width: 390px;
      font-size: 26px;
      line-height: 30px;
    }

    .product-manual-support-text {
      font-size: 14px;
      line-height: 20px;
    }

    .product-manual-support-btn-primary, .product-manual-support-btn-outline {
      width: 100%;
      font-weight: 700;
    }
  }

  /* Brand Logo Card */
  .our-brands-page .brand-logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #E1E1E1;
    border-radius: 6px;
    padding: 16px;
    height: 215px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
  }

    .our-brands-page .brand-logo-card:hover {
      border: 2px solid #F1A710;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

  .our-brands-page .brand-logo-name {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    text-align: center;
  }

  @media (min-width: 768px) and (max-width: 768px) {
    .header-links ul {
      gap: 10px;
    }
  }

  /* ─â”âââ‚ÃÆâÃÆâ€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬ _ProductBoxSpecialDeals: buttons column ─â”ÃÃÃÆâ€â„ÃÃ¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬ */
  .product-item .special-deals-buttons {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: nowrap;
    padding: 0;
  }

  .product-item .special-deals-cart-icon {
    flex-shrink: 0;
    width: 28px;
    height: auto;
  }

  .product-item .special-deals-buttons {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .product-item .special-deals-cart-icon {
    flex-shrink: 0;
    width: 22px;
    height: auto;
  }

  .product-box-add-to-cart-button-viewoption {
    flex: 0.5 0.5 auto;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 16px;
    padding: 2px 6px;
    line-height: 1.2;
    background: none;
    border: none;
    cursor: pointer;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .product-item .special-deals-buttons .product-box-add-to-cart-button {
    flex: 0.5 0.5 auto;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
    padding: 2px 6px;
    line-height: 1.2;
    background: none;
    border: none;
    cursor: pointer;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .product-item .special-deals-buttons .product-box-add-to-cart-button-veiw {
    flex: 0.4 0.4 auto;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
    padding: 2px 6px;
    line-height: 1.2;
    background: none;
    border: none;
    cursor: pointer;
    color: #707070;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .col-6.buttons.special-deals-buttons {
    overflow: hidden;
    box-sizing: border-box;
  }

  @media (min-width: 1600px) {
    .item-box .rating, .overview-body__left .product-review-box .rating {
      width: 105px;
    }

    .value-row-light .value-pill {
      padding-left: 34% !important;
    }
  }

  @media (min-width: 1920px) {
    .item-box .rating, .overview-body__left .product-review-box .rating {
      width: 105px;
    }

    .value-row-light .value-pill {
      padding-left: 34% !important;
    }
  }

  @media (min-width: 2560px) {
    .item-box .rating, .overview-body__left .product-review-box .rating {
      width: 105px;
    }

    .value-row-light .value-pill {
      padding-left: 34% !important;
    }
  }

  .block.product-filters .flex {
    /*flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: visible;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;*/
  }

    .block.product-filters .flex::-webkit-scrollbar {
      height: 5px;
    }

    .block.product-filters .flex::-webkit-scrollbar-track {
      background: transparent;
    }

    .block.product-filters .flex::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
    }

      .block.product-filters .flex::-webkit-scrollbar-thumb:hover {
        background: #aaa;
      }

  /* filter-wrap: position relative so menu anchors to button */
  .filter-wrap {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
  }

  .filter-dropdown-menu {
    display: none;
    position: fixed;
    z-index: 99999;
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    padding: 6px 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f5f5f5;
  }

    .filter-dropdown-menu::-webkit-scrollbar {
      width: 5px;
    }

    .filter-dropdown-menu::-webkit-scrollbar-track {
      background: #f5f5f5;
      border-radius: 3px;
    }

    .filter-dropdown-menu::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
    }

      .filter-dropdown-menu::-webkit-scrollbar-thumb:hover {
        background: #999;
      }

    .filter-dropdown-menu.fd-open {
      display: block;
    }

  .btn-filter {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 35px;
    padding: 0 12px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    color: var(--dark-blue-color);
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
  }

    .btn-filter:hover {
      border-color: #888;
      background: #f8f8f8;
    }

  .html-category-page .product-filters .btn-filter[aria-expanded="true"] {
    background-color: #F1A710;
    border-color: #F1A710;
  }

  /*  .btn-filter.active {
    background: #f0a500;
    border-color: #f0a500;
    color: #fff;
  }

    .btn-filter.active .fd-chevron {
      color: #fff;
    }*/
  .fd-chevron {
    font-size: 12px !important;
    line-height: 1;
    flex-shrink: 0;
  }

  .btn-filter .filter-selected-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-left: 2px;
    border-radius: 50%;
    background: #F1A710;
    color: #111;
    font-size: 11px !important;
    font-weight: 800;
    line-height: 1;
  }

  .filter-dropdown-title {
    padding: 8px 16px;
    font-size: 14px !important;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    margin-bottom: 4px;
  }

  .filter-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 16px;
    margin: 0;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;
    color: var(--dark-blue-color);
    white-space: nowrap;
  }

    .filter-dropdown-item:hover {
      background: #f5f5f5;
    }

    .filter-dropdown-item input[type="checkbox"], .filter-dropdown-item input[type="radio"] {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
      margin: 0;
      cursor: pointer;
      accent-color: #1a73e8;
    }

    .filter-dropdown-item input[type="checkbox"] {
      width: 20px;
      height: 20px;
      appearance: none;
      -webkit-appearance: none;
      border: 1px solid #d9d9d9;
      border-radius: 3px;
      background: #fff;
    }

      .filter-dropdown-item input[type="checkbox"]:checked {
        border-color: #d9d9d9;
        background-color: #F1A710;
        box-shadow: inset 0 0 0 3px #fff;
      }

      .filter-dropdown-item input[type="checkbox"]:focus-visible {
        outline: 2px solid rgba(241, 167, 16, .35);
        outline-offset: 2px;
      }

  .fieldset, .section {
    position: relative;
    margin: 0 0 40px
  }

  .row.section.block.product-filters {
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    position: static !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
  }

  .product-filters .flex {
    gap: 5px 5px;
    justify-content: flex-start;
  }

  .mobile-filter-toggle {
    display: none;
  }

  .categoryContainer .section-title {
    margin-left: 17px;
  }

  .product-found span {
    font-size: 14px;
  }

  .categoryContainer .section-title h2, .categoryContainer .section-title h1 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 800;
    margin: 0px;
  }

  @media(max-width: 767px) {
    .categoryContainer .section-title h2, .categoryContainer .section-title h1 {
      font-size: 30px;
      line-height: 40px;
    }

    .html-category-page .section-title.product-found span {
      font-weight: 500;
      color: #707070;
    }

    .html-category-page .category-catalog-filters {
      background-color: #FFFFFF;
      padding: 25px 0px 5px;
    }

    .html-category-page .row.section.block.product-filters {
      margin-bottom: 25px !important;
    }

    .html-category-page .product-filters .flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      gap: 6px;
    }

    .html-category-page .product-filters:not(.mobile-filters-expanded) .product-filter:nth-of-type(n+4) {
      display: none;
    }

    .html-category-page .product-filters .product-filter {
      flex: 0 1 auto;
      max-width: calc(50% - 3px);
      min-width: 0;
    }

    .html-category-page .product-filters .filter-wrap {
      display: flex;
      width: auto;
      max-width: 100%;
    }

    .html-category-page .product-filters .btn-filter {
      width: auto;
      max-width: 100%;
      min-width: 88px;
      height: 35px;
      justify-content: space-between;
      gap: 8px;
      padding: 0 10px;
      border: 1px solid #c6c6c6;
      border-radius: 5px;
      color: #111;
      font-size: 14px !important;
      font-weight: 700;
    }

      .html-category-page .product-filters .btn-filter span:first-child, .html-category-page .product-filters .btn-filter > span:not(.fd-chevron):not(.filter-selected-count) {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .html-category-page .product-filters .btn-filter img {
        flex-shrink: 0;
      }

    .html-category-page .product-filters .mobile-filter-toggle {
      display: inline-flex;
      flex: 0 0 100%;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 13px 0 0;
      padding: 0;
      border: 0;
      background: transparent;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
    }

      .html-category-page .product-filters .mobile-filter-toggle span {
        color: #F1A710;
        font-weight: 600;
        font-size: 14px;
      }

    .html-category-page .product-filters .clear-filter {
      flex: 0 0 100% !important;
      height: auto;
      margin: -2px 0 0;
      padding: 0;
      border: 0;
      background: transparent;
      text-align: center;
    }

    .html-category-page .product-filters .filter-clear-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #111;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
    }

      .html-category-page .product-filters .filter-clear-btn img {
        width: 13px;
        height: 13px;
      }

    .product-box-view-details-btn {
      display: flex !important;
      align-items: center;
      height: 24px;
      border: 1px solid #E1E1E1 !important;
    }
  }

  /* Prevent category product grid from making boxes too narrow when few products */
  .html-category-page .product-grid.home-page-product-grid .item-grid {
    justify-content: flex-start;
  }

  .custom-no-result {
    width: 100%;
    margin: 50px 0 0;
    text-align: center;
  }

    .custom-no-result p {
      margin: 0 0 20px;
      color: #707070;
    }

  .clear-filters-btn {
    display: inline-block;
    padding: 8px 50px;
    border: 1px solid #A1A1A1;
    border-radius: 5px;
    background: #fff;
    color: #111;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
  }

  .categoryContainer .products-container .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
  min-width: 345px;
}

  .category-grid.sub-category-grid .col-xl-2 {
    padding: 15px 10px 15px 15px;
  }

  @media(min-width: 400px) and (max-width: 575px) {
    .categoryContainer .products-container .html-category-page .product-grid.home-page-product-grid .item-grid .item-box {
      min-width: min(390px, 100%) !important;
      max-width: min(390px, 100%) !important;
      box-sizing: border-box;
    }

      .categoryContainer .products-container .html-category-page .product-grid.home-page-product-grid .item-grid .item-box .product-item {
        padding: 13px 30px;
      }

    .html-category-page .product-grid.home-page-product-grid .item-grid {
      justify-content: center;
    }
  }

  .product-item-description {
    font-size: 13px;
    color: #555;
    line-height: 1.5 !important;
    /*margin: 15px 0px 30px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
  }

  .html-category-page .product-grid.home-page-product-grid .item-grid .item-box .sku {
    margin-bottom: 0;
  }

  .product-item-category-badge {
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 8px;
    letter-spacing: 0.02em;
  }

  .login-to-see-price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    text-decoration: none;
  }

    .login-to-see-price:hover {
      color: #111;
    }

  .product-box-view-details-btn {
    display: inline-block;
    padding: 0px 12px;
    border: 1.5px solid #111;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #111;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

    .product-box-view-details-btn:hover {
      background: #111;
      color: #fff;
    }

  #mobileview-remove-button {
    display: none;
  }

  .desc-wrap .description p {
    font-size: 14px;
  }

  .desc-wrap .description {
    padding: 0 0 15px 5px;
  }

  .checkout-page .address-item .address-box li {
    font-size: 12px;
    line-height: 8px;
  }

  .checkout-page .address-item .address-box label {
    font-size: 12px;
    line-height: 8px;
  }

  .checkout-page .address-item .address-box span {
    font-size: 12px;
    line-height: 8px;
  }

  .new-billing-ckbx label {
    font-size: 14px !important;
  }

  #address-submit-button {
    font-size: 12px;
    height: 34px;
    padding: 0;
  }

  .edit-address .inputs input, select, textarea {
    font-size: 12px;
  }

    .edit-address .inputs input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
      font-size: 12px;
    }

    .edit-address .inputs input::placeholder, select::placeholder, textarea::placeholder {
      font-size: 12px;
    }

  .edit-address .inputs input, select {
    height: 42px;
  }

  .reseller-cta-section .col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .payment-method-next-step-button, #continueButton, .confirm-order-next-step-button {
    font-size: 12px !important;
    height: 34px;
    padding: 0 !important;
  }

  .order-confirm-content .title {
    margin: 0px 0px 20px 0px;
  }

  .order-confirm-content ul.billing-info li, .order-confirm-content ul.shipping-info li {
    font-size: 12px;
  }

  .order-confirm-content .payment-method-wrap span, .shipping-method span {
    font-size: 12px;
  }

  .order-confirm-content .order-review-data .billing-info-wrap, .order-confirm-content .order-review-data .shipping-info-wrap, .order-confirm-content .order-review-data .payment-method-wrap, .order-confirm-content .order-review-data .shipping-method-wrap {
    background: #fff !important;
  }

  .productdetails-quantity {
    font-size: 12px;
    font-weight: 600;
  }

  .product-overview-static {
    border-bottom: 1px solid #d9d9d9;
    margin: 10px 0;
    padding-bottom: 40px;
    position: relative;
  }

    .product-overview-static .toggle-btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      border: 0;
      background: transparent;
      color: #111;
      font-size: 34px;
      line-height: 1;
      font-weight: 400;
      cursor: pointer;
      padding: 0;
    }

    .product-overview-static .accordion-content {
      padding-right: 50px;
      overflow: hidden;
    }

      .product-overview-static .accordion-content ul {
        margin: 0;
        padding-left: 15px;
        list-style-type: disc;
        list-style-position: outside;
      }

      .product-overview-static .accordion-content li {
        display: list-item;
        font-size: 14px;
        color: #111;
      }

  .spn-add-tocart {
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: -4px;
  }

  .html-product-details-page .product-purchase-label {
    margin-bottom: 12px;
  }

  .html-product-details-page .promotion-free-gifts-card {
    margin: 25px 0 24px;
    padding: 16px;
    border: 1px solid #f3b8bc;
    border-radius: 8px;
    background: #fff4f4;
  }

  .html-product-details-page .promotion-free-gifts-card--hidden {
    display: none;
  }

  .html-product-details-page .promotion-free-gifts-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 14px;
  }

  .html-product-details-page .promotion-free-gifts-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #d93a53;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }

  .html-product-details-page .promotion-free-gifts-card__badge span {
    color: #fff;
  }

  .html-product-details-page .promotion-free-gifts-card__count {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
  }

  .html-product-details-page .promotion-free-gifts-card__value {
    color: #e03a4e;
    font-size: 15px;
    font-weight: 700;
  }

  .html-product-details-page .promotion-free-gifts-card__items {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .html-product-details-page .promotion-free-gifts-card__item {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid #d9e0ea;
    border-radius: 4px;
    background: #fff;
  }

  .html-product-details-page .promotion-free-gifts-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
  }

    .html-product-details-page .promotion-free-gifts-card__image img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

  .html-product-details-page .promotion-free-gifts-card__details {
    min-width: 0;
  }

  .html-product-details-page .promotion-free-gifts-card__name {
    display: block;
    color: #111827;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
  }

  .html-product-details-page .promotion-free-gifts-card__description,
  .html-product-details-page .promotion-free-gifts-card__sku {
    margin-top: 4px;
    color: #667085;
    font-size: 14px;
    line-height: 1.4;
  }

  .html-product-details-page .promotion-free-gifts-card__price {
    text-align: right;
    white-space: nowrap;
  }

  .html-product-details-page .promotion-free-gifts-card__free {
    color: #e03a4e;
    font-size: 16px;
    font-weight: 800;
  }

  .html-product-details-page .promotion-free-gifts-card__was {
    margin-top: 2px;
    color: #6b7280;
    font-size: 13px;
    text-decoration: line-through;
  }

  .html-product-details-page .promotion-free-gifts-card__footer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: #5f6470;
    font-size: 14px;
    line-height: 1.45;
  }

    .html-product-details-page .promotion-free-gifts-card__footer svg {
      color: #16a34a;
      flex-shrink: 0;
    }

  .html-product-details-page .product-purchase-row {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }

  .html-product-details-page .product-purchase-qty-wrap {
    display: flex;
    align-items: center;
  }

  .html-product-details-page .product-purchase-qty-input {
    margin-top: 0;
  }

  .html-product-details-page .product-purchase-qty-wrap .qty-input {
    padding: 0 24px !important;
    font-weight: 700 !important;
    line-height: 35px !important;
    text-align: center !important;
  }

  .html-product-details-page .product-purchase-qty-wrap .qty-spinner {
    left: 0;
    right: 0;
    width: auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    pointer-events: none;
  }

  .html-product-details-page .product-purchase-qty-wrap .qty-btn {
    width: 18px;
    height: 100%;
    pointer-events: auto;
  }

    .html-product-details-page .product-purchase-qty-wrap .qty-btn::before {
      content: "+";
      width: auto;
      height: auto;
      border: 0;
      margin: 0;
      font-size: 18px;
      line-height: 1;
      font-weight: 600;
      color: #111;
    }

  .html-product-details-page .product-purchase-qty-wrap .qty-up::before {
    transform: none;
    margin-top: 0;
  }

  .html-product-details-page .product-purchase-qty-wrap .qty-down {
    order: -1;
  }

    .html-product-details-page .product-purchase-qty-wrap .qty-down::before {
      content: "−";
      transform: none;
      margin-top: 0;
    }

  .html-product-details-page .product-purchase-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
  }

    .html-product-details-page .product-purchase-actions .add-to-cart {
      margin: 0;
    }

  .html-product-details-page .product-purchase-datasheet {
    width: auto;
    flex: 0 0 auto;
  }

  .html-product-details-page .product-details-add-to-cart-button {
    display: flex !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  .html-product-details-page .product-details-add-to-cart-button__icon {
    justify-self: end;
    margin-right: 8px;
  }

  .html-product-details-page .spn-add-tocart.product-details-add-to-cart-button__text {
    top: 0;
    align-self: center;
  }

  .html-product-details-page
  .product-purchase-actions
  [id^="b2b-add-to-cart-wrapper-"] > .add-to-cart {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
  }

    .html-product-details-page
    .product-purchase-actions
    [id^="b2b-add-to-cart-wrapper-"] > .add-to-cart > .add-to-cart-panel,
    .html-product-details-page
    .product-purchase-actions
    [id^="b2b-add-to-cart-wrapper-"] > .add-to-cart > .b2b-quick-enquiry {
      flex: 1 1 0;
      width: auto;
      min-width: 0;
    }

  .html-product-details-page
  .product-purchase-actions
  .add-to-cart-panel button,
  .html-product-details-page
  .product-purchase-actions
  .b2b-quick-enquiry button {
    width: 100%;
  }

  .spn-datasheet {
    font-size: 12px;
    font-weight: bold;
    position: relative;
  }

  .quantity-number {
    position: relative !important;
    display: inline-flex !important;
    align-items: stretch !important;
    width: 80px !important;
    height: 35px !important;
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

    .overview .qty-input, .variant-overview .qty-input, .quantity-number .qty-input {
      width: 100% !important;
      height: 100% !important;
      min-height: 29px !important;
      padding: 0 22px 0 12px !important;
      margin: 0 !important;
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-sizing: border-box !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 29px !important;
      color: #111 !important;
      text-align: left !important;
      appearance: none !important;
      -webkit-appearance: none !important;
    }

      /* hide native spinner if browser/theme adds it */
      .quantity-number .qty-input::-webkit-outer-spin-button, .quantity-number .qty-input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
      }

    .quantity-number .qty-spinner {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .quantity-number .qty-btn {
      width: 100%;
      height: 50%;
      padding: 0;
      margin: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

      .quantity-number .qty-btn:hover {
        background: #fafafa;
      }

      .quantity-number .qty-btn:active {
        background: #f2f2f2;
      }

      /* same chevron style for both arrows */
      .quantity-number .qty-btn::before {
        content: "";
        width: 5px;
        height: 5px;
        display: block;
        border-left: 1.4px solid #7a7a7a;
        border-top: 1.4px solid #7a7a7a;
      }

    .quantity-number .qty-up::before {
      transform: rotate(45deg);
      margin-top: 2px;
    }

    .quantity-number .qty-down::before {
      transform: rotate(-135deg);
      margin-top: -2px;
    }

  .feature-row {
    margin-bottom: 60px;
  }

  .feature-heading {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.25;
    color: #000;
    margin-bottom: 20px;
  }

  .feature-point {
    margin: 0;
    padding-left: 22px;
    color: #6b6b6b;
    font-size: 18px;
    line-height: 1.8;
    list-style: disc !important;
    list-style-position: outside;
  }

    .feature-point li {
      display: list-item;
      margin-bottom: 6px;
    }

  .feature-image-wrap {
    text-align: center;
  }

  .feature-image {
    max-width: 100%;
    height: auto;
    display: inline-block;
  }

  @media(max-width: 767px) {
    .overview .product-details-pricing-section .product-details-price {
      font-size: 25px !important;
      margin-top: 10px !important;
      font-weight: 900 !important;
    }

    .overview .product-name h1 {
      font-size: 25px !important;
    }

    .overview .product-name .manufacturer-name {
      font-size: 14px !important;
      margin-top: 20px !important;
    }

    .html-product-details-page .product-purchase-label {
      margin-bottom: 16px;
      font-size: 14px;
      line-height: 1.25;
      font-weight: 700;
    }

    .html-product-details-page .promotion-free-gifts-card {
      padding: 14px;
    }

    .html-product-details-page .promotion-free-gifts-card__item {
      grid-template-columns: 56px minmax(0, 1fr);
    }

    .html-product-details-page .promotion-free-gifts-card__price {
      grid-column: 2;
      text-align: left;
    }

    .tech-spec-group-name {
      font-size: 14px !important;
      font-weight: 700 !important;
    }

    .html-product-details-page .product-purchase-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 16px;
      align-items: stretch;
    }

    .html-product-details-page .product-purchase-qty-wrap {
      flex: 0 0 118px;
      max-width: 118px;
    }

    .html-product-details-page .product-purchase-actions {
      display: block;
      flex: 1 1 0;
      min-width: 0;
    }

      .html-product-details-page .product-purchase-actions .add-to-cart {
        width: 100%;
      }

    .html-product-details-page .product-purchase-qty-wrap .quantity-number {
      width: 100% !important;
      height: 35px !important;
      border-color: #d9d9d9 !important;
      border-radius: 4px !important;
    }

    .html-product-details-page .product-purchase-qty-wrap .qty-input {
      padding: 0 34px !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      line-height: 35px !important;
      text-align: center !important;
    }

    .html-product-details-page .product-purchase-qty-wrap .qty-spinner {
      left: 0;
      right: 0;
      width: auto;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 0 8px;
      pointer-events: none;
    }

    .html-product-details-page .product-purchase-qty-wrap .qty-btn {
      width: 24px;
      height: 100%;
      pointer-events: auto;
    }

      .html-product-details-page .product-purchase-qty-wrap .qty-btn::before {
        content: "+";
        width: auto;
        height: auto;
        border: 0;
        margin: 0;
        font-size: 20px;
        line-height: 1;
        font-weight: 600;
        color: #111;
      }

    .html-product-details-page .product-purchase-qty-wrap .qty-up::before {
      transform: none;
      margin-top: 0;
    }

    .html-product-details-page .product-purchase-qty-wrap .qty-down {
      order: -1;
    }

      .html-product-details-page .product-purchase-qty-wrap .qty-down::before {
        content: "−";
        transform: none;
        margin-top: 0;
      }

    .html-product-details-page .product-purchase-actions .add-to-cart-panel, .html-product-details-page .product-purchase-actions .product-details-add-to-cart-button {
      width: 100%;
    }

    .html-product-details-page .product-purchase-actions .product-details-add-to-cart-button {
      display: flex !important;
      align-items: center;
      justify-content: center;
      min-height: 35px;
      padding: 0 12px !important;
      gap: 8px;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 700;
    }

    .html-product-details-page .product-purchase-row {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
    }

    /* Add to Cart and Quick Enquiry: one per row */
    .html-product-details-page
    .product-purchase-actions
    [id^="b2b-add-to-cart-wrapper-"] > .add-to-cart {
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
    }

    .html-product-details-page
    .product-purchase-actions
    .add-to-cart-panel,
    .html-product-details-page
    .product-purchase-actions
    .b2b-quick-enquiry {
      flex: none;
      width: 100%;
    }

      .html-product-details-page
      .product-purchase-actions
      .add-to-cart-panel button,
      .html-product-details-page
      .product-purchase-actions
      .b2b-quick-enquiry button {
        width: 100%;
      }

    .html-product-details-page .product-purchase-actions .product-details-add-to-cart-button__icon {
      margin-right: 0;
      width: 19px;
      height: 19px;
      flex: 0 0 auto;
    }

    .html-product-details-page .product-purchase-actions .spn-add-tocart.product-details-add-to-cart-button__text {
      font-size: 12px;
      line-height: 1.2;
      font-weight: 700;
    }

    .html-product-details-page .product-purchase-datasheet {
      flex: 0 0 100%;
      width: 100%;
      max-width: 100%;
    }

      .html-product-details-page .product-purchase-datasheet .data-sheet {
        width: 100%;
        min-height: 34px;
        padding: 5px 10px;
        gap: 8px;
        font-size: 12px;
      }

        .html-product-details-page .product-purchase-datasheet .data-sheet img {
          width: 13px;
          height: 13px;
        }

      .html-product-details-page .product-purchase-datasheet .spn-datasheet {
        font-size: 12px;
        line-height: 1.2;
      }

    #address-submit-button {
      width: 100%;
    }

    .html-payment-method-page .payment-method-next-step-button {
      width: 100%;
    }

    .html-payment-method-page #continueButton, .html-payment-method-page .payment-info-next-step-button {
      width: 100%;
    }

    .html-order-confirm-page .confirm-order-next-step-button {
      margin-top: 20px;
    }

    .html-order-confirm-page .order-confirm-content .order-review-data {
      gap: 16px;
      margin: 0 0 20px;
    }

    .html-order-confirm-page .order-confirm-content .order-review-data-wrap {
      flex: 0 0 100%;
      padding: 24px;
      border: 1px solid #d9d9d9;
      border-radius: 8px;
      background: #fff !important;
      box-sizing: border-box;
    }

      .html-order-confirm-page .order-confirm-content .order-review-data-wrap .title-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 10px;
      }

      .html-order-confirm-page .order-confirm-content .order-review-data-wrap .title {
        margin: 0 !important;
        font-size: 18px;
        line-height: 30px;
        font-weight: 900;
        color: #000;
      }

      .html-order-confirm-page .order-confirm-content .order-review-data-wrap ul {
        margin: 0;
        padding: 0;
      }

      .html-order-confirm-page .order-confirm-content .order-review-data-wrap li, .html-order-confirm-page .order-confirm-content .order-review-data-wrap span {
        font-size: 14px;
        line-height: 24px;
        color: #111;
        font-weight: 400;
      }

      .html-order-confirm-page .order-confirm-content .order-review-data-wrap li {
        margin-bottom: 8px;
      }

        .html-order-confirm-page .order-confirm-content .order-review-data-wrap li:last-child {
          margin-bottom: 0;
        }

    .html-order-confirm-page .order-review-data-wrap .BillingEdit, .html-order-confirm-page .order-review-data-wrap .edit-btn {
      float: none;
      flex: 0 0 auto;
      margin: 0 !important;
    }

      .html-order-confirm-page .order-review-data-wrap .BillingEdit button, .html-order-confirm-page .order-review-data-wrap .edit-btn button {
        width: 20px;
        height: 20px;
        background-color: transparent;
        background-size: 20px;
        border-radius: 0;
      }

    .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-header {
      display: none;
    }

    .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row:nth-last-child(2) {
      display: grid;
      grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
      align-items: center;
      column-gap: 16px;
      row-gap: 14px;
      margin: 0 0 22px;
      padding: 28px 12px 22px;
      border: 1px solid #d9d9d9;
      border-radius: 10px;
      background: #fff;
    }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row:last-child {
        margin-bottom: 0;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .product {
        display: contents;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection {
        grid-column: 1;
        grid-row: 1 / span 7;
        align-self: center;
        width: 100% !important;
        max-width: 190px;
        height: auto;
        position: static;
        text-align: center;
      }

        .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .imageSection img {
          width: 100%;
          max-width: 190px !important;
          height: auto;
        }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
        grid-column: 2;
        grid-row: 1;
        width: 100% !important;
        position: static;
        margin: 0;
      }

        .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection > a {
          margin: 0 0 6px;
          color: #000;
          font-size: 15px;
          line-height: 20px;
          font-weight: 800;
        }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .prd-sku-wrapper, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .prd-sku-wrapper * {
        color: #555;
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .subtotal-mob {
        display: none !important;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .res-title, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .unit-price .res-title, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .quantity .res-title, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .subtotal .res-title {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px;
        padding-bottom: 8px;
        border-bottom: 1px solid #d9d9d9;
        color: #000;
        font-size: 13px !important;
        line-height: 18px;
        font-weight: 800;
        text-align: left;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .res-title {
        grid-column: 2;
        grid-row: 1;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product .detailSection {
        grid-row: 2;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .unit-price, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .quantity, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .subtotal {
        grid-column: 2;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        margin: 0;
        padding: 0;
        border-top: 0;
        text-align: left;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .unit-price {
        grid-row: 3;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .quantity {
        grid-row: 4;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .subtotal {
        grid-row: 5;
      }

        .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .unit-price > span, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row > .subtotal > span {
          display: block !important;
          text-align: left !important;
          white-space: normal;
        }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product-unit-price, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product-quantity, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product-subtotal, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product-cart-item-units, .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .tax-suffix {
        color: #000;
        font-size: 13px;
        line-height: 18px;
        font-weight: 900;
      }

      .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .cart-item-row .product-quantity {
        display: inline-flex;
        gap: 4px;
      }

    .html-order-confirm-page .order-confirm-product-table .cart-table-wrap .table-wrapper .freebie-wrap {
      grid-column: 1 / -1;
      width: 100%;
      max-width: none;
    }

    .footer-contact-wrap {
      margin-top: 16px;
    }

    .product-item .special-deals-cart-icon {
      width: 15px;
    }

    .product-item .special-deals-buttons .product-box-add-to-cart-button {
      font-size: 10px;
      padding: 2px 0;
    }

    .product-item .special-deals-buttons .product-box-add-to-cart-button-veiw {
      font-size: 10px;
      padding: 2px 0;
    }

    .info-card {
      min-height: 90px;
      padding: 16px 20px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 16px;
      border-radius: 12px;
    }

    .info-icon {
      margin-bottom: 0;
      flex-shrink: 0;
    }

    .info-card-icon {
      width: 48px;
      /* adjust as needed */
      height: auto;
    }

    .info-title {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
    }

    .equipment-title {
      font-size: 26px;
    }

    .featured-products-card-container {
      margin-bottom: 52px;
    }

    .featured-products-btncontainer {
      text-align: center;
    }

    .equipment-desc {
      font-size: 12px;
    }

    .featured-actions {
      margin-top: 0rem;
    }

    .featured-copy p {
      margin: 0 0 45px;
    }

    .right-product-column {
      gap: 0px;
    }

    .equipment-section {
      background: #f3f3f3;
      padding-top: 25px !important;
      padding-bottom: 35px !important;
      margin-top: 50px !important;
    }

    .reseller-cta-section {
      padding-top: 38px !important;
      padding-bottom: 40px !important;
    }

      .reseller-cta-section .equipment-title {
        font-size: 22px;
        line-height: 1.5;
      }

    .reseller-main-subtitle {
      font-size: 15px;
    }

    .reseller-card {
      display: grid;
      grid-template-columns: 56px 1fr;
      grid-template-rows: auto auto;
      column-gap: 16px;
      align-items: center;
      text-align: left !important;
      padding: 16px 20px;
      min-height: 90px;
      border-radius: 10px;
    }

    .reseller-icon {
      grid-column: 1;
      grid-row: 1 / 3;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .reseller-card-icon {
      width: 36px !important;
      height: 34px !important;
    }

    .reseller-card-title {
      grid-column: 2;
      grid-row: 1;
      margin: 0;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.2;
    }

    .reseller-card-text {
      grid-column: 2;
      grid-row: 2;
      margin: 2px 0 0;
      font-size: 15px;
      line-height: 1.3;
    }

    .reseller-bottom-copy strong, .reseller-bottom-copy, .our-brands-subtitle, .brands-interest-text, .manuals-section-subtitle, .help-text {
      font-size: 12px;
    }

    .reseller-btn, .brands-interest-btn {
      display: block;
      width: 100%;
    }

    .brands-interest-section {
      padding-top: 48px !important;
      padding-bottom: 48px !important;
    }

    .our-brands-title, .manuals-section-title, .brands-interest-title, .help-title {
      font-size: 26px;
    }

    .brands-wrap {
      grid-template-columns: repeat(2, 1fr);
    }

    .view-brands-btn {
      height: 55px;
      width: 345px;
    }

    .product-manuals-section {
      padding: 35px 0 54px;
    }

    .manual-box {
      height: auto;
      min-height: 90px;
      padding: 16px 20px;
    }

    .manual-box-inner {
      display: grid;
      grid-template-columns: 56px 1fr;
      grid-template-rows: auto auto auto;
      column-gap: 16px;
      align-items: center;
      text-align: left !important;
    }

    .manual-icon {
      grid-column: 1;
      grid-row: 1 / 4;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .manual-card-icon {
      width: 48px;
      height: auto;
    }

    .manual-box-inner h3 {
      grid-column: 2;
      grid-row: 1;
      margin: 0;
      font-size: 18px;
      line-height: 1.2;
    }

    .manual-box-inner p {
      grid-column: 2;
      grid-row: 2;
      margin: 2px 0 0;
      line-height: 1.3;
    }

    .manual-browse-link {
      grid-column: 2;
      grid-row: 3;
      margin-top: 4px;
      display: inline-block;
    }

    .help-title, .help-text {
      text-align: center;
    }

    .featured-welder-content {
      padding-left: 5px;
    }

    .header-logo {
      margin-left: 5px;
    }

    .header-links ul {
      gap: 0px;
    }

    #topmyaccountlink a {
      background: url(../images/myacc.png) left center no-repeat;
      width: 30px;
      height: 30px;
    }

    .mobile-header-download-btn {
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      height: 37px;
      background: #000000;
      color: #F8F8F8;
      border: #000000;
    }

    .trade-login .proline-btn-solid-blue img {
      filter: none;
    }

    .trade-login .btn-pricing {
      font-size: 12px;
      width: 96%;
    }

    .common-badge-left {
      top: -12px !important;
    }

    .help-strip .container {
      max-width: 100% !important;
    }

    #topmyaccountlink {
      margin-left: 15px;
    }

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

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

    .footer-bottom-links a {
      margin-left: 0px;
    }

      .footer-bottom-links a:first-child {
        color: #eda80a;
      }

    .footer-bottom-links {
      gap: 30px;
      display: flex;
    }

    .site-footer .footer-main > .container > .row {
      display: flex;
      flex-wrap: wrap;
    }

      /* Logo - full width */
      .site-footer .footer-main > .container > .row > div:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
      }

      /* Quick Links & Categories */
      .site-footer .footer-main > .container > .row > div:nth-child(2), .site-footer .footer-main > .container > .row > div:nth-child(3) {
        flex: 0 0 50%;
        max-width: 50%;
      }

      .site-footer .footer-main > .container > .row > div:nth-child(4) {
        flex: 0 0 60%;
        max-width: 60%;
      }

      /* Social Icons */
      .site-footer .footer-main > .container > .row > div:nth-child(5) {
        flex: 0 0 40%;
        max-width: 40%;
      }

    .visible-mobile-only .row {
      margin: 0;
    }

    .visible-mobile-only .col-6 {
      display: flex;
      justify-content: center;
      padding: 5px;
    }

    .social-box {
      width: 56px;
      height: 56px;
      background: #3b3b3b;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

      .social-box img {
        width: 24px;
        height: 24px;
      }

    .visible-mobile-only .row {
      margin-top: 80px;
    }

    .thumb-item {
      width: 25%;
      margin: 0 0 12px 0;
    }

    .home-slider-tradeaccount-wrapper {
      position: absolute;
      top: 70%;
      left: 20%;
      transform: translate(-50%,-50%);
      text-align: center;
    }

    .header-menu > ul {
      margin-right: 0px;
    }

    .html-product-details-page .related-products-grid #relatedproducts .slick-next {
      right: 12px !important;
    }

    .html-product-details-page .related-products-grid #relatedproducts .slick-prev {
      left: 12px !important;
    }

    .html-product-details-page .related-products-grid #relatedproducts .slick-list {
      margin: 0;
      padding: 0;
    }

    .item-box .product-ribbon > span, .product-pictures .product-ribbon > span {
      margin-left: -10px;
    }

    .select2-container--open .select2-dropdown--below {
      margin-top: -2px;
    }

    span.select2-selection__arrow b {
      margin-top: 15% !important;
    }

    .picture-gallery .product-ribbon > span {
      margin: 0px;
    }

    .item-box .product-ribbon > span.top-seller {
      margin: 10px 0 0 -10px;
    }

    /* Pricing section: stack trade/buy panels vertically on small screens */
    .overview .product-details-pricing-section {
      flex-wrap: wrap;
    }

    .overview .product-details-trade-price-panel, .overview .product-details-buy-price-panel {
      min-width: 0;
      width: 100%;
      padding-right: 0;
      padding-left: 0;
    }

    .overview .product-details-buy-price-panel {
      border-left: 0;
      border-top: 1px solid #e1e1e1;
      padding-top: 14px;
      margin-top: 14px;
    }

    /* Gallery main image: allow it to fill the picture container width */
    .picture-gallery .picture .product-gallery-main-image {
      width: auto !important;
      max-width: calc(100% - 24px) !important;
    }
  }

  @media (max-width: 767px) {
    .header-menu > ul.top-menu.notmobile {
      display: flex !important;
      flex-direction: column;
      margin-right: 0;
      margin-left: 0;
    }

      .header-menu > ul.top-menu.notmobile > li {
        border-bottom: 1px solid #a1a1a1;
      }

        .header-menu > ul.top-menu.notmobile > li.mobile-menu-actions-item {
          padding: 16px 24px 24px;
          border-left: 0;
          position: sticky;
          bottom: 0;
          z-index: 2;
        }

        .header-menu > ul.top-menu.notmobile > li:last-child.mobile-menu-actions-item {
          padding: 25px 5px 25px 5px;
        }

    #downloadimg_header {
      margin: 0px !important;
    }

    .header-menu .mobile-menu-actions {
      display: flex;
      gap: 5px;
    }

    .header-menu .mobile-menu-actions-guest {
      flex-direction: column;
    }

    .header-menu .mobile-menu-actions-authenticated {
      align-items: center;
      display: flex;
    }

    .header-menu .mobile-menu-toggle-wrap {
      flex: 1;
      min-width: 0;
      padding: 0;
      margin: 3px;
    }

      .header-menu .mobile-menu-toggle-wrap .toggle-2 {
        width: 100%;
        justify-content: center;
        margin-top: 0;
        height: 36px;
        padding: 0px;
        background: #e4e4e4;
        padding: 0 0px 0 0px !important;
      }

        .header-menu .mobile-menu-toggle-wrap .toggle-2 .buy-text, .header-menu .mobile-menu-toggle-wrap .toggle-2 .trade-text {
          font-size: 11px !important;
          font-weight: 800;
          /* padding: 0 4px; */
        }

        .header-menu .mobile-menu-toggle-wrap .toggle-2 .switch {
          width: 45px;
          height: 15px;
        }

        .header-menu .mobile-menu-toggle-wrap .toggle-2 .slider::before {
          width: 28px;
          height: 15px;
        }

        .header-menu .mobile-menu-toggle-wrap .toggle-2 .switch input:checked + .slider::before {
          transform: translateX(15px);
        }

    .header-menu .mobile-menu-action-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      min-height: 38px;
      border-radius: 12px;
      border: 0;
      box-shadow: none;
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      text-decoration: none;
      margin: 0;
      padding: 0 14px;
    }

      .header-menu .mobile-menu-action-btn span {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
      }

    .header-menu .mobile-menu-action-btn-login {
      background: #f4b000;
      color: #000;
    }

    .header-menu .mobile-menu-action-btn-download {
      background: #000;
    }

      .header-menu .mobile-menu-action-btn-download span {
        color: white;
      }

    .header-menu .mobile-menu-actions-authenticated .mobile-menu-action-btn-download {
      flex: 0 0 114px;
    }

    .header-menu .mobile-menu-action-btn img {
      display: block;
    }

    @media (max-width: 360px) {
      .header-menu > ul.top-menu.notmobile > li.mobile-menu-actions-item {
        padding: 14px 16px 18px;
      }

      .header-menu .mobile-menu-toggle-wrap .toggle-2 .buy-text, .header-menu .mobile-menu-toggle-wrap .toggle-2 .trade-text {
        font-size: 11px;
      }

      .header-menu .mobile-menu-actions-authenticated .mobile-menu-action-btn-download {
        flex-basis: 130px;
      }
    }
  }

  /* Spare Parts Finder mobile result cards */
  @media (max-width: 767px) {
    .html-shopping-cart-page .page.shopping-cart-page > .section {
      padding-top: 0;
      padding-bottom: 16px;
    }

    .html-shopping-cart-page #shopping-cart-container {
      width: calc(100% - 5px);
      max-width: calc(100% - 5px) !important;
      padding-left: 0;
      padding-right: 0;
    }

      .html-shopping-cart-page #shopping-cart-container > .page-body {
        display: block;
        padding-left: 0;
        padding-right: 0;
      }

        .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end {
          display: flex;
          align-items: flex-start;
          flex-wrap: nowrap;
          margin: 14px 0 12px;
        }

          .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end > .col-lg-6:first-child {
            flex: 0 0 56%;
            max-width: 56%;
            padding-left: 0 !important;
            padding-right: 0 !important;
          }

    .html-shopping-cart-page #cart-help-text {
      display: block;
      flex: 0 0 44%;
      max-width: 44%;
      order: 0;
      padding: 0 !important;
    }

      .html-shopping-cart-page #cart-help-text .help-text, .html-shopping-cart-page #cart-help-text .help-text * {
        height: auto;
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 5.5px;
        line-height: 8px;
        font-weight: 500;
        text-align: right;
      }

    .html-shopping-cart-page .cart-eyebrow {
      margin-bottom: 1px;
      font-size: 10px;
      line-height: 10px;
    }

    .html-shopping-cart-page .section-title h2, .html-shopping-cart-page .shopping-cart-page .section-title h2 {
      margin: 0;
      font-size: 20px;
      line-height: 24px;
      font-weight: 900;
    }

    .html-shopping-cart-page #shopping-cart-form > .row {
      display: flex;
      flex-direction: column;
      margin-left: 0;
      margin-right: 0;
    }

      .html-shopping-cart-page #shopping-cart-form > .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
      }

    .html-shopping-cart-page .delivery-methods {
      margin-bottom: 14px;
    }

      .html-shopping-cart-page .delivery-methods .title-shipment {
        display: none;
      }

    .html-shopping-cart-page .d-flex.deliver-method-wrap {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 8px;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-indicator {
      width: 10px;
      height: 10px;
      flex-basis: 10px;
      margin-right: 6px;
      margin-top: 1px;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method.active .delivery-method-indicator {
      background: radial-gradient(circle, #f1a710 0 42%, #fff 44%);
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-copy {
      gap: 3px;
      min-width: 0;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-title {
      font-size: 12px !important;
      line-height: 16px;
      font-weight: 700 !important;
    }

    .html-shopping-cart-page .delivery-methods .delivery-method .delivery-method-description {
      font-size: 10px;
      line-height: 12px;
      font-weight: 500;
    }

    .html-shopping-cart-page #checkout-free-shipping-div {
      margin-top: 13px;
      padding: 9px 10px;
      border-radius: 6px;
    }

      .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-header {
        display: grid;
        grid-template-columns: 12px minmax(0, 1fr) auto;
        gap: 7px;
        align-items: center;
      }

      .html-shopping-cart-page #checkout-free-shipping-div .icon-info {
        width: 12px;
        height: 12px;
      }

        .html-shopping-cart-page #checkout-free-shipping-div .icon-info:before {
          width: 6px;
          height: 6px;
        }

      .html-shopping-cart-page #checkout-free-shipping-div #checkout-free-shipping-txt {
        max-width: none;
        font-size: 12px;
        line-height: 15px;
        margin-left: 8px;
      }

      .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-amount {
        width: auto;
        margin-left: 0;
        color: #707070;
        font-size: 10px;
        line-height: 24px;
        text-align: right;
        white-space: nowrap;
      }

      .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-bar {
        height: 6px;
        margin-top: 8px;
      }

      .html-shopping-cart-page #checkout-free-shipping-div .delivery-progress-note {
        margin-top: 7px;
        font-size: 10px;
        line-height: 12px;
      }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper {
      overflow: visible;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div {
        border-radius: 10px;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div * {
          box-sizing: border-box;
        }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
            display: grid !important;
            grid-template-columns: minmax(0, 1.6fr) minmax(50px, 0.82fr) minmax(68px, 0.94fr) minmax(56px, 0.82fr) 20px;
            align-items: center;
            margin: 0 !important;
            column-gap: 8px;
            padding: 14px 12px !important;
          }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row * {
              font-size: 10px;
              line-height: 11px;
              text-transform: uppercase;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .product {
              width: auto;
              /*padding-left: 68px;*/
              text-align: left;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .unit-price {
              width: auto;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .quantity {
              width: auto;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row .subtotal {
              width: auto;
            }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
            display: grid !important;
            /*grid-template-columns: minmax(0, 1.6fr) minmax(50px, 0.82fr) minmax(68px, 0.94fr) minmax(56px, 0.82fr) 20px;*/
            align-items: flex-start;
            column-gap: 12px;
            min-height: 0;
            margin: 0;
            /*padding: 22px 12px 18px;*/
            border-bottom: 1px solid #e9e9e9;
          }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .product {
              display: grid !important;
              grid-column: auto !important;
              grid-row: auto !important;
              /*grid-template-columns: 58px minmax(0, 1fr);*/
              column-gap: 10px;
              width: auto;
              max-width: none;
              align-items: flex-start;
              overflow: visible;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .res-title, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price .res-title, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity .res-title, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal .res-title, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .subtotal-mob, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .remove-button-wrapper {
              display: none !important;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection {
              position: static;
              grid-column: auto;
              grid-row: auto;
              width: 58px;
              max-width: 58px;
              text-align: left;
            }

              .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .imageSection img {
                width: 58px;
                max-width: 58px;
                max-height: 58px;
              }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection {
              position: static;
              grid-column: auto !important;
              grid-row: auto !important;
              width: auto;
              min-width: 0;
              padding-left: 0;
              overflow: visible;
            }

              .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .product .detailSection > a {
                max-width: none;
                margin: 0 0 6px;
                font-size: 12px;
                line-height: 16px;
                font-weight: 800;
                white-space: normal !important;
                overflow-wrap: break-word;
                word-break: break-word;
                hyphens: auto;
              }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .prd-sku-wrapper *, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row .attributes * {
              font-size: 11px !important;
              line-height: 14px !important;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .quantity, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .subtotal {
              display: flex !important;
              grid-column: auto !important;
              grid-row: auto !important;
              width: auto;
              max-width: 100%;
              margin: 0;
              padding: 0;
              text-align: center;
              justify-content: center;
              align-items: flex-start;
              overflow: visible;
            }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-unit-price, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .product-subtotal, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .qty-input {
            font-size: 12px;
            line-height: 16px;
            font-weight: 800;
          }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .tax-suffix {
            display: block;
            margin-top: 1px;
            font-size: 10px;
            line-height: 12px;
          }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity > div {
            justify-content: center;
          }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number {
            height: 28px;
            border: 1px solid #e1e1e1;
            border-radius: 2px;
            overflow: hidden;
          }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number input {
              width: 32px !important;
              height: 28px !important;
              font-size: 12px;
              line-height: 28px;
            }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-minus, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .quantity-number button.button-2.button-plus {
              width: 16px;
              height: 28px;
              font-size: 12px;
              line-height: 28px;
            }

          .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
            position: static;
            display: flex;
            grid-column: auto !important;
            grid-row: auto !important;
            width: auto;
            min-width: 20px;
            margin: 0;
            text-align: right;
            justify-content: flex-end;
            justify-self: end;
            align-self: center;
            overflow: visible;
          }

            .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn .remove-button {
              display: block !important;
              width: 18px;
              min-width: 18px;
              height: 18px;
              min-height: 18px;
              margin: 0 !important;
              padding: 0 !important;
              border: 0;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 4l10 10M14 4L4 14' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 18px 18px;
              font-size: 0;
              color: transparent;
              appearance: none;
              -webkit-appearance: none;
              cursor: pointer;
              opacity: 1;
            }

    .html-shopping-cart-page .cart-footer {
      margin: 20px 0 0;
    }

      .html-shopping-cart-page .cart-footer .totals {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 0px;
        padding: 15px;
        border-radius: 10px;
      }

        .html-shopping-cart-page .cart-footer .totals .title {
          margin-bottom: 10px;
          font-size: 20px;
          line-height: 24px;
        }

      .html-shopping-cart-page .cart-footer .cart-total td {
        padding: 5px 0;
      }

      .html-shopping-cart-page .cart-footer .cart-total label, .html-shopping-cart-page .cart-footer .cart-total .cart-total-right span {
        font-size: 10px;
        line-height: 14px;
      }

      .html-shopping-cart-page .cart-footer .cart-total .order-total * {
        font-size: 20px;
        line-height: 24px;
      }

    .html-shopping-cart-page .checkout-buttons .proline-btn {
      min-height: 34px;
    }
  }

  .html-shopping-cart-page .promotion-checkout-gifts {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    grid-column: 1 / -1 !important;
    margin: 30px 0 0;
    margin-top: 30px !important;
    padding: 14px;
    border: 1px dashed #f2b7bc;
    border-radius: 6px;
    background: #fff3f3;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 10px;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e03a4e;
    font-size: 14px !important;
    font-weight: 800;
    letter-spacing: 0.03em;
  }

  .promotion-checkout-gifts__value {
    font-weight: normal !important;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__label span {
    color: #e03a4e;
    font-size: 14px !important;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__value {
    color: #5f6470;
    font-size: 14px !important;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__items {
    display: flex;
    flex-direction: column;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__item + .promotion-checkout-gifts__item {
    border-top: 1px solid #efd5d8;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
  }

    .html-shopping-cart-page .promotion-checkout-gifts__image img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

  .html-shopping-cart-page .promotion-checkout-gifts__meta {
    min-width: 0;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__name {
    display: block;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.4;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__sku {
    color: #667085;
    font-size: 13px !important;
    margin-top: 2px;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__summary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .html-shopping-cart-page .promotion-checkout-gifts__free-price {
    color: #e03a4e;
    font-size: 14px !important;
    font-weight: 800;
  }

  @media (max-width: 480px) {
    .html-shopping-cart-page .promotion-checkout-gifts__item {
      flex-direction: column;
      align-items: flex-start;
    }

    .html-shopping-cart-page .promotion-checkout-gifts__summary {
      padding-left: 54px;
    }
  }

  @media (max-width: 767px) {
    #result-info .product-grid.home-page-product-grid > .container {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
    }

    #result-info .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid {
      justify-content: center;
      gap: 28px;
      margin: 24px 0 0;
      padding: 0 20px;
    }

      #result-info .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box {
        flex: 0 0 100%;
        width: min(390px, calc(100vw - 40px));
        max-width: 390px;
        margin: 0 auto;
        padding: 0;
      }

        #result-info .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box > form, #result-info .product-grid.home-page-product-grid .scrollable-list.spare-parts-list.item-grid .item-box .product-details {
          width: 100%;
        }

    #faq-section, .product-tech-specs, #faq-reiviews {
      margin-top: 48px;
    }
  }

  @media (max-width: 767px) {
    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      position: relative !important;
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        position: absolute !important;
        top: -20px;
        right: 10px;
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        z-index: 3;
        overflow: visible !important;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn .remove-button, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn #remove-button {
          display: block !important;
          width: 18px !important;
          min-width: 18px !important;
          height: 18px !important;
          min-height: 18px !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          background-color: transparent !important;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 4l10 10M14 4L4 14' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
          background-repeat: no-repeat !important;
          background-position: center !important;
          background-size: 18px 18px !important;
          box-shadow: none !important;
          font-size: 0 !important;
          color: transparent !important;
          appearance: none;
          -webkit-appearance: none;
          opacity: 1 !important;
          cursor: pointer;
        }
  }

  @media (max-width: 420px) {
    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      /*padding-right: 30px !important;*/
    }

      .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn {
        top: 20px;
        right: 8px;
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
      }

        .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn .remove-button, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row > .removebtn #remove-button {
          width: 16px !important;
          min-width: 16px !important;
          height: 16px !important;
          min-height: 16px !important;
          background-size: 16px 16px !important;
        }
  }

  @media (min-width: 320px) and (max-width: 360px) {
    .site-footer .footer-main > .container > .row > div:nth-child(4) {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* Social Icons */
    .site-footer .footer-main > .container > .row > div:nth-child(5) {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .visible-mobile-only .row {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .visible-mobile-only .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
    }

    .visible-mobile-only .col-6 {
      flex: 0 0 auto !important;
      max-width: none !important;
      width: auto !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .social-box {
      width: 46px;
      height: 46px;
    }

    .container {
      width: 100% !important;
    }

    .header-menu {
      padding: 0;
      max-width: 100%;
    }

    .new-badge {
      top: -12px !important;
    }

    .featured-badge {
      top: -12px !important;
    }

    .bestseller-badge {
      top: -12px;
    }

    .header-logo a img {
      max-width: 126px;
    }

    .header-right-part {
      display: flex;
      gap: 0px;
      align-items: center;
      margin-left: 0px;
    }

    .header-links ul {
      gap: 0px;
    }

    #topmyaccountlink a {
      background: url(../images/myacc.png) left center no-repeat;
      width: 30px;
      height: 30px;
    }

    #topcartlink {
      padding: 0 0 0 5px;
    }

    #topmyaccountlink {
      margin: 0 5px 0 10px;
    }

    #header-phone-email {
      text-align: center;
    }

    .header-logo {
      margin-left: 0px;
    }

    .header-menu .mobile-menu-actions-authenticated {
      align-items: center;
      display: flex;
      flex-direction: column;
    }

    .header-menu .mobile-menu-toggle-wrap {
      flex: 1;
      min-width: 0;
      width: 100%;
    }

    .mobile-menu-download {
      width: 100%;
    }

    .toggle-2 {
      padding: 4px 35px !important;
      margin: 15px 0px 15px 0px !important;
    }

    .header-lower .phone-link-loggedin {
      padding: 7.5px 80px !important;
    }

    .html-shopping-cart-page .help-text {
      padding: 0px 0px 20px;
      height: 15px;
    }

    #mobileview-remove-button {
      display: block !important;
      margin-right: 75px !important;
    }

    .order-progress {
      margin: 0 0px 30px 0px;
    }

    .reseller-btn {
      min-width: 285px !important;
    }

    .reseller-btn, .brands-interest-btn {
      display: block;
      width: 285px !important;
    }

    .view-brands-btn {
      width: 285px !important;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-header-row {
      column-gap: 0px;
      padding: 0px;
    }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row, .html-shopping-cart-page .cart-table-wrap .table-wrapper #cart-items-div .cart-item-row:nth-last-child(2) {
      column-gap: 3px;
    }
  }

  .html-shopping-cart-page #ship-to-customer-delivery-div {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 16px 20px;
    border: 1px solid #f1a710;
    border-radius: 14px;
    background: #f3f1ea;
    box-sizing: border-box;
    text-align: left;
  }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-header {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon {
      display: inline-flex;
      width: 20px;
      height: 20px;
      align-items: center;
      justify-content: center;
      color: #f1a710;
      flex: 0 0 20px;
    }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon svg {
        width: 20px;
        height: 20px;
        display: block;
      }

        .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon svg path, .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon svg circle {
          fill: none;
          stroke: currentColor;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-title {
      color: #111;
      font-size: 16px;
      line-height: 22px;
      font-weight: 800;
    }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-copy {
      margin-top: 10px;
      color: #111;
    }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-lead {
      font-size: 15px;
      line-height: 22px;
      font-weight: 500;
    }

    .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-note {
      margin-top: 4px;
      font-size: 14px;
      line-height: 21px;
      font-weight: 500;
    }

  .html-shopping-cart-page #overnight-delivery-notice-div {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding: 16px 20px;
    border: 1px solid #f1a710;
    border-radius: 14px;
    background: #f3f1ea;
    box-sizing: border-box;
    text-align: left;
  }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-header {
      display: flex;
      align-items: center;
      gap: 10px;
      text-align: left;
    }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon {
      display: inline-flex;
      width: 20px;
      height: 20px;
      align-items: center;
      justify-content: center;
      color: #f1a710;
      flex: 0 0 20px;
    }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon svg {
        width: 20px;
        height: 20px;
        display: block;
      }

        .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon svg path, .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon svg circle {
          fill: none;
          stroke: currentColor;
          stroke-width: 1.8;
          stroke-linecap: round;
          stroke-linejoin: round;
        }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-title {
      color: #111;
      font-size: 16px;
      line-height: 22px;
      font-weight: 800;
    }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-copy {
      margin-top: 10px;
      color: #111;
      text-align: left;
    }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-lead {
      font-size: 15px;
      line-height: 22px;
      font-weight: 500;
    }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-list {
      margin: 10px 0 0;
      padding-left: 18px;
      list-style: disc;
      list-style-position: outside;
      color: #111;
      text-align: left;
    }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-list li {
        display: list-item;
        list-style: disc;
        margin: 0 0 4px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
      }

    .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-contact {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 14px;
      padding-top: 12px;
      border-top: 2px solid rgba(241, 167, 16, 0.7);
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      text-align: left;
    }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-contact strong {
        font-size: 16px;
        font-weight: 800;
      }

  @media (max-width: 767px) {
    .html-shopping-cart-page #ship-to-customer-delivery-div {
      margin-top: 13px;
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      padding: 11px 12px;
      border-radius: 8px;
    }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-header {
        gap: 7px;
        align-items: flex-start;
      }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon, .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-icon svg {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
      }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-title {
        font-size: 12px;
        line-height: 16px;
      }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-copy {
        margin-top: 6px;
      }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-lead, .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-note {
        font-size: 10px;
        line-height: 14px;
      }

      .html-shopping-cart-page #ship-to-customer-delivery-div .ship-to-customer-delivery-note {
        margin-top: 2px;
      }

    .html-shopping-cart-page #overnight-delivery-notice-div {
      margin-top: 13px;
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      padding: 11px 12px;
      border-radius: 8px;
    }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-header {
        gap: 7px;
        align-items: flex-start;
      }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon, .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-icon svg {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
      }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-title {
        font-size: 12px;
        line-height: 16px;
      }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-copy {
        margin-top: 6px;
      }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-lead, .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-list li, .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-contact {
        font-size: 10px;
        line-height: 14px;
      }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-list {
        margin-top: 6px;
        padding-left: 14px;
        list-style: disc;
        list-style-position: outside;
      }

        .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-list li {
          display: list-item;
          list-style: disc;
          margin-bottom: 2px;
        }

      .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-contact {
        gap: 6px;
        margin-top: 9px;
        padding-top: 8px;
      }

        .html-shopping-cart-page #overnight-delivery-notice-div .overnight-delivery-notice-contact strong {
          font-size: 12px;
        }
  }

  .html-payment-method-page .checkout-form-wrap {
    display: block;
  }

  .html-payment-info-page .checkout-form-wrap {
    display: block;
  }

  .html-checkout-page .checkout-step-shell {
    margin-bottom: 0;
  }

  .html-checkout-page .checkout-step-header {
    margin-bottom: 0;
  }

    .html-checkout-page .checkout-step-header .section-title {
      margin-bottom: 18px;
    }

      .html-checkout-page .checkout-step-header .section-title h6 {
        margin-top: 20px;
      }

      .html-checkout-page .checkout-step-header .section-title h2 {
        margin-bottom: 0;
      }

  .html-checkout-page .checkout-step-divider {
    margin: 0 0 15px;
    border-top: 2px solid #e1e1e1;
  }

  .html-checkout-page .checkout-step-body {
    display: flex;
    align-items: flex-start;
  }

    .html-checkout-page .checkout-step-body > [class*="col-"] {
      float: none;
    }

    .html-checkout-page .checkout-step-body .checkout-form-wrap {
      margin-bottom: 0;
    }

  .html-payment-method-page .payment-step-divider {
    margin: 0 0 26px;
    border-top: 1px solid #d7d7d7;
  }

  .html-payment-method-page .payment-step-heading {
    margin-bottom: 16px;
  }

  .html-payment-info-page .payment-step-heading {
    margin-bottom: 16px;
  }

  .html-payment-method-page .payment-step-heading h3 {
    margin: 0;
    color: #111;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
  }

  .html-payment-info-page .payment-step-heading h3 {
    margin: 0;
    color: #111;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
  }

  .html-payment-method-page .payment-method .checkout-form {
    padding: 0;
    background: transparent;
  }

  .html-payment-info-page .payment-info .checkout-form {
    padding: 0;
    background: transparent;
  }

  .html-payment-info-page .payment-info-card {
    border: 1px solid #E1E1E1;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
  }

  .html-payment-method-page .payment-method-block {
    display: block;
    margin-bottom: 0;
    background: transparent;
  }

    .html-payment-method-page .payment-method-block .payment-method {
      padding: 0;
      border: 1px solid #E1E1E1;
      border-radius: 12px;
      background: #fff;
      overflow: hidden;
    }

      .html-payment-method-page .payment-method-block .payment-method + .payment-method {
        margin-top: 16px;
      }

      .html-payment-method-page .payment-method-block .payment-method.active, .html-payment-method-page .payment-method-block .payment-method:hover {
        border-color: #cfcfcf;
      }

  .html-payment-method-page .payment-method-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
  }

  .html-payment-method-page .payment-method-copy {
    display: block;
    min-width: 0;
  }

  .html-payment-method-page .payment-method-name {
    display: block;
    color: #f1a710;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 800;
  }

  .html-payment-method-page .payment-method-subtitle {
    display: block;
    margin-top: 4px;
    color: #707070;
    font-size: 12px;
    line-height: 1.45;
  }

  .html-payment-method-page .payment-method-badge-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #f1a710;
  }

    .html-payment-method-page .payment-method-badge-icon svg {
      display: block;
      width: 22px;
      height: 22px;
    }

      .html-payment-method-page .payment-method-badge-icon svg path {
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

  .html-payment-method-page .payment-method-block .payment-method img {
    max-width: 40px;
    max-height: 24px;
    object-fit: contain;
  }

  .html-payment-method-page div.payment-details-container {
    margin: 0;
    padding: 18px;
    position: relative;
  }

    .html-payment-method-page div.payment-details-container::before {
      content: "";
      display: block;
      margin: 0 0 18px;
      border-top: 1px solid #e1e1e1;
    }

  .html-payment-method-page .payment-header {
    margin: 0 0 14px;
    color: #111;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
  }

  .html-payment-info-page .payment-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
  }

    .html-payment-info-page .payment-header::after {
      content: "";
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 0;
      border-bottom: 1px solid #E1E1E1;
    }

  .html-payment-info-page .payment-header-title {
    display: block;
    color: #f1a710;
    font-size: 16px !important;
    line-height: 1.35;
    font-weight: 700 !important;
  }

  .html-payment-info-page .payment-header-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: #f1a710;
  }

    .html-payment-info-page .payment-header-icon svg {
      display: block;
      width: 20px;
      height: 20px;
    }

  .html-payment-info-page .payment-info-body {
    padding: 18px;
  }

  .html-payment-info-page .payment-info-section-title {
    margin: 0 0 14px;
    color: #111;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
  }

  .html-payment-method-page .trade-account-payment-form {
    display: block;
  }

  .html-payment-info-page .trade-account-payment-form {
    display: block;
  }

  .html-payment-method-page .trade-account-payment-field + .trade-account-payment-field {
    margin-top: 14px;
  }

  .html-payment-info-page .trade-account-payment-field + .trade-account-payment-field {
    margin-top: 14px;
  }

  .html-payment-method-page .trade-account-payment-field label {
    display: block;
    margin-bottom: 8px;
    color: #111;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
  }

  .html-payment-info-page .trade-account-payment-field label {
    display: block;
    margin-bottom: 8px;
    color: #111;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
  }

  .html-payment-method-page .trade-account-required-marker {
    color: #d62d20;
    font-weight: 700;
  }

  .html-payment-info-page .trade-account-required-marker {
    color: #d62d20;
    font-weight: 700;
  }

  .html-payment-method-page .trade-account-payment-field input {
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
  }

  .html-payment-info-page .trade-account-payment-field input {
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
  }

  .html-payment-method-page .trade-account-payment-field span.field-validation-error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
  }

  .html-payment-info-page .trade-account-payment-field span.field-validation-error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
  }

  .html-payment-method-page .trade-account-payment-note {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 14px;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 1.5;
  }

  .html-payment-info-page .trade-account-payment-note {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 14px;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 1.5;
  }

  .html-payment-method-page .trade-account-payment-note-marker {
    display: none;
    margin-top: 1px;
  }

  .html-payment-info-page .trade-account-payment-note-marker {
    display: none;
    margin-top: 1px;
  }

  .html-payment-method-page .trade-account-payment-note-copy {
    flex: 1 1 auto;
  }

  .html-payment-info-page .trade-account-payment-note-copy {
    flex: 1 1 auto;
  }

  .html-payment-method-page .trade-account-payment-note-copy p {
    margin: 0;
  }

  .html-payment-info-page .trade-account-payment-note-copy p {
    margin: 0;
  }

  .html-payment-method-page .trade-account-payment-note-copy p + p {
    margin-top: 6px;
  }

  .html-payment-info-page .trade-account-payment-note-copy p + p {
    margin-top: 6px;
  }

  .html-payment-method-page .payment-summary-actions {
    margin-top: 20px;
  }

  .html-payment-info-page .payment-summary-actions {
    margin-top: 20px;
  }

  .html-payment-method-page .payment-summary-actions .proline-btn {
    width: 100%;
    min-height: 34px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }

  .html-payment-info-page .payment-summary-actions .proline-btn {
    width: 100%;
    min-height: 34px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }

  .html-payment-method-page .payment-summary-actions .proline-btn + .proline-btn {
    margin-top: 10px;
  }

  .html-payment-info-page .payment-summary-actions .proline-btn + .proline-btn {
    margin-top: 10px;
  }

  .html-payment-method-page .payment-summary-actions .proline-btn.proline-btn-solid-blue {
    background-color: #f1a710;
    border-color: #f1a710;
  }

  .html-payment-info-page .payment-summary-actions .proline-btn.proline-btn-solid-blue {
    background-color: #f1a710;
    border-color: #f1a710;
  }

  .html-payment-method-page .payment-summary-actions .proline-btn.proline-btn-solid-blue[disabled] {
    background-color: #e6cf98;
    border-color: #e6cf98;
    color: rgba(17, 17, 17, .45);
    cursor: not-allowed;
    opacity: 1;
  }

  .html-payment-info-page .payment-summary-actions .proline-btn.proline-btn-solid-blue[disabled] {
    background-color: #e6cf98;
    border-color: #e6cf98;
    color: rgba(17, 17, 17, .45);
    cursor: not-allowed;
    opacity: 1;
  }

  .html-payment-method-page .payment-summary-actions .payment-back-button {
    background: #fff;
    border: 1px solid #000;
    color: #111;
  }

  .html-payment-info-page .payment-summary-actions .payment-back-button {
    background: #fff;
    border: 1px solid #000;
    color: #111;
  }

  .html-order-confirm-page .confirm-step-divider {
    margin: 0 0 26px;
    border-top: 1px solid #d7d7d7;
  }

  .html-order-confirm-page .confirm-step-heading {
    margin: 0 0 16px;
  }

    .html-order-confirm-page .confirm-step-heading h3 {
      margin: 0;
      color: #111;
      font-size: 20px;
      line-height: 1.3;
      font-weight: 800;
    }

  .confirm-review-section {
    padding: 0 0 0 !important;
  }

  .html-order-confirm-page .confirm-review-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
  }

  .html-order-confirm-page .confirm-review-card, .html-order-confirm-page .confirm-order-contents-card, .html-order-confirm-page .confirm-email-card {
    padding: 14px 18px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
  }

  .html-order-confirm-page .confirm-review-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 6px;
  }

  .html-order-confirm-page .confirm-review-card-label, .html-order-confirm-page .confirm-order-contents-title {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .02em;
  }

  .html-order-confirm-page .confirm-order-contents-title {
    display: block;
    padding-bottom: 12px;
  }

  .html-order-confirm-page .confirm-review-card-edit {
    padding: 0;
    border: 0;
    background: transparent;
    color: #f1a710;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
  }

  .html-order-confirm-page .confirm-review-card-body {
    color: #111;
    font-size: 14px;
    line-height: 1.55;
  }

    .html-order-confirm-page .confirm-review-card-body strong {
      font-weight: 800;
    }

  .html-order-confirm-page .confirm-order-contents-card {
    margin-top: 12px;
  }

  .html-order-confirm-page .confirm-order-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 0;
    border-top: 1px solid #e6e6e6;
  }

  .html-order-confirm-page .confirm-order-contents-title + .confirm-order-item {
    margin-top: 0;
    border-top: 0 !important;
  }

  .html-order-confirm-page .confirm-order-item:last-of-type {
    border-bottom: 1px solid #e6e6e6;
  }

  .html-order-confirm-page .confirm-order-item-copy {
    flex: 1 1 auto;
    min-width: 0;
  }

  .html-order-confirm-page .confirm-order-item-name {
    color: #111;
    font-size: 14px;
    line-height: 1.45;
  }

    .html-order-confirm-page .confirm-order-item-name strong {
      font-weight: 800;
    }

  .html-order-confirm-page .confirm-order-item-meta, .html-order-confirm-page .confirm-order-item-meta *, .html-order-confirm-page .confirm-order-item-note, .html-order-confirm-page .confirm-order-item-note * {
    margin-top: 6px;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 1.45;
  }

  .html-order-confirm-page .confirm-order-item-note {
    color: #f1a710;
  }

  .html-order-confirm-page .confirm-order-item-price {
    flex: 0 0 auto;
    color: #111;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 800;
    white-space: nowrap;
  }

  .html-order-confirm-page .confirm-email-card {
    margin-top: 18px;
    border-color: #f1a710;
    background: #f8f5ed;
  }

  .html-order-confirm-page .confirm-email-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
  }

  .html-order-confirm-page .confirm-email-card-copy {
    margin-top: 8px;
    color: #111;
    font-size: 12px;
    line-height: 1.5;
  }

  .html-order-confirm-page .confirm-email-card-preview {
    display: inline-block;
    margin-top: 8px;
    color: #f1a710;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: underline;
  }

  .html-order-confirm-page .checkout-page .section.order-summary .order-summary-content {
    padding: 18px;
  }

  .html-order-confirm-page .confirm-summary-actions {
    margin-top: 20px;
  }

    .html-order-confirm-page .confirm-summary-actions .proline-btn {
      width: 100%;
      min-height: 34px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 18px;
      font-weight: 700;
    }

      .html-order-confirm-page .confirm-summary-actions .proline-btn + .proline-btn {
        margin-top: 10px;
      }

      .html-order-confirm-page .confirm-summary-actions .proline-btn.proline-btn-solid-blue {
        background-color: #f1a710;
        border-color: #f1a710;
      }

    .html-order-confirm-page .confirm-summary-actions .confirm-back-button {
      background: #fff;
      border: 1px solid #000;
      color: #111;
    }

  @media (max-width: 767px) {
    .html-checkout-page .checkout-step-header .section-title h6 {
      margin-top: 15px;
      margin-bottom: 0;
    }

    .html-checkout-page .checkout-step-header .section-title {
      margin-bottom: 16px;
    }

    .html-checkout-page .checkout-step-divider {
      margin-bottom: 22px;
    }

    .html-payment-method-page .payment-step-divider {
      margin-bottom: 22px;
    }

    .html-payment-method-page .payment-method-title {
      padding: 14px 16px;
    }

    .html-payment-method-page .payment-method-name {
      font-size: 15px;
    }

    .html-payment-method-page div.payment-details-container {
      padding: 16px 14px;
    }

    .html-order-confirm-page .confirm-step-divider {
      margin-bottom: 22px;
    }

    .html-order-confirm-page .confirm-review-card, .html-order-confirm-page .confirm-order-contents-card, .html-order-confirm-page .confirm-email-card, .html-order-confirm-page .checkout-page .section.order-summary .order-summary-content {
      padding: 16px 14px;
    }

    .html-order-confirm-page .confirm-order-item {
      gap: 12px;
      padding: 14px 0;
    }

    .html-order-confirm-page .confirm-order-item-name, .html-order-confirm-page .confirm-review-card-body, .html-order-confirm-page .confirm-order-item-price {
      font-size: 13px;
    }

    .html-order-confirm-page .confirm-email-card-title {
      align-items: flex-start;
    }
  }

  .html-order-completed-page .page-body.checkout-data {
    width: 920px;
    max-width: calc(100% - 32px);
    margin: 72px auto 96px;
    padding: 40px 40px 56px;
    border-radius: 0;
    text-align: center;
  }

  .html-order-completed-page .order-completed-card {
    max-width: 760px;
    margin: 0 auto;
  }

  .html-order-completed-page .order-completed-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
  }

    .html-order-completed-page .order-completed-icon svg {
      display: block;
      width: 50px;
      height: 50px;
    }

  .html-order-completed-page .order-completed-title {
    margin: 0;
    color: #111;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
  }

  .html-order-completed-page .order-completed-message {
    max-width: 700px;
    margin: 18px auto 0;
    color: #111;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
  }

    .html-order-completed-page .order-completed-message strong {
      font-weight: 800;
    }

  .html-order-completed-page .order-completed-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
  }

    .html-order-completed-page .order-completed-actions .proline-btn {
      min-width: 184px;
      min-height: 48px;
      padding: 12px 22px;
      border-radius: 4px;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 700;
      text-decoration: none;
    }

      .html-order-completed-page .order-completed-actions .proline-btn.proline-btn-solid-blue {
        background: #f1a710;
        border-color: #f1a710;
        color: #000;
      }

    .html-order-completed-page .order-completed-actions .order-completed-secondary-btn {
      background: #fff;
      border: 1px solid #4b4b4b;
      color: #111;
    }

  @media (max-width: 767px) {
    .html-order-completed-page .page-body.checkout-data {
      max-width: calc(100% - 24px);
      margin: 36px auto 56px;
      padding: 30px 18px 36px;
    }

    .html-order-completed-page .order-completed-title {
      font-size: 22px;
    }

    .html-order-completed-page .order-completed-message {
      font-size: 15px;
    }

    .html-order-completed-page .order-completed-actions {
      flex-direction: column;
      gap: 12px;
      margin-top: 28px;
    }

      .html-order-completed-page .order-completed-actions .proline-btn {
        width: 100%;
        min-width: 0;
      }
  }

  @media (max-width: 767px) {
    .toggle-2 .slider::before {
      left: -0.3px;
      top: 0px;
    }

    .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end {
      flex-wrap: wrap;
      margin-bottom: 16px;
    }

    .html-shopping-cart-page #cart-help-text {
      order: -1;
      display: flex;
      justify-content: flex-end;
      flex: 0 0 100%;
      max-width: 100%;
      margin: 0 0 15px;
      padding: 0 !important;
    }

      .html-shopping-cart-page #cart-help-text .help-text, .html-shopping-cart-page #cart-help-text .help-text * {
        margin: 0;
        padding: 0;
        height: auto;
        color: #000;
        font-size: 10px;
        line-height: 14px;
        text-align: right;
        white-space: nowrap;
      }

      .html-shopping-cart-page #cart-help-text .help-text {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        font-weight: 500;
      }

        .html-shopping-cart-page #cart-help-text .help-text::before {
          content: "";
          width: 12px;
          height: 12px;
          flex: 0 0 12px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1a710' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.11 4.18 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.72c.12.89.33 1.76.63 2.59a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6.09 6.09l1.49-1.28a2 2 0 0 1 2.11-.45c.83.3 1.7.51 2.59.63A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 12px 12px;
        }

        .html-shopping-cart-page #cart-help-text .help-text br {
          display: none;
        }

        .html-shopping-cart-page #cart-help-text .help-text a {
          color: #000;
          font-weight: 700;
          text-decoration: none;
        }

    .html-shopping-cart-page #shopping-cart-container > .page-body > .row.align-end > .col-lg-6:first-child {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .html-manufacturer-list-page #searchIcon {
      top: -25px;
    }
  }

  .html-product-details-page .product-purchase-row {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr);
    align-items: stretch;
    gap: 0px;
    width: 100%;
  }


  .html-product-details-page .product-purchase-actions {
    display: block;
    flex: none;
    min-width: 0;
    width: 100%;
  }

  /* When actions are the only child, use the entire grid width */
  .html-product-details-page
  .product-purchase-row > .product-purchase-actions:only-child {
    grid-column: 1 / -1;
    width: 100%;
  }

  /* Ensure the wrapper and single enquiry button fill that width */
  .html-product-details-page
  .product-purchase-actions > [id^="b2b-add-to-cart-wrapper-"],
  .html-product-details-page
  .product-purchase-actions > [id^="b2b-add-to-cart-wrapper-"] > .b2b-quick-enquiry,
  .html-product-details-page
  .product-purchase-actions > [id^="b2b-add-to-cart-wrapper-"] > .b2b-quick-enquiry > button {
    width: 100%;
  }

  .html-product-details-page .product-purchase-actions > div, .html-product-details-page .product-purchase-actions .add-to-cart, .html-product-details-page .product-purchase-actions .add-to-cart-panel, .html-product-details-page .product-purchase-actions .product-details-add-to-cart-button {
    width: 100%;
  }

  .html-product-details-page .product-purchase-actions .product-details-add-to-cart-button {
    min-height: 35px;
    padding: 8px 18px !important;
    gap: 8px;
    font-size: 14px;
    line-height: 1.2;
  }

  .html-product-details-page .b2b-product-purchase-state--outofstock .product-purchase-label, .html-product-details-page .b2b-product-purchase-state--outofstock .product-purchase-qty-wrap {
    display: none;
  }

  .html-product-details-page .b2b-product-purchase-state--outofstock .product-purchase-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .html-product-details-page .b2b-product-attributes--outofstock {
    display: none;
  }

  .html-product-details-page .b2b-product-purchase-state--outofstock .product-purchase-actions, .html-product-details-page .b2b-product-purchase-state--outofstock .b2b-quick-enquiry {
    width: 100%;
    max-width: none;
    justify-self: stretch;
  }

  .html-product-details-page .product-purchase-secondary-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 14px;
    margin-top: 10px;
    width: 100%;
  }

  .html-product-details-page .product-purchase-secondary-actions--no-datasheet {
    grid-template-columns: minmax(0, 1fr);
  }

  .html-product-details-page .product-purchase-wishlist, .html-product-details-page .product-purchase-datasheet {
    min-width: 0;
    width: 100%;
  }

  .html-product-details-page .b2b-quick-enquiry {
    display: block;
    width: 100%;
  }

  .html-product-details-page .b2b-quick-enquiry-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    min-height: 35px;
    padding: 8px 18px !important;
    border: 0;
    border-radius: 4px;
    background: #eead02;
    color: #111;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }

    .html-product-details-page .b2b-quick-enquiry-button:hover, .html-product-details-page .b2b-quick-enquiry-button:focus {
      color: #111;
      text-decoration: none;
    }

  .html-product-details-page .product-purchase-secondary-button, .html-product-details-page .product-purchase-datasheet .data-sheet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 35px;
    padding: 8px 16px;
    border: 1px solid #8f8f8f;
    border-radius: 4px;
    background: #fff;
    color: #111;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
  }

    .html-product-details-page .product-purchase-secondary-button:hover, .html-product-details-page .product-purchase-secondary-button:focus, .html-product-details-page .product-purchase-datasheet .data-sheet:hover, .html-product-details-page .product-purchase-datasheet .data-sheet:focus {
      color: #111;
      text-decoration: none;
    }

  .html-product-details-page .product-purchase-wishlist-control {
    position: relative;
    width: 100%;
  }

    .html-product-details-page .product-purchase-wishlist-control .pdp-wishlist-checkbox {
      display: block !important;
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
      opacity: 0;
    }

  .html-product-details-page .product-purchase-wishlist-button {
    margin: 0;
    user-select: none;
  }

    .html-product-details-page .product-purchase-wishlist-button.is-selected, .html-product-details-page .product-purchase-wishlist-control .pdp-wishlist-checkbox:checked + .product-purchase-wishlist-button {
      background: #f7f7f7;
    }

  .html-product-details-page .product-purchase-secondary-icon {
    flex: 0 0 auto;
  }

  .html-product-details-page .product-purchase-wishlist-button__text, .html-product-details-page .product-purchase-datasheet .spn-datasheet {
    position: static;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
  }

  .floating-atc-bar.floating-atc-bar--stock-hidden {
    display: none !important;
  }

  .html-product-details-page .availability .b2b-stock-badge {
    display: none;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 6px;
  }

  .html-product-details-page .availability .b2b-stock-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    border-radius: 21px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }

  .html-product-details-page .availability .b2b-stock-chip-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
  }

  .html-product-details-page .availability .b2b-stock-chip-text {
    display: block;
    color: #fff;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-instock .b2b-stock-chip {
    background: #16a34a;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-instock .b2b-stock-chip-dot {
    background: #43d66d;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-backorder .b2b-stock-chip {
    background: #ff8916;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-backorder .b2b-stock-chip-dot {
    background: #ffb058;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-outofstock .b2b-stock-chip {
    background: #FF0000;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-outofstock .b2b-stock-chip-dot {
    background: #FF6E76;
  }

  .html-product-details-page .availability .b2b-stock-badge-eta {
    display: none;
    padding-left: 14px;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal;
  }

  .html-product-details-page .availability .b2b-stock-badge.b2b-backorder .b2b-stock-badge-eta {
    display: block;
    margin-left: auto;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge {
    display: none;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 0;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
  }

  .html-shopping-cart-page .b2b-cart-stock-status {
    margin-top: 8px;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge-label {
    display: inline-block;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge.b2b-instock {
    background: #119F4A;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge-label {
    color: #fff;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge.b2b-instock .b2b-cart-stock-badge-dot {
    background: #3BCF77;
  }

  .html-shopping-cart-page .b2b-cart-stock-badge.b2b-backorder {
    background: #FC8217;
  }

    .html-shopping-cart-page .b2b-cart-stock-badge.b2b-backorder .b2b-cart-stock-badge-dot {
      background: #FFAF68;
    }

  .html-shopping-cart-page .b2b-cart-stock-badge.b2b-outofstock {
    background: #FF0000;
  }

    .html-shopping-cart-page .b2b-cart-stock-badge.b2b-outofstock .b2b-cart-stock-badge-dot {
      background: #FF6E76;
    }

  .html-shopping-cart-page .b2b-cart-stock-eta {
    display: none;
    margin-top: 6px;
    color: #666;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 500;
  }

  .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .edit-item {
    margin: 6px 0 0;
  }

    .html-shopping-cart-page .cart-table-wrap .table-wrapper .cart-item-row .product .edit-item a {
      color: #f0a51b;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 500;
    }

  @media (max-width: 767px) {
    .html-product-details-page .product-purchase-row {
      grid-template-columns: 118px minmax(0, 1fr);
      gap: 12px 16px;
    }

    .html-product-details-page .product-purchase-secondary-actions {
      grid-template-columns: 1fr;
      gap: 12px;
      margin-top: 12px;
    }

    .html-product-details-page .product-purchase-secondary-button, .html-product-details-page .product-purchase-datasheet .data-sheet, .html-product-details-page .b2b-quick-enquiry-button {
      min-height: 34px;
      font-size: 12px;
    }

    .html-product-details-page .product-purchase-wishlist-button__text, .html-product-details-page .product-purchase-datasheet .spn-datasheet {
      font-size: 12px;
    }
  }

  /* ── PDP two-column layout fix ──────────────────────────────────────────────
   The legacy @media(min-width:1001px) block applies:
     .gallery  { float: left;  width: 46% }
     .overview { float: right; width: 52% }
   These floated children make .product-essential collapse to zero height,
   so .product-collateral (#product-overview-section) renders on top of the
   product name / price / availability area on every screen size.
   The rules below restore Bootstrap col-12/col-lg-6 grid control.
   ────────────────────────────────────────────────────────────────────────── */
  .html-product-details-page .product-essential .overview, .html-product-details-page .product-essential .product-pictures {
    float: none !important;
    width: 100% !important;
  }

  /* Force the Bootstrap row to be a flex container so columns behave correctly
   even if any ancestor re-introduces block/float context. */
  .html-product-details-page .product-essential > .container > .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* Give .product-essential a reliable height so downstream sections
   (.product-collateral, .overview-bottom) sit below it. */
  .html-product-details-page .product-essential {
    overflow: hidden;
  }

  .account-section {
    padding: 20px 22px;
    border: 1px solid #a1a1a1;
    border-radius: 16px;
  }

    .account-section h3 {
      font-size: 14px;
      font-weight: 700;
    }

    .account-section p {
      margin: 0 0 20px;
      color: #a1a1a1;
      font-size: 14px;
    }

  .mobile-menu-action-btn-logout {
    background: #707070;
    color: #fff;
  }

    .mobile-menu-action-btn-logout span {
      color: #F8F8F8;
    }


@media (min-width: 1001px) and (max-width: 1005px) {
  #trade-acc-container {
    margin-left: 5px !important;
  }
}