:root {
  --main-color: #4f75f8;
  --header-main-background-color: #EFEFEF;
  --header-main-border-color: #E8E8E8;
  --header-nav-background-color: #F5F5F5;
  --header-nav-text-color: #313131;
  --header-nav-text-hover-color: #4f75f8;
  --header-nav-sales-text-color: #F45F5F;
  --header-nav-sales-border-color: #F45F5F;
  --filter-main-no-results-background-color: #4f75f8;
  --filter-main-background-color: #efefef;
  --filter-main-text-color: #404040;
  --filter-main-active-background-color: #4f75f8;
  --filter-main-active-text-color: #fff;
  --filter-main-active-hover-background-color: rgba(79, 117, 248, 0.35);
  --category-tree-active-text-color: #4f75f8;
  --brand-main-filter-active-background-color: rgba(90, 79, 248, 0.5);
  --color-main-filter-active-background-color: rgba(90, 79, 248, 0.5);
  --footer-main-background-color: #151515;
  --footer-title-text-color: #fff;
  --footer-title-link-color: #fff;
  --footer-title-link-hover-color: #4f75f8;
  --footer-main-copyright-background-color: #151515;
  --footer-main-copyright-border-color: #fff;
  --footer-main-copyright-text-color: #fff;
}

/* SITE VARIABLES */
:root {
  --base-container-width: 1300px;
}

/* TYPOGRAPHY */
@media only screen and (max-width: 1350px) {
  :root {
    --base-container-width: 900px;
  }
}
@media only screen and (max-width: 950px) {
  :root {
    --base-container-width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 450px) {
  :root {
    --base-container-width: calc(100% - 40px);
  }
}
h1,
h2,
h3 {
  font-family: "Baskervville", serif;
  letter-spacing: 0;
  color: #313131;
  font-size: 40px;
  margin: 0;
  width: fit-content;
  line-height: 1.3;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}

p {
  font-size: 14px;
  font-weight: 300;
  color: #313131;
  line-height: 1.35;
}
p strong {
  font-weight: 500;
}

.subpage h1 {
  font-size: 30px;
  padding-bottom: 21px;
  margin-bottom: 40px;
}
.subpage h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 60px);
  width: 120px;
  height: 1px;
  background: #313131;
}
.subpage h2,
.subpage h3 {
  margin: 30px 0;
  font-size: 22px;
  text-transform: none;
}
.subpage p {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
}
.subpage p strong {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
}
.subpage p a {
  color: #313131;
  font-weight: 600;
}
.subpage ul li,
.subpage ul a,
.subpage ol li,
.subpage ol a {
  font-size: 14px;
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #313131;
  text-decoration: none;
}
.subpage ul {
  margin: 20px auto 20px 35px;
}
.subpage ul li {
  list-style-position: inside;
}
.subpage .table-grid {
  display: grid;
  margin-right: auto;
  grid-template-columns: repeat(2, max-content);
  grid-column-gap: 25px;
  grid-row-gap: 5px;
}
.subpage .table-grid strong,
.subpage .table-grid span {
  color: #313131;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.1;
}
.subpage .table-grid strong {
  font-weight: 600;
  grid-column: 1/3;
  margin: 15px 0;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #919191;
  letter-spacing: 4px;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #919191;
  letter-spacing: 4px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #919191;
  letter-spacing: 4px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #919191;
  letter-spacing: 4px;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #919191;
  letter-spacing: 4px;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  h1, h2, h3 {
    font-size: 28px;
    letter-spacing: 4px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  h1,
h2,
h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 500px) {
  .subpage h1 {
    font-size: 24px;
  }
  .subpage h2,
.subpage h3 {
    font-size: 20px;
  }
  .subpage ul {
    margin: 20px auto 20px 10px;
  }
  .subpage .table-grid {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 450px) {
  h1, h2, h3 {
    font-size: 22px;
    letter-spacing: 0;
  }
}
.loader-overlay {
  position: fixed;
  z-index: 900;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-overlay img {
  opacity: 0.5;
}

.loading-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.52);
}
.loading-mask p {
  display: none;
}

.gallery-placeholder .loading-mask {
  position: absolute;
  padding: 0 !important;
  z-index: 600;
}

.message.global.noscript, .message.global.local_storage, .message.global.demo, .message.global.preview {
  padding: 12px;
  text-align: center;
  color: #9F6000;
  background-color: #FEEFB3;
}

.page.messages {
  width: 100%;
}
.page.messages .message {
  padding: 12px;
  text-align: center;
}
.page.messages .message.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.page.messages .message.info, .page.messages .message.notice {
  color: #9F6000;
  background-color: #FEEFB3;
}
.page.messages .message.error {
  color: #D8000C;
  background-color: #FFBABA;
}
.page.messages a {
  color: #f45f5e;
  font-weight: 600;
}
.page.messages a:hover {
  text-decoration: none;
}

.content-wrapper .message {
  width: 100%;
  padding: 12px;
  text-align: center;
  margin: 40px 0;
}
.content-wrapper .message.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.content-wrapper .message.info, .content-wrapper .message.notice {
  color: #9F6000;
  background-color: #FEEFB3;
}
.content-wrapper .message.error {
  color: #D8000C;
  background-color: #FFBABA;
}

/* BUTTONS */
.btn {
  display: flex;
  align-items: center;
  width: fit-content;
  width: -moz-fit-content;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #fff;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  font: 500 14px/1 "Prompt", sans-serif;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  transition: 0.25s background-color, 0.25s color;
}
.btn span {
  font: inherit;
}
.btn:hover {
  background: #fff;
  color: #000;
}
.btn.inverse {
  border: 1px solid #313131;
  color: #313131;
}
.btn.inverse.forward {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ODNBMjY5OTAtRjJENC00MkI2LUJBM0EtQjVDMTA3REY0OERCPC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19wcm9kdWN0X2xpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTEuMDAwMDAwLCAtODUzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3Mi44NTM5OTYsIDE4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJsZWZ0LWZpbHRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3Ni44NTM5OTYsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InNlcGVyYXRlX2xpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjE0NjAwNCwgMC4wMDAwMDApIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJyYW5kX2xpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCA0MzcuMDAwMDAwKSIgc3Ryb2tlPSIjMzEzMTMxIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJ0biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDIxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNDkuNSwwLjUgTDI0OS41LDI1LjUgTDAuNSwyNS41IEwwLjUsMC41IEwyNDkuNSwwLjUgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkFycm93X2JsYWNrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuMDAwMDAwLCA2LjEzNjAzOSkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIwLjUiIHkxPSI2LjUiIHgyPSIyNi41IiB5Mj0iNi41IiBpZD0iTGluZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9saW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUmVjdGFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC45NjM5NjEsIDYuNTAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTIwLjk2Mzk2MSwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMTYuNDYzOTYxIDIgMjUuNDYzOTYxIDIgMjUuNDYzOTYxIDExIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
}
.btn.inverse:hover {
  background: #313131;
  color: #fff;
}
.btn.forward {
  padding: 0 64px 0 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMjggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ODNBMjY5OTAtRjJENC00MkI2LUJBM0EtQjVDMTA3REY0OERCPC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19wcm9kdWN0X2xpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTEuMDAwMDAwLCAtODUzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3Mi44NTM5OTYsIDE4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJsZWZ0LWZpbHRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3Ni44NTM5OTYsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InNlcGVyYXRlX2xpbmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjE0NjAwNCwgMC4wMDAwMDApIj48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJyYW5kX2xpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCA0MzcuMDAwMDAwKSIgc3Ryb2tlPSIjZmZmZmZmIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJ0biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDIxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNDkuNSwwLjUgTDI0OS41LDI1LjUgTDAuNSwyNS41IEwwLjUsMC41IEwyNDkuNSwwLjUgWiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkFycm93X2JsYWNrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDEuMDAwMDAwLCA2LjEzNjAzOSkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIwLjUiIHkxPSI2LjUiIHgyPSIyNi41IiB5Mj0iNi41IiBpZD0iTGluZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSI+PC9saW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUmVjdGFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC45NjM5NjEsIDYuNTAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTIwLjk2Mzk2MSwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMTYuNDYzOTYxIDIgMjUuNDYzOTYxIDIgMjUuNDYzOTYxIDExIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
  background-size: 28px;
  background-position: center right 21px;
  background-repeat: no-repeat;
}
.btn.rounded {
  padding: 0 35px;
  border-radius: 13px;
  background-color: #fff;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  color: #313131;
  text-align: center;
}
.btn.rounded:hover {
  background: #313131;
  color: #fff;
}

.btn-delete {
  font: 500 12px/1 "Work Sans", sans-serif;
  color: #313131;
  background-color: transparent;
  border: 0;
  min-height: 22px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px 0 23px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTUgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NTg2MTIxMTItNkI1NC00MTk2LTg3REEtQTU3NDZDNTM4MjY1PC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19wcm9kdWN0X2xpc3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTYuMDAwMDAwLCAtMTY1Ni4wMDAwMDApIiBmaWxsPSIjMzEzMTMxIj4KICAgICAgICAgICAgPGcgaWQ9ImNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NzIuODUzOTk2LCAxODQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibGVmdC1maWx0ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNzYuODUzOTk2LCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjbGVhcl9maWx0ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMi4wMDAwMDAsIDE0NjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02Ljc1LDEuNSBDNi4zMzYsMS41IDYsMS44MzYgNiwyLjI1IEw2LDMgTDksMyBMOSwyLjI1IEM5LDEuODM2IDguNjY0LDEuNSA4LjI1LDEuNSBMNi43NSwxLjUgWiBNMTAuNSwzIEwxMC41LDIuMjUgQzEwLjUsMS4wMDcyNSA5LjQ5Mjc1LDAgOC4yNSwwIEw2Ljc1LDAgQzUuNTA3MjUsMCA0LjUsMS4wMDcyNSA0LjUsMi4yNSBMNC41LDMgTDAuNzUsMyBDMC4zMzYsMyAwLDMuMzM2IDAsMy43NSBDMCw0LjE2NCAwLjMzNiw0LjUgMC43NSw0LjUgTDAuODI4NzUsNC41IEwyLjEwNiwxNS45OTgyNSBDMi4yMzI3NSwxNy4xMzgyNSAzLjE5NTc1LDE4IDQuMzQyNSwxOCBMMTAuNjU3NSwxOCBDMTEuODA0MjUsMTggMTIuNzY3MjUsMTcuMTM4MjUgMTIuODkzMjUsMTUuOTk4MjUgTDE0LjE3MTI1LDQuNSBMMTQuMjUsNC41IEMxNC42NjQsNC41IDE1LDQuMTY0IDE1LDMuNzUgQzE1LDMuMzM2IDE0LjY2NCwzIDE0LjI1LDMgTDEwLjUsMyBaIE0xMi42NjIyNSw0LjUgTDIuMzM3NzUsNC41IEwzLjU5NywxNS44MzI1IEMzLjYzOTc1LDE2LjIxMjc1IDMuOTYwNzUsMTYuNSA0LjM0MjUsMTYuNSBMMTAuNjU3NSwxNi41IEMxMS4wMzkyNSwxNi41IDExLjM2MDI1LDE2LjIxMjc1IDExLjQwMywxNS44MzI1IEwxMi42NjIyNSw0LjUgWiBNNiw2Ljc1IEM2LjQxNCw2Ljc1IDYuNzUsNy4wODYgNi43NSw3LjUgTDYuNzUsMTMuNSBDNi43NSwxMy45MTQgNi40MTQsMTQuMjUgNiwxNC4yNSBDNS41ODYsMTQuMjUgNS4yNSwxMy45MTQgNS4yNSwxMy41IEw1LjI1LDcuNSBDNS4yNSw3LjA4NiA1LjU4Niw2Ljc1IDYsNi43NSBaIE05LDYuNzUgQzkuNDE0LDYuNzUgOS43NSw3LjA4NiA5Ljc1LDcuNSBMOS43NSwxMy41IEM5Ljc1LDEzLjkxNCA5LjQxNCwxNC4yNSA5LDE0LjI1IEM4LjU4NiwxNC4yNSA4LjI1LDEzLjkxNCA4LjI1LDEzLjUgTDguMjUsNy41IEM4LjI1LDcuMDg2IDguNTg2LDYuNzUgOSw2Ljc1IEw5LDYuNzUgWiIgaWQ9ImRlbGV0ZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 18px;
  background-position: left center;
  background-repeat: no-repeat;
}
.btn-delete span {
  font: inherit;
}

.btn-back {
  display: flex;
  align-items: center;
  font: 400 14px/1 "Baskervville", serif;
  font-style: italic;
  color: #313131;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  min-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 0 0 0 20px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1IDkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUgOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzMxMzEzMTt9DQo8L3N0eWxlPg0KPHRpdGxlPjI3MTZFMDY2LUUwNTktNDBBNC1BRkY3LTExNDYxOTM4RDIwQjwvdGl0bGU+DQo8ZyBpZD0iUGFyZnVtc3Rhcl94NUZfd2ViZGVzaWduX3g1Rl8yMDIxX3gyOF9GdWxsSERfeDI5XyI+DQoJPGcgaWQ9IlBTX3Byb2R1Y3RfbGlzdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2MDEuMDAwMDAwLCAtMjAzLjAwMDAwMCkiPg0KCQk8ZyBpZD0iY29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3Mi44NTM5OTYsIDE4NC4wMDAwMDApIj4NCgkJCTxnIGlkPSJ0aXRsZV9zb3J0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDIzLjg1Mzk5NiwgMC4wMDAwMDApIj4NCgkJCQk8ZyBpZD0ic29ydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODA1LjAwMDAwMCwgMTAuMDAwMDAwKSI+DQoJCQkJCTxnIGlkPSJhcnJvd19zaW1wbGVfc21hbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NS4wMDAwMDAsIDkuMDAwMDAwKSI+DQoJCQkJCQk8cGF0aCBpZD0iYXJyb3dfc2ltcGxlIiBjbGFzcz0ic3QwIiBkPSJNNC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC44QzQuNi0wLjEsNC4yLTAuMSw0LDAuMkwwLjIsNC4xYy0wLjIsMC4yLTAuMiwwLjYsMCwwLjgNCgkJCQkJCQlMNCw4LjhjMC4yLDAuMiwwLjYsMC4yLDAuOCwwYzAuMi0wLjIsMC4yLTAuNiwwLTAuOEwxLjQsNC41TDQuOCwxeiIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 8px;
  background-position: left center;
  background-repeat: no-repeat;
}
.btn-back span {
  font: inherit;
}

.btn-add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 86px;
  padding: 10px;
  border: 0;
  color: #313131;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  font: 500 14px/1 "Prompt", sans-serif;
  text-decoration: none;
  background-color: #FFC300;
  cursor: pointer;
  transition: 0.25s all;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
}
.btn-add-to-cart:hover {
  background-color: rgba(255, 195, 0, 0.75);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0);
}
.btn-add-to-cart._in-progress {
  background-color: #c8ff00;
}
.btn-add-to-cart._in-progress:hover {
  background-color: rgba(200, 255, 0, 0.75);
}
.btn-add-to-cart._completed {
  background-color: #309d38;
}
.btn-add-to-cart._completed:hover {
  background-color: rgba(48, 157, 56, 0.75);
}
.btn-add-to-cart span {
  font: inherit;
}

@media only screen and (max-width: 350px) {
  .btn.rounded {
    letter-spacing: 2px;
    padding: 0 30px;
  }
}
.cms-index-index .page-title-wrapper,
.customer-account-login .page-title-wrapper,
.checkout-cart-index .page-title-wrapper {
  display: none;
}

.submenu {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 0;
}
.submenu .submenu-container {
  transform: translateY(30px);
  transition: 300ms ease-in-out all;
  opacity: 0;
  visibility: hidden;
}
.submenu .submenu-container ul {
  background: #fff;
  width: 1300px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-content: baseline;
  max-height: 530px;
  flex-wrap: wrap;
}
.submenu .submenu-container ul li {
  list-style: none;
}
.submenu .submenu-container ul li a {
  display: block;
  font-weight: 600;
  text-decoration: none;
  transition: 0.25s opacity;
  z-index: 10;
  width: 260px;
  color: #313131;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.7;
  text-transform: none;
}
.submenu .submenu-container ul li a:hover {
  color: #F45F5F;
}
.submenu .submenu-container ul li.last-elem {
  display: flex;
  align-items: center;
  height: 470px;
  margin-left: -10px;
  padding-left: 20px;
  border-left: 1px solid #313131;
}
.submenu .submenu-container ul li.last-elem a {
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  min-height: 26px;
  display: flex;
  align-items: center;
  padding: 4px 20px;
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  line-height: 1;
  border: 1px solid #313131;
}
.submenu .submenu-container ul li.last-elem a:hover {
  background: #313131;
  color: #fff;
}
.submenu .submenu-container ul::before {
  content: "";
  position: absolute;
  left: 368px;
  top: 0;
  height: 20px;
  width: 1px;
  background-color: #313131;
}
.submenu.show {
  opacity: 1;
  visibility: visible;
  top: 45px;
}
.submenu.show .submenu-container.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: 100ms ease-in-out all;
}

:root {
  --gdpr-cookie-bar-background_color: #fff;
  --gdpr-cookie-bar-color: #222;
  --gdpr-cookie-bar-button-primary-background_color: #ff0000;
  --gdpr-cookie-bar-button-primary-hover-background_color: #842424;
  --gdpr-cookie-bar-button-primary-border_color: #ff0000;
  --gdpr-cookie-bar-button-primary-hover-border_color: #842424;
  --gdpr-cookie-bar-button-primary-color: #fff;
  --gdpr-cookie-bar-button-primary-hover-color: #fff;
  --gdpr-cookie-settings-button-primary-background_color: #ff0000;
  --gdpr-cookie-settings-button-primary-hover-background_color: #842424;
  --gdpr-cookie-settings-button-primary-border_color: #ff0000;
  --gdpr-cookie-settings-button-primary-hover-border_color: #842424;
  --gdpr-cookie-settings-button-primary-color: #fff;
  --gdpr-cookie-settings-button-primary-hover-color: #fff;
}

.cookie-bar {
  width: 100%;
  background: var(--gdpr-cookie-bar-background_color);
  color: var(--gdpr-cookie-bar-color);
  z-index: 899;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 25px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  transform: translateY(100%);
  transition: visibility 0s linear 0.4s, -webkit-transform 0.4s ease-in-out 0s;
  transition: transform 0.4s ease-in-out 0s, visibility 0s linear 0.4s;
  transition: transform 0.4s ease-in-out 0s, visibility 0s linear 0.4s, -webkit-transform 0.4s ease-in-out 0s;
}
.cookie-bar-container {
  display: flex;
  justify-content: space-between;
  max-width: 1920px;
  margin: 0 auto;
}
.cookie-bar-text {
  max-width: 800px;
}
.cookie-bar-text p:last-child {
  margin: 0;
}
.cookie-bar-buttons {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 40px;
}
.cookie-bar-buttons > * {
  margin-left: 25px;
}
.cookie-bar-buttons a {
  color: var(--gdpr-cookie-bar-color);
  text-decoration: underline;
  margin: 0;
}
.cookie-bar-buttons .action.primary {
  background-color: var(--gdpr-cookie-bar-button-primary-background_color);
  border-color: var(--gdpr-cookie-bar-button-primary-border_color);
  color: var(--gdpr-cookie-bar-button-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Work Sans", sans-serif;
  height: 32px;
  border-radius: 20px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  width: fit-content;
  min-width: 190px;
  padding: 0 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s all;
  box-sizing: border-box;
  vertical-align: middle;
}
.cookie-bar-buttons .action.primary:hover {
  background-color: var(--gdpr-cookie-bar-button-primary-hover-background_color);
  border-color: var(--gdpr-cookie-bar-button-primary-hover-border_color);
  color: var(--gdpr-cookie-bar-button-primary-hover-color);
}
.cookie-bar.shown {
  visibility: visible;
  transform: translateY(0);
  transition-duration: 0s;
}

.cookie-settings .cookie-buttons button.accept-cookie-consent {
  background-color: var(--gdpr-cookie-settings-button-primary-background_color);
  border-color: var(--gdpr-cookie-settings-button-primary-border_color);
  color: var(--gdpr-cookie-settings-button-primary-color);
}
.cookie-settings .cookie-buttons button.accept-cookie-consent:hover {
  background-color: var(--gdpr-cookie-settings-button-primary-hover-background_color);
  border-color: var(--gdpr-cookie-settings-button-primary-hover-border_color);
  color: var(--gdpr-cookie-settings-button-primary-hover-color);
}

.contact-index-index .field.choice {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.contact-index-index .field.choice input {
  top: 1px;
}
.contact-index-index .field.choice label {
  display: inline-block;
  margin: 0 0 0 10px;
}
.contact-index-index .field.choice div.yui-error {
  width: 100%;
  text-align: left;
  color: red;
  font-size: 14px;
  padding: 5px 0 0 0;
}

@media (max-width: 1023px) {
  .cookie-bar-container {
    flex-direction: column;
  }
  .cookie-bar-text {
    max-width: 100%;
    text-align: center;
  }
  .cookie-bar-buttons {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 550px) {
  .cookie-bar {
    padding: 20px;
  }
  .cookie-bar-buttons {
    flex-direction: column;
  }
  .cookie-bar-buttons > * {
    margin: 0;
  }
  .cookie-bar-buttons .accept-cookie-consent {
    margin: 10px 0 0 0;
  }
}
/** GLOBALS **/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  outline: none;
}

.fancybox-navigation,
.fancybox__nav {
  position: static;
}

img {
  max-width: 100%;
}

html,
body {
  font-family: "Prompt", sans-serif;
  overflow-x: hidden;
  height: auto;
}
html.noscroll,
body.noscroll {
  overflow-y: hidden;
}

main,
section {
  width: 100%;
}

/* COMMON CSS */
.container {
  width: 100%;
  max-width: var(--base-container-width);
  margin: 0 auto;
}

/* HEADER */
header {
  width: 100%;
  z-index: 2;
}
header .center {
  width: 100%;
  background: var(--header-main-background-color);
}
header .center .container {
  display: flex;
  align-items: center;
  padding: 25px 0;
}

header .logo {
  display: block;
  width: 250px;
  height: auto;
}
header .logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media only screen and (max-width: 1350px) {
  header .logo {
    width: 200px;
  }
}
@media only screen and (max-width: 950px) {
  header .logo {
    width: 150px;
  }
}
@media only screen and (max-width: 700px) {
  header .logo {
    width: 160px;
  }
}
@media only screen and (max-width: 400px) {
  header .logo {
    width: 130px;
  }
}
header .top-info {
  width: 100%;
  padding: 9px 0;
  border-bottom: 1px solid var(--header-main-border-color);
  background: var(--header-main-background-color);
}
header .top-info .container {
  display: flex;
  align-items: center;
}
header .top-info .container a {
  font-weight: 700;
  color: #9A9A9A;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
header .top-info .container a span {
  font-weight: 300;
  margin-right: 5px;
}
header .top-info .container span {
  color: #9A9A9A;
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
}
header .top-info .container span.info {
  margin-left: 5px;
}
header .top-info .container .line {
  height: 15px;
  width: 1px;
  background-color: #9A9A9A;
  margin: 0 28px;
}

@media only screen and (max-width: 600px) {
  header .top-info .container {
    flex-direction: column;
    align-items: flex-start;
  }
  header .top-info .container > *:not(:first-child) {
    margin-top: 10px;
  }
  header .top-info .container .line {
    display: none;
  }
}
@media (max-width: 500px) {
  header .top-info .container {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 450px) {
  header .top-info .container a {
    font-size: 12px;
  }
  header .top-info .container span.info {
    display: none;
  }
  header .top-info .container > *:not(:first-child) {
    margin-top: 2px;
  }
}
header .hamburger {
  display: none;
}

@media (max-width: 768px) {
  header .hamburger {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    height: calc(100% + 20px);
  }
  header .hamburger span {
    color: #000;
    font-family: "Work Sans", sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 0 0 0 auto;
    font-weight: 600;
    background: var(--header-nav-text-hover-color);
    height: 100%;
    max-height: calc(100% - 28px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    width: 132px;
  }
}
header form.search {
  margin-left: 90px;
  display: flex;
  align-items: center;
  width: 630px;
  padding-right: 10px;
  overflow: hidden;
  height: 50px;
}
header form.search input {
  height: 40px;
}
header form.search input[type=submit] {
  position: absolute;
  right: 0;
  top: 5px;
  width: 40px;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+QjlEQ0NGRjQtOUMzNS00OTczLTlCMjEtRUIxODBCODQ3OUEwPC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19tYWlucGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNDEuMDAwMDAwLCAtNjYuMDAwMDAwKSIgZmlsbD0iIzMxMzEzMSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9InNlYXJjaCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUwLjAwMDAwMCwgNTUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iYnRuIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1ODAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS45NDU5NDU5LDExIEMyNS44NDE3OTI0LDExIDI5LDE0LjE1ODIwNzYgMjksMTguMDU0MDU0MSBDMjksMjEuOTQ5OTAwNSAyNS44NDE3OTI0LDI1LjEwODEwODEgMjEuOTQ1OTQ1OSwyNS4xMDgxMDgxIEMyMC4yNjA4NjM3LDI1LjEwODEwODEgMTguNzEzNzgyNSwyNC41MTcyNTU1IDE3LjUwMDU3NTcsMjMuNTMxNDIzNCBMMTIuMjQ1NzI2NiwyOC43ODYyNjcxIEMxMS45NjA3NDk0LDI5LjA3MTI0NDMgMTEuNDk4NzEwMSwyOS4wNzEyNDQzIDExLjIxMzczMjksMjguNzg2MjY3MSBDMTAuOTI4NzU1NywyOC41MDEyODk5IDEwLjkyODc1NTcsMjguMDM5MjUwNiAxMS4yMTM3MzI5LDI3Ljc1NDI3MzQgTDExLjIxMzczMjksMjcuNzU0MjczNCBMMTYuNDY4NTc2NiwyMi40OTk0MjQzIEMxNS40ODI3NDQ1LDIxLjI4NjIxNzUgMTQuODkxODkxOSwxOS43MzkxMzYzIDE0Ljg5MTg5MTksMTguMDU0MDU0MSBDMTQuODkxODkxOSwxNC4xNTgyMDc2IDE4LjA1MDA5OTUsMTEgMjEuOTQ1OTQ1OSwxMSBaIE0yMS45NDU5NDU5LDEyLjQ1OTQ1OTUgQzE4Ljg1NjEzNjcsMTIuNDU5NDU5NSAxNi4zNTEzNTE0LDE0Ljk2NDI0NDggMTYuMzUxMzUxNCwxOC4wNTQwNTQxIEMxNi4zNTEzNTE0LDIxLjE0Mzg2MzMgMTguODU2MTM2NywyMy42NDg2NDg2IDIxLjk0NTk0NTksMjMuNjQ4NjQ4NiBDMjUuMDM1NzU1MiwyMy42NDg2NDg2IDI3LjU0MDU0MDUsMjEuMTQzODYzMyAyNy41NDA1NDA1LDE4LjA1NDA1NDEgQzI3LjU0MDU0MDUsMTQuOTY0MjQ0OCAyNS4wMzU3NTUyLDEyLjQ1OTQ1OTUgMjEuOTQ1OTQ1OSwxMi40NTk0NTk1IFoiIGlkPSJzZWFyY2hpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}
header form.search input[type=search] {
  width: calc(100% - 30px);
  padding-left: 20px;
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 4px;
  font-size: 14px;
  text-transform: uppercase;
  border: 0;
  background-color: #E3E3E3;
}
header form.search input[type=search]::-webkit-search-decoration, header form.search input[type=search]::-webkit-search-cancel-button, header form.search input[type=search]::-webkit-search-results-button, header form.search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

@media only screen and (max-width: 1350px) {
  header form.search {
    margin-left: 50px;
    width: 450px;
  }
}
@media only screen and (max-width: 950px) {
  header form.search {
    margin-left: auto;
    width: 320px;
  }
}
@media only screen and (max-width: 700px) {
  header form.search {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 10px;
  }
}
@media only screen and (max-width: 400px) {
  header form.search {
    height: 40px;
    bottom: 10px;
    padding-right: 0;
  }
  header form.search input {
    height: 30px;
  }
  header form.search input[type=search] {
    letter-spacing: 1px;
    padding-left: 10px;
  }
  header form.search input[type=submit] {
    width: 30px;
    background-size: 18px;
  }
}
header .user {
  margin-left: auto;
  height: 22px;
  width: 22px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NkNBN0VFMjctNjIwNC00OUNGLTkwOTUtNDBCQzkxQTU5QTI5PC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19tYWlucGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MTcuMDAwMDAwLCAtNjQuMDAwMDAwKSIgZmlsbD0iIzMxMzEzMSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9InByb2ZpbGUiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1MjgsNjQgQzE1MzQuMDc1MTMsNjQgMTUzOSw2OC45MjQ4Njc4IDE1MzksNzUgQzE1MzksODEuMDc1MTMyMiAxNTM0LjA3NTEzLDg2IDE1MjgsODYgQzE1MjEuOTI0ODcsODYgMTUxNyw4MS4wNzUxMzIyIDE1MTcsNzUgQzE1MTcsNjguOTI0ODY3OCAxNTIxLjkyNDg3LDY0IDE1MjgsNjQgWiBNMTUyOCw3MC4yMDUxMjgyIEMxNTI2LjMyMDcxLDcwLjIwNTEyODIgMTUyNC44OTc0NCw3MS41ODA2NjQ4IDE1MjQuODk3NDQsNzMuNDk1OTU0NyBDMTUyNC44OTc0NCw3NC42MTA0MzEyIDE1MjUuMjU4MzcsNzUuMzM2NDgxIDE1MjYuMDI2Miw3Ni4wNjE5MjI0IEMxNTI2LjMwMjIxLDc2LjI5MDUxMiAxNTI2LjUxNjk5LDc2LjU1NDU5NTMgMTUyNi42NzA2NCw3Ni44NDU4ODA3IEMxNTI2Ljk3Nzk1LDc3LjQyODQ5MzEgMTUyNy4wMTI5OSw3OC4wMzAxMjYzIDE1MjYuODkzOTUsNzguNTgwMDE4MyBDMTUyNi44Njk1OCw3OC42OTI1NzAzIDE1MjYuODQyNzksNzguNzgyMTM2OCAxNTI2Ljg0MjY5LDc4Ljc3MjI2NSBDMTUyNi41NzYyNSw3OS43NjE4MDcyIDE1MjUuODg3Miw4MC4xODYzNzcxIDE1MjQuMzc1LDgwLjcwMjkwNTEgTDE1MjQuMzc1LDgwLjcwMjkwNTEgTDE1MjMuODcyNDIsODAuODcyNjEwOSBDMTUyMy42NzcxLDgwLjkzODg4MTggMTUyMy41MjQ2LDgwLjk5MjI5MzMgMTUyMy4zNzg3OCw4MS4wNDYxMTYxIEMxNTIyLjY2MTcsODEuMzEwNzg1MiAxNTIyLjE0NzEyLDgxLjU4MTEzODMgMTUyMS43NzQ3MSw4MS45MTgyNTcxIEMxNTIzLjQyNDAyLDgzLjQwNDI1MTkgMTUyNS42MDY1LDg0LjMwNzY5MjMgMTUyOCw4NC4zMDc2OTIzIEMxNTMwLjM5MzAxLDg0LjMwNzY5MjMgMTUzMi41NzUxLDgzLjQwNDYxNTkgMTUzNC4yMjQwNiw4MS45MjA2NzQ5IEMxNTMzLjg1NDgsODEuNTkyMjYwNSAxNTMzLjM0MzI1LDgxLjMzMTY0OTkgMTUzMi42MTc5LDgxLjA3MDU2OTMgQzE1MzIuNDkxNjIsODEuMDI1MTE1NyAxNTMyLjM1OTQ0LDgwLjk3OTQ5NiAxNTMyLjE5MTc4LDgwLjkyMzA5NDQgTDE1MzIuMTkxNzgsODAuOTIzMDk0NCBMMTUzMS43NTY4Nyw4MC43Nzc0OTEgQzE1MzAuMTgyNiw4MC4yNDYzNjQ0IDE1MjkuNDczOTIsNzkuODE3MDE5IDE1MjkuMTY4OTcsNzguODExNzMzNCBDMTUyOS4xNDk3MSw3OC43NTE5NDU1IDE1MjkuMTI3NDYsNzguNjY2Nzg1MSAxNTI5LjEwNzEzLDc4LjU1OTUwNTYgQzE1MjkuMDEyMjgsNzguMDU5MDg4MSAxNTI5LjAzMzcxLDc3LjUxNjc4NTIgMTUyOS4yNjI2Miw3Ni45ODMwMjI5IEMxNTI5LjQxMTUyLDc2LjYzNTgxOTkgMTUyOS42NDAzNyw3Ni4zMjQyNjAxIDE1MjkuOTI2NjcsNzYuMDg1NzUxNyBDMTUzMC43MzMwOSw3NS4zNTcxNzM1IDE1MzEuMTAyNTYsNzQuNjExNTAyNCAxNTMxLjEwMjU2LDczLjQ5NTk1NDcgQzE1MzEuMTAyNTYsNzEuNjEzODU2NSAxNTI5LjY1ODE5LDcwLjIwNTEyODIgMTUyOCw3MC4yMDUxMjgyIFogTTE1MjgsNjUuNjkyMzA3NyBDMTUyMi44NTk1LDY1LjY5MjMwNzcgMTUxOC42OTIzMSw2OS44NTk1MDM1IDE1MTguNjkyMzEsNzUgQzE1MTguNjkyMzEsNzcuMTM2NDYyNSAxNTE5LjQxMjEzLDc5LjEwNDgwMTkgMTUyMC42MjI0OCw4MC42NzU3MjQ5IEMxNTIxLjE3Mzc2LDgwLjE2Nzg3NTIgMTUyMS44Nzk0OSw3OS43OTU1OTMgMTUyMi43OTI4LDc5LjQ1ODQ5NzEgQzE1MjIuOTU0ODQsNzkuMzk4Njg4NyAxNTIzLjEyMDQsNzkuMzQwNzAyNiAxNTIzLjMyODY3LDc5LjI3MDAzOTEgTDE1MjMuMzI4NjcsNzkuMjcwMDM5MSBMMTUyMy44Mjc5OCw3OS4xMDE0NDMyIEMxNTI0LjgwMjY0LDc4Ljc2ODUyNzEgMTUyNS4xNDg1LDc4LjU1NTQxNjkgMTUyNS4yMzIwMSw3OC4yNTg3OTk5IEMxNTI1LjIyOTE1LDc4LjI2NjUzNCAxNTI1LjIzMzMzLDc4LjI1MjUzNjkgMTUyNS4yMzk5NSw3OC4yMjE5Njk3IEMxNTI1LjI4MTk1LDc4LjAyNzk0MTcgMTUyNS4yNjk2OCw3Ny44MTcxOTc1IDE1MjUuMTczOCw3Ny42MzU0MjI5IEMxNTI1LjEyNDI2LDc3LjU0MTUwODkgMTUyNS4wNTE0Myw3Ny40NTE5NjAxIDE1MjQuOTA2MzgsNzcuMzI5NjA2MSBDMTUyMy43NzkxLDc2LjI2ODAxNiAxNTIzLjIwNTEzLDc1LjExMzQxMDcgMTUyMy4yMDUxMyw3My40OTU5NTQ3IEMxNTIzLjIwNTEzLDcwLjYzMjg2NyAxNTI1LjM5ODc1LDY4LjUxMjgyMDUgMTUyOCw2OC41MTI4MjA1IEMxNTMwLjU4MzQ5LDY4LjUxMjgyMDUgMTUzMi43OTQ4Nyw3MC42Njk2MjQ0IDE1MzIuNzk0ODcsNzMuNDk1OTU0NyBDMTUzMi43OTQ4Nyw3NS4xMTgyMDg0IDE1MzIuMjA1NTgsNzYuMzA3NTI0NCAxNTMxLjAzNjYsNzcuMzYyODE5MiBDMTUzMC45MzI3MSw3Ny40NDk2NjIzIDE1MzAuODYzNCw3Ny41NDQwMzI2IDE1MzAuODE3OTQsNzcuNjUwMDMzMyBDMTUzMC43NDA4Niw3Ny44Mjk3NTIgMTUzMC43MzIzLDc4LjA0NjM0NzcgMTUzMC43Njk4NCw3OC4yNDQzNzA0IEMxNTMwLjc3NjQxLDc4LjI3OTA1OTMgMTUzMC43ODEwNyw3OC4yOTY5MDIxIDE1MzAuNzg0MDUsNzguMzA2NTQxNyBDMTUzMC44NzA4LDc4LjU5MjM5MjYgMTUzMS4yNDM3Nyw3OC44MTgzNTU1IDE1MzIuMjk3ODYsNzkuMTczOTgzNSBMMTUzMi4yOTc4Niw3OS4xNzM5ODM1IEwxNTMyLjczMTM1LDc5LjMxOTExMTQgQzE1MzIuOTA5Myw3OS4zNzg5NzI1IDE1MzMuMDUxOSw3OS40MjgxODc5IDE1MzMuMTkxMDMsNzkuNDc4MjY3IEMxNTM0LjExOTc1LDc5LjgxMjU0OTEgMTUzNC44MjU0Niw4MC4xNzQ3MTg4IDE1MzUuMzc3NjUsODAuNjc1NDcxOSBDMTUzNi41ODc1Nyw3OS4xMDU2MzI3IDE1MzcuMzA3NjksNzcuMTM2OTEzNCAxNTM3LjMwNzY5LDc1IEMxNTM3LjMwNzY5LDY5Ljg1OTUwMzUgMTUzMy4xNDA1LDY1LjY5MjMwNzcgMTUyOCw2NS42OTIzMDc3IFoiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: contain;
}
header .user:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 400px) {
  header .user {
    height: 15px;
    width: 15px;
  }
}
header .cart {
  margin-left: 40px;
  width: 21px;
  height: 24px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjEgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+OTA4NkU5QjQtRTU1RS00MUI5LTg5NzItQzFFNTU3NEE3NkIxPC90aXRsZT4KICAgIDxnIGlkPSJQYXJmdW1zdGFyX3dlYmRlc2lnbl8yMDIxKEZ1bGxIRCkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQU19tYWlucGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1NzkuMDAwMDAwLCAtNjEuMDAwMDAwKSIgZmlsbD0iIzMxMzEzMSI+CiAgICAgICAgICAgIDxnIGlkPSJjYXJ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTc5LjAwMDAwMCwgNDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNSwyMCBDOC44ODE2ODI5NCwyMCA3LjU3MDAzNTQ5LDIxLjM0IDcuNTcwMDM1NDksMjMgTDEzLjQyOTk2NDUsMjMgQzEzLjQyOTk2NDUsMjEuMzQgMTIuMTE4MzE3MSwyMCAxMC41LDIwIFogTTEzLjQyOTk2NDUsMjUgTDEzLjQyOTk2NDUsMjYgQzEzLjQyOTk2NDUsMjYuNTUgMTMuODY3NTA1OSwyNyAxNC40MDY2MTkzLDI3IEMxNC45NDU3MzI4LDI3IDE1LjM4MzI3NDIsMjYuNTUgMTUuMzgzMjc0MiwyNiBMMTUuMzgzMjc0MiwyNSBMMTYuNTc2NzQ2NCwyNSBDMTcuMDcxOTEwNCwyNSAxNy40ODc5NjUzLDI1LjM4IDE3LjU0NjU2NDYsMjUuODggTDE5LjAzOTg2OTksMzguODggQzE5LjEwODIzNTcsMzkuNDggMTguNjU1MDY3OSw0MCAxOC4wNzAwNTE2LDQwIEwyLjkyOTk0ODM3LDQwIEMyLjM0NDkzMjEzLDQwIDEuODkxNzY0MjgsMzkuNDggMS45NjAxMzAxMiwzOC44OCBMMy40NTM0MzUzNywyNS44OCBDMy41MTIwMzQ2NiwyNS4zOCAzLjkyODA4OTYyLDI1IDQuNDIzMjUzNjIsMjUgTDUuNjE2NzI1ODIsMjUgTDUuNjE2NzI1ODIsMjYgQzUuNjE2NzI1ODIsMjYuNTUgNi4wNTQyNjcxOSwyNyA2LjU5MzM4MDY2LDI3IEM3LjEzMjQ5NDEzLDI3IDcuNTcwMDM1NDksMjYuNTUgNy41NzAwMzU0OSwyNiBMNy41NzAwMzU0OSwyNSBMMTMuNDI5OTY0NSwyNSBaIE01LjYxNjcyNTgyLDIzIEw0LjQyMzI1MzYyLDIzIEMyLjkzNzc2MTYxLDIzIDEuNjg3NjQzNDIsMjQuMTQgMS41MTM3OTg4NiwyNS42NSBMMC4wMjA0OTM2MjAyLDM4LjY1IEMtMC4xODQ2MDM4OTUsNDAuNDMgMS4xNzU4NzYyOSw0MiAyLjkyOTk0ODM3LDQyIEwxOC4wNzAwNTE2LDQyIEMxOS44MjQxMjM3LDQyIDIxLjE4NDYwMzksNDAuNDMgMjAuOTc5NTA2NCwzOC42NSBMMTkuNDg2MjAxMSwyNS42NSBDMTkuMzEyMzU2NiwyNC4xNCAxOC4wNjIyMzg0LDIzIDE2LjU3Njc0NjQsMjMgTDE1LjM4MzI3NDIsMjMgQzE1LjM4MzI3NDIsMjAuMjQgMTMuMTk2NTQ0LDE4IDEwLjUsMTggQzcuODAyNDc5MzUsMTggNS42MTY3MjU4MiwyMC4yNCA1LjYxNjcyNTgyLDIzIEw1LjYxNjcyNTgyLDIzIFoiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: contain;
  text-decoration: none;
  position: relative;
}
header .cart span {
  background: var(--main-color);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  color: #fff;
  font-family: "Prompt", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 8px;
  padding: 2px 0 0 0;
  position: absolute;
  top: -20px;
  right: -10px;
}
header .cart:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 700px) {
  header .cart {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 400px) {
  header .cart {
    margin-left: 20px;
    width: 15px;
    height: 17px;
  }
}
header nav {
  width: 100%;
  padding: 14px 0;
  background: var(--header-nav-background-color);
}
header nav ul.main {
  width: fit-content;
  width: -moz-fit-content;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
header nav ul.main > li {
  list-style: none;
}
header nav ul.main > li._big-z-index {
  z-index: 20;
}
header nav ul.main > li:not(:first-child) {
  margin-left: 46px;
}
header nav ul.main > li span.divider {
  width: 2px;
  height: 17px;
  margin: 0;
  background: #313131;
}
header nav ul.main > li a,
header nav ul.main > li span {
  display: block;
  color: var(--header-nav-text-color);
  font-size: 16px;
  font-weight: 600;
  font-family: "Prompt", sans-serif;
  line-height: 1;
  letter-spacing: 6px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.25s opacity;
  z-index: 10;
}
header nav ul.main > li a.hover-menu-indicator,
header nav ul.main > li span.hover-menu-indicator {
  cursor: default;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container {
  position: fixed;
  left: 0;
  width: 100%;
  padding-top: 14px;
  display: flex;
  justify-content: center;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0s all;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li {
  list-style: none;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu {
  background: #fff;
  width: 1300px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-content: baseline;
  max-height: 530px;
  flex-wrap: wrap;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu::before,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu::before {
  content: "";
  position: absolute;
  left: 413px;
  top: 0;
  height: 20px;
  width: 1px;
  background-color: #313131;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li a,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li a {
  width: 260px;
  color: #313131;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.7;
  text-transform: none;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+81):not(.last-elem),
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+81):not(.last-elem) {
  display: none;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem {
  display: flex;
  align-items: center;
  height: 470px;
  margin-left: -10px;
  padding-left: 20px;
  border-left: 1px solid #313131;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem a,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem a {
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  min-height: 26px;
  display: flex;
  align-items: center;
  padding: 4px 20px;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 1;
  border: 1px solid #313131;
}
header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu .close,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 40px;
  left: auto;
  right: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
header nav ul.main > li a.hover-menu-indicator:hover span,
header nav ul.main > li span.hover-menu-indicator:hover span {
  opacity: 0.5;
}
header nav ul.main > li a.hover-menu-indicator:hover .hover-menu-container,
header nav ul.main > li span.hover-menu-indicator:hover .hover-menu-container {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transition: 0.15s all;
}
header nav ul.main > li a.hover-gender-menu-indicator,
header nav ul.main > li span.hover-gender-menu-indicator {
  cursor: default;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu {
  position: absolute;
  left: -40px;
  top: 0;
  width: 240px;
  padding: 66px 33px 25px 33px;
  background: transparent;
  display: flex;
  flex-direction: column;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0s all;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::before,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 30px);
  background: #fff;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::after,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::after {
  content: "";
  position: absolute;
  left: 80px;
  top: 30px;
  height: 20px;
  width: 1px;
  background-color: #313131;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li {
  list-style: none;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li a,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li a {
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-size: 12px;
  line-height: 2.2;
  font-weight: 500;
  letter-spacing: 2.4px;
}
header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu .close,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 40px;
  left: auto;
  right: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyLjAwMSA1MTIuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDAxIDUxMi4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjg0LjI4NiwyNTYuMDAyTDUwNi4xNDMsMzQuMTQ0YzcuODExLTcuODExLDcuODExLTIwLjQ3NSwwLTI4LjI4NWMtNy44MTEtNy44MS0yMC40NzUtNy44MTEtMjguMjg1LDBMMjU2LDIyNy43MTcNCgkJCUwzNC4xNDMsNS44NTljLTcuODExLTcuODExLTIwLjQ3NS03LjgxMS0yOC4yODUsMGMtNy44MSw3LjgxMS03LjgxMSwyMC40NzUsMCwyOC4yODVsMjIxLjg1NywyMjEuODU3TDUuODU4LDQ3Ny44NTkNCgkJCWMtNy44MTEsNy44MTEtNy44MTEsMjAuNDc1LDAsMjguMjg1YzMuOTA1LDMuOTA1LDkuMDI0LDUuODU3LDE0LjE0Myw1Ljg1N2M1LjExOSwwLDEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdMMjU2LDI4NC4yODcNCgkJCWwyMjEuODU3LDIyMS44NTdjMy45MDUsMy45MDUsOS4wMjQsNS44NTcsMTQuMTQzLDUuODU3czEwLjIzNy0xLjk1MiwxNC4xNDMtNS44NTdjNy44MTEtNy44MTEsNy44MTEtMjAuNDc1LDAtMjguMjg1DQoJCQlMMjg0LjI4NiwyNTYuMDAyeiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
header nav ul.main > li a.hover-gender-menu-indicator:hover span,
header nav ul.main > li span.hover-gender-menu-indicator:hover span {
  opacity: 0.5;
}
header nav ul.main > li a.hover-gender-menu-indicator:hover .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator:hover .hover-gender-menu {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transition: 0.15s all;
}
header nav ul.main > li a.action,
header nav ul.main > li span.action {
  color: var(--header-nav-sales-text-color);
}
header nav ul.main > li a:not(.hover-menu-indicator, .hover-gender-menu-indicator):hover,
header nav ul.main > li span:not(.hover-menu-indicator, .hover-gender-menu-indicator):hover {
  opacity: 0.5;
}
header nav ul.main > li a:hover:not(.action) {
  color: var(--header-nav-text-hover-color);
}
header nav ul.main > li.active > a {
  color: var(--header-nav-text-hover-color);
}
header nav ul.main > li.active > a::before, header nav ul.main > li.active > a::after {
  border-color: #ffc300;
}

@media only screen and (max-width: 1350px) {
  header nav ul.main > li:not(:first-child) {
    margin-left: 32px;
  }
  header nav ul.main > li:nth-last-child(3)::before {
    left: -18px;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu {
    width: 900px;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu::before,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu::before {
    left: 240px;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li a,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li a {
    width: 210px;
    letter-spacing: 0.5px;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+61):not(.last-elem),
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+61):not(.last-elem) {
    display: none;
  }
  header nav ul.main > li a.hover-menu-indicator:hover span,
header nav ul.main > li span.hover-menu-indicator:hover span {
    opacity: 0.5;
  }
  header nav ul.main > li a.hover-menu-indicator:hover .hover-menu-container,
header nav ul.main > li span.hover-menu-indicator:hover .hover-menu-container {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: 0.15s all;
  }
  header nav ul.main > li a.hover-gender-menu-indicator,
header nav ul.main > li span.hover-gender-menu-indicator {
    cursor: default;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu {
    position: absolute;
    left: -40px;
    top: 0;
    width: 240px;
    padding: 66px 33px 25px 33px;
    background: transparent;
    display: flex;
    flex-direction: column;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0s all;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::before,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 30px);
    background: #fff;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::after,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::after {
    content: "";
    position: absolute;
    left: 80px;
    top: 30px;
    height: 20px;
    width: 1px;
    background-color: #313131;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li {
    list-style: none;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li a,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li a {
    color: #313131;
    font-family: "Prompt", sans-serif;
    font-size: 12px;
    line-height: 2.2;
    font-weight: 500;
    letter-spacing: 2.4px;
  }
  header nav ul.main > li a.hover-gender-menu-indicator:hover span,
header nav ul.main > li span.hover-gender-menu-indicator:hover span {
    opacity: 0.5;
  }
  header nav ul.main > li a.hover-gender-menu-indicator:hover .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator:hover .hover-gender-menu {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: 0.15s all;
  }
  header nav ul.main > li a.action,
header nav ul.main > li span.action {
    color: #F45F5F;
  }
  header nav ul.main > li a.action::before, header nav ul.main > li a.action::after,
header nav ul.main > li span.action::before,
header nav ul.main > li span.action::after {
    content: "";
    position: absolute;
    width: 7px;
    height: calc(100% + 4px);
    top: -3px;
    left: -7px;
    border: 1px solid #F45F5F;
    border-right: 0;
  }
  header nav ul.main > li a.action::after,
header nav ul.main > li span.action::after {
    left: auto;
    right: -3px;
    border-left: 0;
    border-right: 1px solid #F45F5F;
  }
  header nav ul.main > li a:not(.hover-menu-indicator, .hover-gender-menu-indicator):hover,
header nav ul.main > li span:not(.hover-menu-indicator, .hover-gender-menu-indicator):hover {
    opacity: 0.5;
  }
}
@media only screen and (max-width: 1150px) {
  header nav ul.main > li a,
header nav ul.main > li span {
    z-index: 1;
  }
  header nav ul.main > li a.hover-menu-indicator:hover .hover-menu-container,
header nav ul.main > li span.hover-menu-indicator:hover .hover-menu-container {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container {
    left: auto;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    align-items: center;
    background: #fff;
    transform: translateX(100vw);
    padding-top: 0;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container._show,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container._show {
    transform: translateX(0);
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: 0.15s all;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container > li,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container > li {
    width: 100%;
    height: 100%;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu {
    width: 100%;
    height: 100%;
    padding: 50px;
    align-items: center;
    max-height: none;
    flex-wrap: wrap;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu::before,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu::before {
    display: none;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem {
    height: 100%;
    margin-left: 0;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu .close,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu .close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  header nav ul.main > li a.hover-gender-menu-indicator:hover .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator:hover .hover-gender-menu {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu {
    position: fixed;
    left: auto;
    right: 0;
    width: 75vw;
    height: 100%;
    align-items: center;
    padding: 100px 50px;
    background: #fff;
    transform: translateX(75vw);
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu._show,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu._show {
    transform: translateX(0);
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transition: 0.15s all;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::before, header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu::after,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::before,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu::after {
    display: none;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li {
    width: -moz-fit-content;
    width: fit-content;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li a,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li a {
    font-size: 18px;
    letter-spacing: 3px;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu .close,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu .close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 950px) {
  header nav ul.main > li:not(:first-child) {
    margin-left: 23px;
  }
  header nav ul.main > li:nth-last-child(3)::before {
    left: -14px;
  }
  header nav ul.main > li a,
header nav ul.main > li span {
    font-size: 14px;
    letter-spacing: 2px;
  }
  header nav ul.main > li a.action::after,
header nav ul.main > li span.action::after {
    right: -7px;
  }
}
@media only screen and (max-width: 750px) {
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+31):not(.last-elem),
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+31):not(.last-elem) {
    display: none;
  }
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem,
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li.last-elem {
    margin-top: 20px;
    height: auto;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
    border-left: 0;
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu {
    justify-content: center;
    width: 100vw;
    padding: 70px 50px;
    transform: translateX(100vw);
  }
  header nav ul.main > li a.hover-gender-menu-indicator .hover-gender-menu li a,
header nav ul.main > li span.hover-gender-menu-indicator .hover-gender-menu li a {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 700px) {
  header nav {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+21):not(.last-elem),
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+21):not(.last-elem) {
    display: none;
  }
}
@media only screen and (max-width: 340px) {
  header nav ul.main > li a.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+15):not(.last-elem),
header nav ul.main > li span.hover-menu-indicator .hover-menu-container li .hover-menu li:nth-child(n+15):not(.last-elem) {
    display: none;
  }
}
#algolia-autocomplete-container .aa-dropdown-menu .autocomplete-wrapper::after {
  display: none;
}
#algolia-autocomplete-container .col3,
#algolia-autocomplete-container .col9 {
  float: none !important;
}
#algolia-autocomplete-container::after {
  display: none;
}

#autocomplete-products-footer {
  position: relative !important;
  width: 100% !important;
  left: 0 !important;
}

@media (max-width: 1023px) {
  #algolia-autocomplete-container .aa-dropdown-menu {
    max-width: calc(100% - 200px);
  }
  #algolia-autocomplete-container .other-sections {
    margin: 10px 10px 10px !important;
  }
  #algolia-autocomplete-container .col3 {
    width: 100%;
  }
}
@media (max-width: 580px) {
  #algolia-autocomplete-container .aa-dropdown-menu {
    max-width: calc(100% - 40px);
    right: initial !important;
    left: 20px !important;
  }
}
@media only screen and (max-width: 700px) {
  header .center .container {
    padding: 15px 0 70px 0;
  }
}
@media only screen and (max-width: 400px) {
  header .center .container {
    padding: 15px 0 65px 0;
  }
}
@media (max-width: 500px) {
  header .center .container {
    max-width: calc(100% - 40px);
  }
}
footer {
  width: 100%;
  background: var(--footer-main-background-color);
  margin: 40px 0 0 0;
}
footer .top {
  width: 100%;
  padding: 55px 0 60px 0;
}
footer .top .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(min-content, 318px));
  justify-content: space-between;
}
footer .top .container .column {
  display: flex;
  flex-direction: column;
}
footer .top .container .column .title {
  color: var(--footer-title-text-color);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 1;
  margin-bottom: 25px;
  text-transform: uppercase;
}
footer .top .container .column ul.big li:not(:first-child) {
  margin-top: 25px;
}
footer .top .container .column ul li {
  list-style: none;
}
footer .top .container .column ul li:not(:first-child) {
  margin-top: 12px;
}
footer .top .container .column ul li a {
  color: var(--footer-title-link-color);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 4px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
}
footer .top .container .column ul li a:hover {
  color: var(--footer-title-link-hover-color);
}
footer .top .container .column .row {
  display: flex;
  justify-content: space-between;
}
footer .top .container .column form span {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 4px;
}
footer .top .container .column form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
footer .top .container .column form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
footer .top .container .column form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
footer .top .container .column form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
footer .top .container .column form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
footer .top .container .column form input {
  width: 100%;
  height: 35px;
  border: 0;
  padding-left: 20px;
  margin-top: 10px;
  color: #313131;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  font-size: 14px;
  background: #fff;
}
footer .top .container .column form .row {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 12px 0 0 auto;
  color: #fff;
  letter-spacing: 4px;
  font-size: 20px;
  font-weight: 500;
}
footer .top .container .column form button {
  margin: 20px 0 0 auto;
}

.copyright {
  background: var(--footer-main-copyright-background-color);
  border-top: 1px solid var(--footer-main-copyright-border-color);
}
.copyright > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 12px 20px;
}
.copyright span {
  color: var(--footer-main-copyright-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 17px;
}
.copyright a {
  color: var(--footer-main-copyright-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 17px;
  text-align: right;
  text-decoration: none;
}
.copyright a:hover strong {
  text-decoration: underline;
}

@media only screen and (max-width: 1350px) {
  footer .top .container {
    grid-template-columns: 230px 210px 290px;
  }
  footer .top .container .column .title {
    letter-spacing: 2px;
  }
  footer .top .container .column ul li a {
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 850px) {
  footer .top .container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px 20px;
  }
  footer .top .container .column:nth-child(3) {
    grid-column: 1/3;
  }
  footer .top .container .column .row.bordered {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
  }
  footer .top .container .column .row.bordered::before {
    left: calc(25% + 35px);
  }
}
@media (max-width: 600px) {
  .copyright > span {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .copyright a {
    margin: 10px 0 0 0;
  }
}
@media only screen and (max-width: 500px) {
  footer .top .container .column .title {
    letter-spacing: 0.5px;
  }
  footer .top .container .column ul li a {
    letter-spacing: 0.5px;
  }
}
@media (max-width: 500px) {
  footer .top {
    padding: 20px 0;
  }
  footer .top .container {
    grid-gap: 20px;
  }
  footer .top .container .column .title {
    text-align: center;
  }
  footer .top .container .column ul li {
    text-align: center;
  }
  footer .top .container .column form span {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
  }
  footer .top .container .column form button {
    width: calc(100% - 80px);
    margin: 20px auto 0 auto;
    justify-content: center;
  }
}
@media only screen and (max-width: 450px) {
  footer .top .container {
    grid-template-columns: 1fr;
  }
  footer .top .container .column:nth-child(3) {
    grid-column: 1/2;
  }
  footer .top .container .column .title {
    letter-spacing: 2px;
  }
  footer .top .container .column ul li a {
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 380px) {
  footer .top .container .column .row.bordered::before {
    left: 85px;
  }
}
@media (max-width: 380px) {
  footer .top .container .column .heureka {
    margin: 0 auto 20px auto;
  }
  footer .top .container .column .row.bordered {
    display: flex;
    flex-direction: column;
  }
  footer .top .container .column .row.bordered .column {
    border: none;
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 340px) {
  footer .top .container .column .heureka {
    width: 60px;
  }
  footer .top .container .column .row.bordered::before {
    left: 75px;
  }
}
:root {
  --modal-popup-overlay-background-color: rgba(255, 255, 255, 0.5);
}

.modals-wrapper {
  z-index: 900;
}

.modal-popup {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-popup .modal-inner-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  margin: 0;
  padding: 2.5rem;
  background-color: white;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform 0.25s;
  transition-delay: 0.15s;
}
.modal-popup .modal-inner-wrap .modal-header {
  position: relative;
  display: flex;
  height: auto;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0 0 1.25rem;
}
.modal-popup .modal-inner-wrap .modal-header h1 {
  font-size: 24px;
  font-weight: 600;
  text-transform: initial;
  line-height: 28px;
}
.modal-popup .modal-inner-wrap .modal-header .action-close {
  border: none;
  background: transparent;
}
.modal-popup .modal-inner-wrap .modal-content {
  position: relative;
  display: flex;
  padding: 20px 0;
}
.modal-popup .modal-inner-wrap .modal-content p {
  font-size: 0.875rem;
  line-height: 1.75;
}
.modal-popup .modal-inner-wrap .modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  background: transparent;
  padding: 1.875rem 0 0;
  border: none;
}
.modal-popup .modal-inner-wrap .modal-footer button {
  position: relative;
  margin-left: 0.625rem;
  padding: 0.625rem 1.25rem;
  border: none;
  background-color: slategray;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.87rem;
  font-weight: 300;
  overflow: hidden;
  z-index: 1;
}
.modal-popup .modal-inner-wrap .modal-footer::after {
  display: none;
}
.modal-popup._show {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: var(--modal-popup-overlay-background-color);
  transition: background-color 0.25s;
  left: 0;
  top: 0;
}
.modal-popup._show > .modal-inner-wrap {
  transform: scale(1);
}

.modals-overlay {
  width: 100%;
  height: 100%;
}

:root {
  --cart-ajax-popup-view-button-background-color: #228F6E;
  --cart-ajax-popup-view-button-text-color: #fff;
  --cart-ajax-popup-view-button-hover-background-color: #167255;
  --cart-ajax-popup-view-button-hover-text-color: #fff;
  --cart-ajax-popup-continue-button-background-color: #1979c3;
  --cart-ajax-popup-continue-button-text-color: #1979c3;
  --cart-ajax-popup-continue-button-hover-background-color: #1566a5;
  --cart-ajax-popup-continue-button-hover-text-color: #fff;
}

.modal-popup.modals-cart-ajax-popup {
  position: absolute;
}
.modal-popup.modals-cart-ajax-popup .modal-header {
  display: none;
}
.modal-popup.modals-cart-ajax-popup .modal-inner-wrap {
  max-width: 500px;
  overflow: hidden;
  padding: 0;
}
.modal-popup.modals-cart-ajax-popup .modal-content {
  width: 100%;
  display: block;
  padding: 0;
}
.modal-popup.modals-cart-ajax-popup .modal-content .message-error {
  padding: 20px;
  text-align: center;
  background: #F5F8FC;
  color: #0050AA;
}
.modal-popup.modals-cart-ajax-popup .modal-content .block .header {
  font-size: 18px;
  display: block;
  margin: 0 0 10px 0;
}
.modal-popup.modals-cart-ajax-popup .modal-content .block .message {
  font-size: 14px;
  line-height: 18px;
  padding: 20px;
  text-align: center;
  background: #F7FAF8;
  color: #348553;
  border-color: #348553;
  font-weight: 600;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 20px;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .product-image img {
  object-position: center;
  object-fit: contain;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .product-details {
  padding: 10px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .product-details .price {
  font-family: "Prompt", sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  display: block;
  margin: 10px 0 0 0;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .continue,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .viewcart,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .continue,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .viewcart {
  padding: 14px 20px;
  border: none;
  font-weight: 100;
  cursor: pointer;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .continue:hover,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .viewcart:hover,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .continue:hover,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .viewcart:hover {
  background: var(--cart-ajax-popup-button-hover-background-color);
  color: var(--cart-ajax-popup-button-hover-text-color);
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .viewcart {
  background: var(--cart-ajax-popup-view-button-background-color);
  color: var(--cart-ajax-popup-view-button-text-color);
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-viewcart .viewcart:hover {
  background: var(--cart-ajax-popup-view-button-hover-background-color);
  color: var(--cart-ajax-popup-view-button-hover-text-color);
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .continue {
  border: 1px solid var(--cart-ajax-popup-continue-button-background-color);
  color: var(--cart-ajax-popup-continue-button-text-color);
  background: transparent;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .btn-continue .continue:hover {
  border: 1px solid var(--cart-ajax-popup-continue-button-hover-background-color);
  color: var(--cart-ajax-popup-continue-button-hover-text-color);
  background: var(--cart-ajax-popup-continue-button-hover-background-color);
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 5px;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .checkout-link a {
  text-decoration: none;
}
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .checkout-link a:hover {
  text-decoration: underline;
}
.modal-popup.modals-cart-ajax-popup._show {
  position: fixed;
}

@media (max-width: 1023px) {
  .modal-popup.modals-cart-ajax-popup .modal-inner-wrap {
    max-width: 600px;
  }
}
@media (max-width: 650px) {
  .modal-popup.modals-cart-ajax-popup .modal-inner-wrap {
    max-width: calc(100% - 80px);
  }
}
@media (max-width: 420px) {
  .modal-popup.modals-cart-ajax-popup .modal-content .block .message,
.modal-popup.modals-cart-ajax-popup .modal-content .block .header {
    text-align: center;
  }
  .modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main {
    flex-direction: column;
  }
  .modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions {
    width: 100%;
    align-items: center;
  }
  .modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-continue,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-viewcart {
    width: 100%;
  }
  .modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-continue .viewcart,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-continue .continue,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-viewcart .viewcart,
.modal-popup.modals-cart-ajax-popup .modal-content .ajaxcart-wrapper-main .actions .btn-viewcart .continue {
    width: 100%;
  }
}
:root {
  --account-nav-elem-color: #313131;
  --account-nav-active-background-color: #ffc300;
  --account-nav-active-elem-color: #313131;
  --account-nav-hover-background-color: rgba(255, 195, 0, 0.10);
  --account-nav-delimiter-background-color: rgba(113, 113, 113, 0.15);
}

.block.account-nav {
  width: 100%;
}
.block.account-nav .account-nav-content {
  margin: 40px 0 10px 0;
}
.block.account-nav .account-nav-content .items {
  list-style: none;
}
.block.account-nav .account-nav-content .items .item .delimiter {
  width: 90%;
  background: var(--account-nav-delimiter-background-color);
  height: 1px;
  display: block;
  margin: 12px auto;
}
.block.account-nav .account-nav-content .items .item > strong,
.block.account-nav .account-nav-content .items .item > a {
  color: var(--account-nav-elem-color);
  text-decoration: none;
  padding: 12px;
  display: block;
}
.block.account-nav .account-nav-content .items .item.current {
  background: var(--account-nav-active-background-color);
}
.block.account-nav .account-nav-content .items .item.current > strong,
.block.account-nav .account-nav-content .items .item.current > a {
  color: var(--account-nav-active-elem-color);
}
.block.account-nav .account-nav-content .items .item:hover:not(.current) {
  background: var(--account-nav-hover-background-color);
  cursor: pointer;
}

:root {
  --login-input-background-color: #F1F1F1;
  --login-input-border-color: #F1F1F1;
  --login-input-text-color: #313131;
  --action-toolbar-primary-background-color: #FFC300;
  --action-toolbar-primary-background-hover-color: #FFC300FF;
  --action-toolbar-primary-text-color: #313131;
  --action-toolbar-primary-border-color: #FFC300;
}

.login-container {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  grid-column-gap: 40px;
  max-width: 1024px;
  margin: 40px auto;
  padding: 0 20px;
}
.login-container .divider {
  display: block;
  width: 1px;
  height: 100%;
  background: #000;
}
.login-container .block {
  float: none !important;
  width: 100%;
  margin: 0;
}
.login-container .block .block-title {
  font-family: "Prompt", sans-serif;
  text-align: center;
  font-weight: 900;
  font-size: 26px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 12px;
}
.login-container .block .block-content,
.login-container .block .fieldset {
  max-width: 100%;
  margin: 0 auto;
  border: 0;
  padding: 0;
}
.login-container .block .block-content {
  text-align: center;
}
.login-container .block .field.note {
  text-align: center;
  font-size: 14px;
}
.login-container .block .fieldset > .field:not(.choice) > .label {
  display: none;
}
.login-container .block .fieldset > .field > .control {
  width: 100%;
  float: none;
}
.login-container .block .fieldset > .field > .control input {
  width: 100%;
  font-weight: 300;
  background-color: var(--login-input-background-color);
  border: 1px solid var(--login-input-border-color);
  height: 45px;
  margin: 20px 0 0 0;
  padding: 10px;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input.placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input:-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input::-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input:-ms-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input::-webkit-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--login-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.login-container .block .fieldset > .field > .control input[aria-invalid] {
  border-color: red;
}
.login-container .block .fieldset > .field > .control input + .yui-error {
  text-align: left;
  font-size: 14px;
  color: red;
  width: 100%;
  display: block;
  margin: 4px 0 0 0;
}
.login-container .block .fieldset > .field::before, .login-container .block .fieldset > .field::after {
  display: none;
}
.login-container .block .fieldset::after {
  display: none;
}
.login-container .block .choice.persistent {
  margin: 20px 0 0 0;
  position: relative;
  text-align: left;
  font-size: 14px;
}
.login-container .block .choice.persistent input {
  top: 1px;
  margin: 0 4px 0 0;
}
.login-container .block .choice.persistent .tooltip.wrapper {
  display: none;
}
.login-container .block .actions-toolbar {
  margin: 20px 0 0 0;
}
.login-container .block .actions-toolbar .primary,
.login-container .block .actions-toolbar .secondary {
  float: none;
  width: 100%;
}
.login-container .block .actions-toolbar .primary {
  height: 46px;
  background-color: var(--action-toolbar-primary-background-color);
  border: 1px solid var(--action-toolbar-primary-border-color);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-toolbar-primary-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.login-container .block .actions-toolbar .primary:hover {
  background-color: var(--action-toolbar-primary-background-hover-color);
}
.login-container .block .actions-toolbar .secondary {
  font-size: 14px;
  margin: 10px 0 0 0;
  text-align: center;
}
.login-container .block .actions-toolbar .secondary a {
  text-decoration: none;
}
.login-container .block .actions-toolbar .secondary a:hover {
  text-decoration: underline;
}
.login-container .block .actions-toolbar::before, .login-container .block .actions-toolbar::after {
  display: none;
}
.login-container::before, .login-container::after {
  display: none !important;
}

@media (max-width: 550px) {
  .login-container {
    display: block;
  }
  .login-container .divider {
    display: none;
  }
  .login-container .block {
    margin: 0 0 40px 0;
  }
  .login-container .block:last-child {
    margin: 0;
  }
}
.customer-logout {
  max-width: 1024px;
  margin: 40px auto;
  padding: 0 20px;
  text-align: center;
}

:root {
  --register-input-background-color: #F1F1F1;
  --register-input-border-color: #F1F1F1;
  --register-input-text-color: #313131;
  --action-toolbar-primary-background-color: #FFC300;
  --action-toolbar-primary-background-hover-color: #FFC300FF;
  --action-toolbar-primary-text-color: #313131;
  --action-toolbar-primary-border-color: #FFC300;
}

.register-container {
  max-width: 1024px;
  margin: 40px auto;
  padding: 0 20px;
}
.register-container .page-title {
  font-family: "Prompt", sans-serif;
  text-align: center;
  font-weight: 900;
  font-size: 26px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 12px;
  width: 100%;
  text-transform: initial;
}
.register-container .page-title::after {
  display: none;
}
.register-container .form.create.account {
  min-width: initial;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.register-container .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.register-container .fieldset {
  margin: 0;
  max-width: 100%;
  border: 0;
  padding: 0;
}
.register-container .fieldset > .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.register-container .fieldset > .field:not(.choice) > .label {
  display: none;
}
.register-container .fieldset > .field > .control {
  width: 100%;
  float: none;
}
.register-container .fieldset > .field > .control input {
  width: 100%;
  font-weight: 300;
  height: 45px;
  margin: 20px 0 0 0;
  padding: 10px;
  text-transform: initial;
  background-color: var(--register-input-background-color);
  border: 1px solid var(--register-input-border-color);
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input.placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input:-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input::-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input:-ms-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input::-webkit-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--register-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.register-container .fieldset > .field > .control input[aria-invalid] {
  border-color: red;
}
.register-container .fieldset > .field > .control input + .yui-error {
  text-align: left;
  font-size: 14px;
  color: red;
  width: 100%;
  display: block;
  margin: 4px 0 0 0;
}
.register-container .fieldset > .field.choice {
  margin: 20px 0 0 0;
}
.register-container .fieldset > .field::before, .register-container .fieldset > .field::after {
  display: none;
}
.register-container .choice.newsletter, .register-container .choice.persistent {
  position: relative;
  text-align: left;
}
.register-container .choice.newsletter input, .register-container .choice.persistent input {
  top: 1px;
  margin: 0 4px 0 0;
}
.register-container .choice.newsletter .tooltip.wrapper, .register-container .choice.persistent .tooltip.wrapper {
  display: none;
}
.register-container .actions-toolbar {
  margin: 20px 0 0 0;
}
.register-container .actions-toolbar .primary,
.register-container .actions-toolbar .secondary {
  float: none;
  width: 100%;
}
.register-container .actions-toolbar .primary {
  height: 46px;
  background-color: var(--action-toolbar-primary-background-color);
  border: 1px solid var(--action-toolbar-primary-border-color);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-toolbar-primary-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.register-container .actions-toolbar .primary:hover {
  background-color: var(--action-toolbar-primary-background-hover-color);
}
.register-container .actions-toolbar .secondary {
  font-size: 14px;
  margin: 10px 0 0 0;
  text-align: center;
}
.register-container .actions-toolbar .secondary a {
  text-decoration: none;
}
.register-container .actions-toolbar .secondary a:hover {
  text-decoration: underline;
}
.register-container .actions-toolbar::before, .register-container .actions-toolbar::after {
  display: none;
}

:root {
  --forgotten-input-background-color: #F1F1F1;
  --forgotten-input-border-color: #F1F1F1;
  --forgotten-input-text-color: #313131;
  --action-toolbar-primary-background-color: #FFC300;
  --action-toolbar-primary-background-hover-color: #FFC300FF;
  --action-toolbar-primary-text-color: #313131;
  --action-toolbar-primary-border-color: #FFC300;
}

.forgotten-password-container {
  max-width: 1024px;
  margin: 40px auto;
  padding: 0 20px;
}
.forgotten-password-container .page-title {
  font-family: "Prompt", sans-serif;
  text-align: center;
  font-weight: 900;
  font-size: 26px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 12px;
  text-transform: initial;
  width: 100%;
}
.forgotten-password-container .page-title::after {
  display: none;
}
.forgotten-password-container .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.forgotten-password-container .form.password.forget {
  min-width: initial;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.forgotten-password-container .form.password.forget .fieldset {
  margin: 0;
  max-width: 100%;
  border: 0;
  padding: 0;
}
.forgotten-password-container .form.password.forget .fieldset > .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.forgotten-password-container .form.password.forget .fieldset > .field:not(.choice) > .label {
  display: none;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control {
  width: 100%;
  float: none;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input {
  width: 100%;
  font-weight: 300;
  background-color: var(--forgotten-input-background-color);
  border: 1px solid var(--forgotten-input-border-color);
  height: 45px;
  margin: 20px 0 0 0;
  padding: 10px;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input.placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input:-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input::-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input:-ms-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input::-webkit-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--forgotten-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input[aria-invalid] {
  border-color: red;
}
.forgotten-password-container .form.password.forget .fieldset > .field > .control input + .yui-error {
  text-align: left;
  font-size: 14px;
  color: red;
  width: 100%;
  display: block;
  margin: 4px 0 0 0;
}
.forgotten-password-container .form.password.forget .fieldset > .field.choice {
  margin: 20px 0 0 0;
}
.forgotten-password-container .form.password.forget .fieldset > .field::before, .forgotten-password-container .form.password.forget .fieldset > .field::after {
  display: none;
}
.forgotten-password-container .form.password.forget .actions-toolbar {
  margin: 20px 0 0 0;
}
.forgotten-password-container .form.password.forget .actions-toolbar .primary,
.forgotten-password-container .form.password.forget .actions-toolbar .secondary {
  float: none;
  width: 100%;
}
.forgotten-password-container .form.password.forget .actions-toolbar .primary {
  height: 46px;
  background-color: var(--action-toolbar-primary-background-color);
  border: 1px solid var(--action-toolbar-primary-border-color);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-toolbar-primary-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.forgotten-password-container .form.password.forget .actions-toolbar .primary:hover {
  background-color: var(--action-toolbar-primary-background-hover-color);
}
.forgotten-password-container .form.password.forget .actions-toolbar .secondary {
  font-size: 14px;
  margin: 10px 0 0 0;
  text-align: center;
}
.forgotten-password-container .form.password.forget .actions-toolbar .secondary a {
  text-decoration: none;
}
.forgotten-password-container .form.password.forget .actions-toolbar .secondary a:hover {
  text-decoration: underline;
}
.forgotten-password-container .form.password.forget .actions-toolbar::before, .forgotten-password-container .form.password.forget .actions-toolbar::after {
  display: none;
}

:root {
  --create-password-input-background-color: #F1F1F1;
  --create-password-input-border-color: #F1F1F1;
  --create-password-input-text-color: #313131;
  --action-toolbar-primary-background-color: #FFC300;
  --action-toolbar-primary-background-hover-color: #FFC300FF;
  --action-toolbar-primary-text-color: #313131;
  --action-toolbar-primary-border-color: #FFC300;
}

.create-password-container {
  max-width: 1024px;
  margin: 40px auto;
  padding: 0 20px;
}
.create-password-container .page-title {
  font-family: "Prompt", sans-serif;
  text-align: center;
  font-weight: 900;
  font-size: 26px;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 12px;
  text-transform: initial;
  width: 100%;
}
.create-password-container .page-title::after {
  display: none;
}
.create-password-container .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.create-password-container .form.password.reset {
  min-width: initial;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.create-password-container .form.password.reset .fieldset {
  margin: 0;
  max-width: 100%;
  border: 0;
  padding: 0;
}
.create-password-container .form.password.reset .fieldset > .field.note {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 100%;
}
.create-password-container .form.password.reset .fieldset > .field:not(.choice) > .label {
  display: none;
}
.create-password-container .form.password.reset .fieldset > .field > .control {
  width: 100%;
  float: none;
}
.create-password-container .form.password.reset .fieldset > .field > .control input {
  width: 100%;
  font-weight: 300;
  background-color: var(--create-password-input-background-color);
  border: 1px solid var(--create-password-input-border-color);
  height: 45px;
  margin: 20px 0 0 0;
  padding: 10px;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input.placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input:-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input::-moz-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input:-ms-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input::-webkit-input-placeholder {
  font-weight: 300;
  text-transform: initial;
  color: var(--create-password-input-text-color);
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
}
.create-password-container .form.password.reset .fieldset > .field > .control input[aria-invalid] {
  border-color: red;
}
.create-password-container .form.password.reset .fieldset > .field > .control input + .yui-error {
  text-align: left;
  font-size: 14px;
  color: red;
  width: 100%;
  display: block;
  margin: 4px 0 0 0;
}
.create-password-container .form.password.reset .fieldset > .field.choice {
  margin: 20px 0 0 0;
}
.create-password-container .form.password.reset .fieldset > .field::before, .create-password-container .form.password.reset .fieldset > .field::after {
  display: none;
}
.create-password-container .form.password.reset .actions-toolbar {
  margin: 20px 0 0 0;
}
.create-password-container .form.password.reset .actions-toolbar .primary,
.create-password-container .form.password.reset .actions-toolbar .secondary {
  float: none;
  width: 100%;
}
.create-password-container .form.password.reset .actions-toolbar .primary {
  height: 46px;
  background-color: var(--action-toolbar-primary-background-color);
  border: 1px solid var(--action-toolbar-primary-border-color);
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-toolbar-primary-text-color);
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.create-password-container .form.password.reset .actions-toolbar .primary:hover {
  background-color: var(--action-toolbar-primary-background-hover-color);
}
.create-password-container .form.password.reset .actions-toolbar .secondary {
  font-size: 14px;
  margin: 10px 0 0 0;
  text-align: center;
}
.create-password-container .form.password.reset .actions-toolbar .secondary a {
  text-decoration: none;
}
.create-password-container .form.password.reset .actions-toolbar .secondary a:hover {
  text-decoration: underline;
}
.create-password-container .form.password.reset .actions-toolbar::before, .create-password-container .form.password.reset .actions-toolbar::after {
  display: none;
}

.password-strength-meter {
  background-color: #f4f4f4;
  height: 32px;
  line-height: 32px;
  padding: 0 9px;
  position: relative;
  z-index: 1;
}
.password-strength-meter:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.password-none .password-strength-meter:before {
  background-color: #f4f4f4;
  width: 100%;
}
.password-weak .password-strength-meter:before {
  background-color: #ffafae;
  width: 25%;
}
.password-medium .password-strength-meter:before {
  background-color: #ffd6b3;
  width: 50%;
}
.password-strong .password-strength-meter:before {
  background-color: #c5eeac;
  width: 75%;
}
.password-very-strong .password-strength-meter:before {
  background-color: #81b562;
  width: 100%;
}

:root {
  --account-primary-button-background-color: #717171;
  --account-primary-button-hover-background-color: #ffc40d;
  --account-primary-button-text-color: #fff;
  --account-primary-button-hover-text-color: #717171;
  --account-secondary-button-background-color: transparent;
  --account-secondary-button-hover-background-color: transparent;
  --account-secondary-button-text-color: #313131;
  --account-secondary-button-hover-text-color: #313131;
}

.content-wrapper-main {
  padding: 0 0 20px 0;
}
.content-wrapper-main > .actions-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  background: whitesmoke;
  padding: 20px;
  margin: 20px 0;
}
.content-wrapper-main > .actions-toolbar .primary.add {
  background: var(--account-primary-button-background-color);
  max-width: fit-content;
  padding: 10px 20px;
  color: var(--account-primary-button-text-color);
  text-decoration: none;
  font-size: 14px;
  display: flex;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.content-wrapper-main > .actions-toolbar .primary.add:hover {
  background: var(--account-primary-button-hover-background-color);
  color: var(--account-primary-button-hover-text-color);
}
.content-wrapper-main > .actions-toolbar .secondary .action.back {
  font-size: 14px;
  font-weight: 300;
  background: var(--account-secondary-button-background-color);
  color: var(--account-secondary-button-text-color);
  text-decoration: none;
}
.content-wrapper-main > .actions-toolbar .secondary .action.back:hover {
  background: var(--account-secondary-button-hover-background-color);
  color: var(--account-secondary-button-hover-text-color);
}

.block.block-addresses-list, .block.block-addresses-list, .block.block-addresses-default, .block.block-dashboard-info, .block.block-dashboard-addresses, .block.block-dashboard-orders {
  background: whitesmoke;
  padding: 20px;
}
.block.block-addresses-list .block-title, .block.block-addresses-list .block-title, .block.block-addresses-default .block-title, .block.block-dashboard-info .block-title, .block.block-dashboard-addresses .block-title, .block.block-dashboard-orders .block-title {
  display: block;
  text-align: left;
  margin: 0 0 20px 0;
  font-family: "Work Sans", sans-serif;
  position: relative;
}
.block.block-addresses-list .block-title .action, .block.block-addresses-list .block-title .action, .block.block-addresses-default .block-title .action, .block.block-dashboard-info .block-title .action, .block.block-dashboard-addresses .block-title .action, .block.block-dashboard-orders .block-title .action {
  position: absolute;
  right: 0;
  top: 0;
  color: #F45F5F;
  text-decoration: none;
  font-size: 14px;
}
.block.block-addresses-list .block-title .action:hover, .block.block-addresses-list .block-title .action:hover, .block.block-addresses-default .block-title .action:hover, .block.block-dashboard-info .block-title .action:hover, .block.block-dashboard-addresses .block-title .action:hover, .block.block-dashboard-orders .block-title .action:hover {
  text-decoration: underline;
}
.block.block-addresses-list .block-title::after, .block.block-addresses-list .block-title::after, .block.block-addresses-default .block-title::after, .block.block-dashboard-info .block-title::after, .block.block-dashboard-addresses .block-title::after, .block.block-dashboard-orders .block-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background: #313131;
  margin: 10px 0;
}
.block.block-addresses-list .block-content .empty, .block.block-addresses-list .block-content .empty, .block.block-addresses-default .block-content .empty, .block.block-dashboard-info .block-content .empty, .block.block-dashboard-addresses .block-content .empty, .block.block-dashboard-orders .block-content .empty {
  background: #72b3e7;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.block.block-addresses-list .block-content .box, .block.block-addresses-list .block-content .box, .block.block-addresses-default .block-content .box, .block.block-dashboard-info .block-content .box, .block.block-dashboard-addresses .block-content .box, .block.block-dashboard-orders .block-content .box {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #E3E3E3;
}
.block.block-addresses-list .block-content .box .box-title, .block.block-addresses-list .block-content .box .box-title, .block.block-addresses-default .block-content .box .box-title, .block.block-dashboard-info .block-content .box .box-title, .block.block-dashboard-addresses .block-content .box .box-title, .block.block-dashboard-orders .block-content .box .box-title {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
}
.block.block-addresses-list .block-content .box .box-content, .block.block-addresses-list .block-content .box .box-content, .block.block-addresses-default .block-content .box .box-content, .block.block-dashboard-info .block-content .box .box-content, .block.block-dashboard-addresses .block-content .box .box-content, .block.block-dashboard-orders .block-content .box .box-content {
  display: block;
  width: 100%;
  padding: 20px;
}
.block.block-addresses-list .block-content .box .box-content p, .block.block-addresses-list .block-content .box .box-content p, .block.block-addresses-default .block-content .box .box-content p, .block.block-dashboard-info .block-content .box .box-content p, .block.block-dashboard-addresses .block-content .box .box-content p, .block.block-dashboard-orders .block-content .box .box-content p {
  font-weight: 600;
  line-height: 22px;
}
.block.block-addresses-list .block-content .box .box-actions, .block.block-addresses-list .block-content .box .box-actions, .block.block-addresses-default .block-content .box .box-actions, .block.block-dashboard-info .block-content .box .box-actions, .block.block-dashboard-addresses .block-content .box .box-actions, .block.block-dashboard-orders .block-content .box .box-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 20px;
}
.block.block-addresses-list .block-content .box .box-actions .action, .block.block-addresses-list .block-content .box .box-actions .action, .block.block-addresses-default .block-content .box .box-actions .action, .block.block-dashboard-info .block-content .box .box-actions .action, .block.block-dashboard-addresses .block-content .box .box-actions .action, .block.block-dashboard-orders .block-content .box .box-actions .action {
  display: block;
  background: var(--account-primary-button-background-color);
  max-width: fit-content;
  padding: 10px 20px;
  color: var(--account-primary-button-text-color);
  text-decoration: none;
  font-size: 14px;
  margin: 0 20px 0 0;
}
.block.block-addresses-list .block-content .box .box-actions .action:hover, .block.block-addresses-list .block-content .box .box-actions .action:hover, .block.block-addresses-default .block-content .box .box-actions .action:hover, .block.block-dashboard-info .block-content .box .box-actions .action:hover, .block.block-dashboard-addresses .block-content .box .box-actions .action:hover, .block.block-dashboard-orders .block-content .box .box-actions .action:hover {
  background: var(--account-primary-button-hover-background-color);
  color: var(--account-primary-button-hover-text-color);
}
.block.block-addresses-list .block-content .box .box-actions .action:last-child, .block.block-addresses-list .block-content .box .box-actions .action:last-child, .block.block-addresses-default .block-content .box .box-actions .action:last-child, .block.block-dashboard-info .block-content .box .box-actions .action:last-child, .block.block-dashboard-addresses .block-content .box .box-actions .action:last-child, .block.block-dashboard-orders .block-content .box .box-actions .action:last-child {
  margin: 0;
}
.block.block-addresses-list .block-content .box:last-child, .block.block-addresses-list .block-content .box:last-child, .block.block-addresses-default .block-content .box:last-child, .block.block-dashboard-info .block-content .box:last-child, .block.block-dashboard-addresses .block-content .box:last-child, .block.block-dashboard-orders .block-content .box:last-child {
  margin: 0;
  border: none;
  padding: 0;
}

.form-address-edit fieldset,
.form-newsletter-manage fieldset,
.form-edit-account fieldset {
  border: none;
  background: whitesmoke;
  margin: 20px 0;
  padding: 20px;
}
.form-address-edit fieldset legend,
.form-newsletter-manage fieldset legend,
.form-edit-account fieldset legend {
  display: block;
  background: #e3e3e3;
  max-width: fit-content;
  padding: 10px 20px;
  color: #717171;
  text-decoration: none;
  font-size: 14px;
}
.form-address-edit fieldset .field,
.form-newsletter-manage fieldset .field,
.form-edit-account fieldset .field {
  margin: 0 0 20px 0;
}
.form-address-edit fieldset .field label,
.form-newsletter-manage fieldset .field label,
.form-edit-account fieldset .field label {
  font-weight: 600;
  font-size: 14px;
}
.form-address-edit fieldset .field .control,
.form-newsletter-manage fieldset .field .control,
.form-edit-account fieldset .field .control {
  width: 100%;
  float: none;
}
.form-address-edit fieldset .field .control .nested,
.form-newsletter-manage fieldset .field .control .nested,
.form-edit-account fieldset .field .control .nested {
  margin: 20px 0 0 0;
}
.form-address-edit fieldset .field .control input,
.form-newsletter-manage fieldset .field .control input,
.form-edit-account fieldset .field .control input {
  width: 100%;
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  background-color: #E3E3E3;
  border: 1px solid #cacaca;
  height: 40px;
  margin: 10px 0 0 0;
  padding: 10px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input.placeholder,
.form-newsletter-manage fieldset .field .control input.placeholder,
.form-edit-account fieldset .field .control input.placeholder {
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input:-moz-placeholder,
.form-newsletter-manage fieldset .field .control input:-moz-placeholder,
.form-edit-account fieldset .field .control input:-moz-placeholder {
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input::-moz-placeholder,
.form-newsletter-manage fieldset .field .control input::-moz-placeholder,
.form-edit-account fieldset .field .control input::-moz-placeholder {
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input:-ms-input-placeholder,
.form-newsletter-manage fieldset .field .control input:-ms-input-placeholder,
.form-edit-account fieldset .field .control input:-ms-input-placeholder {
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input::-webkit-input-placeholder,
.form-newsletter-manage fieldset .field .control input::-webkit-input-placeholder,
.form-edit-account fieldset .field .control input::-webkit-input-placeholder {
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control input[aria-invalid],
.form-newsletter-manage fieldset .field .control input[aria-invalid],
.form-edit-account fieldset .field .control input[aria-invalid] {
  border-color: red;
}
.form-address-edit fieldset .field .control input + .yui-error,
.form-newsletter-manage fieldset .field .control input + .yui-error,
.form-edit-account fieldset .field .control input + .yui-error {
  text-align: left;
  font-size: 14px;
  color: red;
  width: 100%;
  display: block;
  margin: 4px 0 0 0;
}
.form-address-edit fieldset .field .control select,
.form-newsletter-manage fieldset .field .control select,
.form-edit-account fieldset .field .control select {
  width: 100%;
  color: #000;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 14px;
  background-color: #E3E3E3;
  border: 1px solid #cacaca;
  height: 40px;
  margin: 10px 0 0 0;
  padding: 10px;
  text-transform: initial;
}
.form-address-edit fieldset .field .control .intl-tel-input input,
.form-newsletter-manage fieldset .field .control .intl-tel-input input,
.form-edit-account fieldset .field .control .intl-tel-input input {
  padding: 10px 10px 10px 55px;
}
.form-address-edit .message,
.form-newsletter-manage .message,
.form-edit-account .message {
  padding: 10px;
  margin: 0 0 10px 0;
}
.form-address-edit .message.info,
.form-newsletter-manage .message.info,
.form-edit-account .message.info {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.form-address-edit .message:last-of-type,
.form-newsletter-manage .message:last-of-type,
.form-edit-account .message:last-of-type {
  margin: 0;
}
.form-address-edit .actions-toolbar,
.form-newsletter-manage .actions-toolbar,
.form-edit-account .actions-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-address-edit .actions-toolbar .primary .action,
.form-newsletter-manage .actions-toolbar .primary .action,
.form-edit-account .actions-toolbar .primary .action {
  display: block;
  background: var(--account-primary-button-background-color);
  padding: 10px 20px;
  color: var(--account-primary-button-text-color);
  text-decoration: none;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
.form-address-edit .actions-toolbar .primary .action:hover,
.form-newsletter-manage .actions-toolbar .primary .action:hover,
.form-edit-account .actions-toolbar .primary .action:hover {
  background: var(--account-primary-button-hover-background-color);
  color: var(--account-primary-button-hover-text-color);
}
.form-address-edit .actions-toolbar .secondary .action,
.form-newsletter-manage .actions-toolbar .secondary .action,
.form-edit-account .actions-toolbar .secondary .action {
  text-decoration: none;
  font-size: 14px;
}
.form-address-edit .actions-toolbar .secondary .action:hover,
.form-newsletter-manage .actions-toolbar .secondary .action:hover,
.form-edit-account .actions-toolbar .secondary .action:hover {
  text-decoration: underline;
}

.orders-history .table-caption,
.additional-addresses .table-caption,
.block-dashboard-orders .table-caption {
  display: none;
}
.orders-history .table-additional-addresses-items,
.orders-history .table-order-items,
.additional-addresses .table-additional-addresses-items,
.additional-addresses .table-order-items,
.block-dashboard-orders .table-additional-addresses-items,
.block-dashboard-orders .table-order-items {
  width: 100%;
}
.orders-history .table-additional-addresses-items thead tr th.col,
.orders-history .table-order-items thead tr th.col,
.additional-addresses .table-additional-addresses-items thead tr th.col,
.additional-addresses .table-order-items thead tr th.col,
.block-dashboard-orders .table-additional-addresses-items thead tr th.col,
.block-dashboard-orders .table-order-items thead tr th.col {
  text-align: left;
  background: #717171;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
}
.orders-history .table-additional-addresses-items thead tr th.col.actions,
.orders-history .table-order-items thead tr th.col.actions,
.additional-addresses .table-additional-addresses-items thead tr th.col.actions,
.additional-addresses .table-order-items thead tr th.col.actions,
.block-dashboard-orders .table-additional-addresses-items thead tr th.col.actions,
.block-dashboard-orders .table-order-items thead tr th.col.actions {
  text-align: right;
}
.orders-history .table-additional-addresses-items tbody tr td.col,
.orders-history .table-order-items tbody tr td.col,
.additional-addresses .table-additional-addresses-items tbody tr td.col,
.additional-addresses .table-order-items tbody tr td.col,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col,
.block-dashboard-orders .table-order-items tbody tr td.col {
  padding: 5px 10px;
  font-size: 14px;
  background: #e3e3e3;
}
.orders-history .table-additional-addresses-items tbody tr td.col.id, .orders-history .table-additional-addresses-items tbody tr td.col.total,
.orders-history .table-order-items tbody tr td.col.id,
.orders-history .table-order-items tbody tr td.col.total,
.additional-addresses .table-additional-addresses-items tbody tr td.col.id,
.additional-addresses .table-additional-addresses-items tbody tr td.col.total,
.additional-addresses .table-order-items tbody tr td.col.id,
.additional-addresses .table-order-items tbody tr td.col.total,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.id,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.total,
.block-dashboard-orders .table-order-items tbody tr td.col.id,
.block-dashboard-orders .table-order-items tbody tr td.col.total {
  font-weight: 600;
}
.orders-history .table-additional-addresses-items tbody tr td.col.actions,
.orders-history .table-order-items tbody tr td.col.actions,
.additional-addresses .table-additional-addresses-items tbody tr td.col.actions,
.additional-addresses .table-order-items tbody tr td.col.actions,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.actions,
.block-dashboard-orders .table-order-items tbody tr td.col.actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.orders-history .table-additional-addresses-items tbody tr td.col.actions a,
.orders-history .table-order-items tbody tr td.col.actions a,
.additional-addresses .table-additional-addresses-items tbody tr td.col.actions a,
.additional-addresses .table-order-items tbody tr td.col.actions a,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.actions a,
.block-dashboard-orders .table-order-items tbody tr td.col.actions a {
  text-decoration: none;
  width: 100%;
  text-align: right;
  margin: 0 0 4px 0;
}
.orders-history .table-additional-addresses-items tbody tr td.col.actions a:hover,
.orders-history .table-order-items tbody tr td.col.actions a:hover,
.additional-addresses .table-additional-addresses-items tbody tr td.col.actions a:hover,
.additional-addresses .table-order-items tbody tr td.col.actions a:hover,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.actions a:hover,
.block-dashboard-orders .table-order-items tbody tr td.col.actions a:hover {
  text-decoration: underline;
}
.orders-history .table-additional-addresses-items tbody tr td.col.actions a:last-child,
.orders-history .table-order-items tbody tr td.col.actions a:last-child,
.additional-addresses .table-additional-addresses-items tbody tr td.col.actions a:last-child,
.additional-addresses .table-order-items tbody tr td.col.actions a:last-child,
.block-dashboard-orders .table-additional-addresses-items tbody tr td.col.actions a:last-child,
.block-dashboard-orders .table-order-items tbody tr td.col.actions a:last-child {
  margin: 0;
}

.customer-addresses-toolbar,
.order-products-toolbar {
  margin: 20px 0 0 0;
}
.customer-addresses-toolbar .pager,
.order-products-toolbar .pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.customer-addresses-toolbar .pager .toolbar-amount,
.order-products-toolbar .pager .toolbar-amount {
  font-size: 14px;
  font-weight: 300;
  color: #313131;
}
.customer-addresses-toolbar .pager .limiter .limiter-label,
.order-products-toolbar .pager .limiter .limiter-label {
  font-size: 14px;
  font-weight: 300;
  color: #313131;
}
.customer-addresses-toolbar .pager .limiter .limiter-options,
.order-products-toolbar .pager .limiter .limiter-options {
  display: inline-block;
  margin: 0 0 0 10px;
}
.customer-addresses-toolbar .pager .limiter .limiter-text,
.order-products-toolbar .pager .limiter .limiter-text {
  display: none;
}

:root {
  --mobile-navigation-background-color: #fff;
  --mobile-navigation-top-background-color: #000;
  --mobile-navigation-account-button-background-color: #1B1B1B;
  --mobile-navigation-account-button-hover-background-color: #101010;
}

html.disabled-scroll,
body.disabled-scroll {
  overflow: hidden !important;
  height: 100% !important;
}

.mobile-navigation {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--mobile-navigation-background-color);
  overflow-y: auto;
  max-height: 100%;
  webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, -webkit-transform 0.3s ease-in-out;
  display: none;
}
.mobile-navigation-top_wrapper {
  height: auto;
  width: 100%;
}
.mobile-navigation .top-actions {
  width: 100%;
  height: auto;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--mobile-navigation-top-background-color);
}
.mobile-navigation .top-actions .close-navigation {
  background: transparent;
  color: #fff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}
.mobile-navigation-category_wrapper, .mobile-navigation-brands_wrapper {
  width: 100%;
  height: auto;
}
.mobile-navigation-category_wrapper-list, .mobile-navigation-brands_wrapper-list {
  width: 100%;
  background: #fff;
  padding: 0 0 0 25px;
  box-sizing: border-box;
  display: none;
  max-height: 400px;
  overflow-y: auto;
}
.mobile-navigation-category_wrapper-list._open, .mobile-navigation-brands_wrapper-list._open {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(220, 220, 220, 0.38);
}
.mobile-navigation-category_wrapper-elem, .mobile-navigation-brands_wrapper-elem {
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  padding: 5px 22px 5px 15px;
  box-sizing: border-box;
  text-decoration: none;
  color: #212121;
  margin: 0;
  line-height: 31px;
  border-bottom: 1px solid gainsboro;
  position: relative;
}
.mobile-navigation-category_wrapper-elem:visited, .mobile-navigation-category_wrapper-elem:active, .mobile-navigation-category_wrapper-elem:focus, .mobile-navigation-brands_wrapper-elem:visited, .mobile-navigation-brands_wrapper-elem:active, .mobile-navigation-brands_wrapper-elem:focus {
  color: #212121;
  text-decoration: none;
}
.mobile-navigation-category_wrapper-elem.parent._active, .mobile-navigation-brands_wrapper-elem.parent._active {
  color: #c00;
  background: #fff;
  font-weight: 600;
  border-color: #fff;
}
.mobile-navigation-category_wrapper-sub_elem, .mobile-navigation-brands_wrapper-sub_elem {
  padding: 5px 22px 5px 0;
  width: 100%;
  text-decoration: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  color: #3d4951;
}
.mobile-navigation-category_wrapper-sub_elem:visited, .mobile-navigation-category_wrapper-sub_elem:active, .mobile-navigation-category_wrapper-sub_elem:focus, .mobile-navigation-brands_wrapper-sub_elem:visited, .mobile-navigation-brands_wrapper-sub_elem:active, .mobile-navigation-brands_wrapper-sub_elem:focus {
  color: #212121;
  text-decoration: none;
}
.mobile-navigation-category_wrapper-sub_elem.parent._active, .mobile-navigation-brands_wrapper-sub_elem.parent._active {
  font-weight: 600;
}
.mobile-navigation-category_wrapper-elem.parent, .mobile-navigation-category_wrapper-sub_elem.parent, .mobile-navigation-brands_wrapper-elem.parent, .mobile-navigation-brands_wrapper-sub_elem.parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-navigation-category_wrapper-elem.parent::after, .mobile-navigation-category_wrapper-sub_elem.parent::after, .mobile-navigation-brands_wrapper-elem.parent::after, .mobile-navigation-brands_wrapper-sub_elem.parent::after {
  transition: transform 0.3s ease-in-out;
  transform: rotate(45deg);
  content: "";
  display: block;
  position: absolute;
  border-color: #3b3b3b;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 3.2px;
  right: 14px;
}
.mobile-navigation-category_wrapper-elem.parent._active::after, .mobile-navigation-category_wrapper-sub_elem.parent._active::after, .mobile-navigation-brands_wrapper-elem.parent._active::after, .mobile-navigation-brands_wrapper-sub_elem.parent._active::after {
  transform: rotate(225deg);
  border-color: #080808;
}
.mobile-navigation-store_wrapper, .mobile-navigation-account_wrapper {
  width: 100%;
  height: auto;
}
.mobile-navigation-store_wrapper .links, .mobile-navigation-account_wrapper .links {
  width: 100%;
  background: transparent;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
}
.mobile-navigation-store_wrapper .links li, .mobile-navigation-account_wrapper .links li {
  margin: 0;
}
.mobile-navigation-store_wrapper .links li strong,
.mobile-navigation-store_wrapper .links li a, .mobile-navigation-account_wrapper .links li strong,
.mobile-navigation-account_wrapper .links li a {
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  padding: 5px 22px 5px 15px;
  box-sizing: border-box;
  text-decoration: none;
  color: #212121;
  margin: 0;
  line-height: 31px;
  position: relative;
}
.mobile-navigation-store_wrapper .links li strong:visited, .mobile-navigation-store_wrapper .links li strong:active, .mobile-navigation-store_wrapper .links li strong:focus,
.mobile-navigation-store_wrapper .links li a:visited,
.mobile-navigation-store_wrapper .links li a:active,
.mobile-navigation-store_wrapper .links li a:focus, .mobile-navigation-account_wrapper .links li strong:visited, .mobile-navigation-account_wrapper .links li strong:active, .mobile-navigation-account_wrapper .links li strong:focus,
.mobile-navigation-account_wrapper .links li a:visited,
.mobile-navigation-account_wrapper .links li a:active,
.mobile-navigation-account_wrapper .links li a:focus {
  color: #212121;
}
.mobile-navigation-store_wrapper .links li.current strong,
.mobile-navigation-store_wrapper .links li.current a, .mobile-navigation-account_wrapper .links li.current strong,
.mobile-navigation-account_wrapper .links li.current a {
  color: #c00;
}
.mobile-navigation-store_wrapper .links li {
  border-bottom: 1px solid gainsboro;
}
.mobile-navigation-account_wrapper .header.links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  height: 50px;
  padding: 0 10px;
}
.mobile-navigation-account_wrapper .header.links li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-navigation-account_wrapper .header.links li a {
  display: flex;
  width: calc(100% - 10px);
  height: 30px;
  background: var(--mobile-navigation-account-button-background-color);
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  border-radius: 0;
}
.mobile-navigation-account_wrapper .header.links li a img {
  display: none;
}
.mobile-navigation-account_wrapper .header.links li a:active, .mobile-navigation-account_wrapper .header.links li a:hover {
  background: var(--mobile-navigation-account-button-hover-background-color);
}
.mobile-navigation._open {
  webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 990;
  display: block;
}

@media (max-width: 500px) {
  .mobile-navigation-account_wrapper .header.links {
    grid-template-columns: 1fr 1fr;
    padding: 10px;
    grid-row-gap: 10px;
    height: auto;
  }
  .mobile-navigation-account_wrapper .header.links li:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.page-title-wrapper {
  width: 100%;
}
.page-title-wrapper h1 {
  margin: 40px auto;
  color: #313131;
  font-family: "Baskervville", serif;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 39px;
  text-align: center;
}
.page-title-wrapper h1::after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: #313131;
  margin: 20px auto;
}

.page-layout-2columns-left.account .content-wrapper {
  width: 100%;
  max-width: 1340px;
  padding: 0 20px;
  margin: 40px auto;
  display: grid;
  grid-template-columns: 320px calc(100% - 340px);
  grid-gap: 20px;
}
.page-layout-2columns-left.account .content-wrapper-sidebar {
  background: #e3e3e3;
}
.page-layout-2columns-left.account .content-wrapper-main .page-title-wrapper h1 {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .page-layout-2columns-left.account .content-wrapper {
    grid-template-columns: 240px calc(100% - 260px);
  }
}
@media (max-width: 900px) {
  .page-layout-2columns-left.account .content-wrapper {
    display: block;
    margin: 20px 0;
  }
  .page-layout-2columns-left.account .content-wrapper-sidebar {
    margin: 0 0 40px 0;
  }
}

/*# sourceMappingURL=customer-account.css.map */