@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6df82dd7-02bf-4938-be10-3b274f6d8f03);
@charset "UTF-8";
/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Blocks - Arrowlink
   ========================================================================== */
.arrowlink {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }
  .arrowlink .chevron-right__fill {
    fill: #1010EB !important; }
  .arrowlink:hover .chevron-right__fill, .arrowlink:focus .chevron-right__fill, .arrowlink:active .chevron-right__fill {
    fill: #140F4B !important;
    text-decoration: underline; }

.arrowlink__text {
  display: inline-block;
  margin-right: 6px; }

.arrowlink__icon {
  display: inline-block;
  margin-left: 10px; }

/* Blocks - Blocklink
   ========================================================================== */
.blocklink {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.4rem;
  font-size: 1.6rem;
  color: #3C3C3C; }
  @media (min-width: 768px) {
    .blocklink {
      font-size: 1.8rem; } }
  .blocklink span {
    padding-right: 2rem; }

/* Blocks - Box
   ========================================================================== */
.box {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 1.2rem 0; }
  @media (min-width: 768px) {
    .box {
      margin: 2.6rem 0; } }
  .box :first-child {
    margin-top: 0; }
  .box :last-child {
    margin-bottom: 0; }

.box__img {
  display: block;
  width: 100%;
  background-color: #F5F5F5; }
  .box__img img {
    display: block;
    width: 100%; }

.box__subtitle {
  margin-top: 0;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .box__subtitle {
      margin-top: 10px; } }
  .box__subtitle a {
    color: #1010EB; }
    .box__subtitle a:hover, .box__subtitle a:focus, .box__subtitle a:active {
      color: #140F4B; }

.box__linklist {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .box__linklist {
      margin-top: 0.4rem;
      column-count: 2;
      column-gap: 7em; } }
  @media (min-width: 1024px) {
    .box__linklist {
      column-count: 1;
      column-gap: 0; } }

.box__price {
  justify-self: flex-end;
  position: relative;
  margin-top: 0.8rem;
  font-size: 1.8rem; }
  .box__price .btn--cart {
    position: absolute;
    top: 50%;
    right: 0;
    min-width: 0;
    transform: translateY(-50%); }

.box__price__text {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }

.box--outlined {
  padding: 1rem 1rem 1.5rem;
  border: 1px solid #D5DADD; }
  @media (min-width: 768px) {
    .box--outlined {
      padding: 2rem 2rem 2.5rem; } }
  .box--outlined .box__title {
    position: relative; }
  .box--outlined .box__img {
    margin-bottom: 0;
    background-color: transparent; }

.box--linklist {
  padding: 1.2rem 1rem 1.6rem;
  background-color: #F5F5F5;
  border: 1px solid transparent; }
  @media (min-width: 768px) {
    .box--linklist {
      padding: 2rem 2rem 2.5rem; } }
  @media (min-width: 1024px) {
    .box--linklist {
      background-color: transparent; } }

.box-overflow-slide {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
  margin: 0 -0.5em 1rem;
  overflow: auto; }
  @media (min-width: 1024px) {
    .box-overflow-slide {
      margin: 0 -1.2rem 1rem; } }
  .box-overflow-slide .box {
    min-width: 22rem;
    margin: 0 0.5em; }
    @media (min-width: 1024px) {
      .box-overflow-slide .box {
        margin: 0 1.2rem; } }
  .box-overflow-slide .box__subtitle {
    flex: auto;
    margin-top: 1.2rem; }
    @media (min-width: 1024px) {
      .box-overflow-slide .box__subtitle {
        margin-top: 2rem; } }

@media (min-width: 768px) {
  .box-overview-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -1.2rem; } }

.box--overview {
  position: relative;
  justify-items: flex-start;
  min-height: 14rem;
  margin: 0;
  padding: 2rem 0;
  padding-left: 9.6rem;
  border-bottom: 1px solid #D5DADD; }
  .box--overview:last-child {
    border-bottom: none; }
  @media (min-width: 768px) {
    .box--overview {
      flex: 1 1;
      flex-basis: calc(100%/3 - (1.2rem * 2) - 1px);
      margin: 1.4rem 1.2rem;
      padding: 0;
      border-bottom: none; } }
  .box--overview .box__img {
    position: absolute;
    top: 2rem;
    left: 0;
    display: block;
    width: 8.4rem; }
    @media (min-width: 768px) {
      .box--overview .box__img {
        position: relative;
        top: 0;
        width: 100%; } }

/* Blocks - Buttons
   ========================================================================== */
.btn {
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 44px;
  background-color: #1010EB;
  border: none;
  border-radius: 50px;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: .2s ease-in-out; }
  .btn:hover, .btn:focus, .btn:active {
    background-color: #100D78;
    color: #FFFFFF;
    text-decoration: none; }
  .btn:disabled {
    background-color: #D5DADD;
    border-color: #D5DADD;
    color: #FFFFFF;
    cursor: default; }
  @media (min-width: 768px) {
    .btn {
      min-width: 195px;
      padding: 0 20px; } }

.btn--secondary {
  background-color: transparent;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  color: #1010EB;
  border: 2px solid #1010EB;
  border-radius: 50px; }
  .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
    color: #FFFFFF;
    border: 2px solid #100D78; }

.btn--tertiary {
  background-color: #F5F5F5;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  color: #1010EB; }
  .btn--tertiary:hover, .btn--tertiary:focus, .btn--tertiary:active {
    background-color: #e3e3e3;
    color: #1010EB; }

.btn--s {
  height: 32px;
  min-width: auto; }

.btn--ghost {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #1010EB; }
  .btn--ghost:hover, .btn--ghost:focus, .btn--ghost:active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #1010EB;
    text-decoration: underline; }

.btn--inline {
  min-width: auto; }

.btn--block {
  width: 100%; }
  .btn--block + .btn--block {
    margin-top: 1rem; }

.btn--cart {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .btn--cart .btn__icon-text {
    display: inline-block;
    margin-left: 7px; }
  .btn--cart .btn__icon__fill {
    fill: #FFFFFF !important; }

.btn-group {
  margin: 2rem 0; }
  @media (min-width: 576px) {
    .btn-group {
      display: flex;
      flex-direction: row;
      align-items: flex-start; } }
  .btn-group .btn {
    width: 100%; }
    @media (min-width: 576px) {
      .btn-group .btn {
        min-width: auto;
        width: auto; } }
    .btn-group .btn ~ .btn {
      margin-top: 1rem; }
      @media (min-width: 576px) {
        .btn-group .btn ~ .btn {
          margin-top: 0;
          margin-left: 2rem; } }

.btn-group--right {
  justify-content: flex-end; }

.btn--close {
  position: relative;
  width: 3.8rem;
  min-width: 0 !important;
  height: 3.8rem;
  padding: 0 !important;
  background: #F5F5F5;
  border-radius: 50%;
  transform: scale(0.7); }
  @media (min-width: 576px) {
    .btn--close {
      transform: scale(1); } }
  .btn--close:hover, .btn--close:focus, .btn--close:active {
    background-color: #F5F5F5; }
  .btn--close span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 2.4rem;
    height: 2px;
    background-color: #3C3C3C;
    border-radius: 1px; }
    .btn--close span:first-child {
      transform: translate(-50%, -50%) rotate(-45deg); }
    .btn--close span:last-child {
      transform: translate(-50%, -50%) rotate(45deg); }
  .btn--close.btn--close--s {
    width: 2.4rem;
    height: 2.4rem; }
    .btn--close.btn--close--s span {
      left: 50%;
      width: 1.2rem; }

.btn--prev,
.btn--next {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  min-width: 0;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 2px 15px 2px rgba(203, 203, 203, 0.5);
  color: transparent; }
  .btn--prev .chevron-left__fill,
  .btn--prev .chevron-right__fill,
  .btn--next .chevron-left__fill,
  .btn--next .chevron-right__fill {
    fill: #1010EB; }
  .btn--prev:hover, .btn--prev:focus, .btn--prev:active,
  .btn--next:hover,
  .btn--next:focus,
  .btn--next:active {
    background-color: #FFFFFF; }
    .btn--prev:hover .chevron-left__fill,
    .btn--prev:hover .chevron-right__fill, .btn--prev:focus .chevron-left__fill,
    .btn--prev:focus .chevron-right__fill, .btn--prev:active .chevron-left__fill,
    .btn--prev:active .chevron-right__fill,
    .btn--next:hover .chevron-left__fill,
    .btn--next:hover .chevron-right__fill,
    .btn--next:focus .chevron-left__fill,
    .btn--next:focus .chevron-right__fill,
    .btn--next:active .chevron-left__fill,
    .btn--next:active .chevron-right__fill {
      fill: #1010EB; }

.btn--prev {
  padding-right: 1px; }

.btn--next {
  padding-left: 1px; }

/* Blocks - Check free
   ========================================================================== */
.check-free {
  display: flex;
  flex-direction: row;
  align-items: center; }

.check-free__icon {
  width: 2rem;
  margin-right: 5px; }

.check-free__text {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #14853D; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
@media (max-width: 576px) {
  #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
    bottom: 110px;
    z-index: 20; } }

/* Blocks - Iconlink
   ========================================================================== */
.iconlink {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .iconlink svg {
    flex: 0 0 27px; }
  .iconlink span {
    margin-left: 1.6rem;
    color: #3C3C3C; }
  .iconlink + .iconlink {
    margin-top: 1.2rem; }

.iconlink--inline {
  align-items: center; }
  .iconlink--inline svg {
    flex-basis: auto; }
  .iconlink--inline span {
    margin-left: 1rem;
    transform: translateY(1px);
    color: #1010EB; }
  .iconlink--inline .icon-link__fill {
    fill: #1010EB; }

/* Blocks - Lists
   ========================================================================== */
main ul {
  margin: 10px 0 10px 12px;
  padding: 0;
  list-style: none; }
  main ul li {
    position: relative;
    margin: 0;
    padding: 0 0 0 23px;
    color: #3C3C3C; }
    main ul li:before {
      content: "•";
      position: absolute;
      left: 0; }

.checked-list {
  margin: 10px 0;
  text-align: left; }
  .checked-list .checked-list__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: .8rem 0;
    line-height: 1.2;
    color: #3C3C3C; }
    @media (min-width: 768px) {
      .checked-list .checked-list__item {
        margin: 2rem 0;
        font-size: 1.6rem; } }
    .checked-list .checked-list__item:before {
      display: none; }
  .checked-list .checked-list__icon {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem; }
    @media (min-width: 768px) {
      .checked-list .checked-list__icon {
        width: 3rem;
        height: 3rem;
        margin-right: 1.8rem; } }

.iconlist {
  margin-left: 0; }
  .iconlist .iconlist__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1rem 0;
    padding: 0; }
    .iconlist .iconlist__item:before {
      display: none; }
  .iconlist .iconlist__icon {
    display: inline-block;
    width: 12px;
    margin-right: 1rem; }
  .iconlist .iconlist__icon__fill {
    fill: #1010EB !important; }
  .iconlist .iconlist__icon__fill__red {
    fill: #FF0000; }
  .iconlist .iconlist__text__red {
    color: #FF0000; }

/* Blocks - More link
   ========================================================================== */
.more-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }
  .more-link:hover, .more-link:focus, .more-link:active {
    text-decoration: none; }
    .more-link:hover .chevron-down__fill, .more-link:focus .chevron-down__fill, .more-link:active .chevron-down__fill {
      fill: #140F4B; }

.more-link__icon {
  display: inline-block;
  margin-left: 7px; }

.more-link--active .more-link__icon {
  transform: rotate(180deg); }

/* Blocks - Price
   ========================================================================== */
.price-wrapper span {
  display: block;
  text-align: right; }

.price {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1; }
  @media (min-width: 576px) {
    .price {
      font-size: 2.6rem; } }

/* Blocks - Slider bullets
   ========================================================================== */
.slider-indicators {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
  padding: 0;
  list-style: none; }
  .slider-indicators li {
    display: inline-block;
    width: 6rem;
    height: 6px;
    margin: 0 3px;
    background-color: #D5DADD;
    border-radius: 3px; }
    .slider-indicators li.active {
      background-color: #1010EB; }

/* Blocks - Title with aside
   ========================================================================== */
.title-with-aside {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }

.title-with-aside__text span {
  display: none; }
  @media (min-width: 1024px) {
    .title-with-aside__text span {
      display: inline-block; } }

.title-with-aside__filter {
  display: flex;
  flex-direction: row;
  align-items: center; }

.title-with-aside__filter__results {
  margin-right: 1rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.4rem; }

.title-with-aside__filter__select {
  min-width: 18rem;
  width: auto;
  margin: 0; }

/* Blocks - Alert
   ========================================================================== */
.alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  padding: 1.6rem 2rem;
  border: 1px solid transparent;
  border-radius: 2px; }
  .alert + .alert {
    margin-top: 0; }
  .alert .alert__icon {
    margin-right: 1rem; }
  .alert .alert__text {
    flex: 1;
    line-height: 1.2;
    padding-right: 1rem; }
  .alert .alert__text__inner {
    margin-right: 1rem; }
  .alert .alert__text__sub {
    display: inline-block;
    color: #3C3C3C; }
  .alert .alert__btn {
    margin-top: 1.8rem; }
    .alert .alert__btn :hover {
      cursor: pointer; }
    @media (min-width: 1024px) {
      .alert .alert__btn {
        margin-top: 0; } }
  .alert .alert__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }
  .alert .alert__link__icon {
    margin-left: 6px; }

.alert--info {
  background-color: rgba(16, 16, 235, 0.3);
  border-color: #1010EB;
  color: #140F4B; }
  .alert--info .alert__icon__fill {
    fill: #1010EB !important; }
  .alert--info .alert__link,
  .alert--info .chevron-right__fill {
    fill: #140F4B !important;
    color: #140F4B; }

.alert--success {
  background-color: rgba(20, 133, 61, 0.3);
  border-color: #14853D;
  color: #14853D; }
  .alert--success .alert__icon__fill {
    fill: #14853D !important; }
  .alert--success .alert__link,
  .alert--success .chevron-right__fill {
    fill: #14853D !important;
    color: #14853D; }

.alert--warning {
  background-color: rgba(255, 173, 0, 0.3);
  border-color: #FFAD00;
  color: #3C3C3C; }
  .alert--warning .alert__icon__fill {
    fill: #FFAD00 !important; }
  .alert--warning .alert__link,
  .alert--warning .chevron-right__fill {
    fill: #3C3C3C !important;
    color: #3C3C3C; }

.alert--danger {
  background-color: rgba(204, 0, 37, 0.3);
  border-color: #CC0025;
  color: #CC0025; }
  .alert--danger .alert__icon__fill {
    fill: #CC0025 !important; }
  .alert--danger .alert__link,
  .alert--danger .chevron-right__fill {
    fill: #CC0025 !important;
    color: #CC0025; }

.alert--with-btn {
  flex-direction: column;
  text-align: center; }
  @media (min-width: 1024px) {
    .alert--with-btn {
      flex-direction: row;
      flex-wrap: wrap;
      text-align: left; } }
  .alert--with-btn .alert__text {
    padding: 0; }
    @media (min-width: 1024px) {
      .alert--with-btn .alert__text {
        padding-right: 2rem; } }

/* Blocks - Card
   ========================================================================== */
.card-wrapper {
  display: flex;
  flex-direction: column; }
  @media (min-width: 576px) {
    .card-wrapper {
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0 -0.6rem; }
      .card-wrapper.card-wrapper--2col {
        flex-wrap: nowrap; } }
  @media (min-width: 1024px) {
    .card-wrapper {
      margin: 0 -1.2rem; } }

.card {
  order: 1;
  position: relative;
  padding: 1.2rem;
  margin: 0 0 2rem;
  border: 1px solid #D5DADD;
  border-radius: 2px; }
  @media (min-width: 576px) {
    .card {
      order: 0;
      flex-basis: calc((100% / 2) - (0.6rem * 2));
      display: flex;
      flex-direction: column;
      max-width: 24.4rem;
      min-height: 24.4rem;
      margin: 0 0.6rem 1.2rem;
      padding: 2rem 2rem 1.6rem 2.4rem; }
      .card-wrapper--2col .card {
        max-width: none; } }
  @media (min-width: 1024px) {
    .card {
      flex-basis: calc((100% / 3) - (1.2rem * 2));
      min-width: 24.4rem;
      margin: 0 1.2rem 2.4rem; }
      .card-wrapper--2col .card {
        flex-basis: calc((100% / 2) - (1.2rem * 2)); } }

.card__category {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }

.card__default {
  font-size: 1.6rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  display: none;
  opacity: 0; }
  @media (min-width: 576px) {
    .card__default {
      display: block;
      font-size: 2rem; } }
  .card__default.card__default--active {
    display: block;
    opacity: 1; }

.card__label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #3C3C3C;
  margin-top: 10px; }

.card__value {
  word-break: break-word; }

.card__title {
  margin: 0.6rem 0 10px;
  font-size: 1.6rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }
  @media (min-width: 576px) {
    .card__title {
      font-size: 1.8rem; } }

.card__address {
  color: #3C3C3C; }
  @media (min-width: 576px) {
    .card__address {
      flex-grow: 1; } }

.card__type {
  position: absolute;
  top: 1rem;
  right: 1rem; }

.card__details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between; }
  @media (min-width: 576px) {
    .card__details {
      flex-grow: 1; } }

.card__details__col:last-child {
  flex-basis: 35%; }

.card__details__label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #3C3C3C; }

.card__actions {
  margin-top: 2rem; }

.card__actions__link {
  display: inline-block;
  padding-right: .8rem;
  margin-right: .8rem;
  border-right: 1px solid #D5DADD;
  line-height: 1; }
  .card__actions__link:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0; }

.card--add {
  order: 0;
  position: relative;
  border: none;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23AEB4B7FF' stroke-width='1' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  font-size: 1.6rem;
  text-align: right; }
  @media (min-width: 576px) {
    .card--add {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
      font-size: 2rem; } }
  @media (min-width: 576px) {
    .card--add span {
      padding-top: 42px; } }
  .card--add:before, .card--add:after {
    content: " ";
    position: absolute;
    top: calc(50% - 1px);
    left: 1.2rem;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #D5DADD; }
    @media (min-width: 576px) {
      .card--add:before, .card--add:after {
        top: 50%;
        left: 50%;
        width: 42px;
        height: 4px;
        margin-top: -21px;
        transform: translate(-50%, -50%); } }
  .card--add:before {
    content: " ";
    transform: rotate(90deg); }
    @media (min-width: 576px) {
      .card--add:before {
        transform: translate(-50%, -50%) rotate(90deg); } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE11 */
  .card--add {
    border: 1px dashed #D5DADD; } }

/* Blocks - Edit
   ========================================================================== */
.edit {
  display: inline-block; }
  .edit:hover .edit__icon__fill, .edit:focus .edit__icon__fill, .edit:active .edit__icon__fill {
    fill: #090909; }

.edit__icon {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem; }

.edit__icon__fill {
  fill: #3C3C3C; }

.edit--circle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #D5DADD;
  border-radius: 50%; }

/* Blocks - Tiny cards
   ========================================================================== */
.tiny-cards {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 2rem 0; }
  .tiny-cards img {
    display: block;
    margin-right: 4px; }

/* Blocks - Video
   ========================================================================== */
.video-wrapper {
  position: relative;
  padding-bottom: 15.25%;
  /* 16:9 */ }
  .video-wrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 500px; }
    @media only screen and (max-width: 768px) {
      .video-wrapper iframe {
        min-height: 300px; } }

/* Blocks - Breadcrumbs
   ========================================================================== */
.breadcrumbs {
  margin: 1.2rem 0; }

.breadcrumbs__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }

.breadcrumbs__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }

.breadcrumbs__list__item {
  margin: 0;
  padding: 0;
  font-size: 1.2rem; }
  .breadcrumbs__list__item:before {
    display: none; }

.breadcrumbs__list__link--active {
  color: #140F4B;
  cursor: text; }
  .breadcrumbs__list__link--active:hover, .breadcrumbs__list__link--active:focus, .breadcrumbs__list__link--active:active {
    text-decoration: none;
    color: #140F4B; }

.breadcrumbs__list__link--inactive {
  color: #555555;
  cursor: text; }
  .breadcrumbs__list__link--inactive:hover, .breadcrumbs__list__link--inactive:focus, .breadcrumbs__list__link--inactive:active {
    text-decoration: none;
    color: #555555; }

.breadcrumbs__icon {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }
  .breadcrumbs__icon svg {
    width: 4px;
    height: 7px; }
  .breadcrumbs__icon .chevron-right__fill {
    fill: #555555 !important; }

.breadcrumbs__back {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.2rem; }

.breadcrumbs__icon--back {
  margin-left: 0; }

.breadcrumbs__back__text {
  padding-right: 1.8rem;
  margin-right: 1.8rem;
  border-right: 1px solid #D5DADD; }

/* Blocks - Subscription
   ========================================================================== */
.subscription {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1.6rem 0; }

.subscription__img {
  display: block;
  width: 13.5rem;
  margin-right: 2rem; }

.subscription__info {
  flex: 1;
  text-align: right; }

.subscription__name {
  font-size: 1.6rem; }

/* Blocks - Tooltip
   ========================================================================== */
.tooltip {
  position: relative;
  outline: none;
  cursor: pointer; }
  .tooltip:focus-within, .tooltip.tooltip--active {
    outline: none; }
    .tooltip:focus-within .tooltip__text, .tooltip.tooltip--active .tooltip__text {
      opacity: 1; }

.tooltip__icon {
  width: 1.6rem; }

.tooltip__text {
  position: absolute;
  top: 50%;
  left: -17.2rem;
  z-index: 30;
  display: block;
  width: 15.5rem;
  padding: 1.2rem;
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 2px rgba(60, 60, 60, 0.5);
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #1010EB;
  transition: .2s ease-in-out;
  opacity: 0;
  pointer-events: none;
  cursor: default; }
  .tooltip__text:before {
    content: " ";
    position: absolute;
    top: 50%;
    right: -1.2rem;
    transform: translateY(-50%);
    z-index: 29;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6rem 0 0.6rem 1.2rem;
    border-color: transparent transparent transparent #FFFFFF;
    pointer-events: none; }

/* Forms - Addon
   ========================================================================== */
.input-addon {
  position: relative;
  margin: 10px 0; }
  .input-addon .input-addon__field {
    margin: 0;
    padding-right: 4.5rem; }
  .input-addon .input-addon__icon {
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%); }
  .input-addon .input-addon__icon__fill {
    fill: #3C3C3C !important; }

/* Forms - Date
   ========================================================================== */
/* Forms - Form tabs
   ========================================================================== */
.form-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 2rem;
  border: 1px solid #D5DADD;
  border-radius: 4px;
  overflow: hidden; }

.form-tab {
  flex: 1;
  order: 1;
  padding: 1.6rem 2.2rem 1.6rem 1.2rem;
  background-color: #F5F5F5;
  border-bottom: 1px solid #D5DADD;
  cursor: pointer;
  white-space: nowrap; }
  @media (min-width: 768px) {
    .form-tab {
      padding: 2rem; } }
  .form-tab:first-child {
    border-right: 1px solid #D5DADD; }
  .form-tab input,
  .form-tab label {
    cursor: pointer; }

.form-tab--active {
  background-color: transparent;
  border-bottom-color: transparent; }
  .form-tab--active + .form-tab-content {
    display: block; }

.form-tab-content {
  order: 2;
  display: none;
  padding: 1.2rem;
  width: 100%; }
  @media (min-width: 768px) {
    .form-tab-content {
      padding: 2rem; } }
  .form-tab-content :first-child {
    margin-top: 0; }
  .form-tab-content :last-child {
    margin-bottom: 0; }

/* Forms - Forms
   ========================================================================== */
fieldset {
  border: none;
  padding: 0;
  margin-bottom: 1.6rem; }

input[type="text"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="password"],
select {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 11px;
  border: 1px solid #D5DADD;
  border-radius: 4px;
  background-color: #FFFFFF;
  line-height: 1;
  color: #3C3C3C;
  outline: none; }
  input[type="text"]::placeholder,
  input[type="number"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="date"]::placeholder,
  input[type="email"]::placeholder,
  input[type="password"]::placeholder,
  select::placeholder {
    color: #555555; }
  input[type="text"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  select:-ms-input-placeholder {
    color: #555555; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  select:focus,
  select:active {
    border-color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #555555;
    box-shadow: 0 0 0 3px rgba(85, 85, 85, 0.25); }
  input[type="text"]:disabled,
  input[type="number"]:disabled,
  input[type="search"]:disabled,
  input[type="tel"]:disabled,
  input[type="date"]:disabled,
  input[type="email"]:disabled,
  input[type="password"]:disabled,
  select:disabled {
    background-color: #F5F5F5;
    cursor: default;
    pointer-events: none;
    color: #AEB4B7; }
    input[type="text"]:disabled ~ label,
    input[type="number"]:disabled ~ label,
    input[type="search"]:disabled ~ label,
    input[type="tel"]:disabled ~ label,
    input[type="date"]:disabled ~ label,
    input[type="email"]:disabled ~ label,
    input[type="password"]:disabled ~ label,
    select:disabled ~ label {
      color: #AEB4B7; }
  input[type="text"].input--s,
  input[type="number"].input--s,
  input[type="search"].input--s,
  input[type="tel"].input--s,
  input[type="date"].input--s,
  input[type="email"].input--s,
  input[type="password"].input--s,
  select.input--s {
    height: 32px; }

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="password"] {
  padding: 1.8rem 11px 0.5rem; }
  input[type="text"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="date"]::placeholder,
  input[type="email"]::placeholder,
  input[type="password"]::placeholder {
    color: transparent; }
  input[type="text"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder {
    color: transparent; }
  input[type="text"] ~ label,
  input[type="tel"] ~ label,
  input[type="date"] ~ label,
  input[type="email"] ~ label,
  input[type="password"] ~ label {
    pointer-events: none; }

.form-field, .form-select {
  position: relative;
  display: block;
  width: 100%; }
  .form-field + .form-field,
  .form-field + .btn,
  .form-field + .input-cols,
  .form-field + .form-select,
  .form-field + .form-check, .form-select + .form-field,
  .form-select + .btn,
  .form-select + .input-cols,
  .form-select + .form-select,
  .form-select + .form-check, .form-field + .form-select, .form-select + .form-select {
    margin-top: 10px; }
  .form-field label, .form-select label {
    position: absolute;
    top: 0;
    left: 11px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 44px;
    transform-origin: 0 0;
    transition: .2s ease-in-out;
    color: #555555;
    line-height: 1; }
  .form-field input:focus ~ label, .form-select input:focus ~ label {
    transform: scale(0.85) translateY(-0.6rem); }
  .form-field input:not(:placeholder-shown) ~ label, .form-select input:not(:placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-0.6rem); }
  .form-field input:not(:-ms-input-placeholder) ~ label, .form-select input:not(:-ms-input-placeholder) ~ label {
    transform: scale(0.85) translateY(-0.6rem); }
  .form-field .help-text, .form-field .help-text-error, .form-select .help-text, .form-select .help-text-error {
    display: inline-block;
    margin-top: -2px;
    margin-left: 11px;
    font-size: 11px;
    line-height: 1;
    color: #555555; }

.form--error input,
.form--success input,
.form--info input {
  padding-right: 3rem; }

.form--error input, .form--error select {
  border-color: #CC0025; }

.form--error .help-text, .form--error .help-text-error {
  color: #CC0025; }

.form--error .form-icon {
  fill: #CC0025; }

.form--success input {
  border-color: #14853D; }

.form--success .help-text {
  color: #14853D; }

.form--success .form-icon {
  fill: #14853D; }

.form--info .form-icon.tooltip {
  fill: #1010EB;
  opacity: 1;
  z-index: 3; }

.form-icon {
  position: absolute;
  top: 14px;
  right: 11px;
  height: 16px;
  width: auto; }

.form-requirements {
  margin-top: 1rem;
  color: #555555; }

.form-requirements__rule {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0; }
  .form-requirements__rule svg {
    margin-top: -2px;
    margin-right: 4px; }

.form-requirements__rule--success {
  color: #14853D;
  fill: #14853D; }

.form-requirements__rule--error {
  color: #CC0025;
  fill: #CC0025; }

/* Forms - Input cols
   ========================================================================== */
.input-cols {
  display: flex;
  flex-direction: row;
  align-items: flex-start; }
  .input-cols .form-field,
  .input-cols .form-select {
    flex: 1;
    margin: 0; }
    .input-cols .form-field:last-child,
    .input-cols .form-select:last-child {
      margin: 0 0 0 1.2rem !important; }
  .input-cols + .input-cols,
  .input-cols + .form-field,
  .input-cols + .btn {
    margin-top: 10px; }

.input-cols--l-s input:last-child {
  flex: 0 1 14rem; }

/* Forms - Number
   ========================================================================== */
.number-input {
  position: relative;
  width: 12rem;
  margin: 10px 0; }

.number-input__btn {
  position: absolute;
  top: 1px;
  display: block;
  height: calc(100% - 2px);
  width: 4rem;
  color: transparent;
  text-align: center;
  cursor: pointer; }
  .number-input__btn:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18px;
    height: 2px;
    background-color: #1010EB;
    transform: translate(-50%, -50%); }
  .number-input__btn:first-child {
    left: 0;
    border-right: 1px solid #D5DADD; }
  .number-input__btn:last-child {
    right: 0;
    border-left: 1px solid #D5DADD; }
    .number-input__btn:last-child:after {
      content: " ";
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 2px;
      height: 18px;
      background-color: #1010EB;
      transform: translate(-50%, -50%); }

input[type="number"] {
  text-align: center;
  color: #3C3C3C;
  -moz-appearance: textfield; }
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; }

/* Forms - Radio / Checkbox
   ========================================================================== */
input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  opacity: 0; }
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding-left: 3.4rem;
    padding-top: 1px;
    cursor: pointer; }
    @media (min-width: 768px) {
      input[type="radio"] + label,
      input[type="checkbox"] + label {
        padding-left: 3.4rem; } }
    input[type="radio"] + label:before,
    input[type="checkbox"] + label:before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 2rem;
      height: 2rem;
      border: 1px solid #D5DADD;
      border-radius: 2px;
      transition: .2s ease-in-out; }
    input[type="radio"] + label img,
    input[type="checkbox"] + label img {
      margin-right: 1.2rem; }

@media (min-width: 768px) {
  input[type="radio"] + label {
    padding-left: 3.8rem; } }

input[type="radio"] + label:before {
  top: 50%;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  transform: translateY(-50%); }
  @media (min-width: 768px) {
    input[type="radio"] + label:before {
      width: 2.4rem;
      height: 2.4rem; } }

input[type="radio"]:checked + label:before {
  background: radial-gradient(#FFFFFF 4px, #1010EB 5px);
  border-color: #1010EB; }

input[type="checkbox"] + label {
  margin: 1.6rem 0; }
  input[type="checkbox"] + label:before {
    content: url(images/checkbox-check.svg);
    text-align: center; }

input[type="checkbox"]:checked + label:before {
  background: #1010EB;
  border-color: #1010EB; }

.checkox-rows input[type="checkbox"] + label {
  margin: .8rem 0; }

/* Forms - Search
   ========================================================================== */
input[type="search"] {
  width: 100%;
  max-width: 100%;
  height: 32px;
  padding-left: 35px;
  border-color: #F5F5F5;
  background: #F5F5F5 url(images/search.svg) 11px 50% no-repeat; }
  input[type="search"]::placeholder {
    color: #3C3C3C !important; }
  @media (min-width: 576px) {
    input[type="search"] {
      width: 32rem; } }
  @media (min-width: 768px) {
    input[type="search"] {
      width: 34rem; } }

/* Forms - Select
   ========================================================================== */
.form-select {
  margin: 10px 0 0; }
  .form-select + .form-field {
    margin-top: 10px; }

select {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  padding-right: 56px;
  background-image: url(images/arrow-down.svg), linear-gradient(to right, #D5DADD 0, #FFFFFF 1px);
  background-position: calc(100% - (44px / 2 - 6px)) calc(50% + 1px), 100% 10px;
  background-size: 10px auto, 44px 24px;
  background-repeat: no-repeat;
  color: #555555;
  line-height: 1.4; }
  select.input--s {
    background-position: calc(100% - (44px / 2 - 6px)) calc(50% + 1px), 100% 3px; }

select.language-chooser {
  color: #3C3C3C; }

/* Forms - Switch
   ========================================================================== */
.switch {
  padding-left: 3.8rem; }
  .switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden; }
    .switch input[type=checkbox]:checked + label {
      background: #14853D; }
      .switch input[type=checkbox]:checked + label:before {
        content: attr(data-before-on) !important; }
      .switch input[type=checkbox]:checked + label:after {
        left: calc(100% - 2px);
        transform: translateX(-100%); }
  .switch label {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    margin: 0 !important;
    background: #D5DADD;
    border-radius: 1rem;
    cursor: pointer;
    text-indent: -9999px; }
    .switch label:before {
      content: attr(data-before-off) !important;
      left: -3.8rem !important;
      width: 3rem !important;
      height: auto !important;
      background: none !important;
      border: none !important;
      text-indent: 0;
      text-align: right; }
    .switch label:after {
      content: " ";
      position: absolute;
      top: 2px;
      left: 2px;
      width: 1.6rem;
      height: 1.6rem;
      background: #FFFFFF;
      border-radius: 50%;
      transition: 0.3s ease-in-out; }

html, body {
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  color: #140F4B;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

label {
  font-weight: normal; }

.img-thumbnail {
  border: 0; }

/* --- SPACERS --- */
.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.box-50 {
  width: 1px;
  height: 50px;
  display: block; }

.box-100 {
  width: 1px;
  height: 100px;
  display: block; }

.modal-backdrop.in {
  top: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
  transition: .4s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5; }

.modal-content {
  position: relative;
  padding: 3rem 2rem;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 2px rgba(174, 180, 183, 0.5);
  border-radius: 2px;
  border: 0; }

.modal-footer .btn + .btn--block {
  margin-left: 0; }

.modal-header, .modal-body {
  padding: 0 15px;
  border-bottom: 0; }

.modal-header-deals {
  z-index: 3;
  padding: 0 16px 16px;
  position: sticky;
  border-bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white; }

.modal-footer {
  margin-top: 15px; }

/* LOADING SPINNER */
#loading-overlay {
  background: #F5F5F5;
  color: #183152;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: 0.80; }

.loading-spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid #183152;
  border-right-color: transparent;
  border-radius: 50%; }

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

/* --- UTILS --- */
.text-center {
  text-align: center; }

.required-checkbox:before {
  content: '*';
  margin-right: 2px; }

.required-checkbox {
  font-size: 0.94em;
  vertical-align: middle; }

.form-group .required:after {
  content: '*'; }

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

.float-left {
  float: left; }

.float-right {
  float: right; }

form .error {
  font-weight: normal;
  color: red;
  font-size: 14px; }

.required-field:after {
  content: '*';
  margin-left: 2px; }

.slick-carousel-item {
  padding: 8px;
  margin: 0 10px; }

.greyed-out-product {
  background-color: rgba(64, 64, 64, 0.2);
  position: relative;
  border-radius: 5px;
  filter: brightness(0.8); }
  .greyed-out-product:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }

/* ---- BUTTONS ----- */
.btn-custom-primary {
  background-color: #1010EB;
  color: white;
  border-radius: 4px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  font-size: 16px;
  position: relative; }
  .btn-custom-primary:hover, .btn-custom-primary:active, .btn-custom-primary:focus {
    background-color: #1b75b5;
    color: white; }
  .btn-custom-primary.dropdown-toggle {
    width: 40px; }

.btn-custom {
  background-color: #E3EDF7;
  color: #183152;
  border-radius: 4px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  font-size: 16px;
  font-weight: 600px;
  position: relative; }
  .btn-custom:hover, .btn-custom:active, .btn-custom:focus {
    background-color: #307AB8;
    color: white; }
  .btn-custom.no-hover:hover, .btn-custom.no-hover:active, .btn-custom.no-hover:focus {
    outline: none;
    background-color: #E3EDF7;
    color: #183152; }

.dropdown-menu li > span {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer; }
  .dropdown-menu li > span:hover, .dropdown-menu li > span:active, .dropdown-menu li > span:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5; }

.disabled-btn {
  background-color: gray;
  cursor: not-allowed;
  pointer-events: none; }

/*---- BREADCRUMB ----- */
.cc_breadrumb_container > .breadcrumb {
  height: 50px;
  border-bottom: 1px solid rgba(200, 200, 200, 0.2); }

.breadcrumb {
  padding: 15px 15px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
  font-size: 14px; }

.contentBody.cc_content_body {
  min-height: 75; }

.info-container {
  background: #dbf9d1;
  border: 1px solid #9eca9c;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px; }
  .info-container .info-container {
    background: #f4f4f4;
    border: 1px solid #ddd;
    margin-bottom: 0; }

.productListHeader .cc_no_results {
  margin-top: 25px; }

.title-underscore:after {
  content: '';
  border-bottom: 1px solid #140F4B;
  width: 40px;
  display: block;
  margin-top: 8px; }

.label-default {
  background-color: #183152;
  padding: 5px 10px; }

.custom-button {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  text-transform: uppercase; }
  .custom-button :hover {
    background: #eee; }

/* ----- CUSTOM ICONS ------ */
.cust-icon.cart-icon {
  background: url(images/CartIcon.svg) no-repeat center;
  background-size: 32px 32x;
  width: 32px;
  height: 32px;
  display: inline-block; }

.cust-icon.search-icon {
  background: url(images/searchIcon.svg) no-repeat center;
  background-size: 32px 32x;
  width: 32px;
  height: 32px;
  display: inline-block; }

.cust-icon.user-icon {
  background: url(images/ProfilePicNonLoggedIn.png) no-repeat center;
  background-size: 32px 32x;
  width: 32px;
  height: 32px;
  display: inline-block; }

.cust-icon.check-icon {
  background: url(images/check-circle.svg) no-repeat center;
  background-size: 32px 32x;
  width: 32px;
  height: 32px;
  display: inline-block; }

.cust-icon.cross-icon {
  background: url(images/cross-circle.svg) no-repeat center;
  background-size: 32px 32x;
  width: 24px;
  height: 46px;
  display: inline-block; }

.cc_categories_side_container {
  display: none; }

span[id^='ProductList'] + .deskLayout .cc_categories_side_container,
span[id^='ProductDetails'] + .deskLayout .cc_categories_side_container {
  display: block; }

/* General - General
   ========================================================================== */
* {
  box-sizing: border-box; }

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  min-height: 100%; }

body {
  -ms-overflow-style: none; }
  body.backdrop--active {
    overflow: hidden; }

.wrapper {
  position: relative;
  height: 100%;
  padding-bottom: 10rem;
  overflow: hidden; }
  .cart-page .wrapper {
    padding-bottom: 18rem; }
  .checkout-page .wrapper {
    padding-bottom: 23.5rem; }
  @media (min-width: 576px) {
    .wrapper {
      padding-bottom: 0 !important;
      overflow: revert; } }

figure {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%; }

hr {
  margin: 3rem 0;
  border: none;
  border-top: 1px solid #D5DADD; }

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #140F4B;
  opacity: 0;
  transition: .6s ease-in-out;
  pointer-events: none; }
  .backdrop--active .backdrop {
    pointer-events: auto; }

.ui-widget {
  position: absolute;
  z-index: 4;
  width: 452px;
  top: 43px;
  -webkit-box-shadow: 1px 8px 8px -11px #42445a;
  -moz-box-shadow: 1px 8px 8px -11px #42445a;
  box-shadow: 1px 8px 8px -11px #42445a; }
  .ui-widget .ui-autocomplete {
    margin: 0;
    padding: 0;
    border: 1px solid #dfdfdf !important; }
    .ui-widget .ui-autocomplete li.ui-menu-item:before {
      content: none; }

/* General - Typography
   ========================================================================== */
html {
  font-size: 62.5%;
  font-weight: normal; }

body {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #3C3C3C;
  line-height: 1.43; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.23;
  color: #140F4B;
  margin: 10px 0; }

h1 {
  font-size: 1.8rem; }
  @media (min-width: 768px) {
    h1 {
      font-size: 2.6rem; } }

h2 {
  font-size: 1.8rem; }
  @media (min-width: 768px) {
    h2 {
      font-size: 2.2rem; } }

h3 {
  font-size: 1.6rem; }
  @media (min-width: 768px) {
    h3 {
      font-size: 2rem; } }

h4, h5, h6 {
  font-size: 1.6rem; }
  @media (min-width: 768px) {
    h4, h5, h6 {
      font-size: 1.8rem; } }

p {
  margin: 10px 0; }

a {
  color: #1010EB;
  text-decoration: none;
  font-weight: 600;
  transition: .2s ease-in-out; }
  a:hover, a:focus, a:active {
    color: #140F4B;
    text-decoration: underline;
    outline: none; }

strong {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-weight: normal; }

.text--secondary {
  color: #555555; }

.text--secondary--italic {
  color: #555555;
  font-style: italic; }

.text--light {
  color: #3C3C3C; }

.text--highlight {
  color: #14853D; }

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

.text--success {
  color: #14853D; }

.text--label {
  font-size: 1.1rem;
  color: #3C3C3C;
  text-transform: uppercase; }

.title-sub {
  margin-top: -8px; }

.cart__price {
  font-size: 1.4rem; }

/* General - Scaffolding
   ========================================================================== */
.container {
  max-width: 1126px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (min-width: 576px) {
    .container {
      padding: 0 35px; } }

.homepage-begin {
  display: flex;
  flex-direction: column; }

.split-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .split-layout .wrapper {
    flex: 1;
    display: flex;
    flex-direction: column; }
  .split-layout main.split-layout__main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: row; }
    .split-layout main.split-layout__main .container {
      flex: 1 0 100%; }
  .split-layout footer.split-layout__footer__sucess {
    flex-shrink: 0;
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

.split-layout__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
  height: 100%; }
  @media (min-width: 850px) {
    .split-layout__inner {
      display: flex;
      flex-direction: row;
      align-items: stretch; } }

.split-layout__content {
  flex-basis: 50rem;
  order: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 50rem; }
  @media only screen and (max-width: 700px) {
    .split-layout__content {
      display: inline-grid; } }
  @media (min-width: 850px) {
    .split-layout__content {
      order: 1;
      max-width: none;
      padding: 0 2rem 0 0; }
      .split-layout__content:only-child {
        flex: 0 1 61.6rem; } }
  @media (min-width: 1024px) {
    .split-layout__content {
      padding: 0 4rem 0 0; } }

.split-layout__side {
  order: 1;
  position: relative;
  width: 100%;
  max-width: 50rem;
  background-color: #F5F5F5; }
  @media (min-width: 850px) {
    .split-layout__side {
      flex: 0 1 37rem;
      order: 2;
      max-width: none;
      padding: 5rem 0 2rem 2rem; } }
  @media (min-width: 1024px) {
    .split-layout__side {
      flex: 0 1 44rem;
      padding: 5rem 0 2rem 4rem; } }
  .split-layout__side:before {
    content: " ";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #F5F5F5;
    transform: translateX(-50%); }
    @media (min-width: 850px) {
      .split-layout__side:before {
        left: 100%;
        width: calc(100vw - (100vw - 35px));
        transform: none; } }
    @media (min-width: 1126px) {
      .split-layout__side:before {
        width: calc((100vw - 1056px) / 2); } }

.split-layout__footer {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 20px; }
  @media (min-width: 850px) {
    .split-layout__footer {
      order: 1;
      flex-direction: row; } }
  @media (min-width: 576px) {
    .split-layout__footer {
      margin-top: 4rem; } }
  @media only screen and (min-width: 820px) {
    .split-layout__footer {
      order: 1;
      flex-direction: row; } }

.split-layout__footer__sucess {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 20px; }
  @media only screen and (max-width: 450px) {
    .split-layout__footer__sucess {
      padding-bottom: 250px; } }
  @media (min-width: 850px) {
    .split-layout__footer__sucess {
      order: 1;
      flex-direction: row; } }
  @media (min-width: 576px) {
    .split-layout__footer__sucess {
      margin-top: 4rem; } }
  @media only screen and (min-width: 820px) {
    .split-layout__footer__sucess {
      order: 1;
      flex-direction: row; } }

.split-layout__footer__list {
  width: 100%;
  margin: 0;
  padding: 2rem 0;
  border-top: 1px solid #D5DADD; }
  @media (min-width: 576px) {
    .split-layout__footer__list {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      flex-wrap: wrap; } }
  @media (min-width: 850px) {
    .split-layout__footer__list {
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .split-layout__footer__list {
      flex-direction: row; } }

.split-layout__footer__list__item {
  margin: 0;
  padding: 0;
  list-style: none; }
  .split-layout__footer__list__item:before {
    display: none; }

.split-layout__footer__list__link {
  margin-bottom: 1rem; }
  @media (min-width: 576px) {
    .split-layout__footer__list__link {
      margin-right: 3rem; } }

/* ---- MOBILE GLOBAL STYLES ---- */
@media only screen and (max-width: 991px) {
  .summary-ribbon {
    display: block; } }

@media only screen and (min-width: 991px) {
  .summary-ribbon {
    display: none; } }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Structures - Cart
   ========================================================================== */
span[id*='Cart'] + .deskLayout .cart-item__title {
  margin-top: 0; }

span[id*='Cart'] + .deskLayout .cart-item__cfn-number {
  margin-top: 5px; }

span[id*='Cart'] + .deskLayout .cart-item__amount input {
  min-width: 110px; }

span[id*='Cart'] + .deskLayout .cart-item__img {
  background-color: transparent;
  height: fit-content; }

span[id*='Cart'] + .deskLayout .deals-section {
  flex-basis: 100%;
  padding-left: 14rem; }
  @media (max-width: 680px) {
    span[id*='Cart'] + .deskLayout .deals-section {
      padding-left: 10rem; } }
  span[id*='Cart'] + .deskLayout .deals-section .deal-entry {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
    span[id*='Cart'] + .deskLayout .deals-section .deal-entry .deal-item-content {
      display: flex;
      flex-direction: row;
      gap: 15px; }
    span[id*='Cart'] + .deskLayout .deals-section .deal-entry .item-image-wrapper {
      max-width: 80px;
      height: auto; }
  span[id*='Cart'] + .deskLayout .deals-section .deal-entry, span[id*='Cart'] + .deskLayout .deals-section .bundle-item-content {
    padding: 20px 0; }
    span[id*='Cart'] + .deskLayout .deals-section .deal-entry .cart-item__title, span[id*='Cart'] + .deskLayout .deals-section .bundle-item-content .cart-item__title {
      margin: 0; }
  span[id*='Cart'] + .deskLayout .deals-section .co-deal-item-wrapper > .deal-entry:not(:last-child) {
    border-bottom: 1px solid #dfdfdf; }
  span[id*='Cart'] + .deskLayout .deals-section .co-deal-item-wrapper > .bundle-item-content:not(:last-child) {
    border-bottom: 1px solid #dfdfdf; }

span[id*='Cart'] + .deskLayout .pdp-subscription-dropdown {
  margin-left: 14rem; }
  @media (max-width: 680px) {
    span[id*='Cart'] + .deskLayout .pdp-subscription-dropdown {
      margin-left: 10rem; } }

span[id*='Cart'] + .deskLayout .vat-message-icon {
  margin: 15px 0; }

span[id*='Cart'] + .deskLayout .cart-item-wrapper {
  padding: 20px 0;
  border-bottom: 1px solid #dfdfdf; }

span[id*='Cart'] + .deskLayout .bundle-item-content {
  display: flex;
  flex-direction: row;
  gap: 15px; }
  span[id*='Cart'] + .deskLayout .bundle-item-content .item-image-wrapper {
    max-width: 80px;
    height: auto; }

span[id*='Cart'] + .deskLayout > .contentBody.cc_content_body > .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 1rem; }

@media (min-width: 1024px) {
  .cart {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; } }

@media (min-width: 680px) {
  .cart__col:first-child {
    flex: 1;
    margin-right: 4rem; } }

@media (min-width: 680px) {
  .cart__col:last-child {
    flex: 0 1 32rem; } }

.cart__col .checked-list {
  padding: 0; }

.cart__col .cart__group .cart__row .price {
  color: #00703C; }

.cart-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 2rem; }
  .checkout-page .cart-item + .cart-item {
    padding-top: 2rem;
    border-top: 1px solid #D5DADD; }

.cart-item__img {
  flex: 0 0 8.5rem;
  display: block;
  margin-right: 1.6rem;
  background-color: #F5F5F5; }
  @media (min-width: 680px) {
    .cart-item__img {
      flex-basis: 12rem; } }
  .cart-item__img picture {
    display: block; }

.cart-item__content {
  flex: 1; }
  @media (min-width: 680px) {
    .cart-item__content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }

.cart-item__title, .cart-item__section-left {
  margin-bottom: 0; }
  @media (min-width: 680px) {
    .cart-item__title, .cart-item__section-left {
      flex: 0 1 24rem; } }
  .cart-item__title a, .cart-item__section-left a {
    color: #3C3C3C; }

.cart-item__code {
  margin: 0; }

.cart-item__amount {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem; }
  @media (min-width: 680px) {
    .cart-item__amount {
      flex: 1; } }
  .cart-item__amount .number-input {
    margin: 0; }
    @media (min-width: 680px) {
      .cart-item__amount .number-input {
        margin-right: 4rem; } }

.cart-item__price {
  flex-grow: 1;
  font-size: 16px;
  text-align: right; }
  .cart-item__price p {
    margin: 0; }

.cart-item__price__text {
  display: block;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.6rem; }

.cart-item__delete {
  display: block; }

.cart__group {
  padding: 1rem 0;
  border-top: 1px solid #D5DADD; }

.cart__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0; }

.cart-row__label {
  margin-right: 1rem; }

.cart__row__discount {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .cart__row__discount button.btn {
    margin-top: 0;
    margin-left: 1.6rem; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE11 */
  .cart__row__discount button.btn {
    flex-basis: 100%; } }

.cart__row__discount__code {
  margin-right: 1rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.cart__row__discount__link {
  font-size: 1.2rem; }

.cart-button {
  display: none; }
  @media (min-width: 576px) {
    .cart-button {
      display: block; } }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100vh;
  left: 0px;
  transition: top 0ms ease-in-out 50ms; }

.popup .popup-content-cart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.15);
  width: 95%;
  max-width: var(--greekWidth) !important;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  opacity: 0;
  box-shadow: 0px 2px 2px 5px rgba(0, 0, 0, 0.05);
  transition: all 50ms ease-in-out; }

.popup .popup-content-cart .controlsCart {
  display: flex;
  justify-content: center;
  column-gap: 20px; }

.popup .popup-content-cart .controlsCart a button {
  font-size: 13.5px;
  text-align: center;
  display: flex !important; }

.popup .popup-content-cart h4 {
  text-align: center;
  margin-bottom: 30px; }

.popup.active {
  top: 0px;
  transition: top 0ms ease-in-out 0ms;
  z-index: 5; }

.popup.active .backgroundDiv {
  opacity: 1;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

.popup.active .popup-content-cart {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  z-index: 7; }

/* Structures - Summary ribbon
   ========================================================================== */
.summary-ribbon {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 2rem 0; }
  .summary-ribbon:hover, .summary-ribbon:focus, .summary-ribbon:active {
    text-decoration: none;
    color: #1010EB; }
  @media (min-width: 850px) {
    .summary-ribbon {
      display: none; } }

.summary-ribbon__icon .cart-icon__fill {
  fill: #1010EB; }

.summary-ribbon__text {
  display: inline-block;
  margin: 0 1rem; }

.summary-ribbon__price {
  flex-grow: 1;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #3C3C3C;
  text-align: right; }

.summary__content {
  position: relative;
  z-index: 1;
  height: 0;
  overflow: hidden; }
  @media (min-width: 850px) {
    .summary__content {
      height: auto; } }

.deal-title-value {
  font-size: 17px; }

.deal-title-value-cart {
  padding-left: 14rem;
  font-size: 17px; }
  @media (max-width: 680px) {
    .deal-title-value-cart {
      padding-left: 10rem; } }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Header - Sidenav
   ========================================================================== */
.aside {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100vh;
  width: 36rem;
  transition: .3s ease-in-out;
  pointer-events: none; }
  @media (min-width: 576px) {
    .aside {
      display: block; } }
  .aside:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #140F4B;
    opacity: 0;
    transition: opacity .3s ease-in-out; }

.aside--open {
  pointer-events: auto;
  z-index: 40; }
  .aside--open:before {
    opacity: .5; }
  .aside--open .sidenav {
    transform: translateX(0); }

.sidenav {
  position: relative;
  z-index: 41;
  width: 100%;
  height: 100%;
  padding: 3.4rem 0;
  background-color: #140F4B;
  overflow: auto;
  transform: translateX(-36rem);
  transition: transform .3s ease-in-out; }
  .sidenav .sidenav__close {
    background-color: transparent; }
    .sidenav .sidenav__close span {
      background-color: #FFFFFF; }

@media (min-width: 576px) {
  .menu-categories__list .blocklink,
  .menu-categories__title {
    color: #FFFFFF;
    font-size: 1.8rem;
    margin-top: 1.4rem; } }

.menu-categories__list .blocklink:hover, .menu-categories__list .blocklink:focus, .menu-categories__list .blocklink:active,
.menu-categories__title:hover,
.menu-categories__title:focus,
.menu-categories__title:active {
  color: #FFFFFF; }

.hamburger__menu-categories {
  padding-left: 30px;
  padding-right: 15px; }
  .hamburger__menu-categories .icon-toggle {
    color: #FFFFFF; }
  .hamburger__menu-categories .category__children-panel {
    padding: 0 15px; }
  .hamburger__menu-categories .active-category {
    text-decoration: underline; }

.btn.sidenav__close {
  position: absolute;
  top: 2rem;
  right: 2rem; }

.aside .sidenav__title {
  padding-left: 30px; }

.aside .sidenav__list li {
  padding-left: 30px; }
  .aside .sidenav__list li a {
    margin-top: 0;
    padding: 5px 0; }
  .aside .sidenav__list li:hover, .aside .sidenav__list li:active, .aside .sidenav__list li:focus {
    background-color: #FFFFFF; }
    .aside .sidenav__list li:hover a, .aside .sidenav__list li:active a, .aside .sidenav__list li:focus a {
      text-decoration: none;
      color: #1010EB; }

/* Header - Menu categories
   ========================================================================== */
.menu-categories__list {
  margin: 0;
  padding: 0; }
  .menu-categories__list li {
    list-style: none; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Header - Main header
   ========================================================================== */
:root {
  --greekFont: '';
  --greekWidth: ;
  --greekMargin: ;
  --greekFontSize: ; }

h1, h2, h3, h4, h5, h6, div, span, li, ul, a, body, button, input, select, form {
  font-family: var(--greekFont) !important; }

.main-header {
  padding: 3rem 0 0; }
  @media (min-width: 576px) {
    .main-header {
      padding: 1rem 0; } }
  @media (min-width: 280px) and (max-width: 539px) {
    .main-header {
      padding: 0rem 0 0; } }
  @media (min-width: 540px) and (max-width: 974px) {
    .main-header {
      padding: 1rem 0 0; } }

.main-header__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 5.6rem; }

.main-header__logo {
  display: inline-block; }
  .main-header__logo img {
    display: block;
    height: 17px;
    width: auto; }
    @media (min-width: 768px) {
      .main-header__logo img {
        height: auto; } }

.main-header__actions {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end; }
  @media (min-width: 576px) {
    .main-header__actions {
      display: flex; } }

.main-header__user {
  position: relative; }

.main-header__user__link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start; }
  .main-header__user__link:hover {
    text-decoration: none; }
  .main-header__user__link:focus, .main-header__user__link:active {
    text-decoration: none;
    outline: none; }
    .main-header__user__link:focus ~ .main-header__user__dropdown, .main-header__user__link:active ~ .main-header__user__dropdown {
      display: block; }

.main-header__user__link__active {
  text-decoration: none;
  outline: none; }
  .main-header__user__link__active ~ .main-header__user__dropdown {
    display: block; }

.main-header__user__icon {
  display: block;
  height: 2rem; }

.main-header__info__icon {
  display: block;
  height: 2rem;
  height: 1.6rem;
  padding-bottom: 2px; }

.main-header__info-verified__icon {
  height: 1.6rem; }

.main-header__user__name {
  margin-left: 6px;
  font-size: 1.6rem;
  color: #140F4B; }
  .main-header__user__name:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #140F4B transparent transparent transparent;
    margin-left: 6px; }

.main-header__user__dropdown {
  position: absolute;
  top: calc(100% + 1.5rem);
  right: -4rem;
  z-index: 22;
  width: 27rem;
  padding: 3rem;
  background-color: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 2px 15px 2px rgba(203, 203, 203, 0.5);
  display: none; }
  .main-header__user__dropdown:hover, .main-header__user__dropdown:active, .main-header__user__dropdown:focus {
    display: block; }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100vh;
  left: 0px; }

.popup .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.15);
  width: 95%;
  max-width: var(--greekWidth) !important;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  opacity: 0;
  box-shadow: 0px 2px 2px 5px rgba(0, 0, 0, 0.05);
  transition: all 50ms ease-in-out; }

.popup .popup-content .controls {
  display: flex;
  justify-content: center; }

.popup .popup-content .controls a {
  font-size: 13.5px;
  text-align: center;
  display: flex;
  margin: var(--greekMargin) !important; }

.popup .popup-content h4 {
  text-align: center;
  font-size: var(--greekFontSize) !important; }

.popup.active {
  top: 0px;
  transition: top 0ms ease-in-out 0ms;
  z-index: 5; }

.popup.active .backgroundDiv {
  opacity: 1;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: top 0ms ease-out 100ms; }

.popup.active .popup-content {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  z-index: 7; }

.main-header__cart {
  display: inline-block;
  margin-left: 1rem;
  position: relative; }

.main-header__cart__icon {
  display: block;
  height: 2rem; }

/* Header - Menu user
   ========================================================================== */
.menu-user__dropdown {
  width: 32rem; }

.wide-menu-user__dropdown {
  width: 37rem; }

.menu-user__dropdown__btn {
  font-size: 13.5px;
  display: block;
  width: 100%; }

.menu-user__dropdown__text:not(.guest__dropdown) {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #D5DADD; }

.menu-user__dropdown__title {
  overflow-wrap: break-word; }

.menu-user__dropdown__list {
  margin: 0;
  padding: 0; }
  .menu-user__dropdown__list li {
    list-style: none; }
  .menu-user__dropdown__list a {
    display: block;
    padding: 3px 0;
    color: #3C3C3C; }

.login__dropdown-separator {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
  font-size: 12px; }
  .login__dropdown-separator > span:not(.login__dropdown-separator--text) {
    background-color: #D5DADD;
    width: 100%;
    height: 1px; }

.login-dropdown-separator--email-warning {
  margin-top: 10px;
  margin-bottom: 10px; }

.hide-banner {
  display: none !important; }

.display-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 11px 24px;
  gap: 24px;
  position: relative;
  width: 100%;
  min-height: 52px;
  height: auto;
  left: 0px;
  top: 0px;
  border-radius: 0px;
  z-index: 22; }
  .display-banner .banner-message {
    /* Text 3/Body Default */
    font-family: 'Avenir Next World';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    margin-right: 1%;
    /* identical to box height, or 26px */
    color: rgba(0, 0, 0, 0.77); }
    .display-banner .banner-message p {
      margin: 0px !important; }
    @media (max-width: 576px) {
      .display-banner .banner-message {
        font-size: 14px; } }
  .display-banner .banner-info-icon {
    /* Icon Wrapper */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    width: 24px;
    height: 26px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0; }

/* Add Animation */
@keyframes animatetop {
  from {
    top: -400px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

.banner-action-btn {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 24px 0px 16px;
  gap: 12px;
  height: 24px;
  letter-spacing: 0.6px;
  /* Inside auto layout */
  order: 2;
  flex-grow: 1; }

.banner-close {
  display: flex;
  flex-direction: row;
  right: 1px;
  position: absolute;
  padding: 5px 15px; }
  .banner-close svg:hover,
  .banner-close svg:focus {
    color: black;
    text-decoration: none;
    cursor: pointer; }

.caution-banner {
  background: #FFF9DB; }

.critical-banner {
  background: #FFEFEE; }

.info-banner {
  background: #E9FAFF; }

.confirm-banner {
  background: #EFF9E3; }

.caution-banner-margin {
  /* Rectangle 1 */
  width: 4px;
  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #F7A800; }

.critical-banner-margin {
  /* Rectangle 1 */
  width: 4px;
  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #E40A1A; }

.info-banner-margin {
  /* Rectangle 1 */
  width: 4px;
  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #008EFF; }

.confirm-banner-margin {
  /* Rectangle 1 */
  width: 4px;
  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #59A719; }

.banner-wrapper {
  display: flex;
  position: relative;
  z-index: 10;
  margin-bottom: 5px;
  animation-name: animatetop;
  animation-duration: 0.4s; }

.cart-icon-badge {
  display: block;
  position: absolute;
  top: -8px;
  left: 65%;
  background-color: #183152;
  padding: 0px 6px;
  border-radius: 50%;
  font-size: 11px;
  color: white;
  text-decoration: none; }

#cartHeaderBadgeMobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  #cartHeaderBadgeMobile .cart-icon-badge {
    top: 21px;
    left: 55%; }

button.mobile-nav__btn.goToCart {
  position: relative; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.ui-autocomplete {
  width: 100% !important;
  position: relative !important;
  border: none !important;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  top: 0px !important;
  left: 0px !important;
  padding: 0 2rem 2.4rem;
  background-color: #FFFFFF; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: none;
  background: #FFFFFF;
  font-weight: normal;
  color: #140F4B;
  text-decoration: underline;
  margin: 0; }

.main-header__search {
  position: relative;
  z-index: 21;
  padding: 1.2rem 2rem;
  background-color: #FFFFFF;
  display: none; }
  .main-header__search:focus-within ~ .backdrop {
    z-index: 20;
    opacity: .5; }
  @media (min-width: 576px) {
    .main-header__search {
      display: block; } }

.main-header__search__input:focus ~ .main-header__search__dropdown {
  display: block; }

.main-header__search__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  width: 100%;
  display: none; }

#searchLoadingSpinnerHeader {
  margin: 20px 0; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
:root {
  --greekWidth: ;
  --greekFontSize: ;
  --greekMarginMobile: ; }

/* Sign-in box
   ========================================================================== */
section.sign-in {
  margin: 3rem 0;
  padding: 4rem 0;
  background-color: #F5F5F5;
  text-align: center; }
  section.sign-in .sign-in__btn {
    position: relative;
    z-index: 1; }
  @media (min-width: 768px) {
    section.sign-in {
      margin: 4.5rem 0;
      padding: 6rem 0; } }

.sign-in__title {
  margin-top: 0; }

.sign-in__btn {
  cursor: pointer; }
  @media (min-width: 768px) {
    .sign-in__btn {
      margin-top: 2rem; } }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100vh;
  left: 0px; }

.popup .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  max-width: var(--greekWidth) !important;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  opacity: 0;
  box-shadow: 0px 2px 2px 5px rgba(0, 0, 0, 0.05); }

.popup .popup-content .controls {
  display: flex;
  justify-content: center; }

.popup .popup-content .controls a {
  font-size: 13.5px;
  text-align: center;
  display: flex;
  margin: var(--greekMarginMobile) !important; }

.popup .popup-content h4 {
  text-align: center;
  font-size: var(--greekFontSize) !important; }

@media only screen and (min-width: 540px) {
  .aligner {
    margin: 0; } }

.popup.active {
  top: 0px;
  z-index: 30; }

.popup.active .popup-content {
  opacity: 1;
  z-index: 30; }

/* Footer - We Care App Banner
   ========================================================================== */
.wecare-desktop {
  padding: 40px 0px 40px 0px !important; }

.wecare-mobile {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.app-stores-logos {
  gap: 20px;
  display: flex;
  justify-content: center;
  padding-top: 20px; }

.playstore-btn {
  display: block;
  color: transparent;
  height: 44px;
  width: 140px; }

.appstore-btn {
  display: block;
  color: transparent;
  height: 44px;
  width: 140px; }

/* Footer - Main footer
   ========================================================================== */
.main-footer {
  margin: 3.5rem 0; }

.container-fluid.navbar-inverse.cc_navbar-inverse {
  background-color: white;
  padding: 0px; }
  @media only screen and (min-width: 360px) {
    .container-fluid.navbar-inverse.cc_navbar-inverse {
      margin: 10px;
      padding-bottom: 80px; } }

.footerBrowser.cc_footer_browser {
  margin-top: 0px; }

@media (min-width: 918px) {
  .main-footer__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6rem 0;
    border-top: 1px solid #D5DADD; } }

@media (min-width: 918px) {
  .main-footer__inner-homepage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6rem 0; } }

.main-footer__col {
  border-top: 1px solid #D5DADD; }
  @media (min-width: 918px) {
    .main-footer__col {
      border-top: none; } }

.main-footer__col--list a {
  display: inline-block;
  color: #3C3C3C; }

.main-footer__col--list .main-footer__title {
  position: relative;
  margin: 0;
  padding: 1.8rem 0;
  font-size: 22px;
  cursor: pointer; }
  .main-footer__col--list .main-footer__title a {
    color: inherit !important; }
  .main-footer__col--list .main-footer__title:after {
    content: "";
    position: absolute;
    top: calc(50% - (6px / 2));
    right: 2px;
    display: block;
    width: 11px;
    height: 6px;
    background: url(images/chevron-down.svg) 0 0 no-repeat;
    transform: rotate(0deg);
    transition: .2s ease-in-out; }
    @media (min-width: 918px) {
      .main-footer__col--list .main-footer__title:after {
        display: none; } }
  @media (min-width: 918px) {
    .main-footer__col--list .main-footer__title {
      margin: 10px 0;
      padding: 0;
      cursor: text; } }

@media (min-width: 918px) {
  .main-footer__col--list {
    flex: 0 1 auto;
    max-width: 27rem; } }

.main-footer__col--right {
  padding-top: 2.5rem; }
  @media (min-width: 768px) {
    .main-footer__col--right {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between; } }
  @media (min-width: 918px) {
    .main-footer__col--right {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      flex: 1 1 auto;
      max-width: 40rem;
      padding-top: 0; } }

@media (min-width: 768px) {
  .main-footer__text-wrapper {
    padding-right: 3rem; } }

@media (min-width: 918px) {
  .main-footer__text-wrapper {
    padding-right: 0; } }

.main-footer__text-wrapper button {
  margin-top: 2rem; }

.main-footer__title {
  font-size: 22px; }

.main-footer__list {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none; }
  .main-footer__list li {
    margin: 4px 0; }
    .main-footer__list li:last-child {
      margin-bottom: 1.8rem; }
      @media (min-width: 918px) {
        .main-footer__list li:last-child {
          margin-bottom: 0; } }
  @media (min-width: 918px) {
    .main-footer__list {
      height: auto; } }

.main-footer__text {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.5; }
  @media (min-width: 918px) {
    .main-footer__text {
      margin-bottom: 2rem;
      font-size: 1.8rem; } }

.join--community:focus {
  background-color: #fff;
  color: #1010EB;
  border: 2px solid #1010EB;
  transition: all 200ms ease-in-out; }

.main-footer__col--open .main-footer__title:after {
  transform: rotate(180deg); }

.main-footer__col--open .main-footer__list {
  height: auto; }

/* Footer - Prefooter
   ========================================================================== */
.prefooter {
  margin: 3rem 0; }
  @media (min-width: 1024px) {
    .prefooter {
      margin-top: 0; } }

.prefooter__inner {
  z-index: 0; }
  @media (min-width: 768px) {
    .prefooter__inner {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; } }

.prefooter__visual {
  display: none; }
  @media (min-width: 768px) {
    .prefooter__visual {
      display: block;
      margin: 0 5rem; } }
  @media (min-width: 1024px) {
    .prefooter__visual {
      flex: 1;
      margin-top: -9.5rem; } }
  .prefooter__visual img {
    display: block;
    width: 22rem;
    height: auto; }
    @media (min-width: 1024px) {
      .prefooter__visual img {
        width: auto; } }

.prefooter__content {
  text-align: center; }
  @media (min-width: 768px) {
    .prefooter__content {
      text-align: left; } }
  @media (min-width: 1024px) {
    .prefooter__content {
      flex: 1; } }

.prefooter__content__title,
.prefooter__content__text {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .prefooter__content__title,
    .prefooter__content__text {
      margin-left: 0;
      margin-right: 0; } }

.prefooter__content__title {
  max-width: 21rem; }

.prefooter__content__text {
  max-width: 31rem;
  font-size: 1.8rem; }

.prefooter__content__btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .prefooter__content__btns {
      justify-content: flex-start; } }
  .prefooter__content__btns a {
    display: inline-block; }
  .prefooter__content__btns a + a {
    margin-left: 1.2rem; }

/* Footer - Subfooter
   ========================================================================== */
.subfooter {
  margin: 3.5rem 0 0; }

.subfooter__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 1rem; }
  @media (min-width: 576px) {
    .subfooter__inner {
      padding: 3.5rem 0;
      border-top: 1px solid #D5DADD; } }

.copyrightText__wrapper {
  display: flex; }
  .copyrightText__wrapper img {
    width: 50px;
    height: auto; }
  .copyrightText__wrapper span {
    margin-left: 1rem;
    margin-top: 1rem; }

.subfooter__links {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 22px; }
  @media (min-width: 576px) {
    .subfooter__links {
      order: 1;
      flex-direction: row; } }
  .subfooter__links span, .subfooter__links a {
    display: block;
    margin-bottom: 1.2rem; }
    @media (min-width: 576px) {
      .subfooter__links span, .subfooter__links a {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 3rem; } }
  .subfooter__links #buttonCookie {
    display: block;
    margin-bottom: 1.2rem; }
    @media (min-width: 576px) {
      .subfooter__links #buttonCookie {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 3rem; } }
  .subfooter__links span {
    order: 10; }
    @media (min-width: 576px) {
      .subfooter__links span {
        order: 0; } }

.footer__social-media-wrapper {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px; }
  .footer__social-media-wrapper > .footer__social-media {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    font-size: 26px;
    float: left; }
    .footer__social-media-wrapper > .footer__social-media > .social__media-item a {
      color: #3C3C3C; }

.subfooter__language {
  width: 100%;
  margin-bottom: 3rem; }
  @media (min-width: 576px) {
    .subfooter__language {
      order: 2;
      width: auto;
      margin: 0; } }
  .subfooter__language select {
    display: block;
    width: 100%;
    margin: 0; }
    @media (min-width: 576px) {
      .subfooter__language select {
        display: inline-block;
        width: auto; } }

#locale-switcher {
  width: 100%;
  margin-bottom: 3rem; }
  @media (min-width: 576px) {
    #locale-switcher {
      order: 2;
      width: auto;
      margin: 0; } }
  #locale-switcher select {
    display: block;
    width: 100%;
    border: 1px solid #D5DADD;
    border-radius: 5px;
    padding: 0 25px 0 10px;
    color: #1010EB;
    line-height: 1;
    border-radius: 5px;
    height: 34px;
    background: url(images/arrow-down.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: calc(100% - 10px);
    margin-top: 20px; }
    @media (min-width: 576px) {
      #locale-switcher select {
        display: inline-block;
        width: auto;
        margin-top: 0; } }

#separator {
  height: 30px; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Footer - Mobile navigation
   ========================================================================== */
.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 21;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 10rem;
  background-color: #FFFFFF; }
  @media (min-width: 576px) {
    .mobile-nav {
      display: none; } }

.mobile-nav__btn {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  font-size: 1.1rem;
  color: #3C3C3C;
  cursor: pointer; }
  .mobile-nav__btn:focus-within + .backdrop, .mobile-nav__btn.mobile-nav__btn--active + .backdrop {
    z-index: 20;
    opacity: .5;
    pointer-events: auto; }
    .mobile-nav__btn:focus-within + .backdrop + .mobile-nav__dropdown, .mobile-nav__btn.mobile-nav__btn--active + .backdrop + .mobile-nav__dropdown {
      transform: translateY(0);
      z-index: 21; }

.mobile-nav__icon {
  display: block;
  width: 22px;
  height: 22px;
  margin-bottom: 5px; }

.mobile-nav__icon__fill {
  fill: #1010EB !important; }

.mobile-nav__dropdown {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 8rem);
  padding: 2rem;
  background-color: #FFFFFF;
  border-radius: 25px 25px 0 0;
  overflow: auto;
  transform: translateY(100%);
  transition: .3s ease-in-out; }

.mobile-nav__dropdown__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  transform: scale(1.3); }

#searchLoadingSpinner {
  margin: 20px 0; }

.mobile-nav__dropdown__title {
  overflow-wrap: break-word;
  margin-bottom: 2.4rem; }

.mobile-nav__dropdown__search {
  margin-bottom: 1.2rem; }

.mobile-header__search__dropdown .ui-menu-item {
  margin-bottom: 1.2rem; }
  .mobile-header__search__dropdown .ui-menu-item .ui-autocomplete {
    display: block !important; }

.mobile__nav-categories {
  padding-right: 15px; }
  .mobile__nav-categories .icon-toggle {
    color: #3C3C3C; }
  .mobile__nav-categories .category__children-panel {
    padding: 0 15px; }
  .mobile__nav-categories .active-category {
    text-decoration: underline; }
  .mobile__nav-categories .menu-categories__title {
    color: #3C3C3C; }
  .mobile__nav-categories .cc_title {
    display: flex;
    flex-direction: row;
    padding: 5px 0;
    align-content: center;
    justify-content: space-between; }
    .mobile__nav-categories .cc_title .cc_icon_toggle {
      padding-left: 20px; }

/* Footer - Mobile nav upper
   ========================================================================== */
.mobile-nav-upper {
  position: fixed;
  bottom: 10rem;
  left: 0;
  z-index: 20;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 2px 15px 2px rgba(60, 60, 60, 0.5); }
  @media (min-width: 576px) {
    .mobile-nav-upper {
      display: none; } }
  .cart-page .mobile-nav-upper {
    height: 8rem; }
  .checkout-page .mobile-nav-upper {
    height: 13.5rem; }

.mobile-nav-upper__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 0 1.2rem; }

.mobile-nav-upper__inner--block {
  display: block; }
  .mobile-nav-upper__inner--block .btn {
    display: block;
    width: 100%; }
    .mobile-nav-upper__inner--block .btn + .btn {
      margin-top: 1rem; }

.mobile-nav-upper__amount__text {
  display: block; }

.mobile-nav-upper__amount__price {
  display: block;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
span[id*='CCSiteRegister'] .breadcrumb {
  display: none; }

span[id*='CCSiteRegister'] + .deskLayout .prefooter {
  display: none; }

input + .datepicker-calendar:after {
  font-family: FontAwesome;
  content: "\f073";
  position: absolute;
  font-size: 22px;
  top: 7px;
  right: 15px; }

.error-handler.help-text {
  color: #CC0025; }

#hospitalListAuto-error-block {
  margin: 0;
  display: block; }

#consentAndCompleteForm .form-check-label > p {
  display: inline; }

#consentAndCompleteForm .form-check-label ul li {
  color: #140F4B; }

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

#addressesSpainVATNumber-error {
  margin-top: 5px; }

#pumpSerialNumber-error {
  margin-top: 5px; }

#addressesPrimaryPhone {
  padding: 1.0rem; }
  #addressesPrimaryPhone::placeholder {
    color: #3C3C3C; }

.loading-spinner-vatNumber {
  position: absolute;
  height: 20px;
  aspect-ratio: 1/1;
  animation: rotate 0.8s infinite linear;
  border: 5px solid #183152;
  border-right-color: transparent;
  border-radius: 50%; }

.newCustomerSection .split-layout__content {
  margin: 0 auto;
  width: 450px;
  display: block;
  max-width: 450px;
  -webkit-box-shadow: 0px 2px 15px 2px #cbcbcb;
  -moz-box-shadow: 0px 2px 15px 2px #cbcbcb;
  box-shadow: 0px 2px 15px 2px #cbcbcb;
  padding: 40px;
  margin-top: 21px;
  border-radius: 2px;
  background-color: white; }

.newCustomerSection h1.title-with-aside__title {
  margin-top: 0; }

.newCustomerSection .section-title {
  margin-top: 24px; }

.newCustomerSection .title-with-aside__text span {
  display: inline-block; }

.newCustomerSection .btn-group {
  display: block; }
  .newCustomerSection .btn-group button {
    width: 100%; }

.newCustomerSection .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px; }

.newCustomerSection .btn-group .btn ~ .btn {
  margin-top: 10px;
  margin-left: 0; }

.newCustomerSection .description__text {
  font-size: 11px;
  color: #5B7F95; }

@media only screen and (max-width: 768px) {
  .newCustomerSection {
    margin: 0 -30px; }
    .newCustomerSection .split-layout__inner .split-layout__content {
      width: 100%;
      max-width: 100%;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      padding-top: 0; }
    .newCustomerSection .input-cols {
      flex-wrap: wrap;
      gap: 10px; }
      .newCustomerSection .input-cols .form-field {
        flex-basis: 100%;
        margin: 0 !important; } }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.featured-products-carousel {
  margin-top: 5%; }

.featured-products-carousel__header {
  display: flex;
  justify-content: space-between; }

.featured-products-carousel__title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px; }

.featured-products-carousel__arrows {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 768px) {
    .featured-products-carousel__arrows {
      display: none; } }
  .featured-products-carousel__arrows .slick-disabled {
    display: none; }

.feautured-products-carousel--no-button-background {
  background: none;
  border: none; }

.featured-products-carousel__slider {
  /* the slides */
  /* the parent */
  /* the track */ }
  .featured-products-carousel__slider .slick-slide {
    margin: 0 5px; }
    @media (min-width: 768px) {
      .featured-products-carousel__slider .slick-slide {
        margin: 0 10px; } }
  .featured-products-carousel__slider .slick-list {
    margin: 0 -5px; }
    @media (min-width: 768px) {
      .featured-products-carousel__slider .slick-list {
        margin: 0 -10px; } }
  .featured-products-carousel__slider .slick-track {
    margin-left: 0; }

.featured-products-carousel__featured-product-entry a:hover {
  text-decoration: none; }

.featured-products-carousel__featured-product-entry .featured-products-carousel__product-image {
  background-color: #F5F5F5;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.featured-products-carousel__featured-product-entry img.featured.img-responsive.center-block {
  height: auto;
  max-height: 70%;
  width: calc(100% - 15px);
  object-fit: scale-down; }

.featured-products-carousel__featured-product-entry .featured-products-carousel__category-name {
  margin-top: 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #140F4B;
  text-transform: uppercase; }

.featured-products-carousel__featured-product-entry .featured-products-carousel__product-name {
  margin-top: 3px; }
  .featured-products-carousel__featured-product-entry .featured-products-carousel__product-name h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #140F4B; }

.featured-products-carousel__featured-product-entry .featured-products-carousel__price {
  color: #1010EB;
  font-size: 24px;
  line-height: 133.3%; }

.featured-products-carousel__progress-bar {
  display: flex;
  width: 100%;
  height: 3px;
  background: #D9D9D9; }
  @media (min-width: 768px) {
    .featured-products-carousel__progress-bar {
      display: none; } }
  .featured-products-carousel__progress-bar .featured-products-carousel__progress {
    background: #FF3056; }

#categories-right-nav .panel-group .panel.cc_category_tree {
  border: none;
  box-shadow: none; }

#categories-right-nav .panel-default > .panel-heading {
  background-color: transparent; }
  #categories-right-nav .panel-default > .panel-heading:hover, #categories-right-nav .panel-default > .panel-heading:active, #categories-right-nav .panel-default > .panel-heading:focus {
    background-color: rgba(0, 0, 0, 0.1); }
  #categories-right-nav .panel-default > .panel-heading a {
    font-size: 20px;
    color: #140F4B;
    line-height: 30px; }
    #categories-right-nav .panel-default > .panel-heading a:hover, #categories-right-nav .panel-default > .panel-heading a:active, #categories-right-nav .panel-default > .panel-heading a:focus {
      text-decoration: none; }
  #categories-right-nav .panel-default > .panel-heading .fa-caret-down {
    line-height: 30px; }

#categories-right-nav .panel-body > .panel-heading,
#categories-right-nav .panel-default > .panel-heading {
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0; }

#categories-right-nav .panel-group .panel + .panel {
  margin-top: 0; }

#categories-right-nav .selected-category {
  background: #140f4baf !important; }
  #categories-right-nav .selected-category a {
    color: white !important; }

#categories-right-nav .subCategory--table {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0px; }

#categories-right-nav .subCategory--btn {
  border-style: solid;
  border-width: thin;
  border-radius: 25px !important;
  font-size: 12px;
  width: fit-content;
  background: none;
  border-color: #140f4baf; }
  #categories-right-nav .subCategory--btn a {
    color: #140F4B; }

#categories-right-nav .subCategory--cell {
  padding: 5px 5px; }

.cc_product_list_header {
  display: inline-block;
  width: 100%; }

li.cc_filter_breadcrumb.label.label-default {
  padding: 5px;
  font-size: 12px;
  font-weight: normal; }

@media (max-width: 991px) {
  .productListHeader {
    margin-top: 40px; } }

.productListContent .box__subtitle {
  min-height: 45px;
  font-size: 18px; }
  .productListContent .box__subtitle > a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px; }

@media (min-width: 768px) {
  .productListContent .box--overview {
    flex: 0 0 auto;
    width: calc(100% / 2 - (1.2rem * 2)); } }

.productListContent .box__price .product-detail__out-of-stock-message {
  font-size: 14px;
  padding-bottom: 5px;
  color: red; }

.productListContent .box__price__text {
  min-height: 51px;
  display: block; }

.productListContent span.\"tax-value\", .productListContent span.tax-value {
  font-size: 14px; }
  .productListContent span.\"tax-value\":before, .productListContent span.tax-value:before {
    content: '('; }
  .productListContent span.\"tax-value\":after, .productListContent span.tax-value:after {
    content: ')'; }

.productListContent .box__img {
  background-color: transparent; }

.productListContent .box__img picture {
  height: 300px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .productListContent .box__img picture img {
    max-height: 100%;
    width: auto; }

.productListContent .greyed-out-product {
  padding: 15px; }

.productListContent .box.box--overview {
  padding: 10px; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Structures - Product detail
   ========================================================================== */
.product-detail {
  width: 100%;
  margin-bottom: 5rem; }
  @media (min-width: 768px) {
    .product-detail {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: calc(100% - 50%) 50%;
      grid-template-columns: calc(100% - 50%) 50%; } }

.product-detail__part {
  display: block; }
  @media (min-width: 768px) {
    .product-detail__part {
      max-width: 51rem; } }

.product-detail__part--headings {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-column: 2/2;
  grid-row: 1; }

.product-detail__part--gallery {
  -ms-grid-column: 1;
  -ms-grid-row-span: 2;
  grid-column: 1;
  grid-row: 1 / 3; }
  @media (min-width: 768px) {
    .product-detail__part--gallery {
      max-width: 45rem;
      margin-right: 5rem; } }

.product-detail__part--content {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-column: 2/2;
  grid-row: 2; }
  @media (min-width: 768px) {
    .product-detail__part--content {
      display: flex;
      flex-direction: column; }
      .product-detail__part--content .check-free {
        order: 3; }
      .product-detail__part--content .product-detail__description {
        order: 1; }
      .product-detail__part--content .iconlist {
        order: 2; }
      .product-detail__part--content .product-detail__form {
        order: 4; } }

_::-webkit-:-webkit-full-screen:host:not(:root:root), .product-detail__part--headings {
  width: calc(100% - 50%);
  float: left; }

_::-webkit-:-webkit-full-screen:host:not(:root:root), .product-detail__part--gallery {
  width: 50%;
  float: left; }

_::-webkit-:-webkit-full-screen:host:not(:root:root), .product-detail__part--gallery {
  width: calc(100% - 50%); }

@media (min-width: 768px) {
  .product-detail__part__sticky {
    position: sticky;
    top: 2rem; } }

.product-detail__out-of-stock-message {
  color: red; }

.product-detail__description {
  position: relative;
  max-height: 12rem;
  overflow: hidden;
  color: #3C3C3C; }
  .product-detail__description:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }
  @media (min-width: 768px) {
    .product-detail__description {
      max-height: none; }
      .product-detail__description:after {
        display: none; } }

.product-detail__description--active {
  max-height: none; }
  .product-detail__description--active:after {
    background: none; }

.product-detail__description-more-link {
  margin-bottom: 1.2rem; }
  @media (min-width: 768px) {
    .product-detail__description-more-link {
      display: none; } }

.product-detail__form {
  align-self: flex-start; }
  @media (min-width: 420px) {
    .product-detail__form {
      display: inline-block; } }

.product-detail__form__options {
  margin-top: 2rem; }

.product-detail__add {
  display: block;
  margin-top: 2rem; }
  .product-detail__add .btn {
    width: 100%;
    margin-top: 2rem; }

.product-detail__add__amount {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between; }
  .product-detail__add__amount .price-wrapper {
    display: flex;
    flex-direction: column; }
  .product-detail__add__amount .number-input {
    margin: 0;
    max-width: 12rem;
    min-width: 12rem; }

/* Structures - Gallery
   ========================================================================== */
.gallery {
  margin-bottom: 2rem; }

.gallery__slider {
  position: relative; }

.gallery__slider__img {
  display: block;
  width: 100%; }

.gallery__slider__controlls {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-50%); }

.gallery__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  margin: 10px -0.6rem 0;
  overflow: auto; }

.gallery__nav__thumb {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 7.8rem;
  height: 7.8rem;
  margin: 0 0.6rem;
  overflow: hidden;
  border: 1px solid #D5DADD;
  border-radius: 2px;
  cursor: pointer; }
  .gallery__nav__thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: auto;
    height: 7.8rem;
    transform: translate(-50%, -50%); }

.gallery__nav__thumb--active {
  border-color: #1010EB; }

.product-detail-main {
  display: flex;
  align-items: flex-start; }

@keyframes slide-in {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0%); } }

#addProductNotification {
  animation-name: slide-in;
  animation-duration: 1s; }

@media (min-width: 475px) and (max-width: 499px) {
  .banner-message-margin {
    margin-right: 5% !important; } }

@media (min-width: 500px) and (max-width: 520px) {
  .banner-message-margin {
    margin-right: 10% !important; } }

@media (min-width: 521px) and (max-width: 590px) {
  .banner-message-margin {
    margin-right: 15% !important; } }

@media (min-width: 591px) and (max-width: 615px) {
  .banner-message-margin {
    margin-right: 20% !important; } }

@media (min-width: 616px) and (max-width: 650px) {
  .banner-message-margin {
    margin-right: 25% !important; } }

@media (min-width: 651px) and (max-width: 685px) {
  .banner-message-margin {
    margin-right: 30% !important; } }

@media (min-width: 686px) and (max-width: 712px) {
  .banner-message-margin {
    margin-right: 35% !important; } }

@media (min-width: 713px) and (max-width: 780px) {
  .banner-message-margin {
    margin-right: 40% !important; } }

@media (min-width: 781px) and (max-width: 991px) {
  .banner-message-margin {
    margin-right: 45% !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .banner-message-margin {
    margin-right: 55% !important; } }

@media (min-width: 1200px) {
  .banner-message-margin {
    margin-right: 60% !important; } }

.deal-product-section {
  display: inline-block;
  width: 100%; }

.deal-item-row {
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0; }
  .deal-item-row .deal-qty-label,
  .deal-item-row .price-label {
    font-size: 1.6rem;
    font-weight: bold;
    display: block; }
  .deal-item-row .deal-qty-val,
  .deal-item-row .price-value {
    font-size: 1.6rem; }
  .deal-item-row.item-row-inner {
    margin: 0 15px; }

.deal-info-section hr {
  margin: 5px 0; }

.deal-info-section .info-first {
  font-weight: bold; }

.deals-subseq-shipments {
  margin-top: 40px; }

#subShipmentsModal .deal-item-row {
  display: inline-block;
  width: calc(100% - 15px); }

#subShipmentsModal .modal-body {
  max-height: 70vh;
  overflow-y: auto; }

#subShipmentsModal .modal-dialog {
  width: 50%; }

.product-detail__form {
  width: 100%; }

.product__info__video {
  margin: 25px 0; }
  .product__info__video video {
    width: 100%;
    height: auto; }

.scheduled-pricing {
  font-size: 16px; }

.price-wrapper span {
  display: inline; }

.deal-price-disclaimer {
  font-size: 17px;
  margin-bottom: 5px;
  font-style: italic; }

@media only screen and (max-width: 991px) {
  #subShipmentsModal {
    padding: 0 !important;
    margin-top: 20%; }
    #subShipmentsModal .modal-body {
      max-height: 85vh; }
    #subShipmentsModal .modal-dialog {
      width: 70%; } }

.qty-validation-error-container {
  margin-top: 15px; }

@media only screen and (max-width: 768px) {
  .prodDetailContainer #addProductNotification .pdp-notification-wrapper {
    padding: 24px 20px; }
  .prodDetailContainer #addProductNotification .pdp-items-added-info {
    display: block; }
  .prodDetailContainer #addProductNotification .goToCartBtn-wrapper {
    float: left; }
  .prodDetailContainer .product-detail__add__amount .price-wrapper {
    margin-left: 0; }
  #subShipmentsModal .modal-dialog {
    width: 100%;
    margin: 0; }
  .productListContent .box.box--overview {
    padding: 2rem 0;
    padding-left: 9.6rem; }
  .productListContent .box__img picture {
    height: auto;
    max-height: none; }
  .goToCartBtn {
    margin-left: 15px; } }

.qty-validation-error {
  font-weight: bold; }

.qty-validation-error-min {
  font-weight: bold; }

.iport-form-validation-error {
  font-weight: bold; }

.cc_filter_container {
  padding-top: 15px; }
  .cc_filter_container .cc_heading {
    margin-bottom: 15px; }
  .cc_filter_container .cc_spec_grouping {
    margin-left: 5px; }
  .cc_filter_container ul.list-group {
    margin-bottom: 0; }
  .cc_filter_container input[type="checkbox"] + label {
    margin: 0; }

.cc_spec_values_container .list-group-item {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0;
  border-radius: 0; }

.cc_spec_values_container .cc_product_count {
  background-color: #183152;
  margin-left: 10px; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
ul.nav.nav-pills.nav-justified.thumbnail {
  display: none; }

body {
  width: 100%;
  margin: 0; }

span[id*=CheckOutNew] + .deskLayout #menuContainer,
span[id*=CheckOutNew] + .deskLayout .main-header__search.search,
span[id*=CheckOutNew] + .deskLayout .prefooter, span[id*=CheckOutNew] + .deskLayout .main-footer, span[id*=CheckOutNew] + .deskLayout .subfooter {
  display: none; }

@media (min-width: 576px) {
  span[id*=CheckOutNew] + .deskLayout footer.footer.cc_footer,
  span[id*=CheckOutNew] + .deskLayout .container-fluid.navbar-inverse.cc_navbar-inverse {
    display: none; } }

@media (max-width: 576px) {
  span[id*=CheckOutNew] + .deskLayout .checkout-info__item.item__change .cancel-edit__link {
    width: 100%; } }

span[id*=CheckOutNew] + .deskLayout > .contentBody.cc_content_body > .container {
  max-width: none;
  width: auto;
  padding: 0; }

span[id*=CheckOutNew] + .deskLayout .cart-item__amount {
  align-items: flex-end; }

span[id*=CheckOutNew] + .deskLayout .po-box-warning-message {
  margin: 15px 0; }

span[id*=CheckOutNew] + .deskLayout .number-input__btn {
  cursor: not-allowed; }

span[id*=CheckOutNew] + .deskLayout .os-delivery-shipping-notes {
  width: 100%;
  resize: none;
  height: 110px;
  border: 1px solid #dfdfdf; }

span[id*=CheckOutNew] + .deskLayout .cart-item__title a,
span[id*=CheckOutNew] + .deskLayout .cart-item__img {
  pointer-events: none; }

span[id*=CheckOutNew] + .deskLayout .cart-item__img {
  flex-basis: 10rem;
  height: fit-content; }

span[id*=CheckOutNew] + .deskLayout .checkbox-inline {
  margin-top: auto; }

span[id*=CheckOutNew] + .deskLayout .scheduledOrdersMargin {
  margin-top: 40px; }

span[id*=CheckOutNew] + .deskLayout .cart-item__content_col {
  padding-right: 0; }

span[id*=CheckOutNew] + .deskLayout html {
  width: 100% !important; }

span[id*=CheckOutNew] + .deskLayout .acceptPaymentTerms {
  opacity: 1; }

span[id*=CheckOutNew] + .deskLayout .ca-deal-item-row .ship1-title {
  margin-bottom: 0px; }

span[id*=CheckOutNew] + .deskLayout .ca-deal-item-row + .cart-item__content {
  margin-top: 10px; }

span[id*=CheckOutNew] + .deskLayout .deals-section {
  margin-top: 15px; }

span[id*=CheckOutNew] + .deskLayout .deals-section .co-deal-item-wrapper {
  padding-bottom: 10px;
  margin-top: 10px; }

span[id*=CheckOutNew] + .deskLayout .order-grand-total {
  font-size: 1.7rem;
  border-top: 1px solid black; }

/* Structures - Checkout
   ========================================================================== */
.checkout-btns {
  display: none; }
  @media (min-width: 576px) {
    .checkout-btns {
      display: block; } }
  @media (min-width: 850px) {
    .checkout-btns .btn {
      width: 100%; } }
  @media (min-width: 1024px) {
    .checkout-btns .btn {
      width: auto; } }

@media (min-width: 680px) {
  .checkout-page .cart-item__content {
    display: block; } }

@media (min-width: 680px) {
  .checkout-page .cart-item__img {
    margin-right: 1rem; } }

@media (min-width: 680px) {
  .checkout-page .cart-item__title {
    margin-right: 0; } }

/* Structures - Promotions & Vouchers
   ========================================================================== */
.coupon-alert {
  margin-top: 1%;
  flex-basis: 100%;
  color: #CC0025; }

/* Structures - Checkout info
   ========================================================================== */
.checkout-info {
  margin-bottom: 2rem;
  padding: 1.4rem 3rem 1.4rem 2rem;
  border: 1px solid #D5DADD;
  border-radius: 2px;
  word-wrap: break-word; }
  @media (min-width: 768px) {
    .checkout-info {
      font-size: 1.5rem; } }
  @media (max-width: 576px) {
    .checkout-info {
      font-size: 1.2rem; } }

.checkout-info--bg {
  background-color: #F5F5F5; }

.checkout-info__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0px -30px -14px -20px;
  padding: 0px 30px 14px 20px; }
  .checkout-info__item .checkout-info__select-box,
  .checkout-info__item .checkout-info__item__cancel {
    display: none; }
  .checkout-info__item .coupon-text-box {
    width: 60%; }
    .checkout-info__item .coupon-text-box input {
      padding: 0 11px;
      height: 40px; }
  .checkout-info__item .coupon-applied-area {
    width: 100%; }
    .checkout-info__item .coupon-applied-area a {
      margin-right: 1%;
      color: #3C3C3C;
      font-size: 24px; }
    .checkout-info__item .coupon-applied-area .coupon-applied-text {
      font-size: 1.7rem; }
  .checkout-info__item .coupon-apply {
    font-size: 16px;
    align-self: center;
    padding-left: 4%; }
  .checkout-info__item.item__change {
    background: white; }
    .checkout-info__item.item__change .checkout-info__item__input,
    .checkout-info__item.item__change .checkout-info__item__edit {
      display: none; }
    .checkout-info__item.item__change .checkout-info__select-box,
    .checkout-info__item.item__change .checkout-info__item__cancel {
      width: 100%;
      display: block; }
    .checkout-info__item.item__change .cancel-edit__link {
      display: inline-block;
      width: calc(100% - 8.5rem);
      text-align: right; }
    .checkout-info__item.item__change .checkout-info__select-box {
      margin-top: 20px; }
    .checkout-info__item.item__change .edit-shipping-address__label {
      display: inline-block;
      width: auto;
      float: right; }
  .checkout-info__item + .checkout-info__item {
    margin-top: 1.4rem;
    padding-top: 1.4rem;
    border-top: 1px solid #D5DADD; }
  .checkout-info__item.checkout-info__item--inline {
    flex-direction: row; }

.checkout-info__item__label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #3C3C3C;
  flex: 1 0 100%;
  margin: 2px 0; }
  @media (min-width: 576px) {
    .checkout-info__item__label {
      flex: 0 0 8.5rem; } }
  @media (min-width: 768px) {
    .checkout-info__item__label {
      flex: 1 0 100%;
      margin: 4px 0; } }
  @media (min-width: 1024px) {
    .checkout-info__item__label {
      flex: 0 0 9rem; } }

.checkout-info__item__label__ship {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #3C3C3C;
  flex: 1 0 100%;
  margin: 2px 0; }
  @media (min-width: 576px) {
    .checkout-info__item__label__ship {
      flex: 0 0 8.5rem; } }
  @media (min-width: 768px) {
    .checkout-info__item__label__ship {
      flex: 1 0 100%;
      margin: 4px 0; } }
  @media (min-width: 1024px) {
    .checkout-info__item__label__ship {
      flex: 0 0 8.5rem; } }

.checkout-info__item__input {
  flex-grow: 1;
  position: relative;
  margin-right: 1rem; }
  @media (max-width: 1199px) {
    .checkout-info__item__input {
      max-width: 185px; } }
  @media (min-width: 1200px) {
    .checkout-info__item__input {
      max-width: 245px; } }
  .checkout-info__item__input img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 38px;
    transform: translateY(-50%); }
    .checkout-info__item__input img + span {
      padding-left: 45px; }

.checkout-info__item__radio {
  flex-grow: 1; }
  .checkout-info__item__radio input + label {
    display: inline-flex;
    align-items: center; }

.checkout-info__item__edit {
  align-self: flex-end; }

.checkout-info__item__static {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }

.split-layout__content .btn-group.checkout-btns > .btn--ghost {
  margin-left: 0; }

.split-layout__side:before {
  background-color: #ffffff; }

.checkout-info__redirect {
  width: calc(100% + 3rem + 2rem);
  margin-top: 1.4rem;
  margin-left: -2rem;
  margin-bottom: -1.4rem;
  padding: 3rem 2.5rem 2.5rem;
  background: #F5F5F5;
  border-top: 1px solid #D5DADD;
  text-align: center; }
  .checkout-info__redirect svg {
    width: 7rem; }
    @media (min-width: 576px) {
      .checkout-info__redirect svg {
        width: auto; } }
    @media (min-width: 768px) {
      .checkout-info__redirect svg {
        width: 7rem; } }
    @media (min-width: 1024px) {
      .checkout-info__redirect svg {
        width: auto; } }
  .checkout-info__redirect p {
    width: 80%;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    color: #3C3C3C; }

.checkout-info--stack-mobile .checkout-info__item {
  flex-direction: column; }
  @media (min-width: 576px) {
    .checkout-info--stack-mobile .checkout-info__item {
      flex-direction: row; } }
  @media (min-width: 768px) {
    .checkout-info--stack-mobile .checkout-info__item {
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .checkout-info--stack-mobile .checkout-info__item {
      flex-direction: row; } }

.checkout-info--stack-mobile .checkout-info__item__radio + .checkout-info__item__edit {
  align-self: flex-start;
  margin-top: 1rem; }
  @media (min-width: 576px) {
    .checkout-info--stack-mobile .checkout-info__item__radio + .checkout-info__item__edit {
      align-self: center;
      margin-top: 0; } }
  @media (min-width: 768px) {
    .checkout-info--stack-mobile .checkout-info__item__radio + .checkout-info__item__edit {
      align-self: flex-start;
      margin-top: 1rem; } }
  @media (min-width: 1024px) {
    .checkout-info--stack-mobile .checkout-info__item__radio + .checkout-info__item__edit {
      align-self: center;
      margin-top: 0; } }

/* Structures - Overlay
   ========================================================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -5;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: .4s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5; }
  .overlay:target {
    z-index: 100;
    visibility: visible;
    opacity: 1;
    pointer-events: auto; }

.overlay__box {
  position: relative;
  padding: 3rem 2rem;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 2px rgba(174, 180, 183, 0.5);
  border-radius: 2px; }
  @media (min-width: 576px) {
    .overlay__box {
      width: 44.4rem;
      height: auto;
      padding: 3rem 4rem; } }

.overlay__close {
  position: absolute;
  top: 1rem;
  right: 1rem; }
  @media (min-width: 576px) {
    .overlay__close {
      top: 2rem;
      right: 2rem; } }

.overlay__title {
  margin-bottom: 1.6rem; }

.overlay__submit {
  display: block;
  width: 100%; }

.overlay__sub {
  margin-top: 2rem;
  color: #555555;
  text-align: center; }

.overlay--opaque {
  align-items: flex-start;
  background-color: rgba(20, 15, 75, 0.5); }
  .overlay--opaque .overlay__box {
    width: 85rem;
    max-width: calc(100% - (20px * 2));
    height: auto;
    margin-top: 6rem; }
    @media (min-width: 576px) {
      .overlay--opaque .overlay__box {
        max-width: calc(100% - (35px * 2));
        margin-top: 12rem; } }

#html-main-content {
  width: 100% !important; }
  #html-main-content label {
    width: 100%;
    display: block;
    margin-top: 15px;
    color: #474747;
    padding-bottom: 3px; }
  #html-main-content select, #html-main-content input {
    height: 40px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px; }
  #html-main-content input:focus, #html-main-content input:active, #html-main-content select:focus, #html-main-content select:active {
    border-color: #887488;
    outline: none !important; }
  #html-main-content #c-exmth, #html-main-content #c-exyr {
    margin-right: 0;
    width: calc(50% - 10px);
    display: inline-block; }
  #html-main-content #c-exyr {
    float: left;
    margin-right: 20px; }
  #html-main-content .valmsg {
    font-size: 14px;
    color: red; }

.exp_year_section, .exp_month_section, .cvv_section {
  width: 32%;
  margin-right: 0;
  display: inline;
  float: left; }

.exp_year_section input, .exp_month_section input, .cvv_section input {
  width: 100%; }

.cvv_section {
  padding-right: 0;
  width: 34%; }

.valmsg {
  margin-top: 1px;
  position: absolute; }

.exp_year_section, .exp_month_section {
  margin-right: 1%; }

#payment_iframe, #payment_iframe_edit {
  height: 510px;
  width: 100%;
  border: none; }

#lbl-c-ct {
  margin-top: 0px !important; }

.suggestions-header {
  margin-bottom: 10px;
  font-weight: bold; }

.lastFieldMargin {
  margin-bottom: 15px; }

.hideItem {
  display: none !important; }

.modal-footer .os-confirm-rules.col-xs-12.col-md-12.col-lg-12 {
  padding-left: 0 !important; }

.modal-footer .checkbox-inline.float-left {
  padding-left: 0 !important; }

.modal-footer #paymentTerms {
  display: none; }

/* SPINNER */
#spin {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 100; }

.spinner {
  border: 5px solid #ccc;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top-color: #140f4b;
  border-left-color: #140f4b;
  animation: spin 1s infinite ease-in; }

.spinner_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
  z-index: 99; }

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

.so-item-name {
  font-size: 20px;
  font-weight: bold;
  color: #140F4B;
  display: inline-block; }

.so-dropdowns > * {
  margin-right: 15px; }

.so-next-ship-date {
  font-size: 16px;
  margin-top: 10px; }

.list-group-item.sub-item {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  margin: 10px 0;
  padding-bottom: 25px; }

.so-sub-list {
  margin-top: 25px; }

#updatedSubscriptionNotification {
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: #14853D;
  color: white;
  z-index: 2000; }
  #updatedSubscriptionNotification .subscription-notification-wrapper, #updatedSubscriptionNotification .cust-icon.check-icon {
    padding: 24px 0; }
  #updatedSubscriptionNotification .subscription-updated-info {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 0px; }
  #updatedSubscriptionNotification .subscription-notification-close-wrapper {
    padding: 10px 15px;
    font-size: 20px; }
    #updatedSubscriptionNotification .subscription-notification-close-wrapper .fa-times {
      cursor: pointer; }

@media only screen and (max-width: 768px) {
  .acctmainSection #updatedSubscriptionNotification .subscription-notification-wrapper {
    padding: 24px 20px; }
  .acctmainSection #updatedSubscriptionNotification .subscription-updated-info {
    display: block; } }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
span[id*=OrderConfirmation] + .deskLayout #menuContainer,
span[id*=OrderConfirmation] + .deskLayout .main-header__search.search,
span[id*=OrderConfirmation] + .deskLayout .prefooter, span[id*=OrderConfirmation] + .deskLayout .main-footer, span[id*=OrderConfirmation] + .deskLayout .subfooter {
  display: none; }

@media (min-width: 576px) {
  span[id*=OrderConfirmation] + .deskLayout footer.footer.cc_footer,
  span[id*=OrderConfirmation] + .deskLayout .container-fluid.navbar-inverse.cc_navbar-inverse {
    display: none; } }

@media (max-width: 576px) {
  span[id*=OrderConfirmation] + .deskLayout .checkout-info__item.item__change .cancel-edit__link {
    width: 100%; } }

span[id*=OrderConfirmation] + .deskLayout > .contentBody.cc_content_body > .container {
  max-width: none;
  width: auto;
  padding: 0; }

span[id*=OrderConfirmation] + .deskLayout .cart-item__amount {
  align-items: flex-end; }

span[id*=OrderConfirmation] + .deskLayout .po-box-warning-message {
  margin: 15px 0; }

span[id*=OrderConfirmation] + .deskLayout .number-input__btn {
  cursor: not-allowed; }

span[id*=OrderConfirmation] + .deskLayout .os-delivery-shipping-notes {
  width: 100%;
  resize: none;
  height: 110px;
  border: 1px solid #dfdfdf; }

span[id*=OrderConfirmation] + .deskLayout .cart-item__title a,
span[id*=OrderConfirmation] + .deskLayout .cart-item__img {
  pointer-events: none; }

span[id*=OrderConfirmation] + .deskLayout .cart-item__img {
  height: fit-content; }

span[id*=OrderConfirmation] + .deskLayout .checkbox-inline {
  margin-top: auto; }

span[id*=OrderConfirmation] + .deskLayout .scheduledOrdersMargin {
  margin-top: 40px; }

span[id*=OrderConfirmation] + .deskLayout html {
  width: 100% !important; }

span[id*=OrderConfirmation] + .deskLayout .acceptPaymentTerms {
  opacity: 1; }

span[id*=OrderConfirmation] + .deskLayout .ca-deal-item-row .ship1-title {
  margin-bottom: 0px; }

span[id*=OrderConfirmation] + .deskLayout .ca-deal-item-row + .cart-item__content {
  margin-top: 10px;
  margin-left: 10px; }

span[id*=OrderConfirmation] + .deskLayout .co-deal-item-wrapper {
  border-top: 1px solid #dfdfdf;
  padding-bottom: 10px;
  margin-top: 10px;
  padding-left: 10px; }

span[id*=OrderConfirmation] + .deskLayout .order-grand-total {
  font-size: 1.7rem;
  border-top: 1px solid black; }

span[id*=OrderConfirmation] + .deskLayout .ca-deal-item-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem; }

.bundle-item-wrapper > h4 {
  font-size: 20px; }

.bundle-item-wrapper .bundle-item {
  padding: 20px 15px; }
  .bundle-item-wrapper .bundle-item .bundle-item_image {
    width: 100px;
    display: inline-block; }
    .bundle-item-wrapper .bundle-item .bundle-item_image > img {
      width: 80px;
      height: 80px; }
  .bundle-item-wrapper .bundle-item .bundle-item_content {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    .bundle-item-wrapper .bundle-item .bundle-item_content .bundle-item_item-name {
      font-size: 18px;
      font-weight: bold; }

.order-confirmation-banner {
  /* Notice banner */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  background: #EFF9E3;
  border-radius: 4px; }
  .order-confirmation-banner .banner-margin {
    /* Rectangle 1 */
    width: 4px;
    height: auto;
    background: #59A719;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0; }
  .order-confirmation-banner .banner-add-to-cart-icon {
    /* Icon Wrapper */
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-left: 10px;
    width: 24px;
    height: 65px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0; }
  .order-confirmation-banner .banner-add-to-cart-text {
    /* Notice label */
    padding-left: 10px;
    /* Text 3/Body Default */
    font-family: 'Avenir Next World';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    /* or 26px */
    color: rgba(0, 0, 0, 0.77);
    /* Inside auto layout */
    order: 1;
    flex-grow: 1; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Config - Mixins
   ========================================================================== */
.contentnav__list {
  display: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 1024px) {
    .contentnav__list {
      display: block; } }

.contentnav__list__item {
  margin: 0;
  padding: 0;
  list-style: none; }
  .contentnav__list__item:before {
    display: none; }

.contentnav__list__link {
  display: block;
  padding: .6rem 0;
  font-size: 1.8rem; }

.contentnav__list__link--active {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  color: #3C3C3C;
  cursor: text; }
  .contentnav__list__link--active:hover, .contentnav__list__link--active:focus, .contentnav__list__link--active:active {
    text-decoration: none; }

.contentnav__select {
  margin-bottom: 2rem;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  color: #3C3C3C;
  line-height: 1.4; }
  @media (min-width: 1024px) {
    .contentnav__select {
      display: none; } }

@media (min-width: 576px) {
  .inner-with-nav {
    margin: 24px 0; } }

@media (min-width: 1024px) {
  .inner-with-nav {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; } }

@media (min-width: 1024px) {
  .inner-with-nav__aside {
    flex-basis: 24.5rem;
    margin-right: 3rem; } }

@media (min-width: 1024px) {
  .inner-with-nav__content {
    flex: 1; } }

.inner-with-nav__content__title {
  display: none; }
  @media (min-width: 1024px) {
    .inner-with-nav__content__title {
      display: block;
      margin-top: 0; } }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Config - Mixins
   ========================================================================== */
@media (min-width: 576px) {
  #birthdate--mobile {
    display: none; } }

input::-webkit-date-and-time-value {
  text-align: left; }

@media (max-width: 576px) {
  #birthdate--desktop {
    display: none; } }

.account {
  margin: 1rem 0;
  border: 1px solid #D5DADD; }
  @media (min-width: 576px) {
    .account {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 2.5rem 0; } }

.account__info {
  flex: 1;
  padding: 0 1.2rem;
  background-color: #F5F5F5; }
  @media (min-width: 576px) {
    .account__info {
      padding: 0 2.4rem; } }

.account__info__item {
  padding: 1.8rem 0 1.4rem;
  border-top: 1px solid #D5DADD; }
  .account__info__item:first-child {
    border-top: none; }

.account__info__item__label {
  padding-right: 1rem; }

.account__button {
  padding: 1.2rem; }
  @media (min-width: 576px) {
    .account__button {
      padding: 3rem 4rem; } }
  .account__button .btn {
    width: 100%; }

.editProfileButtonRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .editProfileButtonRow > input {
    margin-top: 25px;
    margin-bottom: 30px;
    min-width: 120px; }
    .editProfileButtonRow > input:first-child {
      margin-right: 1rem; }
    .editProfileButtonRow > input:nth-child(2) {
      margin-left: 1rem; }

.account__info__item {
  padding: 1.8rem 0 1.4rem;
  border-top: 1px solid #D5DADD; }
  .account__info__item:first-child {
    border-top: none; }

#transmitterSerialNumber-error {
  margin-top: 5px; }

#divError {
  margin-top: 2px !important; }

.cc_form_buttons .cc_update_password {
  width: 150px; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Config - Mixins
   ========================================================================== */
.oh-footer-link-section {
  text-align: right;
  margin-bottom: 150px; }
  .oh-footer-link-section > .link-item:not(:last-child) {
    margin-right: 15px; }

.filter {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .filter .filter__input {
    width: auto;
    min-width: 12rem;
    margin: 0 0 0 1rem; }

.order__item__box {
  order: 2; }

.reorder-link {
  margin-top: 10px; }

.order .order__info {
  border: none; }

.order .order-history-details {
  border-top: 1px solid #D5DADD; }

@media (max-width: 768px) {
  .order .sap-item-number {
    display: none; }
  .order .bundle__items__header_bundle {
    padding-left: 0rem; }
  .order .invoice-item-padding {
    padding-left: 3rem; }
  .order .order-history-details-invoice-tab .order-invoice-item {
    gap: 10px;
    flex-wrap: wrap; }
    .order .order-history-details-invoice-tab .order-invoice-item .invoice__item__col {
      flex-basis: 35%; }
      .order .order-history-details-invoice-tab .order-invoice-item .invoice__item__col:nth-child(1) {
        flex-basis: 100%; } }

.bundle__items__header {
  border-top: 1px solid #F5F5F5;
  margin: 0 2rem;
  padding-left: 13.8rem; }

.bundle__items__header_bundle {
  border-top: 1px solid #F5F5F5;
  margin: 0 2rem;
  padding-left: 7.7rem;
  margin-top: 10px; }

.bundle__item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2rem 1rem; }
  .bundle__item + .bundle__item {
    border-top: 1px solid #F5F5F5; }
  .bundle__item + .order__item {
    border-top: 1px solid #D5DADD; }
  @media (min-width: 768px) {
    .bundle__item {
      order: 2;
      margin: 0 2rem;
      padding: 3rem 0; } }

.bundle__img {
  margin-left: auto; }

.bundle__item__name {
  flex: 1;
  margin: 0 2rem 0 1rem; }
  @media (min-width: 768px) {
    .bundle__item__name {
      margin: 0 2rem;
      margin-right: 7rem; } }

.invoice__item__col {
  margin: 0 2rem 0 1rem; }

.hide-order-details.order__info__edit__link {
  padding-left: 0px;
  margin-left: 0px; }

.invoice-col-header {
  display: block;
  font-weight: bold; }

@media (min-width: 768px) {
  .order-invoice-item .invoice__item__col:nth-child(1) {
    flex-basis: 10%; }
  .order-invoice-item .invoice__item__col:nth-child(2) {
    flex-basis: 20%; }
  .order-invoice-item .invoice__item__col:nth-child(3) {
    flex-basis: 30%; }
  .order-invoice-item .invoice__item__col:nth-child(4) {
    flex-basis: 20%; }
  .order-invoice-item .invoice__item__col:nth-child(5) {
    flex-basis: 20%; } }

.order__info__edit__link + .order__info__edit__link.hide-order-details {
  margin-left: 0px;
  padding-left: 0px; }
  .order__info__edit__link + .order__info__edit__link.hide-order-details:before {
    content: none; }

.invoice-error {
  padding: 2rem; }

.order__item img.img-responsive.center-block.img-thumbnail, .bundle__item img.img-responsive.center-block.img-thumbnail {
  width: 11.8rem;
  margin-top: -2rem;
  margin-bottom: -2rem;
  display: block; }

.order-history-details-tab .bundle__item {
  margin-left: 15.8rem; }

.price-my-account-order-history {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  color: #3C3C3C;
  line-height: 1.43; }

.order-history-coupon-text {
  text-align: right;
  font-weight: 600; }

.order-history-coupon-textbox {
  text-align: right; }

.orderList .order__history-wrapper {
  margin: 10px 0 5px 0; }

.orderList .order__title {
  min-height: 50px;
  height: auto;
  padding: 10px;
  align-content: center; }
  .orderList .order__title h4 {
    font-size: 20px; }

@media (min-width: 575px) {
  .acctmainSection .card-wrapper .card {
    min-height: 18.4rem; } }

@media (min-width: 575px) {
  .acctmainSection .card-wrapper .card--add {
    text-align: center; }
    .acctmainSection .card-wrapper .card--add > span {
      padding-top: 0;
      margin-top: 57px; } }

.po-box-warning-message {
  margin: 15px 0; }

#selectAddressModal .modal-footer {
  padding-left: 9px !important;
  padding-right: 9px !important; }

.card__type > .fa {
  font-size: 28px;
  color: #D9D9D9; }

#payment-modal .form-check {
  text-align: left; }

.ssoActionCarelink,
.ssoActionExternalId {
  width: 350px; }
  @media only screen and (max-width: 768px) {
    .ssoActionCarelink,
    .ssoActionExternalId {
      width: 100%; } }

.login--align-menu {
  display: flex;
  justify-content: center; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Config - Mixins
   ========================================================================== */
/* Structures - Toggle switch box
   ========================================================================== */
.toggle-switch-box {
  margin: 1.8rem 0;
  border: 1px solid #D5DADD;
  border-radius: 2px; }
  @media (min-width: 1024px) {
    .toggle-switch-box {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; } }

.toggle-switch-box--disabled {
  opacity: .4;
  pointer-events: none; }

.toggle-switch-box__col,
.toggle-switch-box__check {
  flex: 1 1 50%;
  padding: 0 1.1rem; }
  @media (min-width: 1024px) {
    .toggle-switch-box__col,
    .toggle-switch-box__check {
      padding: 0 2.2rem; } }

.toggle-switch-box__col {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .toggle-switch-box__col > :first-child {
    margin-top: 0; }

.toggle-switch-box__check {
  flex: 1 0 100%;
  background-color: #F5F5F5; }

.toggle-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0; }

.toggle-item--disabled {
  opacity: .4;
  pointer-events: none; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.tax-exempt-status-confirmed {
  color: #14853D; }

.tax-exempt-status-not-verified {
  color: #CC0025; }

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

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Structures - Order
   ========================================================================== */
.fa-elements .fa-chevron-left:before {
  content: "\f053" !important;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 10px !important;
  font-weight: 600 !important; }

.fa-elements .fa-chevron-right:before {
  content: "\f054" !important;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 10px !important;
  font-weight: 600 !important; }

.upcoming-orders-container {
  margin-top: 15px; }

.order {
  display: flex;
  flex-direction: column;
  margin: 2rem 0; }
  .order .scheduled-orders--title {
    border: 1px solid #D5DADD;
    border-radius: 2px;
    background-color: #F5F5F5;
    margin: 5px 0 10px 0; }
    .order .scheduled-orders--title h2 {
      padding: 0 10px 0 10px; }
  .order .scheduled-orders--wrapper .scheduled-orders--item {
    border: 1px solid #D5DADD;
    border-radius: 2px;
    background-color: #F5F5F5;
    margin-bottom: 10px; }

.order__title {
  margin: 0;
  padding: 2rem 1rem 0; }
  @media (min-width: 768px) {
    .order__title {
      padding: 2rem 2rem 0;
      background-color: #F5F5F5; } }
  .order__title h2,
  .order__title h3,
  .order__title h4,
  .order__title h5,
  .order__title h6 {
    margin: 0; }

.order__item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2rem 1rem; }
  @media only screen and (max-width: 700px) {
    .order__item {
      flex-direction: column; } }
  .order__item + .order__item {
    border-top: 1px solid #D5DADD; }
  @media (min-width: 768px) {
    .order__item .number-input {
      position: absolute;
      bottom: 2rem;
      right: 0; } }
  @media (min-width: 768px) {
    .order__item {
      order: 2;
      margin: 0 2rem;
      padding: 3rem 0; } }

.order__item__img {
  display: block;
  width: 6rem; }
  @media only screen and (max-width: 700px) {
    .order__item__img {
      margin-left: auto;
      margin-right: auto;
      width: 50%; } }
  @media (min-width: 768px) {
    .order__item__img {
      width: 11.8rem;
      margin-top: 2rem;
      margin-bottom: -2rem; } }

.order__item__name {
  flex: 1;
  text-align: left;
  margin: 0 2rem 0 1rem; }
  @media (min-width: 768px) {
    .order__item__name {
      margin: 0 2rem;
      margin-right: 7rem; } }

.order__item__name__title {
  margin: 0;
  font-size: 1.6rem; }
  .order__item__name__title a {
    color: #3C3C3C; }

.order__item__name__code {
  margin: 0; }

.order__item__price {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }
  @media (min-width: 768px) {
    .order__item__price {
      font-size: 1.6rem; } }

.order__info {
  padding: 2rem 1rem;
  background-color: #F5F5F5; }
  @media (min-width: 768px) {
    .order__info {
      order: 1;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      padding: 2rem;
      border-bottom: 1px solid #D5DADD; } }

.order__info__col {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .order__info__col {
      flex-direction: column;
      align-items: stretch; } }
  .order__info__col + .order__info__col {
    margin-top: 1.4rem;
    padding-top: 1.4rem;
    border-top: 1px solid #D5DADD; }
    @media (min-width: 768px) {
      .order__info__col + .order__info__col {
        margin-top: 0;
        padding-top: 0;
        border-top: none; } }
  @media (min-width: 768px) {
    .order__info__col:nth-last-child(2) {
      padding-right: 3rem; } }
  .order__info__col:last-child .order__info__input {
    max-width: 25rem; }

.order__info__label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #3C3C3C; }

.order__info__input {
  flex: 1; }

.order__info__input__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start; }
  .order__info__input__row span:first-child {
    flex: 1 0 auto;
    margin-right: 4px; }

.order__info__edit {
  align-self: flex-end;
  display: block; }
  @media (min-width: 768px) {
    .order__info__edit {
      align-self: flex-start; } }

.order__info__edit__link {
  position: relative;
  display: inline-block; }
  .order__info__edit__link + .order__info__edit__link {
    margin-left: 6px;
    padding-left: 10px; }
    .order__info__edit__link + .order__info__edit__link:before {
      content: " ";
      position: absolute;
      left: 0;
      top: 50%;
      display: block;
      width: 1px;
      height: 14px;
      background-color: #D5DADD;
      transform: translateY(-50%); }

.fc-today-button {
  min-width: 0; }

.fc-toolbar-chunk .btn-group {
  display: inline-block; }

.uo-footer-link-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 15px; }

.order__item img.img-responsive.center-block.img-thumbnail {
  width: 11.8rem;
  margin-top: -2rem;
  margin-bottom: -2rem;
  display: block; }

.order__item__price {
  text-align: right; }
  @media only screen and (max-width: 700px) {
    .order__item__price {
      width: 100%; } }
  .order__item__price div {
    font-size: 1.5rem; }
  .order__item__price p.text--light {
    font-size: 1.5rem; }

#paymentRules {
  display: contents; }

#upcomingorders-required-checkbox {
  float: left;
  padding-left: 3.4rem; }

.btn-resized {
  font-size: 15px !important; }

@media (min-width: 576px) {
  .deliveryDateDatepicker--mobile {
    display: none; } }

@media (max-width: 576px) {
  .deliveryDateDatepicker--desktop {
    display: none; } }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
/* Blocks - Breadcrumbs
   ========================================================================== */
.breadcrumbs {
  margin: 1.2rem 0; }

.breadcrumbs__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px; }

.breadcrumbs__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none; }

.breadcrumbs__list__item {
  margin: 0;
  padding: 0;
  font-size: 1.2rem; }
  .breadcrumbs__list__item:before {
    display: none; }
  .breadcrumbs__list__item:last-child .breadcrumbs__icon {
    display: none; }

.breadcrumbs__list__link--active {
  color: #140F4B;
  cursor: text; }
  .breadcrumbs__list__link--active:hover, .breadcrumbs__list__link--active:focus, .breadcrumbs__list__link--active:active {
    text-decoration: none;
    color: #140F4B; }

.breadcrumbs__list__link--inactive {
  color: #555555;
  pointer-events: none;
  cursor: text; }
  .breadcrumbs__list__link--inactive:hover, .breadcrumbs__list__link--inactive:focus, .breadcrumbs__list__link--inactive:active {
    text-decoration: none;
    color: #555555; }

.breadcrumbs__icon {
  margin-left: 1.2rem;
  margin-right: 1.2rem; }
  .breadcrumbs__icon svg {
    width: 4px;
    height: 7px; }
  .breadcrumbs__icon .chevron-right__fill {
    fill: #555555 !important; }

.breadcrumbs__back {
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif;
  font-size: 1.2rem; }

.breadcrumbs__icon--back {
  margin-left: 0; }

.breadcrumbs__back__text {
  padding-right: 1.8rem;
  margin-right: 1.8rem;
  border-right: 1px solid #D5DADD; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.category-box-component {
  margin: 0;
  padding: 5% 7% 5% 7%;
  background-color: #F5F5F5; }

.category-box-component-title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px; }

.category-box-component-description {
  color: #2C2C2C;
  font-weight: 400;
  font-size: 12px;
  margin: 0; }

.featured-category-item-frame__img {
  border-radius: 50%;
  overflow: hidden;
  background: #FFFFFF;
  aspect-ratio: 1 / 1;
  text-align: center; }
  .featured-category-item-frame__img img {
    max-height: 60%;
    max-width: 80%;
    transform: translate(0, 20%); }

.featured-category-item-frame__title {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  text-align: center; }
  .featured-category-item-frame__title h4 {
    color: #140F4B;
    font-size: 12px;
    font-weight: 400; }

.featured-category-item-frame__interaction {
  position: absolute;
  left: 70%;
  bottom: 0%; }

@media only screen and (max-width: 1199.8px) {
  .featured-category-box {
    margin: 5% 15%;
    margin-bottom: 20%;
    width: auto;
    float: inherit; }
  .featured-category-item-frame__title {
    bottom: unset; }
  .featured-category-item-frame__interaction {
    transform: scale(1.75) translateY(-25%); } }

@media only screen and (min-width: 1200px) {
  .featured-category-box {
    margin-top: 2%;
    margin-bottom: 2%; }
  .categoryUrl:hover > .featured-category-item-frame__interaction {
    transform: scale(120%); } }

.categoryUrl {
  height: 100%; }
  .categoryUrl:hover {
    text-decoration: none; }

/* Config - Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.header-navigation {
  display: none;
  background-color: #F5F5F5; }
  .header-navigation a {
    color: #140F4B; }
    @media (min-width: 768px) {
      .header-navigation a {
        white-space: nowrap; } }
  @media (min-width: 576px) {
    .header-navigation {
      display: block; } }

.headernav {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
  font-family: "Avenir Next World W05", Helvetica, Arial, sans-serif; }

.headernav__menu {
  display: flex;
  flex-direction: row;
  align-items: center; }

.headernav__menu__icon {
  margin-top: -1px;
  margin-right: 1.5rem; }
  .headernav__menu__icon span {
    display: block;
    width: 17px;
    height: 2px;
    margin-top: 5px;
    background-color: #140F4B; }
    .headernav__menu__icon span:first-child {
      margin-top: 0; }

.headernav__menu__text {
  margin-top: 1px; }

.headernav__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1px 0 0 .5rem;
  padding: 0;
  flex-wrap: wrap;
  gap: 15px; }

.headernav__list__item {
  list-style: none;
  padding-top: 1px; }

.headernav__list__link {
  padding: 0 .5rem;
  color: #140F4B; }

.hero__visual {
  width: 100%;
  height: auto; }

.toggleFaqQuestions {
  cursor: pointer;
  text-align: center; }
  .toggleFaqQuestions > i {
    font-size: 30px; }

.toggleFaqQuestionsDetails {
  cursor: pointer;
  text-align: center; }
  .toggleFaqQuestionsDetails > i {
    font-size: 20px; }

.faqQuestionList {
  margin-left: 50px;
  margin-bottom: 5px; }

.faqQuestionItem {
  padding-right: 0px;
  font-size: 18px;
  margin: 8px 0; }

.table_header_label_faq {
  font-size: 21px; }

.row-item {
  padding-bottom: 5px; }

.faq-question-item, .faq-item-header {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center; }

.faq-item-header {
  font-size: 20px; }

.row-answer {
  margin-bottom: 15px; }

@media (min-width: 991px) {
  span[id^='ProductList'] + .deskLayout .cc_main_content_col {
    width: 70%; }
  span[id^='ProductList'] + .deskLayout .cc_left_col {
    width: 30%; } }

.maintenance-page-logo {
  margin-top: 50px; }

.table_header_label_faq {
  font-size: 21px; }

.row-item {
  padding-bottom: 5px; }

.faq-question-item, .faq-item-header {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center; }

.faq-item-header {
  font-size: 20px; }

.row-answer {
  margin-bottom: 15px; }

.faqs {
  padding-left: 2%;
  position: relative;
  min-height: 519px;
  height: 100%;
  padding-top: 20px;
  /* Background/Module/Background 02 */
  background: #1010EB; }
  @media (max-width: 600px) {
    .faqs {
      display: flex;
      flex-direction: column;
      justify-content: center;
      overflow-x: hidden !important;
      padding-left: 15px;
      padding-right: 15px; } }

.faqs-table {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 600px) and (max-width: 820px) {
    .faqs-table {
      margin-left: 1%; } }
  @media (min-width: 600px) and (max-width: 768px) {
    .faqs-table {
      margin-left: 1%; } }

.faqs-heading {
  width: auto; }

.faqs-heading h2 {
  /* Desktop/Subtitle */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 32px;
  /* identical to box height, or 131% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }

.faqs-title {
  /* FAQs */
  height: auto;
  width: 90%;
  /* Desktop/Subtitle */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 30px;
  /* identical to box height, or 131% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 600px) {
    .faqs-title {
      font-size: 1.8rem;
      line-height: 20px;
      height: auto; } }
  @media (min-width: 600px) and (max-width: 1280px) {
    .faqs-title {
      font-size: 1.8rem;
      line-height: 20px;
      height: auto; } }
  @media (width: 1280px) {
    .faqs-title {
      font-size: 2rem; } }

.faqs-item {
  display: block;
  margin-bottom: 30px; }
  @media (min-width: 600px) {
    .faqs-item {
      position: relative;
      min-width: 0;
      word-wrap: break-word; } }

.faqs-wrapper {
  width: 100%;
  margin-top: 40px; }
  @media (min-width: 600px) {
    .faqs-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column; } }
  @media (min-width: 820px) and (max-width: 1024px) {
    .faqs-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column;
      width: 90%; } }
  @media (min-width: 1024px) {
    .faqs-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column; } }

.showDetail {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  @media (max-width: 280px) {
    .showDetail {
      justify-content: stretch; } }

.faq-answer {
  word-wrap: break-word; }

.hide-answer {
  display: none; }

.show-answer {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 15px;
  /* Desktop/Bodytext */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 26px;
  /* or 144% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 600px) {
    .show-answer {
      margin-top: 20px; } }
  @media (max-width: 280px) {
    .show-answer {
      font-size: 1.5rem; } }

@media (max-width: 600px) {
  .show-answer p {
    font-weight: 300; } }

.show-answer a {
  width: 100%;
  margin-top: 18px;
  /* Desktop/Bodytext */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 26px;
  /* or 144% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 600px) {
    .show-answer a {
      font-weight: 300; } }
  @media (max-width: 280px) {
    .show-answer a {
      font-size: 1.5rem; } }

.rectangle-line {
  position: relative;
  height: 1px;
  background: rgba(255, 255, 255, 0.36);
  margin-top: 16px; }
  @media (max-width: 1290px) {
    .rectangle-line {
      width: 100%; } }

.rectangle-line-expanded {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.36); }

.expand-symbol {
  width: 10%;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.help-table {
  top: 75px;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px; }
  @media (max-width: 540px) {
    .help-table {
      top: 15px;
      left: 4%;
      width: 95%; } }
  @media (max-width: 600px) {
    .help-table {
      left: 3%;
      width: 95%; } }
  @media (min-width: 600px) {
    .help-table {
      position: absolute;
      width: 47%; } }
  @media (min-width: 768px) and (max-width: 912px) {
    .help-table {
      width: 35%;
      left: 60%; } }
  @media (min-width: 912px) and (max-width: 1024px) {
    .help-table {
      width: 32%;
      left: 60%; } }
  @media (min-width: 1024px) {
    .help-table {
      width: 35%;
      left: 60%; } }
  @media (min-width: 1290px) {
    .help-table {
      width: 30%;
      left: 65%; } }

.help-heading {
  /* FAQs */
  height: 32px;
  /* Desktop/Subtitle */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 23px;
  /* identical to box height, or 131% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 600px) {
    .help-heading {
      height: 50px; } }

.help-description {
  /* You can contact our customer service department at the following phone number or text us online */
  height: auto;
  top: 110px;
  /* Desktop/Bodytext */
  font-style: normal;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 26px;
  /* or 144% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 280px) {
    .help-description {
      font-size: 1.8rem; } }
  @media (max-width: 600px) {
    .help-description {
      height: auto;
      font-weight: 300; } }
  @media (min-width: 600px) and (max-width: 1280px) {
    .help-description {
      height: auto;
      font-weight: 300; } }
  @media (min-width: 1290px) {
    .help-description {
      margin-top: 25px; } }

.help-text-faq {
  height: 26px;
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin-right: 13px; }
  @media (min-width: 768px) and (max-width: 900px) {
    .help-text-faq {
      font-size: 15px; } }
  @media (max-width: 280px) {
    .help-text-faq {
      font-size: 1.5rem; } }

@media (max-width: 280px) {
  .help-rows {
    margin-bottom: 10px; } }

@media (min-width: 600px) and (max-width: 1280px) {
  .help-rows {
    margin-bottom: 15px; } }

.contacts-table {
  margin-top: 20px; }
  @media (min-width: 768px) and (max-width: 820px) {
    .contacts-table {
      margin-top: 40px; } }
  @media (max-width: 280px) {
    .contacts-table {
      margin-top: 70px; } }
  @media (min-width: 290px) and (max-width: 375px) {
    .contacts-table {
      margin-top: 30px; } }

.contacts {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between; }

.contact-symbol {
  position: relative;
  margin-right: 20px; }

.help-center {
  display: flex;
  align-items: center;
  text-decoration: none !important; }

.see-all-faqs {
  bottom: 10%;
  display: flex;
  align-items: baseline; }

.see-all-faqs p {
  /* Desktop/Interactions */
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  margin-right: 20px;
  /* Text/Primary text inverse */
  color: #FFFFFF; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
@media only screen and (max-width: 767px) {
  .hero-box-component {
    background-color: #F5F5F5; }
  .media-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .img-container {
    -webkit-mask-image: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0)); }
  .fade-div {
    background-color: white;
    display: block;
    -webkit-mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)); } }

@media only screen and (max-width: 767px) and (width: 540px) {
  .fade-div {
    bottom: 40%;
    height: 30%;
    position: absolute;
    background-color: white;
    display: block;
    -webkit-mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)); } }

@media only screen and (max-width: 767px) {
  .content-wrapper {
    background-color: white;
    display: block; }
  .content-wrapper-no-image {
    background-color: white;
    display: block; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 500;
    font-size: 24px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-box-component {
    background-color: #F5F5F5; }
  .media-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .img-container {
    -webkit-mask-image: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0)); }
  .fade-div {
    bottom: 30%;
    height: 30%;
    width: 100%;
    position: absolute;
    background-color: white;
    display: block;
    -webkit-mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0)); }
  .content-wrapper {
    position: absolute;
    background-color: white;
    display: block; }
  .content-wrapper-no-image {
    background-color: white;
    display: block; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 500;
    font-size: 24px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

@media only screen and (min-width: 1024px) {
  .page-component-instance {
    padding-right: 0px !important;
    padding-left: 0px !important; }
  .hero-box-component {
    margin: 0;
    background-color: #F5F5F5; }
  .hero-box-component-no-image {
    margin: 0;
    background-color: #fff; }
  .media-wrapper {
    position: relative;
    display: grid; }
  .img-container {
    grid-column-start: 111; }
  .content-wrapper {
    position: absolute;
    background-color: white;
    display: flex;
    align-items: center;
    z-index: 10;
    height: -webkit-fill-available;
    grid-column-start: 1; }
  .content-wrapper-no-image {
    background-color: white;
    display: flex;
    align-items: center;
    z-index: 10;
    height: -webkit-fill-available;
    grid-column-start: 1; }
  .content-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 15%;
    width: 90%; }
  .fade-div {
    position: absolute;
    background-color: white;
    display: block;
    z-index: 10;
    height: -webkit-fill-available;
    -webkit-mask-image: linear-gradient(to right, #000, rgba(255, 255, 255, 0));
    mask-image: linear-gradient(to right, #000, rgba(255, 255, 255, 0));
    grid-column-end: 112; }
  .button-class {
    max-width: 25px; }
    .button-class a {
      font-size: 12.5px;
      width: 18px; }
    .button-class .btn {
      min-width: 150px; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 400;
    font-size: 27px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.support-programmes-component {
  padding-left: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #F5F5F5; }

.support-programmes-component-title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 451px) {
    .support-programmes-component-title {
      margin-bottom: 10px; } }

.support-programmes-component-title-media {
  color: #140f4b;
  font-weight: 400;
  font-size: 20px;
  margin: 0;
  padding-top: 10px; }

.support-programmes-component-description {
  color: #2C2C2C;
  height: 75px;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 20px;
  white-space: normal;
  max-width: 100%;
  display: inline-block; }

.support-programmes-component__img img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  aspect-ratio: 4 / 3; }

.support-programmes-component__img:hover ~ a {
  text-decoration: underline; }

.categoryUrl {
  height: 100%;
  font-size: 18px; }
  .categoryUrl:hover {
    text-decoration: none; }

.linkLabel {
  height: 100%;
  font-size: 14px; }

.slidebox {
  display: flex;
  align-items: center;
  justify-content: center; }

.slider {
  width: 300px; }
  .slider .ellipse {
    transform: scale(0.8); }
  .slider .leftArrow {
    transform: translatex(20%) translateY(150%);
    z-index: 1;
    position: absolute; }
    @media only screen and (max-width: 360px) {
      .slider .leftArrow {
        transform: translatex(20%) translateY(150%); } }
    @media only screen and (max-width: 393px) {
      .slider .leftArrow {
        transform: translatex(13%) translateY(150%); } }
    @media only screen and (max-width: 428px) {
      .slider .leftArrow {
        transform: translatex(9%) translateY(150%); } }
    .slider .leftArrow .arrow {
      transform: scale(1.4) translatex(21%) translateY(20%); }
  .slider .rightArrow {
    z-index: 1;
    position: absolute;
    -webkit-transform: translate3d(-445%, -190%, 0);
    transform: translateY(150%); }
    .slider .rightArrow .arrow {
      -webkit-transform: translate3d(-25%, -20%, 0);
      transform: scale(1.4) translatex(-27%) translateY(20%); }

.slide {
  margin-bottom: 30px; }
  .slide img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    aspect-ratio: 4 / 3; }

.slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden; }

.slides::-webkit-scrollbar {
  height: 4px;
  background: #D9D9D9;
  border-radius: 10px;
  margin-top: 10px;
  width: 5px; }

.slides::-webkit-scrollbar-thumb {
  background: #FF3056;
  border-radius: 10px;
  margin-top: 10px;
  width: 5px; }

.slides::-webkit-scrollbar-track {
  background: transparent; }

.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 10px;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }

.slides > div:target {
  /*   transform: scale(0.8); */ }

.noPadding {
  padding: 0; }

.arrowlink .arrowright {
  transform: scale(1.75) translatex(20%) translateY(21%); }

@media only screen and (device-width: 360px) and (device-height: 740px) {
  #titleDivMobile {
    padding: 0; } }

@media only screen and (device-width: 375px) and (device-height: 667px) {
  #titleDivMobile {
    padding: 0; } }

@media only screen and (device-width: 414px) {
  #titleDivMobile {
    padding-left: 8px; } }

#supportComponentDesktop {
  max-width: 100%; }

@media only screen and (max-width: 450px) {
  #supportComponentDesktop {
    display: none; } }

@media only screen and (min-width: 451px) {
  #supportComponentMobile {
    display: none; } }

#errorMessage {
  font-size: 20px; }

.displayMessage {
  margin: 15px; }

.needSupport-remove-padding {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.needSupport-adjust-padding {
  padding-left: 0px !important;
  padding-right: 10px !important; }

.needSupportBox {
  display: flex;
  align-items: center;
  background-color: #140f4b;
  width: 100%;
  height: 80px; }

.needSupportBoxMobile {
  padding: 5% 0 15% 0;
  display: flex;
  align-items: flex-start;
  background-color: #140f4b;
  width: auto;
  height: auto;
  flex-direction: column; }

.needSupportCol {
  padding-left: 20px;
  display: flex; }

.needSupportColMobile {
  margin-bottom: 30px;
  margin-left: -15px; }

.alignRows {
  padding: 0 10%;
  margin: 0; }

.needSupportHelpCenter {
  display: flex;
  text-decoration: none !important;
  flex-direction: row; }

.needSupportText {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px; }

.needSupportTextMobile {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 550;
  font-size: 15px;
  line-height: 25px; }

.needSupportTitle {
  color: #FFFFFF;
  text-decoration: none !important;
  font-size: 20px; }

.needSupportTitleMobile {
  color: #FFFFFF;
  text-decoration: none !important;
  font-size: x-large; }

.contactsCol {
  display: flex;
  align-items: center; }

.contactsColMobile {
  width: 100%;
  display: flex;
  flex-direction: column; }

.item {
  display: flex;
  flex-direction: row;
  align-items: center; }

.itemMobile {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.needSupportDetail {
  display: flex;
  align-items: center; }

.needSupportDetailMobile {
  display: flex;
  align-items: center;
  padding-left: 5%; }

.needSupportLabel {
  margin-right: 10px; }

.table_header_label_faq {
  font-size: 21px; }

.row-item {
  padding-bottom: 5px; }

.faq-question-item, .faq-item-header {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center; }

.faq-item-header {
  font-size: 20px; }

.row-answer {
  margin-bottom: 15px; }

.faq-product-component {
  position: relative;
  height: 100%;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  /* Background/Module/Background 02 */
  background: #FFFFFF; }
  @media (max-width: 600px) {
    .faq-product-component {
      display: flex;
      flex-direction: column;
      justify-content: center;
      overflow: hidden !important;
      padding-left: 15px;
      padding-right: 15px; } }

.faq-product-component-title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px; }

.faq-product-table {
  width: 100%;
  overflow: hidden !important; }
  @media (min-width: 600px) and (max-width: 820px) {
    .faq-product-table {
      margin-left: 1%; } }
  @media (min-width: 600px) and (max-width: 768px) {
    .faq-product-table {
      margin-left: 1%; } }

.faq-product-heading {
  color: #140F4B;
  font-size: 2rem;
  font-weight: 400;
  width: 200%; }

.faqs-heading h2 {
  /* Desktop/Subtitle */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 32px;
  /* identical to box height, or 131% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }

.faqs-title {
  /* FAQs */
  height: auto;
  width: 90%;
  /* Desktop/Subtitle */
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 30px;
  /* identical to box height, or 131% */
  /* Text/Primary text inverse */
  color: #FFFFFF; }
  @media (max-width: 600px) {
    .faqs-title {
      font-size: 1.8rem;
      line-height: 20px;
      height: auto; } }
  @media (min-width: 600px) and (max-width: 1280px) {
    .faqs-title {
      font-size: 1.8rem;
      line-height: 20px;
      height: auto; } }
  @media (width: 1280px) {
    .faqs-title {
      font-size: 2rem; } }

.faqs-product-item {
  display: block;
  margin-bottom: 20px; }
  @media (min-width: 600px) {
    .faqs-product-item {
      position: relative;
      min-width: 0; } }

.faqs-product-wrapper {
  width: 100%;
  margin-top: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  overflow: hidden !important; }
  @media (min-width: 600px) {
    .faqs-product-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column; } }
  @media (min-width: 820px) and (max-width: 1024px) {
    .faqs-product-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column;
      width: 90%; } }
  @media (min-width: 1024px) {
    .faqs-product-wrapper {
      top: 25%;
      display: flex;
      flex-direction: column; } }

.showDetail {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  @media (max-width: 280px) {
    .showDetail {
      justify-content: stretch; } }

.hide-answer {
  display: none; }

@media (min-width: 480px) {
  .noPaddingFAQ {
    padding: 0 !important; } }

.show-answer-pdp {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 15px;
  font-size: 1.6rem; }
  .show-answer-pdp p > span, .show-answer-pdp a {
    font-size: 1.6rem !important; }
  @media (max-width: 600px) {
    .show-answer-pdp {
      margin-top: 20px;
      margin-left: 15px; } }
  @media (max-width: 280px) {
    .show-answer-pdp {
      font-size: 1.5rem; } }

.show-answer-pdp a {
  width: 100%;
  margin-top: 18px; }
  @media (max-width: 280px) {
    .show-answer-pdp a {
      font-size: 1.5rem; } }

.rectangle-line {
  position: relative;
  height: 1px;
  background: #E1E1E1;
  margin-top: 16px; }
  @media (max-width: 1290px) {
    .rectangle-line {
      width: 100%; } }

.rectangle-line-expanded {
  position: relative;
  width: 100%;
  height: 1px;
  background: #E1E1E1; }

.expand-symbol-faq {
  width: 77%;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.bullet-content-block__content-box {
  background-color: #F5F5F5; }

.bullet-content-block__title {
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 4.0%;
  text-color: #140F4B; }
  @media screen and (max-width: 992px) {
    .bullet-content-block__title {
      margin-left: 6.2%; } }
  .bullet-content-block__title h2 {
    color: #140F4B;
    font-weight: 400;
    font-size: 22px; }

@media screen and (max-width: 992px) {
  .bullet-content-block__steps-section {
    margin-left: -1.0%; } }

@media screen and (min-width: 992px) {
  .bullet-content-block__steps-section {
    margin-left: 1.0%; } }

.bullet-content-block__rounded-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 8%;
  background-color: white;
  border-radius: 50%;
  aspect-ratio: 1/1; }
  .bullet-content-block__rounded-circle p {
    color: #1010EB;
    font-size: 30px; }
  @media screen and (max-width: 992px) {
    .bullet-content-block__rounded-circle {
      margin-top: 5%;
      width: 70px; }
      .bullet-content-block__rounded-circle p {
        font-size: 24px; } }
  @media screen and (min-width: 992px) {
    .bullet-content-block__rounded-circle {
      width: 110px; } }

.bullet-content-block__description {
  font-size: 14px;
  color: #140F4B; }
  .bullet-content-block__description strong {
    font-weight: bold; }

.bullet-content-block__video {
  margin-top: 3%;
  margin-left: 4%;
  margin-right: 8%;
  margin-bottom: 3%; }
  @media screen and (max-width: 992px) {
    .bullet-content-block__video {
      margin-left: 1%;
      margin-right: 1%;
      margin-bottom: 1%;
      width: 105%; }
      .bullet-content-block__video iframe {
        height: 300px; } }
  .bullet-content-block__video iframe {
    height: 400px;
    width: 93%; }

.pdp-end {
  padding-top: 10px; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.landing-page {
  margin-top: 10%;
  margin-bottom: 5%; }

@media only screen and (max-width: 767px) {
  .hero-box-component {
    background-color: #F5F5F5; }
  .media-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .content-wrapper {
    background-color: white;
    display: block; }
  .content-wrapper-no-image {
    background-color: white;
    display: block; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 500;
    font-size: 24px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-box-component {
    background-color: #F5F5F5; }
  .media-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .content-wrapper {
    position: absolute;
    background-color: white;
    display: block; }
  .content-wrapper-no-image {
    background-color: white;
    display: block; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 500;
    font-size: 24px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

@media only screen and (min-width: 1024px) {
  .page-component-instance {
    padding-right: 0px !important;
    padding-left: 0px !important; }
  .landing-page--media-wrapper {
    position: relative;
    display: grid; }
  .hero-box-component {
    margin: 0;
    background-color: #F5F5F5; }
  .hero-box-component-no-image {
    margin: 0;
    background-color: #fff; }
  .landing-page--img-container {
    padding-left: 0px !important;
    grid-column-start: 1; }
  .landing-page--content-wrapper {
    background-color: white;
    display: flex;
    align-items: center;
    z-index: 10;
    height: -webkit-fill-available;
    grid-column-start: 111; }
  .content-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 90%; }
  .button-secondary {
    max-width: 25px; }
    .button-secondary a {
      font-size: 12.5px;
      width: 18px; }
    .button-secondary .btn {
      min-width: 150px;
      text-decoration: none !important; }
  .category-box-component-title {
    color: #140F4B;
    font-weight: 400;
    font-size: 27px; }
  .category-box-component-description {
    color: #2C2C2C;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.43; } }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.mobile__lifestyle-component {
  margin-top: 10%; }
  @media (min-width: 799px) {
    .mobile__lifestyle-component {
      display: none;
      height: auto; } }

.mobile__lifestyle--tab-header-wrapper {
  display: none; }
  @media (max-width: 799px) {
    .mobile__lifestyle--tab-header-wrapper {
      margin-top: 15px;
      display: flex !important;
      flex-direction: row;
      list-style: none;
      max-width: 1000px; } }

.carousel {
  display: flex;
  list-style: none;
  overflow-x: scroll;
  padding-left: 0px; }

.carousel::-webkit-scrollbar {
  display: none; }

.mobile__lifestyle-component-tab {
  width: fit-content;
  height: fit-content;
  white-space: nowrap;
  border: 1px solid #FFFFFF;
  padding: 1px 8px 1px 5px; }
  .mobile__lifestyle-component-tab h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #140F4B;
    width: fit-content; }

.mobile__lifestyle-component-tab--active {
  width: fit-content;
  height: fit-content;
  text-decoration: solid underline #1010EB 2px;
  text-underline-offset: 8px;
  white-space: nowrap;
  border: 1px solid #FFFFFF;
  padding: 1px 8px 1px 5px; }
  .mobile__lifestyle-component-tab--active h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #1010EB;
    width: fit-content; }

.mobile__lifestyle-component-tabcontents {
  display: flex;
  flex-direction: column; }
  .mobile__lifestyle-component-tabcontents .mobile__lifestyle-component-tabcontent {
    height: auto;
    position: relative;
    display: block; }
    @media (min-width: 799px) {
      .mobile__lifestyle-component-tabcontents .mobile__lifestyle-component-tabcontent {
        display: none; } }
    .mobile__lifestyle-component-tabcontents .mobile__lifestyle-component-tabcontent img {
      width: 100%; }
    .mobile__lifestyle-component-tabcontents .mobile__lifestyle-component-tabcontent .mobile__lifestyle-component-button {
      position: absolute; }

.mobile__lifestyle-component-product {
  display: none; }
  .mobile__lifestyle-component-product .lifestyle--product-info-close-window {
    display: none; }
  @media (max-width: 799px) {
    .mobile__lifestyle-component-product .lifestyle--product-info-close-window--active {
      display: flex;
      justify-content: flex-end;
      margin-right: 5%;
      margin-top: 5%; } }
  .mobile__lifestyle-component-product .lifestyle--product-info {
    display: none; }
  @media (max-width: 799px) {
    .mobile__lifestyle-component-product .lifestyle--product-info--active {
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative; } }
  .mobile__lifestyle-component-product .lifestyle--product-info .hide-button {
    display: none; }
  .mobile__lifestyle-component-product .lifestyle--product-info i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute; }
  .mobile__lifestyle-component-product .lifestyle--product-info i:first-child {
    left: 5px; }
  .mobile__lifestyle-component-product .lifestyle--product-info i:last-child {
    right: 5px; }
  @media (max-width: 799px) {
    .mobile__lifestyle-component-product .lifestyle--product-info-wrapper {
      width: 95%;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .mobile__lifestyle-component-product .lifestyle--product-info-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF; }
  .mobile__lifestyle-component-product .lifestyle--product-info-price {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF; }
  .mobile__lifestyle-component-product .lifestyle--product-info-go-to-product {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF; }
  .mobile__lifestyle-component-product .lifestyle--product-info-buy-bundle-button {
    border: 2px solid #FFFFFF;
    padding: 16px 32px 16px 32px;
    margin: 40px 10px 40px 10px; }
  .mobile__lifestyle-component-product .lifestyle--product-info-buy-bundle-text {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFF; }
  .mobile__lifestyle-component-product .lifestyle--product-Img img {
    height: 175px;
    object-fit: scale-down;
    width: 100%; }
  .mobile__lifestyle-component-product .goToProduct {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center; }

@media (max-width: 799px) {
  .mobile__lifestyle-component-product--active {
    display: flex;
    flex-direction: column;
    height: auto;
    background: #1010EB;
    position: relative; } }

.hide-element {
  display: none; }

.rectangule-fade {
  position: absolute;
  width: 70px;
  right: 0px;
  background: linear-gradient(270deg, #FFFFFF 15.67%, rgba(255, 255, 255, 0) 114.03%); }

.desktop__lifestyle-component {
  margin-top: 6%; }
  @media (max-width: 799px) {
    .desktop__lifestyle-component {
      display: none; } }

.desktop__lifestyle-component__title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px; }

.desktop__lifestyle-component__tabcontent-product-stock-message {
  color: red; }

.desktop__lifestyle-component__header {
  display: flex;
  justify-content: space-between; }
  .desktop__lifestyle-component__header .desktop__lifestyle-component__buy-bundle-button {
    display: none; }
  .desktop__lifestyle-component__header .desktop__lifestyle-component__buy-bundle-button.desktop__lifestyle-component__buy-bundle-button--active {
    display: block; }

.desktop__lifestyle-component__tabs {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 20px; }

.desktop__lifestyle-component__tab h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 133.3%;
  color: #140F4B; }
  .desktop__lifestyle-component__tab h4:hover {
    cursor: pointer; }

.desktop__lifestyle-component__tab.desktop__lifestyle-component__tab--active h4 {
  font-weight: 600;
  color: #1010EB;
  text-decoration: underline;
  text-underline-offset: 20px;
  text-decoration-thickness: 4px; }

.desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent {
  display: none;
  position: relative; }

.desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active {
  display: block; }
  .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-image {
    width: 100%; }
  .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button {
    position: absolute;
    height: 42px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: white;
    border: none;
    border-radius: 9999px;
    padding-left: 10px;
    padding-right: 10px; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button .desktop__lifestyle-component__tabcontent-button-expanded {
      display: none; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.closeProductContent {
      display: none; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.openProductContent:hover {
      aspect-ratio: unset;
      z-index: 1; }
      .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.openProductContent:hover .desktop__lifestyle-component__tabcontent-button-expanded {
        display: contents; }
        .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.openProductContent:hover .desktop__lifestyle-component__tabcontent-button-expanded h6 {
          color: #1010EB;
          font-size: 15px; }
        .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.openProductContent:hover .desktop__lifestyle-component__tabcontent-button-expanded .desktop__lifestyle-component__tabcontent-button-img {
          max-height: 85%; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.desktop__lifestyle-component-tabcontent-button--active.openProductContent {
      opacity: 0; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.desktop__lifestyle-component-tabcontent-button--active.closeProductContent {
      display: flex;
      top: 4%;
      left: 73%; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.desktop__lifestyle-component-tabcontent-button--active ~ .desktop__lifestyle-component__tabcontent-product {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-button.desktop__lifestyle-component-tabcontent-button--active ~ .closeProductContent {
      display: flex;
      left: 84%;
      top: 17%; }
  .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-product {
    display: none;
    position: absolute;
    width: 32.5%;
    top: 15%;
    left: 60%;
    background-color: #1010EB;
    aspect-ratio: 1/1;
    border-radius: 50%; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-product img {
      max-height: 45%;
      object-fit: scale-down; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-product .desktop__lifestyle-component__tabcontent-product-label {
      color: white;
      font-size: 16px;
      line-height: 133.333%;
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      padding: 0 10px 0 10px; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-product .desktop__lifestyle-component__tabcontent-product-price {
      color: white;
      font-size: 24px;
      line-height: 133.333%; }
    .desktop__lifestyle-component__tabcontents .desktop__lifestyle-component__tabcontent.desktop__lifestyle-component__tabcontent--active .desktop__lifestyle-component__tabcontent-product a {
      display: inline-flex;
      align-items: center;
      color: white;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 133.333%;
      margin-top: 10px; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.app-link-component__background-image {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.app-link-component__background-image img {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.online-advantages {
  margin-top: 5%;
  margin-bottom: 6%; }

.online-advantages__title {
  color: #140F4B;
  font-weight: 400;
  font-size: 30px;
  margin-top: 2%;
  margin-bottom: 2%; }

.online-advantages__container {
  display: flex;
  flex-direction: column;
  margin-left: 2%; }
  @media (min-width: 768px) {
    .online-advantages__container {
      flex-direction: row; } }

.online-advantages__cta-button {
  text-align: center;
  position: relative;
  margin: auto;
  margin-top: 3%; }

.online-advantages__advantage {
  display: flex;
  width: 100%;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .online-advantages__advantage {
      display: block;
      margin-right: 20px; } }

.online-advantages__circle-check {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='156pt' height='159pt' viewBox='0 0 156 159' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='%23001e46ff'%3E%3Cpath fill='%231010eb' opacity='1.00' d=' M 67.58 3.69 C 87.00 1.06 107.36 6.31 122.98 18.17 C 138.92 30.01 149.92 48.29 152.84 67.94 C 155.66 85.64 152.02 104.30 142.71 119.62 C 132.53 136.66 115.46 149.48 96.17 154.26 C 78.71 158.75 59.66 156.68 43.58 148.54 C 27.17 140.37 14.00 126.04 7.07 109.08 C -0.27 91.04 -0.46 70.09 6.54 51.91 C 16.17 26.36 40.42 7.00 67.58 3.69 M 67.60 9.79 C 49.75 12.27 33.11 22.09 22.17 36.40 C 12.15 49.25 6.87 65.67 7.45 81.95 C 7.79 96.49 12.83 110.85 21.59 122.45 C 31.62 135.91 46.62 145.59 63.07 149.01 C 78.14 152.19 94.27 150.30 108.11 143.48 C 123.85 135.85 136.49 122.09 142.82 105.79 C 148.52 91.32 149.22 74.96 144.93 60.02 C 140.19 43.43 129.13 28.75 114.46 19.66 C 100.66 10.97 83.73 7.41 67.60 9.79 Z' /%3E%3C/g%3E%3Cg id='%230085caff'%3E%3Cpath fill='%231010eb' opacity='1.00' d=' M 66.68 92.93 C 79.64 79.70 92.79 66.64 105.81 53.46 C 108.01 55.63 110.21 57.81 112.39 60.01 C 97.04 75.35 81.94 90.96 66.40 106.10 C 58.64 97.94 50.53 90.12 42.72 82.01 C 44.87 79.82 47.03 77.63 49.19 75.45 C 55.05 81.25 60.71 87.25 66.68 92.93 Z' /%3E%3C/g%3E%3C/svg%3E");
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .online-advantages__circle-check {
      width: 65px;
      height: 65px; } }
  @media (min-width: 1024px) {
    .online-advantages__circle-check {
      width: 80px;
      height: 80px; } }

.online-advantages__advantage-content {
  margin-left: 2%; }
  @media (min-width: 768px) {
    .online-advantages__advantage-content {
      margin-left: 0px; } }

.online-advantages__advantage-title {
  font-weight: 400;
  font-size: 20px;
  margin: 0; }

.online-advantages__advantage-description {
  font-weight: 400;
  font-size: 16px; }

/* ==========================================================================
   Variables
   This file is exclusively intended for setting up variables
   Never add styles directly to this file
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Fonts
   ========================================================================== */
@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bae40acb-d6f4-4286-8b5c-a268303f2bcf.woff2) format("woff2"), url(assets/de44dcbe-a981-426e-b310-c56554485383.woff) format("woff");
  font-weight: 250;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/bc3c490b-c7c3-45d8-8c6a-9ccc1406532f.woff2) format("woff2"), url(assets/f7a6d562-196d-49d8-b9f1-608abebd07c0.woff) format("woff");
  font-weight: 250;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/09ab0626-bb45-4650-acc8-0182d693df02.woff2) format("woff2"), url(assets/1397e812-9307-4267-8a99-8a22ea7c69c7.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/b9c5b839-db56-4419-8fcb-6ab661babb1d.woff2) format("woff2"), url(assets/950b5788-cfdd-48d9-9d8a-523560042c5b.woff) format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/0c8a5d21-8a14-4451-8145-695071809cb7.woff2) format("woff2"), url(assets/a9c2f4a1-e39a-4cf6-89f2-a7b56fd6ad18.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/772aeba7-664a-4066-af8f-945ab2c222d2.woff2) format("woff2"), url(assets/58041a79-15c6-4c14-8c52-c9f070b4c9b7.woff) format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/074dfc70-6436-4f4b-9314-d1e69287aea1.woff2) format("woff2"), url(assets/0c4cefca-3b78-44b9-8b2b-667bbabffe38.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next World W05";
  src: url(assets/471f2b8b-e0d5-45a0-b033-d1cdb57fba1b.woff2) format("woff2"), url(assets/263a3466-f84e-4779-ac84-4db209714ba6.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

/* Padding and margins
   ========================================================================== */
/* Sizes
   ========================================================================== */
/* Forms
   ========================================================================== */
/* Z-indexes
   ========================================================================== */
.testimonial--desktop-wrapper {
  display: flex;
  flex-direction: row;
  margin: 10% 0 5% 0;
  padding: 0 5% 0 5%;
  gap: 80px; }
  @media (max-width: 799px) {
    .testimonial--desktop-wrapper {
      flex-direction: column;
      padding: 0px;
      align-content: center;
      flex-wrap: wrap;
      margin: 15% 0px 20% 0px; } }

.testimonial--desktop-media {
  display: flex;
  flex-direction: column;
  max-width: 40%; }
  @media (max-width: 799px) {
    .testimonial--desktop-media {
      align-items: center;
      max-width: 100%; } }
  @media (min-width: 799px) and (max-width: 1023px) {
    .testimonial--desktop-media {
      max-width: 50%; } }

.testimonial--desktop-media img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%; }
  @media (min-width: 820px) and (max-width: 1024px) {
    .testimonial--desktop-media img {
      width: 250px;
      height: 250px; } }

.testimonial--desktop-quote-wrapper {
  display: block; }
  @media (min-width: 1024px) {
    .testimonial--desktop-quote-wrapper {
      display: flex;
      justify-content: center;
      flex-direction: row;
      max-width: 60%;
      gap: 10px; } }
  @media (min-width: 799px) and (max-width: 1023px) {
    .testimonial--desktop-quote-wrapper {
      display: flex;
      justify-content: center;
      flex-direction: row;
      max-width: 50%;
      gap: 10px; } }

.testimonial--desktop-quote {
  display: flex;
  flex-direction: column; }

.testimonial--desktop-quote-description {
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 42px;
  color: #1010EB;
  margin: 10px 0px 10px 0; }
  @media (max-width: 799px) {
    .testimonial--desktop-quote-description {
      line-height: 30px;
      font-size: 20px;
      margin: 0px 0px 10px 0; } }
  @media (min-width: 799px) and (max-width: 1023px) {
    .testimonial--desktop-quote-description {
      font-size: 20px;
      line-height: 28px; } }

.testimonial--desktop-quote-description > p > span {
  font-size: 26px !important; }

.quote-left {
  max-width: fit-content;
  display: flex;
  align-items: flex-start;
  font-size: 80px;
  font-style: italic;
  font-weight: 400;
  color: #1010EB;
  height: min-content;
  line-height: 0px;
  margin: -5px; }
  @media (min-width: 799px) {
    .quote-left {
      line-height: 1;
      margin: 0; } }

.quote-right {
  margin-top: -40px;
  display: flex;
  align-items: flex-end;
  font-size: 80px;
  font-style: italic;
  font-weight: 400;
  color: #1010EB;
  line-height: 1; }
  @media (max-width: 799px) {
    .quote-right {
      line-height: 0px;
      justify-content: flex-end; } }

.testimonial--desktop-quote-name {
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 600;
  font-size: 18px; }
  @media (max-width: 799px) {
    .testimonial--desktop-quote-name {
      line-height: 35px; } }

.testimonial--desktop-product {
  font-family: 'Avenir Next World';
  font-style: normal;
  font-weight: 400;
  font-size: 16px; }

.closingText--desktop-wrapper {
  padding: 45px 0 60px 0; }
  .closingText--desktop-wrapper .closingText--desktop-description {
    display: flex;
    text-align: center;
    font-weight: bold; }
    .closingText--desktop-wrapper .closingText--desktop-description span, .closingText--desktop-wrapper .closingText--desktop-description p {
      font-size: 19px !important; }
  .closingText--desktop-wrapper .goToHomepageBtn {
    display: flex;
    justify-content: center; }


/*# sourceMappingURL=main.js.map*/