:root {
  --clr-white: #fff;
  --clr-grey-light: #f0f0f0;
  --clr-grey-light2: #cacaca;
  --clr-grey-medium: #d9d9d9;
  --clr-grey-dark: #b7b7b7;
  --clr-black: #202020;
  --clr-blue: #004289;
  --clr-orange: #ef7a06;
  --fnt-family: ff-meta-web-pro, sans-serif;
  --fnt-weight-normal: 400;
  --fnt-weight-bold: 700;
  --fnt-size-small: 0.85rem;
  --fnt-size-normal: 1rem;
  --fnt-size-menu: 1.125rem;
  --fnt-size-medium: 1.2rem;
  --fnt-size-large: 1.35rem;
}

.toastify {
  padding: 12px 20px;
  color: var(--clr-white);
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: -webkit-linear-gradient(315deg, var(--clr-blue), var(--clr-black));
  background: linear-gradient(135deg, var(--clr-blue), var(--clr-black));
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
* {
  font-family: var(--fnt-family);
  font-weight: var(--fnt-weight-normal);
  font-size: var(--fnt-size-normal);
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--fnt-weight-bold) !important;
  color: var(--clr-blue);
}

.pageTop h1, .pageTop h2, .pageTop h3, .pageTop h4, .pageTop h5, .pageTop h5 {
  color: var(--clr-white);
}

.pageTop.product h1 {
  font-size: 2rem;
}

b, strong, .bold {
  font-weight: var(--fnt-weight-bold) !important;
}

a {
  text-decoration: none;
  color: var(--clr-orange);
}

hr {
  border-top: 1px solid var(--clr-blue);
  opacity: 1;
  margin: 1.5rem 0;
}
hr.or {
  border: 1px solid var(--clr-orange);
}

figure, img {
  margin: 0;
}
.text-success,
.text-danger {
  font-weight: var(--fnt-weight-bold);
}

.bg-grey-light {
  background-color: var(--clr-grey-light);
}

.block-grid.alt-color {
  background-color: var(--clr-grey-light);
}
.block-grid img {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.price {
  font-size: var(--fnt-size-large);
  font-weight: var(--fnt-weight-bold);
}

ul.check {
  margin: 0;
  padding: 0;
}
ul.check li {
  list-style-type: none;
  background: url("/lib/img/ic-check.svg") no-repeat top left;
  background-size: 34px;
  padding: 3px 0 0 42px;
  min-height: 42px;
  margin-bottom: 1rem;
}

.container.applications {
  margin-top: -10rem;
  padding-left: 0;
  padding-right: 0;
  /*& .row {
      padding-left: -3rem;
      padding-right: -3rem;
  }*/
}

.cannot-find-it {
  padding: 1rem 0 1rem 1rem;
  border-left: 1px solid var(--clr-grey-light2);
}

.BS-SIZES {
  position: fixed;
  top: 0;
  left: -70px;
  padding: 1rem;
  background: darkred;
  width: 200px;
  text-align: center;
  z-index: 999999;
  transform: rotateY(0deg) rotate(-45deg);
}
.BS-SIZES > div {
  font-weight: var(--fnt-weight-bold);
  color: white;
}

/*#region register */
#invoiceAddress, #showAccount {
  display: none;
}
#invoiceAddress.show, #showAccount.show {
  display: block;
}

/*#endregion */
/*#region order */
.order-header {
  font-weight: 700;
}

.openOrder {
  cursor: pointer;
}

.order-data .order-content {
  background-color: var(--clr-grey-light);
  margin-bottom: 4px;
}
.order-data .order-content a {
  text-decoration: none;
  color: var(--clr-black);
}
.order-data .order-content .line-total {
  width: 130px;
}
.order-data .order-content .total {
  margin-top: 5px;
  background-color: var(--clr-grey-light);
  padding: 5px 10px;
  position: relative;
  right: -10px;
}

.order-row a.openOrder {
  padding: 25px 0;
  background-color: var(--clr-grey-light);
  margin-bottom: 4px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-image: url(/lib/img/ic-arrow-down.svg);
  color: var(--clr-black);
  text-decoration: none;
  font-size: 1.25rem;
}
.order-row a.openOrder.open {
  background-image: url(/lib/img/ic-arrow-up.svg);
}

/*#endregion */
input, select, textarea {
  border: 1px solid var(--clr-black) !important;
  outline: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /*-moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;*/
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 0.75rem 1rem;
  width: 100%;
}

input[type=checkbox], input[type=radio] {
  width: 18px !important;
  height: 18px !important;
  padding: 10px;
}

textarea {
  min-height: 200px !important;
}

input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

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

button:disabled,
button[disabled] {
  pointer-events: stroke !important;
  cursor: not-allowed !important;
}

label {
  cursor: pointer;
}

#frmSearchTop {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#frmSearchTop input {
  padding-right: 46px;
}
#frmSearchTop button {
  position: absolute;
  right: 0px;
  top: 1px;
  bottom: 1px;
  aspect-ratio: 1;
  border: none;
  outline: none;
  background: url("/lib/img/ic-search.svg") no-repeat center center;
  background-size: 18px 18px;
}

.frm-container {
  padding: 1rem 0;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  background-color: var(--clr-accent1);
}

.field-validation-valid {
  display: none;
  padding-left: 10px;
}

#frmSearchTop input {
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
}

.form-floating input:not([type=checkbox]):not([type=radio]), .form-floating select, .form-floating textarea {
  border: 1px solid var(--clr-background);
}
.form-floating > label {
  top: -1px;
}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  -moz-transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
  -ms-transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
  -o-transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
  -webkit-transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem);
}

.form-check {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.1rem !important;
}

.form-check-input {
  float: none !important;
}
.form-check-input:checked {
  background-color: var(--clr-blue) !important;
}

.form-check-input[type=radio] {
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
}

.grecaptcha-disclaimer {
  font-size: 0.8rem;
}
.grecaptcha-disclaimer * {
  font-size: 0.8rem;
}

#terms-error {
  display: none;
}

#map {
  width: 100%;
  aspect-ratio: 1/1;
  margin-top: 1rem;
}

@media (min-width: 992px) {
  #frmSearchTop {
    width: 90%;
  }
}
.category-card-home {
  position: relative;
  padding: 1.2rem;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: url("/lib/img/category-card-bg.svg") no-repeat top center, linear-gradient(180deg, var(--clr-grey-medium) 33.59%, var(--clr-white) 100%);
  background-size: cover;
  text-align: center;
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.category-card-home img {
  /*margin-bottom: 2rem;*/
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  transform: scale(0.9);
  transition: all 0.2s;
}
.category-card-home a, .category-card-home h5 {
  color: var(--clr-black);
  text-decoration: none;
}
.category-card-home:hover img {
  transform: scale(0.95);
}
.category-card-home:hover h5 {
  color: var(--clr-blue);
}

.category-card {
  width: 100%;
  position: relative;
  background: var(--clr-grey-light);
}
.category-card .top {
  border-top: 1px solid var(--clr-grey-light2);
  background: var(--clr-white);
  padding: 1.2rem;
  /*background: var(--clr-grey-medium);
  background: linear-gradient(180deg, var(--clr-white) 0%, var(--clr-white) 49%, var(--clr-grey-medium) 50%, var(--clr-white) 100%);
  background-size: cover;
  -webkit-box-shadow: inset 0px 0px 4px 4px var(--clr-white);
  -moz-box-shadow: inset 0px 0px 4px 4px var(--clr-white);
  box-shadow: inset 0px 0px 4px 4px var(--clr-white);*/
}
.category-card .top img {
  /*margin-bottom: 2rem;*/
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  transform: scale(0.9);
  transition: all 0.2s;
}
.category-card .bottom {
  background: var(--clr-grey-light);
  padding: 1.2rem;
}
.category-card a, .category-card h5 {
  color: var(--clr-black);
  text-decoration: none;
}
.category-card:hover img {
  transform: scale(0.95);
}
.category-card:hover h5 {
  color: var(--clr-blue);
}

.product-card {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1.2rem;
  transition: all 0.2s;
}
.product-card .top {
  border-top: 1px solid var(--clr-grey-light2);
  height: 100%;
  padding: 1.2rem 0;
  /*background: var(--clr-grey-medium);
  background: linear-gradient(180deg, var(--clr-white) 0%, var(--clr-white) 49%, var(--clr-grey-medium) 50%, var(--clr-white) 100%);
  background-size: cover;
  -webkit-box-shadow: inset 0px 0px 4px 4px var(--clr-white);
  -moz-box-shadow: inset 0px 0px 4px 4px var(--clr-white);
  box-shadow: inset 0px 0px 4px 4px var(--clr-white);*/
  transition: all 0.2s;
}
.product-card .top img {
  /*margin-bottom: 2rem;*/
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  transform: scale(0.9);
  transition: all 0.2s;
}
.product-card .bottom {
  width: 100%;
  background: var(--clr-grey-light);
  padding: 1.2rem 1rem;
}
.product-card a, .product-card h5 {
  color: var(--clr-black);
  text-decoration: none;
}
.product-card:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgb(202, 202, 202);
  -moz-box-shadow: 0px 0px 5px 0px rgb(202, 202, 202);
  box-shadow: 0px 0px 5px 0px rgb(202, 202, 202);
}
.product-card:hover .top {
  border-top: 1px solid transparent;
}
.product-card:hover img {
  transform: scale(0.95);
}

.app-card {
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--clr-grey-light);
}
.app-card figure {
  width: 100%;
  aspect-ratio: 1.4/1;
  background-size: cover;
}
.app-card .content {
  padding: 1.2rem 1.2rem 3.6rem 1.2rem;
}
.app-card .bottom {
  position: absolute;
  bottom: 1.2rem;
  right: 1rem;
}
.app-card .bottom a, .app-card .bottom h5 {
  color: var(--clr-black);
  text-decoration: none;
}

.cookie-bar {
  background-color: var(--clr-orange);
  color: var(--clr-black);
  bottom: 0;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  color: var(--clr-white);
  font-size: var(--fnt-size-small);
  left: 0;
  padding: 10px 0;
  position: fixed;
  right: 0;
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 500ms ease-in-out;
}
.cookie-bar.show {
  transform: translateY(0);
  transition: transform 500ms 500ms ease-in-out;
}
.cookie-bar .text a {
  color: var(--clr-white);
}
.cookie-bar .cookie-bar-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: nowrap;
  height: 100%;
}
.cookie-bar .cookie-bar-button-container a {
  color: var(--clr-white);
}

@media (max-width: 991px) {
  .cookie-bar {
    text-align: center;
  }
  .cookie-bar .cookie-bar-button-container {
    padding-block: 0.5rem;
    justify-content: space-around;
  }
}
header > .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
header .logo {
  display: flex;
  height: 100%;
}
header .logo img {
  width: 100%;
  max-width: 330px;
}
header .top-nav {
  padding: 6px 0;
  background-color: var(--clr-grey-light);
}
header .top-nav a {
  color: var(--clr-black) !important;
  text-decoration: none;
  display: inline-block;
  margin-left: 20px;
}

footer {
  background-color: var(--clr-black);
  padding-top: 3rem;
}
footer * {
  color: var(--clr-white);
  text-decoration: none;
}
footer .email, footer .phone {
  display: block;
}
footer ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.subfooter {
  padding-top: 1rem;
  padding-bottom: 3rem;
}
.subfooter * {
  color: var(--clr-black);
  text-decoration: none;
}
.subfooter a {
  margin-right: 10px;
}

.pageTop {
  min-height: 287px;
  background-size: cover;
  background-position: center right;
  position: relative;
}
.pageTop h1 {
  margin-bottom: 2rem;
}
.pageTop.home .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
  min-height: 287px;
}
.pageTop .img-content {
  position: absolute;
  inset: 0;
  color: var(--clr-white);
  -moz-animation: headerH1 2s ease-in-out;
  -o-animation: headerH1 2s ease-in-out;
  -webkit-animation: headerH1 2s ease-in-out;
  animation: headerH1 2s ease-in-out;
  display: none;
}
.pageTop .img-content .container {
  position: relative;
  height: 100%;
}
.pageTop .content {
  position: relative;
  inset: 0;
  color: var(--clr-white);
  -moz-animation: headerH1 2s ease-in-out;
  -o-animation: headerH1 2s ease-in-out;
  -webkit-animation: headerH1 2s ease-in-out;
  animation: headerH1 2s ease-in-out;
}
.pageTop .content .container {
  position: relative;
  height: 100%;
}
.pageTop .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #EF7A06 -20%, rgba(239, 122, 6, 0) 30%);
}
.pageTop .lines-container {
  position: absolute;
  top: 0;
  left: 30%;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.pageTop .lines-container .lines {
  position: absolute;
  top: -100%;
  width: 100%;
  aspect-ratio: 1/1;
  background: url("/lib/img/header-lines.svg") no-repeat center center;
  background-size: contain;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transform: scale(1.2);
  /*-moz-animation: rotating 60s ease-in-out infinite;
  -o-animation: rotating 60s ease-in-out infinite;
  -webkit-animation: rotating 60s ease-in-out infinite;
  animation: rotating 60s ease-in-out infinite;*/
}
.pageTop .top-img {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  right: 15%;
  top: 0;
  height: 90%;
  max-width: 285px;
  aspect-ratio: 1;
}
.pageTop .prod-img {
  width: 100%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.pageTop .app-img-box, .pageTop .prod-img-box {
  position: relative;
  background: var(--clr-white);
  width: 100%;
  max-width: 536px;
  margin-bottom: 1rem;
  aspect-ratio: 1;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.pageTop .app-img-box .top-img, .pageTop .prod-img-box .top-img {
  inset: 1rem;
  max-width: none;
  width: calc(100% - 2rem) !important;
  display: block;
}
.pageTop .app-img-box {
  aspect-ratio: unset;
  height: 100%;
  background: none !important;
  top: 4rem !important;
}
.pageTop .app-img-box .top-img {
  inset: 0;
  width: 100% !important;
  border-radius: 20px;
}
.pageTop.home {
  min-height: 493px;
}
.pageTop.home .top-img {
  width: 350px;
  height: 350px;
  background-position: center bottom;
  top: -10%;
}
.pageTop.apps {
  padding-bottom: 10rem;
}
.pageTop.app {
  min-height: 400px;
  margin-bottom: 3rem;
}
.pageTop.product {
  min-height: 468px;
}
.pageTop.product .top-img {
  width: 535px;
  height: 440px;
  top: 30px;
}
.pageTop.product .priceTop {
  font-size: 1.25rem;
  font-weight: var(--fnt-weight-normal) !important;
}
.pageTop.product .priceTop span {
  font-size: 2rem;
  font-weight: var(--fnt-weight-bold) !important;
}
.pageTop hr {
  border-top: 1px solid var(--clr-white);
}

.pageTop:not(.product) .lines {
  -moz-animation: rotating 60s ease-in-out infinite;
  -o-animation: rotating 60s ease-in-out infinite;
  -webkit-animation: rotating 60s ease-in-out infinite;
  animation: rotating 60s ease-in-out infinite;
}

.breadcrumb {
  color: var(--clr-white);
}
.breadcrumb img {
  vertical-align: baseline;
}
.breadcrumb a {
  color: var(--clr-white);
  text-decoration: none;
  font-size: var(--fnt-size-small);
}
.breadcrumb .divider {
  padding: 0 6px;
}

@media (min-width: 992px) {
  .pageTop .img-content {
    display: block;
  }
  .pageTop .app-img-box, .pageTop .prod-img-box {
    position: absolute;
    right: 5%;
    top: 3rem;
    margin-bottom: 0;
  }
  .pageTop .img-content-product-mob {
    display: none;
  }
  .pageTop .overlay {
    background: linear-gradient(90deg, #EF7A06 30.47%, rgba(239, 122, 6, 0) 56.67%);
  }
}
@-webkit-keyframes headerH1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: scale(1.2) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.2) rotate(-360deg);
  }
  100% {
    -webkit-transform: scale(1.2) rotate(360deg);
  }
}
.home-categories {
  -moz-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  -o-transform: translateY(-4rem);
  -webkit-transform: translateY(-4rem);
  transform: translateY(-4rem);
}
.home-categories .container {
  padding: 0;
}
.home-categories .container .row {
  margin-left: -1rem;
  margin-right: -1rem;
}

.navbar {
  margin-left: -8px;
  margin-bottom: 1rem;
  border-top: 1px solid var(--clr-grey-light);
  border-bottom: 1px solid var(--clr-grey-light);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.nav-link {
  font-size: var(--fnt-size-menu);
}
.nav-link:hover, .nav-link.active {
  color: var(--clr-blue) !important;
}
.nav-link.dropdown-toggle {
  padding-right: 20px !important;
}
.nav-link.dropdown-toggle::after {
  content: ">";
  position: absolute;
  transform: rotate(90deg);
  border: none;
  margin-left: 8px;
  top: 10px;
}
.nav-link.dropdown-toggle.show:before {
  position: absolute;
  content: "";
  top: 36px;
  right: 1px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--clr-grey-medium) transparent;
  transform: rotate(0deg);
  z-index: 99999;
}

.dropdown-menu {
  background-color: var(--clr-grey-medium);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 20px 0;
}
.dropdown-menu .dropdown-item {
  position: relative;
  padding: 5px 20px;
  font-size: var(--fnt-size-menu);
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  background-color: var(--clr-blue);
}

.sitemap ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.sitemap ul li {
  list-style-type: square;
}

.account-menu .bor-right {
  border-right: 1px solid var(--clr-blue);
  height: 100%;
}
.account-menu a {
  color: var(--clr-black);
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
}
.account-menu a.active {
  font-weight: 700;
}

body.mmactive {
  overflow: hidden;
}

.mobile-menu-container {
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -9;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: var(--clr-blue);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.mobile-menu-container.active {
  opacity: 1;
  z-index: 999999;
}
.mobile-menu-container ul {
  margin: 0;
  padding: 0;
}
.mobile-menu-container ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid var(--clr-black);
}
.mobile-menu-container ul li a {
  padding: 10px 20px;
  display: block;
  color: var(--clr-white);
}
.mobile-menu-container .close-mobile-menu {
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url("/lib/img/ic-close.svg") no-repeat center center;
  background-size: contain;
}
.mobile-menu-container .mobile-menu {
  display: block;
  position: relative;
  margin-top: 50px;
}
.mobile-menu-container .mobile-menu.active {
  display: block;
}
.mobile-menu-container .mobile-menu ul.submenu {
  background-color: var(--clr-blue);
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999999;
}
.mobile-menu-container .mobile-menu ul.submenu li.back a {
  padding-left: 30px;
  color: var(--clr-white);
  position: relative;
  background: var(--clr-black) -trans;
}
.mobile-menu-container .mobile-menu ul.submenu li.back a::before {
  position: absolute;
  top: 18px;
  left: 20px;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 0.1em solid var(--clr-white);
  border-top: 0.1em solid var(--clr-white);
  transform: rotate(225deg);
}
.mobile-menu-container .mobile-menu li.hasChild > a {
  position: relative;
}
.mobile-menu-container .mobile-menu li.hasChild > a::before {
  position: absolute;
  top: 18px;
  right: 20px;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 0.1em solid var(--clr-white);
  border-top: 0.1em solid var(--clr-white);
  transform: rotate(45deg);
}
.mobile-menu-container .mobile-menu li.hasChild.active > ul.submenu {
  right: 0;
}

a.route, a.phone, a.email, a.account, a.top-cart, a.mnu-btn, a.download {
  display: block;
  position: relative;
  padding-left: 34px;
  background: no-repeat left center;
  line-height: 32px;
  background-size: 26px 26px;
  margin: 12px 0;
}

a.route {
  background-image: url("/lib/img/ic-route.svg");
}

a.phone {
  background-image: url("/lib/img/ic-phone.svg");
}

a.email {
  background-image: url("/lib/img/ic-email.svg");
}

a.download {
  display: inline-block;
  background-image: url("/lib/img/ic-download.svg");
  color: var(--clr-white);
}

a.account, a.top-cart, a.mnu-btn {
  display: inline-block;
  height: 36px;
  background-size: 36px 36px;
  color: var(--clr-black);
  margin-right: 0;
}

a.account {
  background-image: url("/lib/img/ic-account.svg");
  padding-left: 40px;
}

a.mnu-btn {
  background-image: url("/lib/img/ic-mnu.svg");
  padding-left: 40px;
  width: 36px;
  display: inline-block;
}

a.top-cart {
  width: 36px;
  background-image: url("/lib/img/ic-top-cart.svg");
  margin-right: 0.5rem;
}
a.top-cart span {
  position: absolute;
  top: -10px;
  right: -5px;
  background-color: var(--clr-orange);
  color: var(--clr-white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 15px;
  text-align: center;
  font-size: var(--fnt-size-small);
}

.btn {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
  border: none;
  outline: none;
  display: inline-block;
  padding: 8px 24px;
}
.btn.large {
  padding: 12px 30px;
}
.btn.white {
  background: var(--clr-white);
  color: var(--clr-blue);
}
.btn.white:hover {
  background: var(--clr-blue);
  color: var(--clr-white);
}
.btn.blue {
  background: var(--clr-blue);
  color: var(--clr-white);
}
.btn.grey-light {
  background: var(--clr-grey-light);
  color: var(--clr-blue);
}
.btn.brd-orange {
  border: 1px solid var(--clr-orange);
}
.btn.cart {
  color: var(--clr-blue);
  padding-left: 24px;
  background: var(--clr-white) url("/lib/img/ic-cart.svg") no-repeat left center;
  background-size: 18px 18px;
}
.btn.cart-2 {
  color: var(--clr-blue);
  padding-left: 36px;
  background: var(--clr-white) url("/lib/img/ic-cart.svg") no-repeat left center;
  background-size: 18px 18px;
  background-position-x: 12px;
  background-position-y: center;
}
.btn.cart-3 {
  color: var(--clr-white);
  padding-left: 46px;
  background: var(--clr-blue) url("/lib/img/ic-cart-white.svg") no-repeat left center;
  background-size: 18px 18px;
  background-position-x: 20px;
  background-position-y: center;
  height: 46px;
}
.btn.help {
  color: var(--clr-white);
  padding-right: 46px;
  background: var(--clr-orange) url("/lib/img/ic-help.svg") no-repeat;
  background-size: 18px 18px;
  background-position-x: calc(100% - 16px);
  background-position-y: center;
}

@media (min-width: 992px) {
  a.account {
    margin-right: 1rem;
  }
  a.mnu-btn {
    display: none;
  }
}
.pd-quantity > div {
  float: right;
}

.cart .button-minus, .cart .button-plus, .pd-quantity .button-minus, .pd-quantity .button-plus {
  border: 0 !important;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  display: inline-block;
  width: 21px;
  height: 32px;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: 1px;
  margin-right: 1px;
}
.cart .delete, .pd-quantity .delete {
  border: 0;
  background-color: var(--clr-orange);
  color: var(--clr-white);
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
}
.cart .quantity-field, .pd-quantity .quantity-field {
  border: 0 !important;
  width: 70px;
  height: 32px;
  text-align: center;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.cart .quantity-field::-webkit-outer-spin-button, .cart .quantity-field::-webkit-inner-spin-button, .pd-quantity .quantity-field::-webkit-outer-spin-button, .pd-quantity .quantity-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart .quantity-field input[type=number], .pd-quantity .quantity-field input[type=number] {
  -moz-appearance: textfield;
}
.cart a, .pd-quantity a {
  color: var(--clr-black);
  text-decoration: none;
}
.cart img, .pd-quantity img {
  border: 4px solid var(--clr-white);
}

.pd-quantity {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pd-quantity .button-minus, .pd-quantity .button-plus {
  background-color: var(--clr-white);
  color: var(--clr-blue);
}

.searchresult hr,
.autocomplete_list hr {
  border-top: 1px solid var(--clr-grey-dark);
  margin: 0.5rem 0;
}
.searchresult span,
.autocomplete_list span {
  display: block;
  font-size: var(--fnt-size-small);
}
.searchresult div.line,
.autocomplete_list div.line {
  display: block;
  margin: 3px 0;
}
.searchresult div.img,
.autocomplete_list div.img {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  background-size: contain;
  background-color: var(--clr-white);
  background-position: center;
  background-repeat: no-repeat;
}
.searchresult a,
.autocomplete_list a {
  display: inline-block;
  color: var(--clr-black);
  vertical-align: super;
}
.searchresult h6,
.autocomplete_list h6 {
  color: var(--clr-grey-dark);
}

.autocomplete_list {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  background-color: var(--clr-grey-medium);
  padding: 20px;
  -moz-border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  z-index: 99999;
}
.autocomplete_list:before {
  position: absolute;
  content: "";
  top: -10px;
  left: 90px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--clr-grey-medium) transparent;
  transform: rotate(0deg);
}
.autocomplete_list div.img {
  width: 25px;
  height: 25px;
}

ul.pagination {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
ul.pagination .page-item .page-link {
  color: var(--clr-blue);
  background-color: var(--clr-white);
}
ul.pagination .page-item .page-link:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
ul.pagination .page-item.active .page-link {
  color: var(--clr-white);
  background-color: var(--clr-blue);
}

.btn-prev,
.btn-next {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  width: 3rem;
  height: 3rem;
  background: var(--clr-orange);
  color: var(--clr-white);
  font-size: var(--fnt-size-medium);
  outline: none;
  border: none;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 999;
  transition: all 0.2s;
}

.btn-next {
  left: auto;
  right: 0.5rem;
}

.spotlight {
  display: none;
}

.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.slick-track .slick-slide.product-card .top {
  height: auto !important;
}
.slick-track .slick-slide.product-card .bottom {
  height: 100% !important;
}

.spotlight-container:hover .btn-prev,
.spotlight-container:hover .btn-next {
  opacity: 1;
}

@media (min-width: 992px) {
  .btn-prev {
    left: -1.5rem;
  }
  .btn-next {
    right: -1.5rem;
  }
  .slick-track {
    padding-left: 11%;
  }
}