.glider-contain {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.glider {
  margin: 0 auto;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.glider-track {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.glider.draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.glider.draggable .glider-slide img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.glider-slide {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

.glider-slide img {
  max-width: 100%;
}

.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}

.glider-prev, .glider-next {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  outline: none;
  background: none;
  padding: 0;
  z-index: 2;
  font-size: 40px;
  text-decoration: none;
  left: -23px;
  border: 0;
  top: 30%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
  color: #a89cc8;
}

.glider-next {
  right: -23px;
  left: auto;
}

.glider-next.disabled,
.glider-prev.disabled {
  opacity: 0.25;
  color: #666;
  cursor: default;
}

.glider-slide {
  min-width: 150px;
}

.glider-hide {
  opacity: 0;
}

.glider-dots {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.glider-dot {
  background: none;
  border: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}

.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
  background: #a89cc8;
}

@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }

  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
            box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  }
}
@charset "UTF-8";
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.z-cart-page {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}

.z-field-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  position: relative;
}
.z-field-input__title {
  color: #000;
  pointer-events: none;
  font-size: 0.75rem;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.z-field-input__calendar-container {
  position: relative;
}
.z-field-input--in-focus .z-field-input__title {
  color: #1a9ce1;
}
.z-field-input--read-only {
  opacity: 0.4;
  cursor: not-allowed;
}
.z-field-input--read-only .z-field-input__title {
  color: #b3b3b3;
}
.z-field-input--read-only input {
  cursor: not-allowed;
}
.z-field-input--version-fill .z-field-input__title {
  padding-left: 0.1875rem;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.z-field-input--version-fill .z-field-input__title span {
  font-size: 0.75rem;
}
.z-field-input--version-fill .z-input__status-icon {
  right: 0.625rem;
}
.z-field-input--version-fill .z-input__loading-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-field-input--version-fill .z-input__loading-icon .loader {
  -webkit-animation: loaderAnimation 0.5s ease infinite;
          animation: loaderAnimation 0.5s ease infinite;
}
.z-field-input--version-fill .z-input__input-container {
  border: 0;
}
.z-field-input--version-fill .z-input__input-container::before, .z-field-input--version-fill .z-input__input-container::after {
  display: none;
}
.z-field-input--version-fill .z-input__input-container input {
  background-color: #fff;
  padding: 0.4375rem 0.625rem;
  border: 1px solid #CACACA;
  font-size: 16px;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-webkit-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input:-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input--highlight-invalid:not(.z-input--read-only) .z-input__input-container input, .z-field-input--version-fill .z-input--invalid .z-input__input-container input {
  border-color: #db5764;
}
.z-field-input--version-fill .z-input--highlight-invalid:not(.z-input--read-only) .z-input__validity-feedback, .z-field-input--version-fill .z-input--invalid .z-input__validity-feedback {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.react-datepicker {
  position: absolute;
  width: 100%;
  top: 45px;
  z-index: 10;
  border: 1px solid #CACACA;
  border-radius: 0;
  font-family: "Open Sans", "Lato", sans-serif;
}
.react-datepicker__month-container {
  width: 100%;
  float: none;
}
.react-datepicker__header {
  background-color: #fff;
  border-bottom: 1px solid #CACACA;
  border-radius: 0;
}

.z-textarea {
  min-height: 4.375rem;
  border: 1px solid #CACACA;
  outline: none;
  font-size: 16px;
  line-height: 1.5rem;
  padding: 0.4375rem 0.625rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.z-field-checkbox {
  display: inline-block;
  cursor: pointer;
  font-size: 0.8125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
}
.z-field-checkbox.disabled {
  opacity: 0.6;
}
.z-field-checkbox .checkbox {
  margin-right: 0.625rem;
  -ms-flex: 0 0 0.625rem;
      flex: 0 0 0.625rem;
}

.required-star {
  color: #489fdf;
  vertical-align: top;
}

.tax-label .tax-amount {
  opacity: 0.4;
  margin-left: 7px;
}
.tax-label.required .tax-label-text:after {
  content: "*";
  opacity: 1;
  color: #489fdf;
  vertical-align: top;
}

.z-input {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 0.875rem;
  /*&--in-focus {
  }*/
}
.z-input--non-empty .z-input__input-container::before, .z-input--non-empty .z-input__input-container::after, .z-input--in-focus .z-input__input-container::before, .z-input--in-focus .z-input__input-container::after {
  width: 50%;
}
.z-input__input-container {
  border-bottom: 3px solid #b3b3b3;
  display: block;
  position: relative;
  width: 100%;
}
.z-input__input-container input {
  width: 100%;
  outline: 0;
  border: 0;
  background-color: transparent;
  -webkit-transition: color 0.13s ease-in-out;
  transition: color 0.13s ease-in-out;
  letter-spacing: 0.05rem;
  font-weight: 700;
  padding: 0 0 0.6rem;
}
.z-input__input-container::before, .z-input__input-container::after {
  content: "";
  height: 4px;
  width: 0;
  bottom: -4px;
  position: absolute;
  background: #1a9ce1;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.z-input__input-container::before {
  left: 50%;
}
.z-input__input-container::after {
  right: 50%;
}
.z-input__status-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
}
.z-input__status-icon .z-icon-svg {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.z-input__status-icon .z-icon-svg svg {
  width: 0.75rem;
}
.z-input__status-icon:hover svg g g {
  fill: #454545;
}
.z-input__validity-feedback {
  margin-bottom: -1.0625rem;
  height: 1.0625rem;
  color: #db5764;
  visibility: hidden;
  opacity: 0;
  font-size: 0.625rem;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  -webkit-transition: margin-bottom 0.13s ease-in-out;
  transition: margin-bottom 0.13s ease-in-out;
}
.z-input--simple {
  height: 1.875rem;
}
.z-input--simple .z-input__input-container {
  border: 0;
}
.z-input--simple .z-input__status-icon {
  display: none;
}
.z-input--invalid {
  color: #db5764;
}
.z-input--invalid .z-header-title {
  color: #db5764;
}
.z-input--invalid .z-input__validity-feedback {
  margin-bottom: 0.5rem;
}
.z-input--invalid .z-input__status-icon,
.z-input--invalid .z-input__validity-feedback {
  visibility: visible;
  opacity: 1;
}
.z-input--invalid .z-input__status-icon svg g g {
  fill: #db5764;
}
.z-input--valid {
  color: #454545;
}
.z-input--valid .z-input__status-icon {
  visibility: visible;
  opacity: 1;
}
.z-input--valid .z-input__status-icon svg polyline {
  stroke: #2fc47f;
}
.z-input--valid .z-input__input-container input {
  padding-right: 1.4375rem !important;
}
.z-input--read-only {
  color: #b3b3b3;
}
.z-input--read-only .z-input__input-container::before, .z-input--read-only .z-input__input-container::after {
  width: 0%;
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.Select {
  position: relative;
}
.Select, .Select div, .Select input, .Select span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f6f6f6;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #000;
  cursor: default;
  display: table;
  height: 26px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.is-searchable.is-open > .Select-control {
  cursor: text;
}

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.Select-placeholder {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value > .Select-control > .Select-placeholder {
  color: #000;
}

.Select-value {
  color: #aaa;
  left: 0;
  padding: 8px 52px 8px 8px;
  position: absolute;
  right: -13px;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.has-value > .Select-control > .Select-value {
  color: #000;
}

.Select-input {
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}
.Select-input > input {
  background: none transparent;
  border: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 24px;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #000;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 12px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 12px;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -1px;
  max-height: 300px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 298px;
  overflow-y: auto;
}

.Select-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
  cursor: pointer;
  display: block;
  padding: 8px 8px;
}
.Select-option:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #000;
}
.Select-option.is-disabled {
  color: #999999;
  cursor: not-allowed;
}

.Select-noresults,
.Select-search-prompt,
.Select-searching {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666666;
  cursor: default;
  display: block;
  padding: 8px 8px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 8px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select-item {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle;
}

.Select-item-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select-item-label .Select-item-label__a {
  color: #08c;
  cursor: pointer;
}

.Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px;
}
.Select-item-icon:hover, .Select-item-icon:focus {
  background-color: #ddeff7;
  color: #0077b3;
}
.Select-item-icon:active {
  background-color: #c9e6f2;
}

.Select--multi.is-disabled .Select-item {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #888;
}
.Select--multi.is-disabled .Select-item-icon {
  cursor: not-allowed;
  border-right: 1px solid #d9d9d9;
}
.Select--multi.is-disabled .Select-item-icon:hover, .Select--multi.is-disabled .Select-item-icon:focus, .Select--multi.is-disabled .Select-item-icon:active {
  background-color: #f2f2f2;
}

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.rc-slider {
  position: relative;
  height: 14px;
  padding: 0 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.rc-slider-handle:focus {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 0 5px #96dbfa;
          box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}

.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
  animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
  animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}

.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px;
}
.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}
.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  content: "×";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.Toastify__toast-container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  flex: 1 1;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  -webkit-animation: Toastify__trackProgress linear 1 forwards;
          animation: Toastify__trackProgress linear 1 forwards;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.Toastify__progress-bar--default {
  background: -webkit-gradient(linear, left top, right top, from(#4cd964), color-stop(#5ac8fa), color-stop(#007aff), color-stop(#34aadc), color-stop(#5856d6), to(#ff2d55));
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

@-webkit-keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
}

/*# sourceMappingURL=ReactToastify.css.map */
.z-cart-page {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}

.z-share-libs--body {
  background-color: #f8f8f8;
}
.z-share-libs--h1, .z-share-libs--h2, .z-share-libs--h3, .z-share-libs--h5 {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  color: #0b0b0b;
}
.z-share-libs--h1 {
  font-size: 3.4375rem;
  font-weight: 300;
  line-height: 3.25rem;
}
.z-share-libs--h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.z-share-libs--h2-lato {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.z-share-libs--h4 {
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.z-share-libs--h5 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.z-share-libs--a:not(.z-btn) {
  color: #0b0b0b;
  text-decoration: none;
}
.z-share-libs--a:not(.z-btn):hover {
  color: #489fdf;
  text-decoration: none;
}
.z-share-libs--a:not(.z-btn):visited, .z-share-libs--a:not(.z-btn):focus {
  text-decoration: none;
  color: #0b0b0b;
}
.z-share-libs--z-tile {
  width: 285px;
  height: 320px;
  background-color: #fff;
}
.z-share-libs--z-box-shadow--default {
  -webkit-box-shadow: 5px 9px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 5px 9px 15px rgba(0, 0, 0, 0.05);
}

.z-btn {
  border: 2px solid #fff;
  border-radius: 0;
  background-color: #fff;
  padding: 0.25rem 2.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0375rem;
  color: #0b0b0b;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  margin: 0;
  min-height: 2.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.z-btn:hover, .z-btn:visited, .z-btn:focus {
  text-decoration: none;
  outline: none;
}
.z-btn:visited, .z-btn:focus {
  color: #0b0b0b;
}
.z-btn--small-size {
  padding: 0.6rem;
}
.z-btn--auto-width {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: auto;
}
.z-btn--medium-size {
  padding: 1.25rem 2.5rem;
}
@media (max-width: 991px) {
  .z-btn--medium-size {
    font-size: 1rem;
  }
}
.z-btn--big {
  padding: 0.75rem 2.5625rem;
}
.z-btn--full-width {
  width: 100%;
}
.z-btn--btn-inline {
  display: inline-block;
}
.z-btn--white {
  background-color: #fff;
  border-color: #000;
}
.z-btn--blue {
  background-color: #489FDF;
  border-color: #489FDF;
  color: white;
}
.z-btn--blue:hover {
  background-color: #9fcdee;
  border-color: #9fcdee;
  color: white;
}
.z-btn--blue:visited {
  color: white;
}
.z-btn--blue:focus {
  color: white;
}
.z-btn--black {
  color: #0b0b0b;
  border-color: #0b0b0b;
}
.z-btn--outline {
  color: #fff;
  background-color: transparent;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
}
.z-btn--outline--white {
  color: #fff;
}
.z-btn--outline--white:hover {
  color: #0b0b0b;
}
.z-btn--outline--white:visited, .z-btn--outline--white:focus {
  color: #fff;
}
.z-btn--outline:hover {
  color: #0b0b0b;
  background-color: #fff;
}
.z-btn--transparent-black {
  color: #0b0b0b;
  border-color: #0b0b0b;
  background-color: transparent;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
}
.z-btn--transparent-black:hover {
  color: #0b0b0b;
  background-color: #fff;
}
.z-btn--transparent-blue {
  color: #489FDF;
  background-color: transparent;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  text-transform: capitalize;
  padding-left: 0.625rem;
  font-weight: 400;
}
.z-btn--transparent-blue:hover {
  text-decoration: underline;
}
.z-btn--transparent-small-light {
  color: #454545;
  border: 2px solid #dadada;
  background-color: transparent;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  text-transform: none;
  font-size: 0.75rem;
  font-weight: 400;
  height: 2.1875rem;
  padding: 7px 1.5rem;
}
.z-btn--transparent-small-light:visited, .z-btn--transparent-small-light:focus {
  color: #454545;
}
.z-btn--transparent-small-light--active, .z-btn--transparent-small-light.active, .z-btn--transparent-small-light:hover {
  color: #489FDF;
  border-color: #489FDF;
  background-color: transparent;
}
.z-btn--transparent-small-light--active:visited, .z-btn--transparent-small-light--active:focus, .z-btn--transparent-small-light.active:visited, .z-btn--transparent-small-light.active:focus, .z-btn--transparent-small-light:hover:visited, .z-btn--transparent-small-light:hover:focus {
  color: #489FDF;
}
.z-btn--icon-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-btn--icon-inline .z-icon-svg {
  margin-bottom: 0 !important;
}
.z-btn--icon-inline .z-icon-svg svg {
  height: 1.25rem;
  width: auto;
}
.z-btn--icon-no-background {
  background: transparent;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-btn--icon-no-background i {
  margin-right: 0.4375rem;
}
.z-btn--icon-no-background i svg {
  height: 1.25rem;
  width: auto;
}
.z-btn--disabled {
  pointer-events: none;
  border-color: #b3b3b3;
  color: #b3b3b3;
  background-color: transparent;
}

.zsh-text a {
  color: #489FDF;
  text-decoration: none;
}
.zsh-text a:hover, .zsh-text a:visited, .zsh-text a:active, .zsh-text a:focus {
  text-decoration: none;
  color: #489FDF;
}
.zsh-text--small {
  font-size: 0.75rem;
  line-height: 1rem;
}
.zsh-text--medium {
  letter-spacing: 0.6px;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.zsh-text--default {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 1.3px;
  line-height: 1.125rem;
}
.zsh-text--descriptions {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  font-weight: 500;
}
.zsh-text--label {
  color: #0b0b0b;
  font-size: 1rem;
  letter-spacing: 1.5px;
  line-height: 1.375rem;
}
.zsh-text--bold {
  font-weight: 700;
}
.zsh-text--large {
  color: #0b0b0b;
  font-size: 1rem;
  letter-spacing: 0.7px;
  line-height: 1.375rem;
}
.zsh-text--extra-large {
  color: #0b0b0b;
  font-size: 1.125rem;
  letter-spacing: 0.4px;
  line-height: 1.625rem;
}
.zsh-text-hex--light {
  color: #878c96;
}
.zsh-text-hex--white {
  color: #fff;
}
.zsh-text--green {
  color: #2EC47F;
}
.zsh-text--red {
  color: #d0021b;
}
.zsh-text--small-spacing {
  letter-spacing: 0.4px;
}

.zsh-title--small {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: 1.2px;
}
.zsh-title--thin {
  color: #0b0b0b;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.125rem;
}
.zsh-title--light {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  letter-spacing: 2.5rem;
  line-height: 1.625rem;
}
.zsh-title--strong {
  color: #0b0b0b;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.375rem;
}
.zsh-title--semi-bold {
  font-weight: 600;
}
.zsh-title--small-spacing {
  letter-spacing: 0.4px;
}

.zsh-h--smallest {
  color: #2b2b2b;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  line-height: 1.375rem;
}
.zsh-h--footer {
  color: #2b2b2b;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 1.375rem;
}
.zsh-h--smaller {
  color: #2b2b2b;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  line-height: 1.375rem;
}
.zsh-h--small {
  color: #2b2b2b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.0125rem;
  line-height: 1.5rem;
}
.zsh-h--default {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.625rem;
  letter-spacing: 0.6px;
}
.zsh-h--medium {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 1.1px;
  line-height: 1.875rem;
}
.zsh-h--regular {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.6px;
  font-weight: regular;
}
.zsh-h--regular-large {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  letter-spacing: 0.025rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.zsh-h--lato-extra-medium {
  color: #0b0b0b;
  font-size: 2.1875rem;
  letter-spacing: 0.025rem;
  line-height: 2.5rem;
}
.zsh-h--small-large {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: -1.2px;
  line-height: 2.625rem;
}
.zsh-h--small-large {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.375rem;
  letter-spacing: -0.3px;
}
.zsh-h--large {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.4375rem;
  font-weight: 300;
  line-height: 3.25rem;
  letter-spacing: -1.5px;
}
@media (max-width: 991px) {
  .zsh-h--large {
    font-size: 2.9rem;
    line-height: 2.7rem;
  }
}
.zsh-h--large-bold {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.4375rem;
  font-weight: 500;
  line-height: 3.25rem;
  letter-spacing: -1.5px;
}
@media (max-width: 991px) {
  .zsh-h--large-bold {
    font-size: 2.9rem;
    line-height: 2.7rem;
  }
}
.zsh-h-hex--brand-blue {
  color: #489FDF;
}
.zsh-h-hex--white {
  color: #fff;
}

a.zsh-link,
.zsh-link {
  display: inline-block;
  color: #0b0b0b;
  text-decoration: none;
}
a.zsh-link:focus, a.zsh-link:active, a.zsh-link:hover,
.zsh-link:focus,
.zsh-link:active,
.zsh-link:hover {
  text-decoration: none;
}
a.zsh-link--category,
.zsh-link--category {
  font-size: 0.875rem;
  letter-spacing: 0.0025rem;
  font-weight: bold;
  line-height: 1.375rem;
  white-space: nowrap;
}
a.zsh-link--category--active, a.zsh-link--category:hover,
.zsh-link--category--active,
.zsh-link--category:hover {
  color: #489fdf;
  text-decoration: none;
}
a.zsh-link--category:focus, a.zsh-link--category:visited,
.zsh-link--category:focus,
.zsh-link--category:visited {
  color: #0b0b0b;
  text-decoration: none;
}
a.zsh-link--arrow,
.zsh-link--arrow {
  position: relative;
  padding-left: 0.9375rem;
  text-transform: uppercase;
  cursor: pointer;
}
a.zsh-link--arrow:before,
.zsh-link--arrow:before {
  content: "";
  position: absolute;
  top: 3.5px;
  left: 0;
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 1.5px solid #000;
  border-right: 1.5px solid #000;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
a.zsh-link--underline,
.zsh-link--underline {
  color: #489fdf;
  text-decoration: underline;
}
a.zsh-link--small-regular,
.zsh-link--small-regular {
  font-size: 0.8125rem;
  line-height: 0.875rem;
  letter-spacing: 0.025rem;
}
a.zsh-link--nav,
.zsh-link--nav {
  color: #0b0b0b;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
a.zsh-link--nav.active, a.zsh-link--nav--active,
.zsh-link--nav.active,
.zsh-link--nav--active {
  color: #489fdf !important;
  border-bottom: 2px solid #489fdf;
  text-decoration: none;
}
a.zsh-link--nav:focus, a.zsh-link--nav:visited,
.zsh-link--nav:focus,
.zsh-link--nav:visited {
  color: #0b0b0b;
  text-decoration: none;
}
a.zsh-link--nav:hover,
.zsh-link--nav:hover {
  color: #489fdf;
}
a.zsh-link--nav--light,
.zsh-link--nav--light {
  color: #878c96;
}
a.zsh-link--nav--light:focus, a.zsh-link--nav--light:visited,
.zsh-link--nav--light:focus,
.zsh-link--nav--light:visited {
  color: #878c96;
  text-decoration: none;
}
a.zsh-link--breadcrumb,
.zsh-link--breadcrumb {
  color: #0b0b0b;
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}
a.zsh-link--breadcrumb--light,
.zsh-link--breadcrumb--light {
  color: #878c96;
}
a.zsh-link--breadcrumb--active, a.zsh-link--breadcrumb:hover,
.zsh-link--breadcrumb--active,
.zsh-link--breadcrumb:hover {
  color: #489fdf;
  text-decoration: none;
}
a.zsh-link--breadcrumb:focus, a.zsh-link--breadcrumb:visited,
.zsh-link--breadcrumb:focus,
.zsh-link--breadcrumb:visited {
  color: #0b0b0b;
  text-decoration: none;
}
a.zsh-link--footer-menu,
.zsh-link--footer-menu {
  color: #878c96;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  line-height: 1rem;
  cursor: pointer;
}
a.zsh-link--footer-menu:hover,
.zsh-link--footer-menu:hover {
  color: #555962;
  text-decoration: none;
}
a.zsh-link--medium,
.zsh-link--medium {
  color: #489fdf;
  text-decoration: none;
  letter-spacing: 0.4px;
  font-size: 1rem;
  font-weight: 600;
}
a.zsh-link--medium:hover,
.zsh-link--medium:hover {
  color: #489FDF;
  text-decoration: none;
}
a.zsh-link--medium:focus, a.zsh-link--medium:visited,
.zsh-link--medium:focus,
.zsh-link--medium:visited {
  color: #0b0b0b;
  text-decoration: none;
}
a.zsh-link--extra-large,
.zsh-link--extra-large {
  text-decoration: none;
  letter-spacing: 0.4px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.875rem;
}
a.zsh-link-style--upcase,
.zsh-link-style--upcase {
  text-transform: uppercase;
}
a.zsh-link-style--underline,
.zsh-link-style--underline {
  text-decoration: underline;
}
a.zsh-link-style--underline:hover, a.zsh-link-style--underline:visited, a.zsh-link-style--underline:focus,
.zsh-link-style--underline:hover,
.zsh-link-style--underline:visited,
.zsh-link-style--underline:focus {
  text-decoration: underline;
}
a.zsh-link-hex--brand-blue,
.zsh-link-hex--brand-blue {
  color: #489FDF;
}

.z-box-shadow--default {
  -webkit-box-shadow: 5px 9px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 5px 9px 15px rgba(0, 0, 0, 0.05);
}
.z-box-shadow--small {
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.z-tile {
  width: 285px;
  height: 320px;
  background-color: #fff;
}

.zsh-price__currency {
  color: #0b0b0b;
}
.zsh-price__value {
  color: #00c389;
}
.zsh-price--large span {
  margin-right: 0.3rem;
}
.zsh-price--large__currency, .zsh-price--large__value {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 3.25rem;
  letter-spacing: -0.7px;
}
.zsh-price--large__currency {
  color: #0b0b0b;
}
.zsh-price--large__value {
  color: #00c389;
}
.zsh-price--large__per-item {
  font-size: 1.5rem;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  line-height: 3.25rem;
  letter-spacing: -0.3px;
}

.zsh-css-spinner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.zsh-css-spinner img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 6rem;
}

.ksh-text--small {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025rem;
}
.ksh-text--small a {
  color: #489FDF;
  text-decoration: none;
  cursor: pointer;
}
.ksh-text--small a:hover, .ksh-text--small a:visited, .ksh-text--small a:active, .ksh-text--small a:focus {
  text-decoration: none;
  color: #489FDF;
}
.ksh-text--default {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 0.08125rem;
  line-height: 1.125rem;
}
.ksh-text--regular {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}
.ksh-text--descriptions {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.ksh-text--closer-letter {
  letter-spacing: 0.025rem;
}
.ksh-text--bolder {
  font-weight: 700;
}
.ksh-text--large {
  color: #0b0b0b;
  font-size: 1rem;
  letter-spacing: 0.04375rem;
  line-height: 1.375rem;
}
.ksh-text-hex--light {
  color: #878c96;
}
.ksh-text-hex--white {
  color: #fff;
}

.ksh-title--small {
  color: #0b0b0b;
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
  font-weight: bold;
}
.ksh-title--default {
  color: #0b0b0b;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
  font-weight: bold;
}
.ksh-title--light {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  letter-spacing: 0.025rem;
  line-height: 1.625rem;
}
.ksh-title--strong {
  color: #0b0b0b;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  line-height: 1.375rem;
}
.ksh-title--thin {
  color: #454545;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}
.ksh-title--bolder {
  font-weight: bold;
}

.ksh-h--smaller {
  color: #2b2b2b;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.0125rem;
  line-height: 1.375rem;
}
.ksh-h--small {
  color: #2b2b2b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.0125rem;
  line-height: 1.5rem;
}
.ksh-h--regular {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.6px;
  font-weight: regular;
}
.ksh-h--default {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.625rem;
  letter-spacing: 0.6px;
}
.ksh-h--medium {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.025rem;
  line-height: 1.625rem;
}
.ksh-h--small-large {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: -0.01875rem;
  line-height: 2.625rem;
}
.ksh-h--default {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.625rem;
  letter-spacing: 0.6px;
}
.ksh-h--regular-large {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  letter-spacing: 0.025rem;
  line-height: 1.875rem;
  font-weight: normal;
}
.ksh-h--large {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.4375rem;
  font-weight: 300;
  line-height: 3.25rem;
  letter-spacing: -1.5px;
}
@media (max-width: 991px) {
  .ksh-h--large {
    font-size: 2.9rem;
    line-height: 2.7rem;
  }
}
.ksh-h--bolder {
  font-weight: bold;
}
.ksh-h-hex--brand-blue {
  color: #489FDF;
  text-align: left !important;
}
.ksh-h-hex--white {
  color: #fff;
}

div.ksh-link,
a.ksh-link,
.ksh-link {
  display: inline-block;
  color: #489FDF;
  text-decoration: none;
  cursor: pointer;
}
div.ksh-link--active, div.ksh-link:hover, div.ksh-link:focus,
a.ksh-link--active,
a.ksh-link:hover,
a.ksh-link:focus,
.ksh-link--active,
.ksh-link:hover,
.ksh-link:focus {
  color: #489fdf;
  text-decoration: none;
}
div.ksh-link--category,
a.ksh-link--category,
.ksh-link--category {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.375rem;
}
div.ksh-link--arrow:before,
a.ksh-link--arrow:before,
.ksh-link--arrow:before {
  content: "< ";
}
div.ksh-link--regular,
a.ksh-link--regular,
.ksh-link--regular {
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}
div.ksh-link--breadcrumb,
a.ksh-link--breadcrumb,
.ksh-link--breadcrumb {
  color: #0b0b0b;
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  line-height: 1.125rem;
}
div.ksh-link--breadcrumb--light,
a.ksh-link--breadcrumb--light,
.ksh-link--breadcrumb--light {
  color: #878c96;
}
div.ksh-link-style--upcase,
a.ksh-link-style--upcase,
.ksh-link-style--upcase {
  text-transform: uppercase;
}
div.ksh-link-style--underline,
a.ksh-link-style--underline,
.ksh-link-style--underline {
  text-decoration: underline;
}
div.ksh-link-style--underline:hover, div.ksh-link-style--underline:visited, div.ksh-link-style--underline:focus,
a.ksh-link-style--underline:hover,
a.ksh-link-style--underline:visited,
a.ksh-link-style--underline:focus,
.ksh-link-style--underline:hover,
.ksh-link-style--underline:visited,
.ksh-link-style--underline:focus {
  text-decoration: underline;
}
div.ksh-link-hex--no-brand,
a.ksh-link-hex--no-brand,
.ksh-link-hex--no-brand {
  color: #0b0b0b;
}
div.ksh-link-hex--brand-blue,
a.ksh-link-hex--brand-blue,
.ksh-link-hex--brand-blue {
  color: #489FDF;
}

.ksh-price--color__secondary {
  color: #00c389;
}
.ksh-price--tiny__currency, .ksh-price--tiny__value {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.025rem;
}
.ksh-price--tiny__currency {
  color: #0b0b0b;
}
.ksh-price--tiny__value {
  color: #00c389;
}
.ksh-price--small span {
  margin-right: 0.3rem;
}
.ksh-price--small__currency, .ksh-price--small__value {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.25rem;
  letter-spacing: -0.04375rem;
}
.ksh-price--small__currency {
  color: #0b0b0b;
}
.ksh-price--small__value {
  color: #00c389;
}
.ksh-price--small__per-item {
  font-size: 1.25rem;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  line-height: 3.25rem;
  letter-spacing: -0.01875rem;
}
.ksh-price--large span {
  margin-right: 0.3rem;
}
.ksh-price--large__currency, .ksh-price--large__value {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 3.25rem;
  letter-spacing: -0.7px;
}
.ksh-price--large__currency {
  color: #0b0b0b;
}
.ksh-price--large__value {
  color: #00c389;
}
.ksh-price--large__per-item {
  font-size: 1.5rem;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  line-height: 3.25rem;
  letter-spacing: -0.3px;
}

.ksh-bar--title {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.025rem;
}
.ksh-bar--value {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.025rem;
}

/** @prettier */
.z-button-atomic__submit-linklike, .z-button-atomic__submit-secondary, .z-button-atomic__submit-primary {
  text-align: center;
  font-family: "Lato", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.0375rem;
  font-weight: 400;
  border: 0.125rem solid;
  font-size: 0.9375rem;
  cursor: pointer;
}

.z-button-atomic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-button-atomic .text {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.z-button-atomic__submit-primary {
  color: #0b0b0b;
  background-color: #489FDF;
  border-color: #489FDF;
}
.z-button-atomic__submit-primary .text {
  color: white;
}
.z-button-atomic__submit-primary:hover {
  background-color: #9fcdee;
  border-color: #9fcdee;
}
.z-button-atomic__submit-primary__loading {
  cursor: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.z-button-atomic__submit-primary__loading .z-svg-loader-icon-atomic {
  margin-right: 0.3125rem;
  margin-top: 0.0625rem;
  padding: 0rem;
}
.z-button-atomic__submit-secondary {
  color: black;
  border-color: black;
}
.z-button-atomic__submit-secondary .text {
  color: black;
}
.z-button-atomic__submit-secondary:hover {
  border-color: #878D96;
}
.z-button-atomic__submit-secondary:hover .text {
  color: #878D96;
}
.z-button-atomic__submit-linklike {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  -ms-flex-pack: start;
      justify-content: start;
  min-height: 35px;
  text-transform: none;
  color: #0b0b0b;
  font-size: 0.875rem;
  font-weight: bold;
  border: 1px solid #CACACA;
  background-color: transparent;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
}
.z-button-atomic__submit-linklike .text {
  margin: 0;
  padding: 0;
}
.z-button-atomic__submit-linklike:hover {
  background-color: #489fdf;
  border-color: #489fdf;
  color: #fff;
}
.z-button-atomic__submit-primary:visited, .z-button-atomic__submit-secondary:visited {
  color: white;
}
.z-button-atomic__submit-primary:focus, .z-button-atomic__submit-secondary:focus {
  color: white;
}
.z-button-atomic__submit-primary .text, .z-button-atomic__submit-secondary .text {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}
.z-button-atomic__submit-primary__disabled, .z-button-atomic__submit-secondary__disabled {
  pointer-events: none;
  border-color: #b3b3b3;
  background-color: transparent;
}
.z-button-atomic__submit-primary__disabled .text, .z-button-atomic__submit-secondary__disabled .text {
  color: #b3b3b3;
}

.z-button-toolbar__button_selected, .z-button-toolbar__button_unselected {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  margin-left: -0.0625rem;
  margin-bottom: -0.0625rem;
  padding: 1.125rem;
  cursor: pointer;
}
.z-button-toolbar__button_selected span, .z-button-toolbar__button_unselected span {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  display: block;
  line-height: 0.875rem;
}

.z-button-toolbar__button_selected:hover, .z-button-toolbar__button_unselected:hover {
  border: 0.0625rem solid #489FDF;
  outline: 0.0625rem solid #489FDF;
  outline-offset: -0.125rem;
  z-index: 1;
}
.z-button-toolbar__button_selected:hover span, .z-button-toolbar__button_unselected:hover span {
  color: #489FDF;
}

.z-button-toolbar__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}
.z-button-toolbar__header span {
  color: #0b0b0b;
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.875rem;
}
.z-button-toolbar__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  cursor: pointer;
}
@media (max-width: 22.5rem) {
  .z-button-toolbar__buttons {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.z-button-toolbar__button_unselected {
  border: 0.0625rem solid #dadada;
  background-color: #fff;
}
.z-button-toolbar__button_unselected span {
  color: #878c96;
}
.z-button-toolbar__button_selected {
  border: 0.0625rem solid #489FDF;
  outline: 0.0625rem solid #489FDF;
  outline-offset: -0.125rem;
  z-index: 1;
  background-color: #fff;
}
.z-button-toolbar__button_selected span {
  color: #489FDF;
}

.z-checkbox {
  cursor: pointer;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  border-width: 2px;
  border-color: #e4e4e4;
  border-style: solid;
  background-color: #fff;
  overflow: hidden;
}
.z-checkbox svg g g {
  fill: #fff;
}
.z-checkbox svg {
  width: 0.75rem;
}
.z-checkbox .z-icon-svg {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-checkbox--selected {
  background-color: #489fdf;
  border-color: #489fdf;
}

.z-checkbox-w-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  cursor: pointer;
}
.z-checkbox-w-label--agreement {
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
}
.z-checkbox-w-label--agreement:not(:first-child) {
  margin-top: 0.625rem;
}
.z-checkbox-w-label--agreement span {
  max-width: 93%;
  padding-top: 0.25rem;
}
.z-checkbox-w-label--disabled {
  cursor: default;
  opacity: 0.5;
}
.z-checkbox-w-label .z-checkbox {
  margin-right: 0.625rem;
}

.z-date-select__popup .react-datepicker {
  top: 0.0625rem;
  margin-top: 0.3125rem;
  margin-left: 0.3125rem;
  border: none;
  width: 15rem;
}
.z-date-select__popup .react-datepicker__header {
  background-color: transparent;
}

.z-hint-popup {
  cursor: pointer;
}
.z-hint-popup__caption {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #4da0e2;
  letter-spacing: 0.034375rem;
}
.z-hint-popup__popup-text {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.025rem;
}
.z-hint-popup i svg {
  width: 0.9375rem;
  height: 0.9375rem;
}

.z-icon-svg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.z-icon-svg svg {
  width: 1.4375rem;
}
.z-icon-svg-pencil svg {
  width: 1.4375rem;
}
.z-icon-svg-pencil svg {
  width: 1.4375rem;
  margin-top: 0;
}
.z-icon-svg-pencil-in-square svg {
  width: 1.4375rem;
}
.z-icon-svg-cube svg {
  width: 1.6875rem;
}
.z-icon-svg-water-droplet svg {
  width: 1.125rem;
}
.z-icon-svg-picture svg {
  width: 1.25rem;
}
.z-icon-svg-gift-box svg {
  width: 1.375rem;
}
.z-icon-svg-letter-a svg {
  width: 1.25rem;
}
.z-icon-svg-trash svg {
  width: 1.3125rem;
}
.z-icon-svg-alignv svg {
  height: 1.9375rem;
}
.z-icon-svg-alignh svg {
  width: 1.9375rem;
}
.z-icon-svg-font svg {
  width: 1.1875rem;
}
.z-icon-svg-text-align-left svg, .z-icon-svg-text-align-right svg, .z-icon-svg-text-align-center svg, .z-icon-svg-text-bold svg, .z-icon-svg-text-italic svg {
  width: 1.125rem;
  height: 1.125rem;
}
.z-icon-svg-big-arrow-left svg, .z-icon-svg-big-arrow-right svg {
  width: 4rem;
  height: 6.25rem;
}
.z-icon-svg-check svg {
  width: 0.8125rem;
}
.z-icon-svg-times svg {
  width: 0.8125rem;
}
.z-icon-svg-check-in-rectangle svg {
  width: 1.4375rem;
}
.z-icon-svg-zapakuj-to-logo svg {
  width: 7.8125rem;
  height: 1.875rem;
}
.z-icon-svg-download svg {
  width: 1.25rem;
}
.z-icon-svg-flag svg {
  width: 1.4375rem;
}

.z-icon-svg-v2-cube svg g#Layer_2 {
  fill: transparent;
}
.z-icon-svg-v2-cube svg g#Layer_2 g g polygon {
  fill: none;
}
.z-icon-svg-v2-cube.active-side-top svg #top {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-top svg #top {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube.active-side-bottom svg #bottom {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-bottom svg #bottom {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube.active-side-left svg #left {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-left svg #left {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube.active-side-right svg #right {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-right svg #right {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube.active-side-front svg #front {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-front svg #front {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube.active-side-back svg #back {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected .z-icon-svg-v2-cube.active-side-back svg #back {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-top svg #top {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-bottom svg #bottom {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-left svg #left {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-right svg #right {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-front svg #front {
  fill: #949494 !important;
}
.z-icon-svg-v2-cube--selected.active-side-back svg #back {
  fill: #949494 !important;
}

.z-label__tiny-light, .z-label__basic-light, .z-label__basic {
  font-family: "Lato", "Open Sans", sans-serif;
}

.z-label__basic {
  color: #0b0b0b;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.z-label__basic-light {
  color: #878D96;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.z-label__tiny-light {
  color: #878D96;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1rem;
}
.z-label__invalid {
  color: #b94a48 !important;
}
.z-label__disabled {
  color: #9399a1 !important;
}

.z-loading-spinner {
  width: 40px;
  height: 40px;
  background-color: #3b61ff;
  margin: 40px auto;
  -webkit-animation: rotate-spinner 1.2s infinite ease-in-out;
          animation: rotate-spinner 1.2s infinite ease-in-out;
  color: red;
}

.z-loading-spinner-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@-webkit-keyframes rotate-spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes rotate-spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes roundAnimate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes roundAnimate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-svg-loader-icon-atomic {
  width: 20px;
  height: 20px;
}
.z-svg-loader-icon-atomic.roundAnimate {
  -webkit-animation: roundAnimate 2s linear infinite;
          animation: roundAnimate 2s linear infinite;
}

.z-on-off-switch {
  cursor: pointer;
}
.z-on-off-switch__panel {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.125rem;
  min-width: 3.125rem;
  max-width: 3.125rem;
  height: 1.875rem;
  border-radius: 1.875rem;
}
.z-on-off-switch__panel__off {
  background-color: #eaeaea;
}
.z-on-off-switch__panel__on {
  background-color: #38c186;
}
.z-on-off-switch__round_button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: 0.25rem;
  border-radius: 50%;
}
.z-on-off-switch__round_button__on {
  margin-left: 1.4375rem;
}
.z-on-off-switch__round_button__on svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
.z-on-off-switch__round_button__off {
  margin-left: 0.3125rem;
}
.z-on-off-switch__round_button__off svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-top: 0.375rem;
  margin-left: 0.375rem;
}
.z-on-off-switch__round_button__off svg polygon {
  stroke: lightblue;
}
.z-on-off-switch .z-icon-svg {
  display: inline;
  display: initial;
}

.z-panel-group__flex_dir_column__regular_panel {
  margin-bottom: 40px;
}

.z-panel__header {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.03125rem;
  margin-bottom: 0.6875rem;
}
.z-panel__header_hint {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.6875rem;
  margin-top: -0.3125rem;
  margin-bottom: 0.4375rem;
}
.z-panel__container {
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-top: 1.75rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-box-shadow: 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.05);
}
.z-panel__container__regular_row {
  margin-bottom: 1.75rem;
}
.z-quantity-increment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 4.6875rem;
}
.z-quantity-increment__quantity-value {
  padding: 0 0.5em;
  font-weight: 700;
}
.z-quantity-increment__button {
  border: 2px solid #489fdf;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  text-align: center;
  color: #489fdf;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 0.9375rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.z-quantity-increment__button--decrement {
  line-height: 0.8125rem;
}

.z-questionnaire-header__content__long, .z-questionnaire-header__content__brief, .z-questionnaire-header__headline {
  color: #0b0b0b;
  text-align: center;
}

.z-questionnaire-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 3.4375rem;
}
.z-questionnaire-header__headline {
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 3.4375rem;
  font-weight: 400;
  letter-spacing: -0.125rem;
}
.z-questionnaire-header__headline__long {
  margin-bottom: 1.6875rem;
}
.z-questionnaire-header__content__brief {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 1rem;
}
.z-questionnaire-header__content__brief .emoji {
  font-size: 1.5rem;
}
.z-questionnaire-header__content__long {
  font-family: "Lato", "Open Sans", sans-serif;
  font-weight: normal;
  line-height: 18px;
  font-size: 0.875rem;
  letter-spacing: 0.03125rem;
}
.z-questionnaire-header__content__long .emoji {
  font-size: 1rem;
}

.z-select-atomic__item__label-top-hint-bottom-layout__hint, .z-select-atomic__item__label-top-hint-bottom-layout__label, .z-select-atomic__item__label-left-hint-right-layout__hint, .z-select-atomic__item__label-left-hint-right-layout__label, .z-select-atomic__select-container .Select-control .Select-placeholder, .z-select-atomic__select-container .Select-control .Select-value, .z-select-atomic__select-container .Select-option {
  font-family: "Lato", "Open Sans", sans-serif;
  color: #0b0b0b;
}

.z-select-atomic {
  width: 100%;
  height: auto;
  text-align: left;
}
.z-select-atomic__non-empty .z-select__select-container::before, .z-select-atomic__non-empty .z-select__select-container::after, .z-select-atomic__in-focus .z-select__select-container::before, .z-select-atomic__in-focus .z-select__select-container::after {
  width: 50%;
}
.z-select-atomic__select-container {
  cursor: pointer;
  position: relative;
}
.z-select-atomic__select-container .Select.is-open .Select.control .Select-arrow-zone .Select-arrow {
  top: 0.125rem;
  -webkit-transform: rotate(225deg) !important;
          transform: rotate(225deg) !important;
  border-width: 0px;
  height: 10px;
  width: 10px;
  background: #ffffff;
  border-top: 0;
  border-right: 0.09375rem solid #2b2b2b;
  border-bottom: 0.09375rem solid #2b2b2b;
  border-left: 0;
}
.z-select-atomic__select-container .Select-clear-zone {
  display: none;
}
.z-select-atomic__select-container .Select-option {
  font-size: 0.875rem;
  line-height: 1.75rem;
}
.z-select-atomic__select-container .Select-control {
  font-size: 0.875rem;
  line-height: 2.375rem;
  padding: 0rem;
  border-radius: unset;
  border: 1px solid #CACACA;
  cursor: pointer;
}
.z-select-atomic__select-container .Select-control .Select-multi-value-wrapper {
  display: block;
  position: relative;
  height: 2.375rem;
}
.z-select-atomic__select-container .Select-control .Select-multi-value-wrapper div a:hover {
  text-decoration: none !important;
}
.z-select-atomic__select-container .Select-control .Select-multi-value-wrapper div[role=combobox] {
  z-index: -1;
}
.z-select-atomic__select-container .Select-control span .Select-value .Select-value-label {
  color: #0b0b0b !important;
}
.z-select-atomic__select-container .Select-control span .Select-placeholder {
  color: #0b0b0b;
  font-size: 0.8125rem;
}
.z-select-atomic__select-container .Select-control .Select-input {
  top: 0;
  width: 100%;
  position: absolute;
  padding: 0 0.5rem;
  cursor: pointer;
}
.z-select-atomic__select-container .Select-control .Select-placeholder, .z-select-atomic__select-container .Select-control .Select-value {
  font-size: 0.8125rem;
  position: static;
  vertical-align: middle;
  padding: 0 0.625rem;
  letter-spacing: 0.025rem;
  line-height: 2.375rem;
  border: none;
  white-space: normal;
  margin-right: 20px;
}
.z-select-atomic__select-container .Select-control .Select-value {
  padding-top: 0.0625rem;
}
.z-select-atomic__select-container .Select-control .Select-arrow-zone {
  padding-right: 0;
  padding-bottom: 0.3125rem;
  position: absolute;
  right: 0.3125rem;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.z-select-atomic__select-container .Select-control .Select-arrow-zone .Select-arrow {
  height: 0.625rem;
  width: 0.625rem;
  background: #ffffff;
  border-top: 0;
  border-right: 0.09375rem solid #2b2b2b;
  border-bottom: 0.09375rem solid #2b2b2b;
  border-left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.z-select-atomic__select-container .is-searchable .Select-input {
  cursor: text;
}
.z-select-atomic__select-container .is-open.is-searchable .Select-input {
  height: 2.5rem;
}
.z-select-atomic__select-container .is-open.is-searchable .Select-input input {
  width: 100% !important;
  line-height: 2.125rem;
  height: 2.125rem;
  padding-top: 0.125rem;
}
.z-select-atomic__select-container .Select-menu-outer {
  font-size: 0.875rem;
  line-height: 0.9375rem;
  border: 0;
  max-height: 31.25rem;
  -webkit-box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #CACACA;
  z-index: 2;
}
.z-select-atomic__status-icon {
  width: 0.625rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
}
.z-select-atomic__status-icon:hover svg g g {
  fill: #454545;
}
.z-select-atomic__validity-feedback {
  margin-bottom: -1.0625rem;
  height: 1.0625rem;
  color: #db5764;
  visibility: hidden;
  opacity: 0;
  font-size: 0.625rem;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  -webkit-transition: margin-bottom 0.13s ease-in-out;
  transition: margin-bottom 0.13s ease-in-out;
}
.z-select-atomic__invalid {
  color: #db5764;
}
.z-select-atomic__invalid .Select-control {
  border: 0.0625rem solid #db5764;
}
.z-select-atomic__invalid .z-header-title {
  color: #db5764;
}
.z-select-atomic__invalid .z-select__validity-feedback {
  margin-bottom: 0.3125rem;
}
.z-select-atomic__invalid .z-select__status-icon,
.z-select-atomic__invalid .z-select__validity-feedback {
  visibility: visible;
  opacity: 1;
}
.z-select-atomic__valid {
  color: #454545;
}
.z-select-atomic__valid .z-select__status-icon {
  visibility: visible;
  opacity: 1;
}
.z-select-atomic__valid .z-select__status-icon svg g g {
  fill: #2fc47f;
}
.z-select-atomic__read-only {
  color: #b3b3b3 !important;
  opacity: 0.4;
  cursor: not-allowed;
}
.z-select-atomic__read-only .Select-placeholder {
  cursor: not-allowed;
}
.z-select-atomic__read-only .z-select__title {
  color: #b3b3b3;
}
.z-select-atomic__read-only .z-select__select-container::before, .z-select-atomic__read-only .z-select__select-container::after {
  width: 0%;
}
.z-select-atomic__label-top-hint-bottom .Select-control .Select-multi-value-wrapper {
  height: 3.75rem;
}
.z-select-atomic__label-top-hint-bottom .Select-control .Select-multi-value-wrapper .Select-value, .z-select-atomic__label-top-hint-bottom .Select-control .Select-multi-value-wrapper .Select-placeholder {
  padding-left: 1rem;
  padding-top: 0.8125rem;
}
.z-select-atomic__label-top-hint-bottom .Select-menu-outer .Select-menu .Select-option {
  padding: 0.875rem 0.875rem;
}
.z-select-atomic__item__label-left-hint-right-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.z-select-atomic__item__label-left-hint-right-layout__label {
  font-size: 0.75rem;
  font-weight: bold;
}
.z-select-atomic__item__label-left-hint-right-layout__label__50 {
  width: 3.125rem;
}
.z-select-atomic__item__label-left-hint-right-layout__label__100 {
  width: 6.25rem;
}
.z-select-atomic__item__label-left-hint-right-layout__label__half {
  width: 50%;
}
.z-select-atomic__item__label-left-hint-right-layout__label .emoji {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  font-size: 1.375rem;
}
.z-select-atomic__item__label-left-hint-right-layout__hint {
  font-size: 0.75rem;
  margin-right: 0.9375rem;
}
.z-select-atomic__item__label-top-hint-bottom-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-select-atomic__item__label-top-hint-bottom-layout__label {
  -ms-flex: 1 1;
      flex: 1 1;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.z-select-atomic__item__label-top-hint-bottom-layout__hint {
  color: #878c96;
  -ms-flex: 1 1;
      flex: 1 1;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-right: 0.9375rem;
  white-space: normal;
}

.z-slider-atomic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-slider-atomic .rc-slider {
  padding-top: 0px;
  margin-top: 0px;
  height: 0px;
  background-color: transparent;
}
.z-slider-atomic .rc-slider-rail {
  cursor: pointer;
  background-color: #E9E8E8;
}
.z-slider-atomic .rc-slider-rail, .z-slider-atomic .rc-slider-track {
  height: 0.5rem;
}
.z-slider-atomic .rc-slider-track {
  background-color: #4da0e2;
}
.z-slider-atomic .z-caption {
  margin-bottom: 0.375rem;
}
@media (max-width: 22.5rem) {
  .z-slider-atomic .z-caption {
    margin-bottom: 0.625rem;
  }
}
.z-slider-atomic .rc-slider-handle, .z-slider-atomic .rc-slider-handle:active, .z-slider-atomic .rc-slider-handle:focus {
  z-index: 1;
  top: 0.125rem;
  border: none;
  -webkit-box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.3);
          box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
@media (max-width: 22.5rem) {
  .z-slider-atomic .rc-slider-handle, .z-slider-atomic .rc-slider-handle:active, .z-slider-atomic .rc-slider-handle:focus {
    width: 1.5rem;
    height: 1.5rem;
    top: -0.1875rem;
  }
}
.z-slider-atomic__minMaxContainer {
  margin-top: 0.9375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.625rem;
}
.z-slider-atomic__minMaxContainer__min {
  -ms-flex: 100 1;
      flex: 100 1;
}
.z-slider-atomic__minMaxContainer__max {
  -ms-flex: 1 1;
      flex: 1 1;
}

.z-text-input__container {
  cursor: text;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  border: 0.0625rem solid #dadada;
  background-color: white;
  padding: 0.625rem;
}
.z-text-input__container__invalid {
  border: 0.0625rem solid #b94a48;
}
.z-text-input__container__focused {
  border: 0.0625rem solid #4da0e2;
}
.z-text-input__container__disabled {
  background-color: #fbfbfb;
  border: 0.0625rem solid #dadada;
}
.z-text-input__input {
  border: none;
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.9375rem;
  color: #0b0b0b;
  background-color: transparent;
  outline: none;
  width: 100%;
}
.z-text-input__input__invalid {
  color: #b94a48;
}
.z-text-input__input__disabled {
  color: #9399a1;
}
.z-text-input__input__multiline {
  min-height: 2rem;
  width: 100%;
}
.z-text-input__rightTip {
  margin-left: 0.3125rem;
}
.z-text-input__rightTip__clickable {
  cursor: pointer;
}
.z-text-input__rightTip__text {
  font-family: "Lato", "Open Sans", sans-serif;
  font-weight: 300;
  color: #878c96;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.z-text-input__rightTip .z-icon-svg {
  display: block !important;
}
.z-text-input__rightTip i svg {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-top: -0.5625rem;
  margin-bottom: -0.5rem;
}
.z-text-input__rightTip i svg * {
  stroke: #878c96;
}

.z-tickbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.z-tickbox__caption {
  font-family: "Lato", "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-left: 0.4375rem;
  letter-spacing: 0.025rem;
}
.z-tickbox__hintSvgIcon {
  margin-top: 0.125rem;
  margin-left: 0.4375rem;
}
.z-tickbox__hintSvgIcon #tickbox-hint-popup-questionmark circle {
  fill: #cacaca;
  stroke: white;
}
.z-tickbox__hintSvgIcon #tickbox-hint-popup-questionmark path {
  stroke: white;
}

@-webkit-keyframes circles_1_2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes circles_1_2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes circle_3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes circle_3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.z-blinking__tooltip {
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
}
.z-blinking__tooltip__circle {
  position: absolute;
  background-color: #489FDF;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.z-blinking__tooltip__circle__1 {
  opacity: 0.05;
  width: 4.5rem;
  height: 4.5rem;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: circles_1_2;
          animation-name: circles_1_2;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.z-blinking__tooltip__circle__2 {
  opacity: 0.1;
  width: 3.0625rem;
  height: 3.0625rem;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: circles_1_2;
          animation-name: circles_1_2;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.z-blinking__tooltip__circle__3 {
  width: 0.75rem;
  height: 0.75rem;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: circle_3;
          animation-name: circle_3;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.z-baloon__tooltip, .z-onboarding__tooltip {
  position: absolute;
  width: 12.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 1rem;
}

.z-baloon__tooltip__main, .z-onboarding__tooltip__main {
  padding: 0.875rem 1.5625rem 0.8125rem 0.875rem;
  background-color: white;
  position: relative;
  text-align: center;
}

.z-baloon__tooltip__main__hide, .z-onboarding__tooltip__main__hide {
  position: absolute;
  right: 0;
  top: 0.5rem;
  opacity: 0.8;
  cursor: pointer;
}
.z-baloon__tooltip__main__hide svg, .z-onboarding__tooltip__main__hide svg {
  width: 0.5rem;
  height: 0.5rem;
}
.z-baloon__tooltip__main__hide svg g g, .z-onboarding__tooltip__main__hide svg g g {
  stroke: #000;
}

.z-onboarding__tooltip {
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px !important;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px !important;
  z-index: 1;
}
.z-onboarding__tooltip .z-blinking__tooltip {
  bottom: -5.25rem;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.z-onboarding__tooltip .tooltip__text__blue {
  color: #489FDF;
}
.z-onboarding__tooltip__main__triangle {
  position: absolute;
  bottom: -0.625rem;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.9375rem 0.46875rem 0 0.46875rem;
  border-color: white transparent transparent transparent;
}
.z-onboarding__tooltip__main__hide {
  right: 7px;
  top: 7px;
}

.z-baloon__tooltip {
  position: relative;
  width: auto;
  border-radius: 6px;
  overflow: hidden;
}
.z-baloon__tooltip__main {
  text-align: left;
}
.z-baloon__tooltip__main__hide {
  top: 8px;
  right: 6px;
}

div.popup-content > div {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px !important;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px !important;
  z-index: 1;
}

.z-typo {
  color: #0b0b0b;
}
.z-typo__q-headline {
  color: #0b0b0b;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  text-align: left;
  font-size: 3.4375rem;
  font-weight: 400;
}

.z-formatted-currency .z-currency-green {
  color: #2ec47f;
}
.z-formatted-currency .z-currency-black {
  color: #000;
}
.z-formatted-currency .z-currency-grey {
  color: #878c96;
}
.z-formatted-currency .z-currency-white {
  color: #fff;
}

.z__navbar {
  background-color: #fff;
  z-index: 99;
}
body.navbar-fixed .z__navbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}
.z__navbar.z-prompt-to-pl--visible {
  top: 194px;
}
.z__navbar .z__navbar__container {
  display: -ms-flexbox;
  display: flex;
  height: 4.6875rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1.25rem;
}
.z__navbar .z__navbar__container .brand__container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.z__navbar .z__navbar__container .brand__container__logo__container {
  display: block;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo #zapakuj-to-logo {
  fill: #34a2ea;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo.z-icon-svg {
  margin-top: -6px;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo.z-icon-svg.z-icon-svg-zapakuj-to-logo {
  margin-left: -6px;
  margin-top: -1px;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo--pl {
  margin-top: 5px;
  margin-left: -6px;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo--pl svg g {
  fill: #34a2ea;
}
.z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo svg {
  width: 130px;
  height: 30px;
}
.z__navbar .z__navbar__container .brand__container__navbar__toggler {
  display: none;
}
.z__navbar .z__navbar__container .navigation__container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.z__navbar .z__navbar__container .navigation__container .z__navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  list-style: none;
  margin: 0;
  position: relative;
}
.z__navbar .z__navbar__container .navigation__container .z__navigation__item {
  margin-right: 2.5rem;
  text-transform: uppercase;
}
.z__navbar .z__navbar__container .navigation__container .z__navigation__item__link {
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
}
.z__navbar .z__navbar__container .navigation__container .z__navigation__item.z-region-switcher__region-display {
  cursor: pointer;
  margin: 0;
}
.z__navbar__account {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
}
.z__navbar__account--not-logged-in {
  display: block;
}
.z__navbar__account--not-logged-in .z__navbar__account__user__name {
  padding: 0;
  margin: 0;
}
.z__navbar__account--not-logged-in .z__navbar__account__user__name > span:first-of-type {
  margin-right: 0.1875rem;
}
.z__navbar__account--not-logged-in .z__navbar__account__user__name > span:last-of-type {
  margin-left: 0.1875rem;
}
.z__navbar__account--logged-in .z__navbar__account__user__name {
  padding: 0 0.5rem 0 1rem;
}
.z__navbar__account--logged-in .z__navbar__account__chevron {
  margin-top: 0;
}
.z__navbar__account__user__name {
  padding: 0 0.8rem 0 1.6rem;
  max-width: 20rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0.125rem;
  vertical-align: bottom;
}
.z__navbar__account__avatar {
  height: 1.4375rem;
  margin-top: 0.0625rem;
}
.z__navbar__account__avatar .z-icon-svg svg {
  width: 1.4375rem;
}
.z__navbar__account__chevron {
  margin-top: 0.25rem;
}
.z__navbar__account__chevron .z-icon-svg svg {
  width: 0.875rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.z__navbar__account__dropdown__container {
  position: absolute;
  top: 3.5rem;
  left: 0;
  min-width: 11.9375rem;
  overflow: hidden;
  height: 0;
  min-height: 0;
  padding-left: 0.25rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list {
  padding: 0;
  list-style: none;
  cursor: pointer;
  background-color: white;
  width: 100%;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list.z-box-shadow--small {
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list .z__navigation__item {
  margin: 0 !important;
  padding: 0.75rem 1.25rem;
  position: relative;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list .z__navigation__item__link--active {
  color: #489fdf;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list .z__navigation__item__link--active:after {
  content: " ";
  position: absolute;
  left: -0.125rem;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #489fdf;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list li:first-of-type {
  padding-top: 1.25rem;
}
.z__navbar__account__dropdown__container .z__navbar__account__dropdown__list li:last-of-type {
  padding-bottom: 1.25rem;
}
.z__navbar__account__dropdown--visible .z__navbar__account__chevron .z-icon-svg svg {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.z__navbar__account__dropdown--visible .z__navbar__account__dropdown__container {
  height: 100%;
  min-height: 13.125rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1280px) {
  .z__navbar .z__navbar__container {
    padding: 0;
    max-width: 76.875rem;
  }
}
@media (max-width: 991px) {
  .z__navbar .z__navbar__container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 3.6rem;
  }
  .z__navbar .z__navbar__container .brand__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex: 1 1;
        flex: 1 1;
    -ms-flex-align: center;
        align-items: center;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler {
    display: block;
    margin-top: 0;
    margin-right: 5px;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #454545;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler span:nth-child(1) {
    top: 2px;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler span:nth-child(2), .z__navbar .z__navbar__container .brand__container__navbar__toggler span:nth-child(3) {
    top: 10px;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler span:nth-child(4) {
    top: 19px;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler.open {
    width: 1.4rem;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .z__navbar .z__navbar__container .brand__container__navbar__toggler.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .z__navbar .z__navbar__container .brand__container__logo__container {
    -ms-flex: 0 0 8.125rem;
        flex: 0 0 8.125rem;
  }
  .z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo {
    margin-top: 3px;
  }
  .z__navbar .z__navbar__container .brand__container__logo__container .z__packhelp__logo svg {
    width: 7.9rem;
    height: 1.8rem;
  }
  .z__navbar .z__navbar__container .navigation__container {
    position: fixed;
    top: 3.5rem;
    left: 100%;
    right: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    background-color: transparent;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 0;
    padding-top: 14px;
    margin-left: 75px;
    background-color: #fff;
    min-height: inherit;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item {
    margin-right: 0;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item__link {
    line-height: 3.75rem;
    padding-left: 1.125rem;
    font-size: 0.8125rem;
    border-left: 3px solid transparent;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item .zsh-link--nav--active {
    border: none;
    border-left: 3px solid #489fdf;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item.z__navigation__item--reigister {
    display: none;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item.z-region-switcher__region-display {
    padding-left: 1.3125rem;
  }
  .z__navbar .z__navbar__container .navigation__container .z__navigation__item.z-region-switcher__region-display .z__navigation__item__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    white-space: nowrap;
  }
  .z__navbar .z__navbar__container .navigation__container--show {
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
  }
}

.z-region-switcher-overlay {
  position: fixed;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f8f8f8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.z-region-switcher-overlay .z-region-switcher {
  display: -ms-flexbox;
  display: flex;
  max-width: 79.375rem;
  width: 100%;
  padding: 0 1.25rem;
}
.z-region-switcher-overlay .z-region-switcher__list__column {
  -ms-flex: 0 0 31.875rem;
      flex: 0 0 31.875rem;
  max-width: 31.875rem;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: left;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge {
  height: 3.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1rem 1.5rem;
  background-color: #fff;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge img {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.5rem;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge p {
  margin: 0;
}
.z-region-switcher-overlay .z-region-switcher__title {
  margin: 0;
  margin-bottom: 2.0625rem;
}
.z-region-switcher-overlay .z-region-switcher__description {
  margin-bottom: 2.8125rem;
}
.z-region-switcher-overlay .z-region-switcher__country__list {
  height: 21.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 300px;
}
.z-region-switcher-overlay .z-region-switcher__country__list--item {
  line-height: 1.125rem;
}
.z-region-switcher-overlay .z-region-switcher__country__list--item a {
  line-height: 1.5rem;
}
.z-region-switcher-overlay--open {
  opacity: 1;
  z-index: 1000;
  visibility: visible;
}
@media screen and (max-width: 991px) {
  .z-region-switcher-overlay {
    top: 0;
    background-size: cover;
  }
  .z-region-switcher-overlay .z-region-switcher__list__column {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
}

.z-region-switcher-is-open {
  overflow: hidden;
}

.z-region-switcher-flag {
  height: 22px;
  width: 22px;
  margin-top: -5px;
}
body.z-lp .z-region-switcher-flag {
  margin-top: 0;
}

.z-region-switcher-bar {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#4F90F1), to(#25B8E4));
  background: linear-gradient(to right, #4F90F1, #25B8E4);
  background: -webkit-linear-gradient(to right, #4F90F1, #25B8E4);
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 4.375rem;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
.z-region-switcher-bar__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.5625em;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select {
  width: 285px;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__status-icon {
  display: none;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .Select-menu-outer {
  padding-right: 0;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select.z-select--valid {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select.is-focused:not(.is-open) > .Select-control {
  border-color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control {
  border: 2px solid #fff;
  background-color: transparent;
  line-height: 2.25rem;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper {
  height: 2.25rem;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-value {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label.Select-value-label {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-input {
  padding: 0;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-input:focus {
  outline: none;
  background-color: transparent;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-placeholder {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-arrow-zone {
  display: block;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-arrow-zone .Select-arrow {
  background: transparent;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control.is-open .Select-arrow-zone {
  display: block;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control.is-open .Select-arrow-zone .Select-arrow {
  border-top: 0;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  border-left: 0;
  background: transparent;
}
.z-region-switcher-bar__container .z-region-switcher-bar__message {
  margin-right: 20px;
  letter-spacing: 0.035625rem;
  font-weight: bold;
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__link {
  margin-left: 10px;
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__link:hover, .z-region-switcher-bar__container .z-region-switcher-bar__link:visited, .z-region-switcher-bar__container .z-region-switcher-bar__link:focus {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__button {
  margin-left: 0.625rem;
  color: #489fdf;
}
.z-region-switcher-bar__container .z-region-switcher-bar__button.z-btn--disabled {
  border-color: #fff;
  color: #fff;
}
.z-region-switcher-bar__container .z-modal-close-button {
  top: unset;
}
@media screen and (max-width: 768px) {
  .z-region-switcher-bar {
    height: 10.25rem;
  }
  .z-region-switcher-bar__container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__message {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__message--known {
    -ms-flex-order: 0;
        order: 0;
    margin-bottom: 10px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__select {
    width: 100%;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__link {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__link--known {
    -ms-flex-order: -1;
        order: -1;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__button {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .z-region-switcher-bar__container .z-modal-close-button {
    top: 1rem;
  }
}

.z-region-switcher-bar-visible .order-flow-status-bar {
  top: 9.0625rem;
}
.z-region-switcher-bar-visible .content-area {
  padding-top: 4.375rem;
}
.z-region-switcher-bar-visible .z-nav-shop {
  top: 9.0625rem;
}
@media screen and (max-width: 768px) {
  .z-region-switcher-bar-visible .order-flow-status-bar {
    top: 14.9375rem;
  }
  .z-region-switcher-bar-visible .content-area {
    padding-top: 10.25rem;
  }
  .z-region-switcher-bar-visible .z-nav-shop {
    top: 14.9375rem;
  }
}

.z-region-switcher-bar-hidden .order-flow-status-bar {
  top: 4.6875rem;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
}
.z-region-switcher-bar-hidden .content-area {
  padding-top: 0;
  -webkit-transition: padding-top 0.4s ease;
  transition: padding-top 0.4s ease;
}
.z-region-switcher-bar-hidden .z-nav-shop {
  top: 4.6875rem;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
}

.z-region-switcher-overlay {
  position: fixed;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f8f8f8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.z-region-switcher-overlay .z-region-switcher {
  display: -ms-flexbox;
  display: flex;
  max-width: 79.375rem;
  width: 100%;
  padding: 0 1.25rem;
}
.z-region-switcher-overlay .z-region-switcher__list__column {
  -ms-flex: 0 0 31.875rem;
      flex: 0 0 31.875rem;
  max-width: 31.875rem;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: left;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge {
  height: 3.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1rem 1.5rem;
  background-color: #fff;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge img {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.5rem;
}
.z-region-switcher-overlay .z-region-switcher__selected_region__column__badge p {
  margin: 0;
}
.z-region-switcher-overlay .z-region-switcher__title {
  margin: 0;
  margin-bottom: 2.0625rem;
}
.z-region-switcher-overlay .z-region-switcher__description {
  margin-bottom: 2.8125rem;
}
.z-region-switcher-overlay .z-region-switcher__country__list {
  height: 21.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 300px;
}
.z-region-switcher-overlay .z-region-switcher__country__list--item {
  line-height: 1.125rem;
}
.z-region-switcher-overlay .z-region-switcher__country__list--item a {
  line-height: 1.5rem;
}
.z-region-switcher-overlay--open {
  opacity: 1;
  z-index: 1000;
  visibility: visible;
}
@media screen and (max-width: 991px) {
  .z-region-switcher-overlay {
    top: 0;
    background-size: cover;
  }
  .z-region-switcher-overlay .z-region-switcher__list__column {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
}

.z-region-switcher-is-open {
  overflow: hidden;
}

.z-region-switcher-flag {
  height: 22px;
  width: 22px;
  margin-top: -5px;
}
body.z-lp .z-region-switcher-flag {
  margin-top: 0;
}

.z-region-switcher-bar {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#4F90F1), to(#25B8E4));
  background: linear-gradient(to right, #4F90F1, #25B8E4);
  background: -webkit-linear-gradient(to right, #4F90F1, #25B8E4);
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  height: 4.375rem;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
.z-region-switcher-bar__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.5625em;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select {
  width: 285px;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__status-icon {
  display: none;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .Select-menu-outer {
  padding-right: 0;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select.z-select--valid {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select.is-focused:not(.is-open) > .Select-control {
  border-color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control {
  border: 2px solid #fff;
  background-color: transparent;
  line-height: 2.25rem;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper {
  height: 2.25rem;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-value {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label.Select-value-label {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-input {
  padding: 0;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-input:focus {
  outline: none;
  background-color: transparent;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-multi-value-wrapper .Select-placeholder {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-arrow-zone {
  display: block;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control .Select-arrow-zone .Select-arrow {
  background: transparent;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control.is-open .Select-arrow-zone {
  display: block;
}
.z-region-switcher-bar__container .z-region-switcher-bar__select .z-select__select-container .Select-control.is-open .Select-arrow-zone .Select-arrow {
  border-top: 0;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  border-left: 0;
  background: transparent;
}
.z-region-switcher-bar__container .z-region-switcher-bar__message {
  margin-right: 20px;
  letter-spacing: 0.035625rem;
  font-weight: bold;
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__link {
  margin-left: 10px;
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__link:hover, .z-region-switcher-bar__container .z-region-switcher-bar__link:visited, .z-region-switcher-bar__container .z-region-switcher-bar__link:focus {
  color: #fff;
}
.z-region-switcher-bar__container .z-region-switcher-bar__button {
  margin-left: 0.625rem;
  color: #489fdf;
}
.z-region-switcher-bar__container .z-region-switcher-bar__button.z-btn--disabled {
  border-color: #fff;
  color: #fff;
}
.z-region-switcher-bar__container .z-modal-close-button {
  top: unset;
}
@media screen and (max-width: 768px) {
  .z-region-switcher-bar {
    height: 10.25rem;
  }
  .z-region-switcher-bar__container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__message {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__message--known {
    -ms-flex-order: 0;
        order: 0;
    margin-bottom: 10px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__select {
    width: 100%;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__link {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__link--known {
    -ms-flex-order: -1;
        order: -1;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .z-region-switcher-bar__container .z-region-switcher-bar__button {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
  }
  .z-region-switcher-bar__container .z-modal-close-button {
    top: 1rem;
  }
}

.z-region-switcher-bar-visible .order-flow-status-bar {
  top: 9.0625rem;
}
.z-region-switcher-bar-visible .content-area {
  padding-top: 4.375rem;
}
.z-region-switcher-bar-visible .z-nav-shop {
  top: 9.0625rem;
}
@media screen and (max-width: 768px) {
  .z-region-switcher-bar-visible .order-flow-status-bar {
    top: 14.9375rem;
  }
  .z-region-switcher-bar-visible .content-area {
    padding-top: 10.25rem;
  }
  .z-region-switcher-bar-visible .z-nav-shop {
    top: 14.9375rem;
  }
}

.z-region-switcher-bar-hidden .order-flow-status-bar {
  top: 4.6875rem;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
}
.z-region-switcher-bar-hidden .content-area {
  padding-top: 0;
  -webkit-transition: padding-top 0.4s ease;
  transition: padding-top 0.4s ease;
}
.z-region-switcher-bar-hidden .z-nav-shop {
  top: 4.6875rem;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
}

.z-field-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  position: relative;
}
.z-field-input__title {
  color: #000;
  pointer-events: none;
  font-size: 0.75rem;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.z-field-input__calendar-container {
  position: relative;
}
.z-field-input--in-focus .z-field-input__title {
  color: #1a9ce1;
}
.z-field-input--read-only {
  opacity: 0.4;
  cursor: not-allowed;
}
.z-field-input--read-only .z-field-input__title {
  color: #b3b3b3;
}
.z-field-input--read-only input {
  cursor: not-allowed;
}
.z-field-input--version-fill .z-field-input__title {
  padding-left: 0.1875rem;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.z-field-input--version-fill .z-field-input__title span {
  font-size: 0.75rem;
}
.z-field-input--version-fill .z-input__status-icon {
  right: 0.625rem;
}
.z-field-input--version-fill .z-input__loading-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-field-input--version-fill .z-input__loading-icon .loader {
  -webkit-animation: loaderAnimation 0.5s ease infinite;
          animation: loaderAnimation 0.5s ease infinite;
}
.z-field-input--version-fill .z-input__input-container {
  border: 0;
}
.z-field-input--version-fill .z-input__input-container::before, .z-field-input--version-fill .z-input__input-container::after {
  display: none;
}
.z-field-input--version-fill .z-input__input-container input {
  background-color: #fff;
  padding: 0.4375rem 0.625rem;
  border: 1px solid #CACACA;
  font-size: 16px;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-webkit-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input:-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input__input-container input::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.z-field-input--version-fill .z-input--highlight-invalid:not(.z-input--read-only) .z-input__input-container input, .z-field-input--version-fill .z-input--invalid .z-input__input-container input {
  border-color: #db5764;
}
.z-field-input--version-fill .z-input--highlight-invalid:not(.z-input--read-only) .z-input__validity-feedback, .z-field-input--version-fill .z-input--invalid .z-input__validity-feedback {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.react-datepicker {
  position: absolute;
  width: 100%;
  top: 45px;
  z-index: 10;
  border: 1px solid #CACACA;
  border-radius: 0;
  font-family: "Open Sans", "Lato", sans-serif;
}
.react-datepicker__month-container {
  width: 100%;
  float: none;
}
.react-datepicker__header {
  background-color: #fff;
  border-bottom: 1px solid #CACACA;
  border-radius: 0;
}

.z-textarea {
  min-height: 4.375rem;
  border: 1px solid #CACACA;
  outline: none;
  font-size: 16px;
  line-height: 1.5rem;
  padding: 0.4375rem 0.625rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.z-field-checkbox {
  display: inline-block;
  cursor: pointer;
  font-size: 0.8125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
}
.z-field-checkbox.disabled {
  opacity: 0.6;
}
.z-field-checkbox .checkbox {
  margin-right: 0.625rem;
  -ms-flex: 0 0 0.625rem;
      flex: 0 0 0.625rem;
}

.required-star {
  color: #489fdf;
  vertical-align: top;
}

.tax-label .tax-amount {
  opacity: 0.4;
  margin-left: 7px;
}
.tax-label.required .tax-label-text:after {
  content: "*";
  opacity: 1;
  color: #489fdf;
  vertical-align: top;
}

.z-input {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 0.875rem;
  /*&--in-focus {
  }*/
}
.z-input--non-empty .z-input__input-container::before, .z-input--non-empty .z-input__input-container::after, .z-input--in-focus .z-input__input-container::before, .z-input--in-focus .z-input__input-container::after {
  width: 50%;
}
.z-input__input-container {
  border-bottom: 3px solid #b3b3b3;
  display: block;
  position: relative;
  width: 100%;
}
.z-input__input-container input {
  width: 100%;
  outline: 0;
  border: 0;
  background-color: transparent;
  -webkit-transition: color 0.13s ease-in-out;
  transition: color 0.13s ease-in-out;
  letter-spacing: 0.05rem;
  font-weight: 700;
  padding: 0 0 0.6rem;
}
.z-input__input-container::before, .z-input__input-container::after {
  content: "";
  height: 4px;
  width: 0;
  bottom: -4px;
  position: absolute;
  background: #1a9ce1;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.z-input__input-container::before {
  left: 50%;
}
.z-input__input-container::after {
  right: 50%;
}
.z-input__status-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
}
.z-input__status-icon .z-icon-svg {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.z-input__status-icon .z-icon-svg svg {
  width: 0.75rem;
}
.z-input__status-icon:hover svg g g {
  fill: #454545;
}
.z-input__validity-feedback {
  margin-bottom: -1.0625rem;
  height: 1.0625rem;
  color: #db5764;
  visibility: hidden;
  opacity: 0;
  font-size: 0.625rem;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  -webkit-transition: margin-bottom 0.13s ease-in-out;
  transition: margin-bottom 0.13s ease-in-out;
}
.z-input--simple {
  height: 1.875rem;
}
.z-input--simple .z-input__input-container {
  border: 0;
}
.z-input--simple .z-input__status-icon {
  display: none;
}
.z-input--invalid {
  color: #db5764;
}
.z-input--invalid .z-header-title {
  color: #db5764;
}
.z-input--invalid .z-input__validity-feedback {
  margin-bottom: 0.5rem;
}
.z-input--invalid .z-input__status-icon,
.z-input--invalid .z-input__validity-feedback {
  visibility: visible;
  opacity: 1;
}
.z-input--invalid .z-input__status-icon svg g g {
  fill: #db5764;
}
.z-input--valid {
  color: #454545;
}
.z-input--valid .z-input__status-icon {
  visibility: visible;
  opacity: 1;
}
.z-input--valid .z-input__status-icon svg polyline {
  stroke: #2fc47f;
}
.z-input--valid .z-input__input-container input {
  padding-right: 1.4375rem !important;
}
.z-input--read-only {
  color: #b3b3b3;
}
.z-input--read-only .z-input__input-container::before, .z-input--read-only .z-input__input-container::after {
  width: 0%;
}

.z-form__tile {
  position: relative;
  margin-bottom: 1.75rem;
}
.z-form__tile textarea,
.z-form__tile input[type=text],
.z-form__tile input[type=number] {
  -webkit-appearance: none;
  border-radius: 0;
}
.z-form__tile--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.z-form__tile__title {
  margin-bottom: 0.75rem;
}
.z-form__tile__title p {
  margin: 0;
}
.z-form__tile__subtitle p {
  max-width: 29.6875rem;
  margin: 0;
  margin-top: 0.5rem;
}
.z-form__tile .z-form {
  background-color: white;
  padding: 1.5625rem 0.9375rem 0.9375rem 0.9375rem;
}
.z-form__tile .z-form--disabled {
  position: relative;
}
.z-form__tile .z-form__disabled__blend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 10;
}

.z-form-disable-enter {
  opacity: 0.01;
}

.z-form-disable-enter.z-form-disable-enter-active {
  opacity: 0.4;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

.z-form-disable-leave {
  opacity: 0.4;
}

.z-form-disable.z-form-disable-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
}

.z-form-group--submiting {
  background-color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

.z-form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  margin-bottom: 1rem;
}
.z-form__row .z-field-input {
  padding: 0 0.3125rem;
  min-height: 4.375rem;
}

@keyframes roundAnimate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-svg-loader-icon.roundAnimate {
  -webkit-animation: roundAnimate 2s linear infinite;
          animation: roundAnimate 2s linear infinite;
}

.z-btn__submit__container {
  text-align: right;
}

.z-btn--wide {
  width: 100%;
  min-height: 2.8125rem;
}

.z-btn--submit {
  padding: 0.8125rem 1.9375rem;
}
.z-btn--submit .z-btn__submit_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-btn--submit .z-btn__submit_content__loader {
  padding-right: 0.625rem;
  height: 1.125rem;
}
.z-btn--submit .z-btn__submit_content__loader .z-svg-loader-icon {
  height: 1.25rem;
}
.z-btn--submit .z-btn__submit_content__submit-status {
  padding-right: 0.625rem;
}
.z-btn--submit .z-btn__submit_content__submit-status svg {
  width: 0.75rem;
  height: 0.75rem;
}
.z-btn--submit.z-btn--submit-success {
  background-color: #00c389;
  border-color: #00c389;
  color: #fff;
}
.z-btn--submit.z-btn--submit-success .z-icon-svg svg g g {
  fill: #fff;
}
.z-btn--submit.z-btn--submit-error {
  background-color: #c42e2e;
  border-color: #c42e2e;
  color: white;
}
.z-btn--submit.z-btn--submit-error .z-icon-svg {
  height: 0.6875rem;
  display: -ms-flexbox;
  display: flex;
}
.z-btn--submit.z-btn--submit-error .z-icon-svg svg g g {
  stroke: white;
}

.z-form-group-title {
  text-align: center;
  margin-bottom: 3.5rem;
}
.z-form-group-title__main {
  margin-bottom: 1.125rem;
}
.z-form-group-title__description {
  max-width: 25.9375rem;
  margin: 0 auto;
}
.z-form-group-title__description a {
  color: #01b1f1 !important;
  cursor: pointer;
}

.box-variant-picker {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-variant-picker-item {
  padding: 0.625rem;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  cursor: pointer;
}
.box-variant-picker-item a {
  width: 9.375rem;
  height: 8.5625rem;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: block;
  text-align: center;
  color: #0b0b0b;
  text-decoration: none;
  border: 2px solid;
  border-color: #fff;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 5px 8.7px 15px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
  padding: 0 0.625rem;
}
.box-variant-picker-item a img,
.box-variant-picker-item a svg {
  height: 2.1875rem;
  width: auto;
  display: block;
  margin: 0 auto;
  margin-top: 2.25rem;
  margin-bottom: 0.5625rem;
}
.box-variant-picker-item a > p {
  margin-bottom: 1.25rem;
  font-weight: bold;
}
.box-variant-picker-item a .item-price-paragraph {
  padding: 0;
  margin: 0;
}
.box-variant-picker-item a .item-price-paragraph--name {
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
  font-weight: bold;
}
.box-variant-picker-item a .item-price-paragraph--price {
  font-weight: 600;
}
.box-variant-picker-item a .item-price-paragraph--price .z-formatted-currency__value {
  color: #00c389;
}
.box-variant-picker-item a.active {
  border-color: #489fdf;
  text-decoration: none;
}
.box-variant-picker-item a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .box-variant-picker li:nth-child(odd) {
    padding: 0.625rem;
  }
  .box-variant-picker li:nth-child(even) {
    padding: 0.625rem;
  }
}

.z-shop__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  min-height: 70vh;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 6.25rem auto 0;
}
.z-shop .z-share-libs--h1 {
  text-align: center;
}
.z-shop .z-share-libs--h4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 auto;
  text-align: center;
  max-width: 27.125rem;
  margin-top: 1.0625rem;
}
.z-shop ul.z-shop__categories {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 2.9375rem;
  margin-bottom: 2rem;
}
.z-shop ul.z-shop__categories li.z-shop__categories__category {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.75rem;
  max-height: 1.4375rem;
}
.z-shop ul.z-shop__categories li.z-shop__categories__category--active {
  border-bottom: 2px solid #489FDF;
}
.z-shop__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-shop__products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 6.25rem;
  width: 78.75rem;
}
.z-shop__products__tile {
  margin: 0.9375rem;
  width: 17.8125rem;
  height: 20rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  padding: 2.125rem;
  cursor: pointer;
  position: relative;
}
.z-shop__products__tile .z-share-libs--h2,
.z-shop__products__tile .z-share-libs--h5 {
  text-align: center;
}
.z-shop__products__tile .z-share-libs--h2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.z-shop__products__tile .z-share-libs--h5 {
  padding: 0;
  margin: 0.375rem auto 0;
}
.z-shop__products__tile__thumbnail {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  width: 100%;
  height: 10.875rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-shop__products__tile__thumbnail__image {
  margin: 0 auto;
  width: 100%;
}
.z-shop__products__tile:hover .z-shop__products__tile__overlay {
  visibility: visible;
  opacity: 1;
}
.z-shop__products__tile:hover .z-shop__products__tile__thumbnail img {
  -webkit-filter: blur(5px);
  /* Safari */
  filter: blur(5px);
}
.z-shop__products__tile__overlay {
  background-color: rgba(72, 159, 223, 0.8);
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  top: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  padding: 2.125rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.13s ease;
  transition: opacity 0.13s ease;
}
.z-shop__products__tile__overlay__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 14rem;
}
.z-shop__products__tile__overlay__buttons .z-btn {
  width: 11.5625rem;
  height: 3.1rem;
  margin: 0.3125rem auto;
}
.z-shop__products__tile__overlay .z-share-libs--h2,
.z-shop__products__tile__overlay .z-share-libs--h5 {
  color: #fff;
}

.landing-page-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .landing-page-form {
    margin: 0 auto;
    padding-top: 6.25rem;
    padding-bottom: 5rem;
    padding-left: 0rem;
    padding-right: 0rem;
    max-width: 37.5rem;
  }
}

.z-slider .rc-slider {
  height: 2rem;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(49%, transparent), color-stop(50%, #ebebeb), color-stop(56%, #ebebeb), color-stop(60%, transparent));
  background: linear-gradient(0deg, transparent 49%, #ebebeb 50%, #ebebeb 56%, transparent 60%);
  margin-top: 1.0625rem;
  cursor: pointer;
}
.z-slider .rc-slider .rc-slider-dot {
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.z-slider .rc-slider .rc-slider-dot.rc-slider-dot-active {
  border-color: #3b9be9;
  background-color: #3b9be9;
}
.z-slider .rc-slider .rc-slider-handle {
  border-color: #3b9be9;
  background-color: #3b9be9;
  margin-top: -0.375rem;
  width: 1rem;
  height: 1rem;
}
.z-slider .rc-slider .rc-slider-track {
  background-color: #3b9be9;
}
.z-slider .rc-slider .rc-slider-mark-text {
  font-size: 1.2rem;
}
.z-slider .rc-slider .rc-slider-mark {
  top: -2rem;
  color: #dbdbdb;
}
.z-slider--disabled .rc-slider {
  cursor: default;
}
.z-slider--disabled .rc-slider-disabled .rc-slider-handle, .z-slider--disabled .rc-slider-disabled .rc-slider-dot,
.z-slider--disabled .rc-slider-disabled .rc-slider-mark-text, .z-slider--disabled .rc-slider-disabled .rc-slider-dot {
  cursor: default !important;
}

.z-slider--quantity-slider {
  padding: 1.5rem 3.125rem 1.5rem 1.75rem;
}

.z-slider--stage-slider {
  padding: 0rem 3.875rem 2.125rem 3.875rem;
  margin-top: 0.9375rem;
  margin-bottom: 2.5rem;
}
.z-slider--stage-slider .rc-slider .rc-slider-track {
  background-color: #489FDF;
}
.z-slider--stage-slider .rc-slider .rc-slider-handle {
  background-color: white;
  border-color: #489FDF;
  margin-top: -0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: -0.4rem;
}
.z-slider--stage-slider .rc-slider .rc-slider-mark {
  top: 3rem;
}
.z-slider--stage-slider .rc-slider .rc-slider-dot {
  width: 1rem;
  height: 1rem;
  top: -0.6rem;
  margin-left: -0.375rem;
  border-color: #ebebeb;
  background-color: #ebebeb;
}
.z-slider--stage-slider .rc-slider .rc-slider-dot.rc-slider-dot-active {
  border-color: #489FDF;
  background-color: #489FDF;
}
.z-slider--stage-slider .rc-slider .rc-slider-dot.rc-slider-dot-active:after {
  content: "✓";
  font-family: arial, serif;
  color: white;
  font-size: 0.5rem;
  /* margin-top: 0px; */
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0.15625rem;
  font-weight: bold;
}

.rc-slider {
  position: relative;
  height: 4px;
  width: 100%;
  border-radius: 6px;
  background-color: #e9e9e9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
  z-index: 1;
}

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  z-index: 2;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle-active:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
}

.rc-slider-mark {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  font-size: 10px;
  z-index: 3;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  z-index: 1;
}

.rc-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-dot:first-child {
  margin-left: -4px;
}

.rc-slider-dot:last-child {
  margin-left: -4px;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
  animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
  animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 999;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-tooltip-inner {
  padding: 4px 2px;
  min-width: 24px;
  height: 20px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}

.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip {
  z-index: 10;
}
.rc-tooltip.rc-tooltip-placement-top {
  top: 25.3125rem;
  color: #fff;
}
.rc-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.rc-tooltip.rc-tooltip-placement-top .rc-tooltip-content .rc-tooltip-inner {
  background-color: #489fdf;
  border-radius: 2px;
}
.rc-tooltip.rc-tooltip-placement-top .rc-tooltip-content .rc-tooltip-arrow {
  border-top-color: #489fdf;
}
.rc-tooltip.rc-tooltip-placement-right {
  color: #000;
}
.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-content {
  margin-left: 0.3125rem;
}
.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-content .rc-tooltip-inner {
  background-color: #fff;
  border-radius: 2px;
  color: #000;
  padding: 10px 12px;
}
.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-content .rc-tooltip-arrow {
  border-top-color: #fff;
  left: -5px;
  top: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 10px;
  height: 10px;
}
.rc-tooltip--custom-label {
  padding: 0 0.25rem;
}
.rc-tooltip--custom-label .z-formatted-currency {
  margin-right: 0.25rem;
}
.rc-tooltip--custom-label .z-formatted-currency--region-gb .z-formatted-currency__currency-sign, .rc-tooltip--custom-label .z-formatted-currency--region-en .z-formatted-currency__currency-sign {
  margin-right: 3px;
}

.quantity-slider {
  margin-top: 0.3125rem;
}
.quantity-slider--with-quantity-box .rc-slider {
  width: 84%;
  display: inline-block;
  margin-right: 1.375rem;
  position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .quantity-slider--with-quantity-box .rc-slider {
    width: 81%;
  }
}
@media screen and (max-width: 767px) {
  .quantity-slider--with-quantity-box .rc-slider {
    width: 100%;
  }
}
.quantity-slider--with-quantity-box .quantity-slider__slider-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.5625rem;
}
.quantity-slider__slider-wrapper {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
  padding: 2.125rem 1.1875rem 2.125rem;
}
.quantity-slider__slider-wrapper .rc-slider {
  height: 0.4375rem;
  cursor: pointer;
  top: -5px;
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-track {
  background: -webkit-gradient(linear, left top, right top, from(#41b6e6), to(#5e93db));
  background: linear-gradient(to right, #41b6e6, #5e93db);
  background: -webkit-linear-gradient(to right, #41b6e6, #5e93db);
  height: 0.5rem;
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-step {
  display: none;
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-handle {
  background-color: white;
  border: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  margin-top: -4px;
  width: 15px;
  height: 15px;
  margin-left: -0.4rem;
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-mark {
  top: -1.75rem;
  left: 5px;
  padding-top: 2.5625rem;
  width: 96%;
}
@media screen and (max-width: 767px) {
  .quantity-slider__slider-wrapper .rc-slider .rc-slider-mark {
    display: none;
  }
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-mark .rc-slider-mark-text {
  color: #2b2b2b;
  height: 1.875rem;
}
.quantity-slider__slider-wrapper .rc-slider .rc-slider-dot {
  width: 1rem;
  height: 1rem;
  top: -0.6rem;
  margin-left: -0.375rem;
  border-color: none;
  background-color: #EBEBEB;
}
.quantity-slider__slider-wrapper .quantity-slider__quantity-input-box {
  width: 11%;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .quantity-slider__slider-wrapper .quantity-slider__quantity-input-box {
    display: none;
  }
}

.z-quantity-slider-input-box input {
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  padding: 0.5rem 0.5rem;
  border: 1px solid #cacaca;
}

.quantity-slider--extendable {
  position: absolute;
  right: 0;
  top: 50%;
  max-width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 0;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: max-width 0.3s ease-out 0.3s, -webkit-box-shadow ease-in-out 0.2s 0.7s;
  transition: max-width 0.3s ease-out 0.3s, -webkit-box-shadow ease-in-out 0.2s 0.7s;
  transition: box-shadow ease-in-out 0.2s 0.7s, max-width 0.3s ease-out 0.3s;
  transition: box-shadow ease-in-out 0.2s 0.7s, max-width 0.3s ease-out 0.3s, -webkit-box-shadow ease-in-out 0.2s 0.7s;
}
.quantity-slider--extendable .quantity-slider__slider-wrapper {
  min-width: 430px;
  max-width: 430px;
  padding: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.quantity-slider--extendable .quantity-slider__quantity-input-box {
  width: auto;
}
.quantity-slider--extendable .quantity-slider {
  margin-top: 0;
}
.quantity-slider--extendable .rc-slider {
  width: 327.5px;
  opacity: 0;
  -webkit-transition: opacity ease-out 0.3s;
  transition: opacity ease-out 0.3s;
}
.quantity-slider--extendable .z-quantity-slider-input-box {
  margin: 0;
}
.quantity-slider--extendable .z-quantity-slider-input-box input {
  width: 50px;
}
.quantity-slider--extended {
  max-width: 430px;
  -webkit-box-shadow: 0 0 0.9375rem 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0.9375rem 1px rgba(0, 0, 0, 0.05);
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
.quantity-slider--extended .rc-slider {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in 0.7s;
  transition: opacity 0.2s ease-in 0.7s;
}

.z-size-text-row, .z-quantity-picker-text-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}
.z-size-text-row__standard-text .ksh-text--large, .z-quantity-picker-text-row__standard-text .ksh-text--large {
  font-weight: bold;
  margin: 0;
}
.z-size-text-row__customized-text, .z-quantity-picker-text-row__customized-text {
  text-align: right;
}
.z-size-text-row__customized-text .ksh-text--descriptions, .z-quantity-picker-text-row__customized-text .ksh-text--descriptions {
  margin: 0 0;
}

.z-quantity-picker__customized-text {
  margin: 0;
  margin-top: 0.625rem;
}

.z-modal-close-button {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  cursor: pointer;
  width: 1.0625rem;
  height: 1.0625rem;
}
.z-modal-close-button svg {
  width: 1.0625rem;
}
.z-modal-close-button--black svg g g {
  stroke: #000;
}
.z-modal-close-button--white svg g g {
  stroke: #fff;
}

.z-shop .product-category-filters .z-shop__categories {
  margin-top: 0;
  margin-bottom: 0;
}
.z-shop .product-category-filters .z-shop__categories__category {
  cursor: pointer;
}
.z-shop .product-category-filters .z-shop__categories__category--active a {
  color: #489fdf;
}
.z-shop .product-category-filters .z-shop__categories__category--active .zsh-link {
  color: #489fdf;
}
.z-shop .product-category-filters .zsh-link {
  margin: 0 auto;
}

.z-inline-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.z-inline-list__item {
  display: inline-block;
}
.z-inline-list__item:not(:last-child)::after {
  white-space: pre;
  content: ", ";
}
.z-inline-list--vertical .z-inline-list__item {
  display: block;
}

.z-card {
  padding: 30px;
  background-color: white;
  -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.z-card + .z-card {
  margin-top: 15px;
}

/* Font Weights */
.z-cart {
  display: block;
  visibility: visible;
  position: relative;
  margin-left: -1.2em;
}
@media screen and (max-width: 992px) {
  .z-cart {
    display: none;
    visibility: hidden;
  }
}
.z-cart__button {
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  padding: 2px 3px 0 0;
  margin: 0;
  background-color: transparent;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  border: none;
  cursor: pointer;
}
.z-cart__button::after {
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
  width: 56px;
  height: 56px;
  display: block;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  border: 3px solid rgba(0, 0, 0, 0.07);
  border-left-color: transparent;
  border-radius: 50%;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s, border-color 0.2s;
  transition: opacity 0.2s, border-color 0.2s;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-cart__button:focus, .z-cart__button:active {
  outline: none;
}
.z-cart__button--loading::after {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  opacity: 1;
}
.z-cart__icon {
  width: 28px;
}
.z-cart__counter {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  font-size: 0.5rem;
  color: #fff;
  background-color: #489FDF;
  border-radius: 100%;
  overflow: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.z-cart__dropdown {
  position: absolute;
  top: 4.6875rem;
  right: 0;
  z-index: 1;
  width: 350px;
  height: auto;
  padding: 1.8em;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.6s cubic-bezier(0.64, 0.65, 0.26, 1.25);
  transition: all 0.6s cubic-bezier(0.64, 0.65, 0.26, 1.25);
  opacity: 0;
  visibility: hidden;
}
.z-cart__overlay {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.47);
  -webkit-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  -webkit-transition: visibility 1s ease-in-out;
  transition: visibility 1s ease-in-out;
}
.z-cart__heading {
  margin: 0;
}
.z-cart__status {
  margin: 1em 0;
  padding: 0.9em 5em;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #878c96;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
}
.z-cart__list {
  display: block;
  max-height: calc((2 * 60px) + (1 * 10px) + 1em);
  margin: 1em calc(-0.9em - 6px) 1em calc(-1.8em / 2);
  padding: 0 0.9em 1em;
  list-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
}
.z-cart__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.z-cart__list::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
.z-cart__list::-webkit-scrollbar-thumb {
  background-color: rgba(69, 69, 69, 0.2);
  border-radius: 15px;
}
.z-cart__item + .z-cart__item {
  margin: 10px 0;
}
.z-cart__action {
  width: 100%;
}
.z-cart--active .z-cart__button {
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04);
}
.z-cart--active .z-cart__button::after {
  border-color: #489FDF;
  border-left-color: transparent;
}
.z-cart--active .z-cart__dropdown {
  visibility: visible;
  opacity: 1;
}
.z-cart--active .z-cart__overlay {
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
}

.z-cart-item {
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding: 10px 13px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
}
.z-cart-item__extra-label {
  background: #00c389;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.5rem;
  vertical-align: middle;
  display: inline-block;
}
.z-cart-item__image, .z-cart-item__image-sample {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 45px;
  height: 45px;
  margin: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.z-cart-item__image-sample {
  margin: -0.3125rem 0 0;
}
.z-cart-item__preview {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.z-cart-item__content, .z-cart-item__price {
  white-space: nowrap;
}
.z-cart-item__content, .z-cart-item__details, .z-cart-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.z-cart-item__details, .z-cart-item__name, .z-cart-item__price {
  margin-bottom: 0;
}
.z-cart-item__detail, .z-cart-item__name {
  max-width: 100%;
}
.z-cart-item__content {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: 0 10px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.z-cart-item__details {
  color: #878c96;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.z-cart-item__price {
  margin-left: auto;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
}
.z-cart-item__text {
  font-size: 0.75rem;
  white-space: normal;
}
.z-cart-item__text:nth-of-type(2) {
  margin-right: 10px;
}
.z-cart-item__text--bold {
  font-weight: 600;
  margin-right: 0.5em;
}
.z-cart-item--dark {
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.z-cart-page {
  display: grid;
  grid-template-areas: "list sidebar";
  grid-template-columns: auto 345px;
  grid-gap: 30px;
}
.z-cart-page__main {
  grid-area: list;
}
.z-cart-page__sidebar {
  grid-area: sidebar;
}
.z-cart-page__title {
  margin-bottom: 30px;
}

.z-page-empty {
  padding: 2.5rem 0 0;
  text-align: center;
}
.z-page-empty__icon {
  margin: 0 0 1.5rem;
}
.z-page-empty__icon svg {
  height: 11rem;
  width: auto;
}

.z-cart-page-item {
  padding: 30px;
  background-color: white;
  -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.05);
  display: grid;
  grid-template-areas: "thumbnail main" "thumbnail actions";
  grid-template-columns: 8.125rem 1fr;
  grid-gap: 0.9375rem 1.875rem;
  padding-top: 22.5px;
  font-size: 0.75rem;
  line-height: 1.7;
  color: #222;
}
.z-cart-page-item + .z-cart-page-item {
  margin-top: 15px;
}
.z-cart-page-item__main {
  grid-area: main;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-cart-page-item__thumbnail {
  grid-area: thumbnail;
  justify-self: center;
}
.z-cart-page-item__actions {
  grid-area: actions;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.z-cart-page-item__image {
  max-width: 100%;
}
.z-cart-page-item__image--cursor-pointer {
  cursor: pointer;
}
.z-cart-page-item__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1;
}
.z-cart-page-item__title {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  font-family: "Titillium Web", "Open Sans";
  font-size: 1.25rem;
  color: #0b0b0b;
  -ms-flex-item-align: start;
      align-self: flex-start;
  cursor: pointer;
}
.z-cart-page-item__slider-container {
  position: relative;
  -ms-flex: 0 0 80px;
      flex: 0 0 80px;
  margin: -15px 0;
}
.z-cart-page-item__price {
  min-width: 4.5em;
  text-align: right;
  font-size: 1.625rem;
  font-family: "Titillium Web", "Open Sans";
  color: #0b0b0b;
  font-weight: 300;
}
.z-cart-page-item__details {
  margin: 0.3125rem 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.z-cart-page-item__details--split {
  display: -ms-flexbox;
  display: flex;
}
.z-cart-page-item__details--split > * {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.z-cart-page-item__extra-label {
  margin-left: 10px;
  background: #00c389;
  color: #fff;
  padding: 3px 5px;
  border-radius: 6px;
  font-size: 0.625rem;
  vertical-align: middle;
}
.z-cart-page-item__heading {
  font-size: inherit;
  font-weight: 700;
}
.z-cart-page-item__increment {
  margin: 10px 0 0 10px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.z-cart-page-item__action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 0;
  margin-right: 20px;
  padding: 0;
  font-size: inherit;
  font-weight: 700;
  text-transform: lowercase;
  border: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-color: #fff;
}
.z-cart-page-item__action > span::first-letter {
  text-transform: uppercase;
}
.z-cart-page-item__action:hover {
  color: #489fdf;
  fill: #489fdf;
}
.z-cart-page-item__action .z-icon-svg {
  width: 1.75em;
  margin-right: 0.25em;
}
.z-cart-page-item__action .z-icon-svg svg {
  height: 1.25em;
}
.z-cart-page-item__action:focus {
  outline: none;
}
.z-cart-page-item__action:hover, .z-cart-page-item__action:focus {
  opacity: 0.75;
}
.z-cart-page-item__action--add-new-size {
  height: 28px;
  min-width: 6.25rem;
  padding-left: 0.3125rem;
  padding-right: 0.5rem;
  border-radius: 14.5px;
  background-color: #F8F8F8;
  position: relative;
  -webkit-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
}
.z-cart-page-item__action--add-new-size:hover {
  background-color: #489fdf;
  color: #fff;
  opacity: 1;
}
.z-cart-page-item__action--add-new-size i svg {
  max-width: 1.3125rem;
}
.z-cart-page-item .z-formatted-currency__value {
  color: #16C38B;
}

.z-cart-options-box__container {
  position: relative;
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
}
.z-cart-options-box__legend {
  margin-bottom: 5px;
  font-size: inherit;
  font-weight: 600;
}
.z-cart-options-box__label {
  position: relative;
  display: block;
  -ms-flex: 1 0 1px;
      flex: 1 0 1px;
  margin-bottom: 0;
  cursor: pointer;
}
.z-cart-options-box__label::before, .z-cart-options-box__label::after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  border: 2px solid #E9E8E8;
  content: "";
}
.z-cart-options-box__label::before {
  z-index: -1;
}
.z-cart-options-box__label::after {
  border-color: #1a9ce1;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.z-cart-options-box__label:nth-child(2)::after {
  left: 0;
}
.z-cart-options-box__label:last-child::after {
  right: 0;
}
.z-cart-options-box__input {
  display: none;
}
.z-cart-options-box__input:checked + .z-cart-options-box__label::after {
  opacity: 1;
}
.z-cart-options-box--single .z-cart-options-box__label {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  cursor: auto;
  cursor: initial;
}
.z-cart-options-box--single .z-cart-options-box__input:checked + .z-cart-options-box__label::after {
  opacity: 0;
}

.z-cart-delivery-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 12px;
  color: #0b0b0b;
}
.z-cart-delivery-label__illustration {
  position: relative;
  -ms-flex: 0 0 30px;
      flex: 0 0 30px;
  margin-right: 12px;
}
.z-cart-delivery-label__illustration::after {
  position: absolute;
  top: 55%;
  left: 50%;
  font-family: "Titillium Web", "Open Sans";
  font-size: 0.75rem;
  font-weight: 700;
  font-style: normal;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: attr(data-after-content);
}
.z-cart-delivery-label__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 1px;
      flex: 1 0 1px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  line-height: 1.3;
}
.z-cart-delivery-label__header {
  font-weight: bold;
}

.z-cart-summary {
  font-size: 0.75rem;
  color: #222;
}
.z-cart-summary .z-formatted-currency__currency-sign {
  margin-right: 0.5rem;
}
.z-cart-summary .z-formatted-currency--region-fr .z-formatted-currency__currency-sign,
.z-cart-summary .z-formatted-currency--region-pl .z-formatted-currency__currency-sign {
  margin-right: 0;
}
.z-cart-summary__list {
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
  list-style: none;
}
.z-cart-summary__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1.5;
  font-weight: 700;
}
.z-cart-summary__item + .z-cart-summary__item {
  margin-top: 0.125rem;
}
.z-cart-summary__text--right {
  margin: 0;
  font-weight: 400;
  color: #878C96;
  text-align: right;
}
.z-cart-summary__total {
  border-top: 1px solid #E9E8E8;
  padding-top: 8px;
}
.z-cart-summary__total__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-cart-summary__total__row--tax {
  color: #878c96;
  line-height: 1.125rem;
}
.z-cart-summary__total .z-formatted-currency__value {
  -ms-flex: 0 0 70%;
      flex: 0 0 70%;
  color: #16C38B;
}
.z-cart-summary__total-price {
  text-align: right;
}
.z-cart-summary__footer {
  margin-top: 8px;
  text-align: center;
  color: #878C96;
}
.z-cart-summary__button {
  width: 100%;
  font-size: 0.875rem;
}
.z-cart-summary__button_back {
  cursor: pointer;
  margin-top: 1rem;
  font-size: 0.875rem;
  text-decoration: underline;
}
.z-cart-summary__message {
  margin: 8px 0 0;
}
.z-cart-summary__tax-caption {
  font-size: 0.75rem;
  color: #878c96;
  font-weight: normal;
}
.z-cart-summary__total {
  vertical-align: top;
}
.z-cart-summary__custom-order--tax {
  width: 59%;
  margin-top: 0.9375rem;
}
.z-cart-summary__custom-order--tax .z-formatted-currency {
  margin-left: 0.3125rem;
}

.z-promo-code {
  width: 100%;
  text-align: left;
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.z-promo-code__wrapper {
  padding: 0.75rem 0;
  display: -ms-flexbox;
  display: flex;
}
.z-promo-code__link {
  padding: 0;
  color: #489fdf;
  font-weight: 100;
  text-decoration: underline;
  background: transparent;
  border: 0;
}
.z-promo-code__input {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
.z-promo-code__input > input {
  padding: 0 1.25rem;
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #0b0b0b;
  font-size: 0.75rem;
  font-weight: 100;
  border: 1px solid currentColor;
  border-right: 0;
  border-radius: 0;
  outline: none;
}
.z-promo-code__input--invalid > input {
  color: #c42e2e;
  border-color: currentColor;
}
.z-promo-code__submit {
  position: relative;
  padding: 0 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: #0b0b0b;
  background: transparent;
  border: 2px solid #0b0b0b;
  border-radius: 0;
}
.z-promo-code__submit::before {
  position: absolute;
  top: calc((100% - 1.25rem) / 2);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  border: 3px solid #999;
  border-top-color: #222;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-animation: spinner 0.6s linear infinite;
          animation: spinner 0.6s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  left: calc((100% - 1.25rem) / 2);
}
.z-promo-code__submit:disabled {
  opacity: 0.8;
  pointer-events: none;
}
.z-promo-code__submit--loading {
  color: transparent;
  pointer-events: none;
}
.z-promo-code__submit--loading::before {
  opacity: 1;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.z-promo-code__hint {
  color: #c42e2e;
  font-weight: 100;
}
.z-promo-code__result {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0.75rem 0;
  padding: 0.625rem 1rem;
  font-weight: 100;
  background: #f8f8f8;
}
.z-promo-code__value {
  margin: 0 0.5rem 0 0;
  color: #0b0b0b;
}
.z-promo-code__delete {
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.z-promo-code__delete::after {
  position: absolute;
  top: calc((100% - 1.25rem) / 2);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  border: 3px solid #999;
  border-top-color: #222;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-animation: spinner 0.6s linear infinite;
          animation: spinner 0.6s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  margin-left: 0.625rem;
}
.z-promo-code__delete:hover {
  color: #489fdf;
}
.z-promo-code__delete--loading::after {
  opacity: 1;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.z-promo-code__discount {
  margin: 0 0 0 auto;
}

.z-privacy-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-privacy-container .z-privacy-accept {
  padding: 4.3125rem 1.25rem 2.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  max-width: 46.25rem;
}
.z-privacy-container .z-privacy-accept > h3 {
  margin: 0.3125rem 0 0;
}
.z-privacy-container .z-privacy-accept .z-icon-svg-v5-happy-box {
  margin: 0 0 1.5rem;
}
.z-privacy-container .z-privacy-accept .z-icon-svg-v5-happy-box svg {
  height: 7.125rem;
  width: auto;
}
.z-privacy-container .z-privacy-accept > .zsh-text--medium {
  margin: 1.25rem 0;
}
.z-privacy-container .z-privacy-accept .z-btn {
  min-height: 2.84375rem;
}
.z-privacy-container .z-privacy-accept .z-btn span {
  font-weight: 500;
}

.product__inspiration__list {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  max-width: 100vw;
  overflow: hidden;
}
.product__inspiration__list__item {
  display: none;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  height: auto;
  overflow: hidden;
}
.product__inspiration__list__item img {
  width: 33.33vw;
  max-height: 33.33vw;
}
.product__inspiration__list__item:nth-child(-n+3) {
  display: block;
}
@media (min-width: 768px) {
  .product__inspiration__list__item img {
    width: 20vw;
    max-height: 20vw;
  }
  .product__inspiration__list__item:nth-child(-n+5) {
    display: block;
  }
}
@media (min-width: 992px) {
  .product__inspiration__list__item img {
    width: 12.5vw;
    max-height: 12.5vw;
  }
  .product__inspiration__list__item:nth-child(-n+8) {
    display: block;
  }
}

.client-related-info {
  display: -ms-flexbox;
  display: flex;
}
.client-related-info .client-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.client-related-info .client-info .zsh-text {
  margin: 0;
}
.client-related-info .client-info .zsh-text a {
  text-decoration: underline;
  color: #0b0b0b;
  cursor: pointer;
}
.client-related-info .client-info .trustpilot-widget {
  opacity: 0.6;
  margin-left: -8px;
}
.client-related-info .client-info .img--trustpilot {
  margin-left: 0.875em;
  width: 5.625em;
}
.client-related-info .client-info .img--ssl_lock {
  margin-left: 2.75em;
  margin-right: 0.5625em;
  width: 0.75em;
}
.client-related-info .client-info .img--recycling {
  margin-left: 2.75em;
  margin-right: 0.5625em;
  width: 1em;
}
.client-related-info .client-info .img--region-switcher {
  margin-left: 2.75em;
  margin-right: 0.5625em;
  width: 1em;
}

.newsletter_form {
  position: relative;
}
.newsletter_form .newsletter_input_container {
  display: -ms-flexbox;
  display: flex;
}
.newsletter_form .newsletter_input_container input {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  outline: none;
  color: #2b2b2b;
  font-size: 0.875em;
  border-color: rgba(0, 0, 0, 0.15);
  letter-spacing: 0.4px;
  line-height: 1.125em;
  padding-left: 1.25em;
  border-radius: 0;
}
.newsletter_form .newsletter_input_container input::-webkit-input-placeholder {
  color: #2b2b2b;
}
.newsletter_form .newsletter_input_container input::-moz-placeholder {
  color: #2b2b2b;
}
.newsletter_form .newsletter_input_container input:-ms-input-placeholder {
  color: #2b2b2b;
}
.newsletter_form .newsletter_input_container input::-ms-input-placeholder {
  color: #2b2b2b;
}
.newsletter_form .newsletter_input_container input::placeholder {
  color: #2b2b2b;
}
.newsletter_form .newsletter_input_container input::-webkit-autofill {
  -webkit-text-fill-color: fff !important;
}
.newsletter_form .newsletter_input_container input:focus {
  border-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
.newsletter_form .newsletter_input_container button {
  width: 2.8125em;
  height: 2.8125em;
  border: 2px solid;
  border-color: #2b2b2b;
  outline: none;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0;
  margin-left: -1px;
  cursor: pointer;
}
.newsletter_form .newsletter_input_container button:hover {
  background-color: #489FDF;
  border-color: #489FDF;
}
.newsletter_form .newsletter_input_container button:hover .z-arrow {
  border-color: #fff;
}
.newsletter_form .newsletter_input_container button .z-tick {
  content: "";
  display: none;
  width: 9px;
  height: 15px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.newsletter_form .newsletter_input_container button .z-arrow {
  border-color: #0b0b0b;
  margin-right: 2px;
  pointer-events: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.z-js__mc__incorrect-email {
  padding: 0.4375rem 0 0;
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: 0.6px;
  color: #c42e2e;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  visibility: hidden;
  position: absolute;
  left: 0;
}
.z-js__mc__success-message {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.z-js__mc--loading .newsletter_input_container {
  opacity: 0.5;
  -webkit-transition: opacity, 0.4s ease;
  transition: opacity, 0.4s ease;
}
.z-js__mc--success .newsletter_input_container button {
  background-color: #489FDF;
  border-color: #489FDF;
}
.z-js__mc--success .newsletter_input_container button .z-tick {
  display: inline-block;
}
.z-js__mc--success .newsletter_input_container button .z-arrow {
  display: none;
}
.z-js__mc--success .z-js__mc__success-message {
  visibility: visible;
  opacity: 1;
  color: #489fdf;
}
.z-js__mc--incorrect .newsletter_input_container input {
  border-color: #c42e2e;
}
.z-js__mc--incorrect .z-js__mc__incorrect-email {
  visibility: visible;
  opacity: 1;
}

.sitemap_container {
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.875em;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.sitemap_menu {
  margin: 0 0.625em;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.sitemap_menu__title_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.sitemap_menu__title_container .sitemap_menu__arrow {
  display: none;
}
.sitemap_menu__list_container {
  overflow: hidden;
}
.sitemap_menu__title {
  margin: 0;
  line-height: 1em;
}
.sitemap_menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 13px;
}
.sitemap_menu__list__item {
  margin-bottom: 0.25em;
}
.sitemap_menu__list__item .zsh-link {
  font-size: 0.75em;
}
.sitemap_menu .client-related-info {
  display: block;
  padding-top: 1.4375em;
}
.sitemap_menu .client-related-info .client-info {
  margin-bottom: 0.9375rem;
}
.sitemap_menu .client-related-info .client-info .trustpilot-widget {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  margin-left: -8px;
  margin-top: -5px;
}
.sitemap_menu .client-related-info .client-info .zsh-text {
  font-size: 0.75rem;
}
.sitemap_menu .client-related-info .client-info .img--ssl_lock,
.sitemap_menu .client-related-info .client-info .img--region-switcher,
.sitemap_menu .client-related-info .client-info .img--recycling {
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .sitemap_container {
    padding: 0;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .sitemap_container .sitemap_menu {
    padding-right: 4.6875em;
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  .sitemap_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sitemap_container .sitemap_menu {
    padding: 0;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    margin-bottom: 1.1875em;
    border-bottom: 1px solid;
    border-color: rgba(11, 11, 11, 0.1);
    -webkit-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
  }
  .sitemap_container .sitemap_menu__title_container {
    margin-bottom: 1.1875em;
  }
  .sitemap_container .sitemap_menu__title_container .sitemap_menu__arrow {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .sitemap_container .sitemap_menu__list_container {
    height: 0;
    -webkit-transition: height 0.4s ease;
    transition: height 0.4s ease;
  }
  .sitemap_container .sitemap_menu__list {
    padding: 0 1.875em 1.125em 2.1875em;
  }
  .sitemap_container .sitemap_menu__list__item {
    margin-bottom: 0.4375em;
  }
  .sitemap_container .sitemap_menu__list__item .zsh-link {
    font-size: 0.8125em;
    text-transform: uppercase;
  }
  .sitemap_container .sitemap_menu--open {
    border-color: transparent;
  }
  .sitemap_container .sitemap_menu--open .sitemap_menu__arrow {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
.main_layout_section__title {
  margin: 0;
  font-size: 1em;
  line-height: 1em;
}
.main_layout_section__description {
  padding-top: 19px;
  padding-bottom: 23px;
  font-size: 0.75em;
  letter-spacing: 0.4px;
  margin: 0;
}

.footer {
  background-color: white;
  font-size: 16px;
}
.footer__section {
  display: block;
}
.footer__section--bottom {
  border-top: 1px solid rgba(11, 11, 11, 0.1);
}
.footer__section--bottom .footer__content {
  padding-top: 2.1875em;
  padding-bottom: 2.1875em;
}
.footer__section--bottom .footer__content__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media screen and (max-width: 960px) {
  .footer__section--bottom .footer__content__column {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
  }
  .footer__section--bottom .footer__content__column .social__media {
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .footer__section--bottom .footer__content__column .client-related-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer__section--bottom .footer__content__column .client-related-info .client-info {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    margin-bottom: 1em;
  }
  .footer__section--bottom .footer__content__column .client-related-info .client-info img {
    margin-left: 0;
  }
  .footer__section--bottom .footer__content__column .client-related-info .client-info img.img--ssl_lock {
    margin-right: 0.875em;
  }
  .footer__section--bottom .footer__content__column .social__media {
    margin-top: 0;
  }
}
.footer__content {
  max-width: 80em;
  padding: 0 1.5625em;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 3em;
  padding-top: 4em;
}
.footer__content__column {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.footer__content__column--newsletter {
  -ms-flex: 0 0 17.8125em;
      flex: 0 0 17.8125em;
}
.footer__content__column--payment-list {
  -ms-flex: 0 0 18.75em;
      flex: 0 0 18.75em;
}
.footer .footer_element_title_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.footer .footer_element_title_container .footer_element_arrow {
  display: none;
}
.footer .footer_element_list_container {
  overflow: hidden;
}
.footer .footer_element__title {
  margin: 0;
  font-size: 1em;
  line-height: 1em;
}
.footer .footer_element__description {
  padding-top: 19px;
  padding-bottom: 23px;
  margin: 0;
  font-size: 0.75em;
}
.footer .social__media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}
.footer .social__media a {
  display: block;
}
.footer .social__media a .img--pinterest {
  width: 1.125em;
  margin-right: 1.875em;
}
.footer .social__media a .img--facebook {
  width: 1em;
  margin: 0 1.875em;
}
.footer .social__media a .img--twitter {
  width: 1.125em;
}
.footer .social__media a .img--instagram {
  width: 1em;
}
.footer .social__media a:hover img {
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .footer__section {
    border-top: 1px solid rgba(11, 11, 11, 0.1);
  }
  .footer__content {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .footer__content__column--sitemap {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    -ms-flex-order: 1;
        order: 1;
    padding-bottom: 2.5em;
  }
  .footer__content__column--payment-list {
    -ms-flex-order: 3;
        order: 3;
  }
  .footer__content__column--newsletter {
    -ms-flex-order: 2;
        order: 2;
    margin-right: 4.375em;
  }
}
@media screen and (max-width: 704px) {
  .footer .footer__content__column--payment-list {
    margin-top: 2.5em;
  }
  .footer__section--bottom .footer__content__column .social__media {
    display: none;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .footer__section--bottom {
    border-top: none;
  }
  .footer__section--bottom .footer__content__column {
    padding-bottom: 0;
  }
  .footer__section--bottom .footer__content__column .client-related-info {
    display: block;
  }
  .footer__section--bottom .footer__content__column .client-related-info .client-info {
    margin-bottom: 0.8125em;
  }
  .footer__section--bottom .footer__content__column .client-related-info .client-info .img--ssl_lock {
    margin-left: 0;
  }
  .footer__section--bottom .footer__content {
    padding-top: 0;
  }
  .footer__content {
    padding: 3em 1.1875em 0 1.1875em;
  }
  .footer__content__column {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    padding-bottom: 3.125em;
  }
  .footer__content__column--sitemap {
    -ms-flex-order: 1;
        order: 1;
    padding-bottom: 2.5em;
  }
  .footer__content__column--payment-list {
    -ms-flex-order: 2;
        order: 2;
    margin-top: 0;
  }
  .footer__content__column--newsletter {
    -ms-flex-order: 3;
        order: 3;
    margin: 0;
    padding: 0;
  }
  .footer .main_layout_section__description {
    font-size: 0.8125em;
  }
  .footer .main_layout_section__title {
    font-size: 1.0625em;
  }
  .footer .sitemap_menu__title {
    font-size: 1.0625em;
  }
}
.footer .footer__content__column--payment-list {
  margin-top: 0;
}
.footer .footer__content__column--sitemap {
  padding-bottom: 1.75em;
}
.footer .footer__content__column--newsletter {
  padding-bottom: 1.75em;
}

.z__payment__badges__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z__payment__badges__list__item {
  margin: 0 0.5em;
}
.z__payment__badges__list__item img {
  width: 2em;
  max-height: 1.5em;
}
.z__payment__badges__list__item--dotpay {
  margin-left: 0;
}
.z__payment__badges__list__item--dotpay img {
  margin-top: 0.3125em;
  width: 5em;
  max-height: 4em;
}
.z__payment__badges__list__item--visa img {
  height: 1em;
  width: 3.9375em;
}
.z__payment__badges__list__item--american_express {
  display: none;
}
.z__payment__badges__list__item--american_express img {
  width: 3.125em;
}
.z__payment__badges__list__item--paypal img {
  width: 3.4375em;
}
.z__payment__badges__list div:first-of-type {
  margin: 0;
  margin-right: 0.5em;
}
.z__payment__badges__list div:last-of-type:not(.z__payment__badges__list__item--dotpay) {
  margin: 0;
  margin-left: 0.5em;
}

.z-arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  border-radius: 1px;
}
.z-arrow--right {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.z-arrow--medium {
  padding: 4px;
}

.footer--partner .footer__content {
  padding: 2.5rem 1.25rem;
}

.footer--partner-checkout {
  margin-bottom: 4.375rem;
}

.z__footer__payment__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: center;
      align-items: center;
}
.z__footer__payment__info__badge {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}
.z__footer__payment__info__badge svg, .z__footer__payment__info__badge .z-icon-svg svg {
  width: 100%;
  height: 1.25rem;
}
.z__footer__payment__info__badge svg g g, .z__footer__payment__info__badge .z-icon-svg svg g g {
  fill: #878c96;
}
.z__footer__payment__info__badge.ssl_lock {
  text-align: center;
  margin-top: -0.3125rem;
}
.z__footer__payment__info__badge.ssl_lock .z-icon-svg {
  height: 1.25rem;
}
.z__footer__payment__info__badge.ssl_lock svg, .z__footer__payment__info__badge.ssl_lock .z-icon-svg svg {
  width: 0.875rem;
  height: 0.875rem;
}
.z__footer__payment__info h4 {
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: 0.5px;
  text-align: left;
  color: #878c96;
  margin: 0;
  font-weight: 500;
}

.product__badges {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.product__badges .z__footer__payment__info:first-of-type {
  margin-right: 3.75rem;
}

.copywrites {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  text-align: left;
  color: #878c96;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.03125rem;
}
.copywrites p {
  margin: 0;
  font-weight: 500;
}
.copywrites a {
  color: #489fdf;
  text-decoration: none;
}

.footer--checkout {
  margin-top: 70px;
  background-color: #f8f8f8;
}
.footer--checkout .footer__content {
  padding-top: 3.125rem;
}
.footer--checkout .sitemap_menu__title, .footer--checkout .main_layout_section__title {
  color: #878c96;
}
.footer--checkout .sitemap_container {
  padding: 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-right: 8.125rem;
}
.footer--checkout .sitemap_container .sitemap_menu:first-of-type {
  margin-left: 0;
}

.z__header {
  z-index: 999;
  font-size: 16px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.z__header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.z__header--oppened {
  overflow: hidden;
}
.z__header--hidden {
  -webkit-transform: translate3d(0, -75px, 0);
          transform: translate3d(0, -75px, 0);
}

.z-breadcrumbs {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-breadcrumbs__part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-breadcrumbs__part__link {
  text-decoration: none;
  cursor: pointer;
}
.z-breadcrumbs__part__link:hover {
  color: inherit;
}
.z-breadcrumbs__part__link--disabled {
  color: #878c96;
  cursor: default;
}
.z-breadcrumbs__part__link--disabled:hover {
  color: #878c96;
}
.z-breadcrumbs__part__link--active {
  color: #0b0b0b;
}
.z-breadcrumbs__part__link--active:hover {
  color: #0b0b0b;
}
.z-breadcrumbs__part__arrow {
  letter-spacing: -3.5px;
  color: #489FDF;
  margin: 0 0.875rem;
  -webkit-transform: scaleY(1.7);
          transform: scaleY(1.7);
}

.z-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 90vw;
  min-width: 20rem;
  max-height: 90vh;
  width: auto;
  padding: 1.5625rem;
  overflow: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
.z-modal__background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}

.z-shared-loader-box {
  padding-bottom: 1.5rem;
}
.z-shared-loader-box img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 6rem;
}

.z-error__404 {
  min-height: calc(100vh - 170px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f8f8f8;
}
.z-error__404 h2 {
  margin-bottom: 2rem;
}
.z-error__info {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  color: #747984;
  line-height: 34px;
  letter-spacing: 1.12px;
  margin-top: 0;
  padding-top: 6.25rem;
}
.z-error__info__img {
  height: 127px;
  width: 123px;
  margin: 30px auto;
}
.z-error__info .z-btn {
  width: 171px;
  margin: 20px auto;
}
.z-error__info__message {
  margin-bottom: 23px;
}
.z-error__info__message--additional {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 22px;
  margin-bottom: 5px;
}
.z-error__info__message--additional:nth-of-type(2) {
  margin-bottom: 30px;
}

.z-error-view {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.z-error-view__container {
  width: 37.5rem;
  height: 27.5rem;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  padding-top: 3.75rem;
}
.z-error-view__icon {
  width: 7.9375rem;
  height: 7.6875rem;
  margin: 0 auto;
}
.z-error-view__icon i svg {
  width: 100%;
  height: 100%;
}
.z-error-view__header {
  color: #878c96;
  margin-top: 1.6875rem;
  margin-bottom: 1.5rem;
}
.z-error-view__description {
  color: #878c96;
  letter-spacing: 0.4px;
}
.z-error-view__button-container {
  width: 8.75rem;
  min-width: 8.75rem;
  margin: 0 auto;
  margin-top: 1.8125rem;
}
.z-error-view__close-mark {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.z-error-view__close-mark .z-icon-svg-times--thin #times-thin {
  stroke: black;
}
.z-error-view--full-screen {
  background-color: white;
  top: 4.8125rem;
}
.z-error-view--full-screen .z-error-view__close-mark {
  display: none;
}

.z-login-agreements-form__disclaimer {
  color: #878C96;
  font-size: 0.75rem;
  margin-top: 0.8125rem;
  line-height: 1.125rem;
  letter-spacing: 0.01875rem;
}
.z-login-agreements-form__optional {
  color: #878C96;
}
.z-login-agreements-form .z-checkbox-w-label--agreement span {
  max-width: 85%;
}
.z-login-agreements-form .z-btn__submit__container {
  margin-top: 2.3125rem;
}

.z-cart-page {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}

/** @prettier **/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.homepage, .inspirations-handbook {
  width: 100%;
  overflow: hidden;
}

.homepage__section, .inspirations-handbook__section {
  width: 100%;
  position: relative;
  z-index: 2;
}

.homepage mark[data-animate], .inspirations-handbook mark[data-animate] {
  background-size: 0 8px;
  -webkit-transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
  transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
}
.homepage mark[data-animate].animate, .inspirations-handbook mark[data-animate].animate {
  background-size: 100% 8px;
}

.homepage mark[data-animate], .inspirations-handbook mark[data-animate] {
  background-size: 0 8px;
  -webkit-transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
  transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
}
.homepage mark[data-animate].animate, .inspirations-handbook mark[data-animate].animate {
  background-size: 100% 8px;
}

.inspirations-handbook-not-a-customer__heading, .handbook-story-intro__heading, .handbook-more__heading, .handbook-rewards__list-item b, .handbook-rewards__heading, .inspirations-handbook-header__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}

.z-select {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 0.875rem;
  cursor: pointer;
  /*&--in-focus {
  }*/
}
.z-select--non-empty .z-select__select-container::before, .z-select--non-empty .z-select__select-container::after, .z-select--in-focus .z-select__select-container::before, .z-select--in-focus .z-select__select-container::after {
  width: 50%;
}
.z-select__select-container {
  position: relative;
}
.z-select__select-container .Select.is-open .Select-arrow-zone .Select-arrow {
  top: 0;
  -webkit-transform: rotate(225deg) !important;
          transform: rotate(225deg) !important;
}
.z-select__select-container .Select-option {
  line-height: 1.75rem;
}
.z-select__select-container .Select-control {
  padding: 0.875rem 0.8125rem 0.9375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 2.375rem;
  border: 1px solid #CACACA;
  cursor: pointer;
}
.z-select__select-container .Select-control .Select-multi-value-wrapper {
  display: block;
  position: relative;
  height: 2.375rem;
}
.z-select__select-container .Select-control .Select-input {
  top: 0;
  height: 2.375rem;
  width: 100%;
  position: absolute;
  padding: 0 8px;
  cursor: pointer;
}
.z-select__select-container .Select-control .Select-placeholder {
  position: static;
  vertical-align: middle;
  padding: 0 8px;
  color: #878c96;
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
  line-height: 2.375rem;
  border: none;
}
.z-select__select-container .Select-control .Select-value {
  vertical-align: middle;
  padding: 0 8px;
  border: none;
  cursor: pointer;
  right: 1.75rem;
}
.z-select__select-container .Select-control .Select-arrow-zone {
  padding-right: 0;
  padding-bottom: 5px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.z-select__select-container .Select-control .Select-arrow-zone .Select-arrow {
  height: 0.625rem;
  width: 0.625rem;
  background: #ffffff;
  border-top: 0;
  border-right: 0.125rem solid #2b2b2b;
  border-bottom: 0.125rem solid #2b2b2b;
  border-left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.z-select__select-container .is-searchable .Select-input {
  cursor: text;
}
.z-select__select-container .is-open.is-searchable .Select-input {
  height: 2.5rem;
}
.z-select__select-container .is-open.is-searchable .Select-input input {
  width: 100% !important;
  line-height: 2.125rem;
  height: 2.125rem;
  padding-top: 0.125rem;
}
.z-select__select-container .Select-menu-outer {
  font-size: 0.875rem;
  line-height: 0.9375rem;
  border: 0;
  max-height: 31.25rem;
  padding-right: 0.625rem;
  -webkit-box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #CACACA;
}
.z-select__status-icon {
  width: 0.625rem;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
}
.z-select__status-icon:hover svg g g {
  fill: #454545;
}
.z-select__validity-feedback {
  margin-bottom: -1.0625rem;
  height: 1.0625rem;
  color: #db5764;
  visibility: hidden;
  opacity: 0;
  font-size: 0.625rem;
  -webkit-transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  transition: visibility 0.13s ease-in-out, opacity 0.13s ease-in-out;
  -webkit-transition: margin-bottom 0.13s ease-in-out;
  transition: margin-bottom 0.13s ease-in-out;
}
.z-select--invalid {
  color: #db5764;
}
.z-select--invalid .Select-control {
  border: 1px solid #db5764;
}
.z-select--invalid .z-header-title {
  color: #db5764;
}
.z-select--invalid .z-select__validity-feedback {
  margin-bottom: 0.3125rem;
}
.z-select--invalid .z-select__status-icon,
.z-select--invalid .z-select__validity-feedback {
  visibility: visible;
  opacity: 1;
}
.z-select--valid {
  color: #454545;
}
.z-select--valid .z-select__status-icon {
  visibility: visible;
  opacity: 1;
}
.z-select--valid .z-select__status-icon svg g g {
  fill: #2fc47f;
}
.z-select--read-only {
  color: #b3b3b3 !important;
  opacity: 0.4;
  cursor: not-allowed;
}
.z-select--read-only .Select-placeholder {
  cursor: not-allowed;
}
.z-select--read-only .z-select__title {
  color: #b3b3b3;
}
.z-select--read-only .z-select__select-container::before, .z-select--read-only .z-select__select-container::after {
  width: 0%;
}
.z-select--version-fill .Select-clear-zone {
  display: none;
}
.z-select--version-fill.z-select--valid .Select-arrow-zone {
  display: none;
}
.z-select--version-fill.z-select--highlight-invalid .Select-placeholder {
  border-color: #db5764;
}
.z-select--version-fill.z-select--highlight-invalid .z-select__status-icon {
  display: none;
}
.z-select--version-fill.z-select--in-focus .z-select__status-icon {
  display: none;
}
.z-select--version-fill .z-select__status-icon {
  right: 0.625rem;
}
.z-select--version-fill .z-select__status-icon svg {
  width: 0.625rem;
}
.z-select--version-fill .Select-value,
.z-select--version-fill .Select-placeholder {
  height: 2.375rem;
  cursor: pointer;
}
.z-select--version-fill .Select-input input {
  font-size: 1.6rem;
  line-height: 1.5rem;
}
.z-select--version-fill .Select-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-select--version-fill .z-select__title {
  padding-left: 0.1875rem;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.z-select--version-fill .z-select__title span {
  font-size: 0.75rem;
}
.z-select--version-fill .z-select__select-container {
  border: 0;
}
.z-select--version-fill .z-select__select-container::before, .z-select--version-fill .z-select__select-container::after {
  display: none;
}
.z-select--version-fill .z-select__select-container .Select.is-focused:not(.is-open) > .Select-control {
  border-color: #CACACA;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}
.z-select--version-fill .z-select__select-container .Select .Select-control {
  cursor: pointer;
  height: 2.375rem;
  padding: 0;
  border-radius: 0;
}
.z-select--version-fill .is-open.is-searchable .Select-control {
  height: 2.5rem;
}

.z-country-select-novalid .Select-control {
  border: none;
}
.z-country-select-novalid .z-select__status-icon {
  display: none;
}
.z-country-select-novalid .z-select__validity-feedback {
  display: none;
}
.z-country-select-novalid .Select-clear-zone {
  display: none;
}
.z-country-select-novalid .Select-menu-outer {
  border: none;
  padding-left: 1.25rem;
  padding-right: 1.5625rem;
}
.z-country-select-novalid .z-select__select-container .Select-control .Select-arrow-zone {
  right: 1.25rem;
}

.z-modal-animation--zoom-in .z-modal__container {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.z-modal-animation--zoom-in.z-modal__outer-container--open .z-modal__container {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.z-modal__anchor {
  z-index: 999;
}
.z-modal__outer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.2s ease-in-out, visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
@media screen and (max-height: 768px) {
  .z-modal__outer-container {
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 0;
  }
}
.z-modal__outer-container--open {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.6);
}
.z-modal__outer-container--open .z-modal__container {
  display: block;
}
.z-modal__outer-container__close-icon {
  position: absolute;
  right: 3rem;
  top: 3rem;
  cursor: pointer;
}
.z-modal__outer-container__close-icon svg g g {
  stroke: #000;
}
.z-modal__outer-container__close-icon svg {
  width: 16px;
}
.z-modal__outer-container__close-icon:hover {
  opacity: 0.8;
}
.z-modal__outer-container .z-hide-on-click-outside {
  position: relative;
}

.z-modal-group--paragraphs {
  padding: 2.1rem 0;
}
.z-modal-group--image {
  position: relative;
}
.z-modal-group--image img {
  width: 100%;
}
.z-modal-group--buttons {
  padding-top: 3rem;
  display: -ms-flexbox;
  display: flex;
}
.z-modal-group--buttons .z-button {
  width: calc(50% - 1rem);
  margin: 0;
}

.z-modal-default {
  width: 47rem;
  height: auto;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 19px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 19px 3px rgba(0, 0, 0, 0.05);
  padding: 5.9rem 3.75rem 6.1rem;
}
.z-modal-default__header {
  margin-bottom: 2.0625rem;
  text-align: center;
}
.z-modal-default__header .z-header-title__h1 {
  margin: 0;
  padding: 0.25rem 0;
}
.z-modal-default .z-field-input {
  padding: 0.8125rem 0 0.3125rem;
}
.z-modal-default .z-field-input input {
  padding-left: 1rem;
}
.z-modal-default .z-field-checkbox {
  padding: 0.7rem 0;
}
.z-modal-default__link {
  cursor: pointer;
}
.z-modal-default__link span {
  border-bottom: 1px solid;
  padding-bottom: 2px;
}
.z-modal-default--register-login {
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-default .z-input__input-container input {
  font-weight: normal;
}

.z-modal-email-confirmation {
  width: 24.375rem;
}
.z-modal-email-confirmation .z-modal-default__header {
  margin-bottom: 0.5rem;
}

.z-modal-success__content .z-modal-group--buttons .z-button {
  width: 100%;
  margin: 1.25rem 0 0;
}
.z-modal-success__content--check-confirmation .z-modal-group--paragraphs {
  text-align: center;
}
.z-modal-success__content--check-confirmation__email {
  margin: 1.625rem 0;
}
.z-modal-success__content__bottom-link {
  margin-top: 1.625rem;
  font-size: 0.9375rem;
  text-align: center;
  width: 100%;
}

.z-modal-consents {
  width: 24.375rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-consents .z-btn {
  font-weight: normal;
}

.z-modal-login {
  width: 39rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-login__static-field {
  text-align: center;
  margin-bottom: 1.125rem;
}
.z-modal-login__static-field-change {
  color: #878C96;
  padding-left: 4px;
  cursor: pointer;
}
.z-modal-login .z-input__status-icon {
  display: none;
}
.z-modal-login--show-error .z-modal-login__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-login .z-modal-default__link {
  padding-right: 5px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.z-modal-login .z-modal-group--paragraphs {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-login .z-modal-group--buttons {
  padding-top: 0.9375rem;
}
.z-modal-login .z-modal-group--buttons .z-btn {
  font-weight: normal;
}
.z-modal-login__forgotten-password-link {
  text-align: center;
}
.z-modal-login__content .z-modal-group--fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-login__content__existing-email-text {
  padding: 1rem 2rem 0 0;
}
.z-modal-login__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-login__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-login .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
}
.z-modal-login .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
}

.z-modal-set-password .z-btn {
  font-weight: normal;
}
.z-modal-set-password--show-error .z-modal-login__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-set-password--no-footer .z-modal-set-password__footer {
  display: none;
}
.z-modal-set-password__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-set-password__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}

.z-modal-register {
  width: 24.375rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-register .z-modal-group.z-modal-group--fields,
.z-modal-register .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-modal-register .z-modal-group.z-modal-group--fields .z-field-input,
.z-modal-register .z-modal-group--buttons .z-field-input {
  padding: 0;
}
.z-modal-register .z-modal-group--buttons {
  padding-top: 1.25rem;
}
.z-modal-register .z-modal-group--buttons .z-btn {
  font-weight: normal;
}
.z-modal-register--show-error .z-modal-register__content__error-feedback {
  visibility: visible;
  height: 1.25rem;
  opacity: 1;
  font-size: 0.875rem;
  padding-top: 0.125rem;
}
.z-modal-register__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 58%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-register__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-register__content__account-benefits .z-account-benefit {
  margin-top: 1.375rem;
}
.z-modal-register__content__account-benefits .z-account-benefit:first-child {
  margin-top: 0;
}
.z-modal-register__content__account-benefits .z-account-benefit__column--text {
  -ms-flex: 0 0 80%;
      flex: 0 0 80%;
}
.z-modal-register__content .z-modal-group--paragraphs:first-child {
  padding-top: 0;
}
.z-modal-register__footer {
  max-height: 0;
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  overflow: hidden;
}
.z-modal-register__footer--visible {
  max-height: 1000px;
}

.z-modal-confirm-email {
  width: 39rem;
}

.z-modal-reset-password {
  width: 40rem;
  padding: 3.125rem;
}
.z-modal-reset-password .z-modal-default__header {
  margin-bottom: 0.5rem;
}
.z-modal-reset-password .z-modal-group.z-modal-group--fields,
.z-modal-reset-password .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 0.9375rem;
  padding-top: 0;
}
.z-modal-reset-password .z-modal-group.z-modal-group--fields .z-btn,
.z-modal-reset-password .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
  font-weight: normal;
}
.z-modal-reset-password .z-modal-default__link {
  padding-right: 5px;
}
.z-modal-reset-password .z-modal-group--paragraphs {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-reset-password--show-error .z-modal-reset-password__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-reset-password__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 58%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-reset-password__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-reset-password__content .ksh-text {
  text-align: center;
}

.z-modal-duplicate-box-design .z-modal__error-feedback,
.z-modal-delete-box-design .z-modal__error-feedback {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 0;
  margin: 0;
  overflow: hidden;
}
.z-modal-duplicate-box-design .z-modal__error-feedback .z-header-title,
.z-modal-delete-box-design .z-modal__error-feedback .z-header-title {
  color: #ff5a5a;
}
.z-modal-duplicate-box-design--show-error .z-modal__error-feedback,
.z-modal-delete-box-design--show-error .z-modal__error-feedback {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin: 0 0 1rem;
}

.z-modal-share-box-design__content__email-share-success {
  color: green;
  margin-top: 0.625rem;
}
.z-modal-share-box-design .z-button {
  max-width: 20rem;
  margin: 0;
}
.z-modal-share-box-design .z-modal-group__title {
  margin-bottom: 2rem;
}
.z-modal-share-box-design .z-modal-group .ksh-link {
  margin-top: 2rem;
  cursor: pointer;
}
.z-modal-share-box-design .z-modal-group--fields {
  padding-bottom: 0;
}
.z-modal-share-box-design .z-modal-group__link-input {
  margin-top: 2rem;
  width: 100%;
  border: 0;
}
.z-modal-share-box-design .z-modal-group--paragraphs {
  padding: 0;
  margin-bottom: 2rem;
}
.z-modal-share-box-design .z-modal-group--paragraphs:last-child {
  margin-bottom: 0;
}
.z-modal-share-box-design .z-modal-group--paragraphs .z-btn {
  margin: 0;
  margin: initial;
  padding: 1.6rem 3.1rem;
}
.z-modal-share-box-design .z-modal-group--buttons {
  -ms-flex-align: start;
      align-items: flex-start;
}
.z-modal-share-box-design .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
}
.z-modal-share-box-design .z-paragraph input {
  border: 0;
  width: 100%;
  display: inline;
  color: #489FDF;
  cursor: text;
  outline: none;
  margin: 2rem auto 0;
  text-align: center;
  padding: 0.5rem 1rem 0.8rem;
  font-size: 1.6rem;
}
.z-modal-share-box-design .z-header-title__h3 {
  padding-bottom: 1rem;
}

.z-convert-old-project-modal .z-button {
  width: 100%;
}
.z-convert-old-project-modal .z-button:last-child {
  margin-top: 1rem;
}

.z-modal-confirmation .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.z-modal-confirmation-remove {
  width: 41.25rem;
}

.z-modal-sample-pack {
  width: auto;
}
.z-modal-sample-pack__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-modal-sample-pack img {
  width: 10.9375rem;
}
.z-modal-sample-pack .ksh-h--default {
  width: 20.3125rem;
}
.z-modal-sample-pack .z-modal-group--buttons {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-modal-sample-pack .z-modal-group--buttons .z-btn--blue {
  margin-right: 0.625rem;
}

.z-modal-region-switcher__link {
  text-decoration: underline;
}
.z-modal-region-switcher__content {
  text-align: center;
}
.z-modal-region-switcher__subheader {
  margin-bottom: 3rem;
}
.z-modal-region-switcher__link {
  margin-top: 1rem;
}
.z-modal-region-switcher__link a {
  text-decoration: underline;
}
.z-modal-region-switcher__select .z-select__status-icon {
  display: none;
}
.z-modal-region-switcher__select .Select-menu-outer {
  padding-right: 0;
}
.z-modal-region-switcher__select .Select .Select-control .Select-input {
  padding: 0;
}
.z-modal-region-switcher__select .Select .Select-control .Select-input:focus {
  outline: none;
}
.z-modal-region-switcher__select .Select .Select-arrow-zone {
  display: block;
}
.z-modal-region-switcher__select .Select.is-open .Select-arrow-zone {
  display: block;
}
.z-modal-region-switcher__select .Select.is-open .Select-arrow-zone .Select-arrow {
  border-top: 0;
  border-right: 0.2rem solid #2b2b2b;
  border-bottom: 0.2rem solid #2b2b2b;
  border-left: 0;
}

.z-modal-duplicate-box-design-with-new-size .z-modal-default__header {
  width: 21.875rem;
  color: #0B0B0B;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.375rem;
  text-align: center !important;
  margin-bottom: 1.875rem;
}
.z-modal-duplicate-box-design-with-new-size__actions {
  margin-top: 20px;
  text-align: center;
}
.z-modal-duplicate-box-design-with-new-size__actions button {
  width: 100%;
  display: block;
  background-color: #489fdf;
  color: #fff;
  padding: 12px;
  text-transform: uppercase;
  font-family: "Lato", "Open Sans", sans-serif;
}
.z-modal-duplicate-box-design-with-new-size__actions a {
  margin-top: 10px;
  color: #489fdf;
  display: inline-block;
  cursor: pointer;
}
.z-modal-duplicate-box-design-with-new-size .z-loading-spinner {
  margin-bottom: 20px;
}
.z-modal-duplicate-box-design-with-new-size__loading-text {
  text-align: center;
  font-size: 20px;
}

.z-z-bxe__box-editor-modal-are-you-sure-navigate-away.anonymous .z-button:last-child {
  margin-top: 0.75rem;
}
.z-z-bxe__box-editor-modal-are-you-sure-navigate-away.logged-in .z-button:last-child {
  margin-left: 0.25rem;
}

.z-modal-region-switcher__select {
  margin-bottom: 1.2rem;
}

.z-change-quality-print-modal {
  width: 37.5rem;
  background-color: #fff;
  border-radius: 0;
}
.z-change-quality-print-modal .z-modal-default__header {
  margin-bottom: 0.9375rem;
  color: #489FDF;
}
.z-change-quality-print-modal__tiles-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 0.875rem;
  position: relative;
}
.z-change-quality-print-modal__tiles-container .z-image-magnifier__viewer {
  width: 20.25rem;
  height: 12.1875rem;
  right: 0;
}
.z-change-quality-print-modal__footer {
  margin-top: 0.875rem;
  font-size: 0.75rem;
}
.z-change-quality-print-modal .z-modal-group--buttons {
  padding-top: 0;
}

.z-change-quality-print__tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
      align-items: center;
  height: auto;
  width: auto;
  margin-bottom: 0.9375rem;
  background-color: #FFF;
  cursor: pointer;
}
.z-change-quality-print__tile .z-image-magnifier__thumbnail {
  width: 8.9375rem;
}
.z-change-quality-print__tile__box-information {
  padding: 0 0.875rem;
  -ms-flex: 100% 1;
      flex: 100% 1;
}
.z-change-quality-print__tile__box-information .zsh-text {
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
}
.z-change-quality-print__tile__price {
  text-align: right;
  padding-right: 1.875rem;
}
.z-change-quality-print__tile__price .zsh-price__value {
  font-size: 20px;
  font-weight: 700;
}
.z-change-quality-print__tile__price .zsh-price__value .z-formatted-currency__currency-sign {
  color: #454545;
}
.z-change-quality-print__tile__price .zsh-text {
  font-weight: 700;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.z-addons-animation-enter {
  opacity: 0.01;
  height: 0px;
}

.z-addons-animation-enter.z-addons-animation-enter-active {
  opacity: 1;
  height: 6.625rem;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.z-addons-animation-leave {
  opacity: 1;
  height: 6.625rem;
}

.z-addons-animation-leave.z-addons-animation-leave-active {
  opacity: 0.01;
  height: 0px;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.z-modal-group--paragraphs {
  padding: 2.1rem 0;
}
.z-modal-group--image {
  position: relative;
}
.z-modal-group--image img {
  width: 100%;
}
.z-modal-group--buttons {
  padding-top: 3rem;
  display: -ms-flexbox;
  display: flex;
}
.z-modal-group--buttons .z-button {
  width: calc(50% - 1rem);
  margin: 0;
}

.z-modal-default {
  width: 47rem;
  height: auto;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 19px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 19px 3px rgba(0, 0, 0, 0.05);
  padding: 5.9rem 3.75rem 6.1rem;
}
.z-modal-default__header {
  margin-bottom: 2.0625rem;
  text-align: center;
}
.z-modal-default__header .z-header-title__h1 {
  margin: 0;
  padding: 0.25rem 0;
}
.z-modal-default .z-field-input {
  padding: 0.8125rem 0 0.3125rem;
}
.z-modal-default .z-field-input input {
  padding-left: 1rem;
}
.z-modal-default .z-field-checkbox {
  padding: 0.7rem 0;
}
.z-modal-default__link {
  cursor: pointer;
}
.z-modal-default__link span {
  border-bottom: 1px solid;
  padding-bottom: 2px;
}
.z-modal-default--register-login {
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-default .z-input__input-container input {
  font-weight: normal;
}

.z-modal-email-confirmation {
  width: 24.375rem;
}
.z-modal-email-confirmation .z-modal-default__header {
  margin-bottom: 0.5rem;
}

.z-modal-success__content .z-modal-group--buttons .z-button {
  width: 100%;
  margin: 1.25rem 0 0;
}
.z-modal-success__content--check-confirmation .z-modal-group--paragraphs {
  text-align: center;
}
.z-modal-success__content--check-confirmation__email {
  margin: 1.625rem 0;
}
.z-modal-success__content__bottom-link {
  margin-top: 1.625rem;
  font-size: 0.9375rem;
  text-align: center;
  width: 100%;
}

.z-modal-consents {
  width: 24.375rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-consents .z-btn {
  font-weight: normal;
}

.z-modal-login {
  width: 39rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-login__static-field {
  text-align: center;
  margin-bottom: 1.125rem;
}
.z-modal-login__static-field-change {
  color: #878C96;
  padding-left: 4px;
  cursor: pointer;
}
.z-modal-login .z-input__status-icon {
  display: none;
}
.z-modal-login--show-error .z-modal-login__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-login .z-modal-default__link {
  padding-right: 5px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.z-modal-login .z-modal-group--paragraphs {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-login .z-modal-group--buttons {
  padding-top: 0.9375rem;
}
.z-modal-login .z-modal-group--buttons .z-btn {
  font-weight: normal;
}
.z-modal-login__forgotten-password-link {
  text-align: center;
}
.z-modal-login__content .z-modal-group--fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-login__content__existing-email-text {
  padding: 1rem 2rem 0 0;
}
.z-modal-login__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-login__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-login .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
}
.z-modal-login .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
}

.z-modal-set-password .z-btn {
  font-weight: normal;
}
.z-modal-set-password--show-error .z-modal-login__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-set-password--no-footer .z-modal-set-password__footer {
  display: none;
}
.z-modal-set-password__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-set-password__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}

.z-modal-register {
  width: 24.375rem;
  padding: 3.125rem 3.125rem 2.8125rem;
}
.z-modal-register .z-modal-group.z-modal-group--fields,
.z-modal-register .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-modal-register .z-modal-group.z-modal-group--fields .z-field-input,
.z-modal-register .z-modal-group--buttons .z-field-input {
  padding: 0;
}
.z-modal-register .z-modal-group--buttons {
  padding-top: 1.25rem;
}
.z-modal-register .z-modal-group--buttons .z-btn {
  font-weight: normal;
}
.z-modal-register--show-error .z-modal-register__content__error-feedback {
  visibility: visible;
  height: 1.25rem;
  opacity: 1;
  font-size: 0.875rem;
  padding-top: 0.125rem;
}
.z-modal-register__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 58%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-register__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-register__content__account-benefits .z-account-benefit {
  margin-top: 1.375rem;
}
.z-modal-register__content__account-benefits .z-account-benefit:first-child {
  margin-top: 0;
}
.z-modal-register__content__account-benefits .z-account-benefit__column--text {
  -ms-flex: 0 0 80%;
      flex: 0 0 80%;
}
.z-modal-register__content .z-modal-group--paragraphs:first-child {
  padding-top: 0;
}
.z-modal-register__footer {
  max-height: 0;
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  overflow: hidden;
}
.z-modal-register__footer--visible {
  max-height: 1000px;
}

.z-modal-confirm-email {
  width: 39rem;
}

.z-modal-reset-password {
  width: 40rem;
  padding: 3.125rem;
}
.z-modal-reset-password .z-modal-default__header {
  margin-bottom: 0.5rem;
}
.z-modal-reset-password .z-modal-group.z-modal-group--fields,
.z-modal-reset-password .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 0.9375rem;
  padding-top: 0;
}
.z-modal-reset-password .z-modal-group.z-modal-group--fields .z-btn,
.z-modal-reset-password .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
  font-weight: normal;
}
.z-modal-reset-password .z-modal-default__link {
  padding-right: 5px;
}
.z-modal-reset-password .z-modal-group--paragraphs {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-modal-reset-password--show-error .z-modal-reset-password__content__error-feedback {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.z-modal-reset-password__content__error-feedback {
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 58%;
  -webkit-transition: all 0.13s ease-in-out;
  transition: all 0.13s ease-in-out;
  color: #ff5a5a;
}
.z-modal-reset-password__content__error-feedback b {
  cursor: pointer;
  color: #2EC47F;
}
.z-modal-reset-password__content .ksh-text {
  text-align: center;
}

.z-modal-duplicate-box-design .z-modal__error-feedback,
.z-modal-delete-box-design .z-modal__error-feedback {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 0;
  margin: 0;
  overflow: hidden;
}
.z-modal-duplicate-box-design .z-modal__error-feedback .z-header-title,
.z-modal-delete-box-design .z-modal__error-feedback .z-header-title {
  color: #ff5a5a;
}
.z-modal-duplicate-box-design--show-error .z-modal__error-feedback,
.z-modal-delete-box-design--show-error .z-modal__error-feedback {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin: 0 0 1rem;
}

.z-modal-share-box-design__content__email-share-success {
  color: green;
  margin-top: 0.625rem;
}
.z-modal-share-box-design .z-button {
  max-width: 20rem;
  margin: 0;
}
.z-modal-share-box-design .z-modal-group__title {
  margin-bottom: 2rem;
}
.z-modal-share-box-design .z-modal-group .ksh-link {
  margin-top: 2rem;
  cursor: pointer;
}
.z-modal-share-box-design .z-modal-group--fields {
  padding-bottom: 0;
}
.z-modal-share-box-design .z-modal-group__link-input {
  margin-top: 2rem;
  width: 100%;
  border: 0;
}
.z-modal-share-box-design .z-modal-group--paragraphs {
  padding: 0;
  margin-bottom: 2rem;
}
.z-modal-share-box-design .z-modal-group--paragraphs:last-child {
  margin-bottom: 0;
}
.z-modal-share-box-design .z-modal-group--paragraphs .z-btn {
  margin: 0;
  margin: initial;
  padding: 1.6rem 3.1rem;
}
.z-modal-share-box-design .z-modal-group--buttons {
  -ms-flex-align: start;
      align-items: flex-start;
}
.z-modal-share-box-design .z-modal-group--buttons .z-btn {
  margin: 0;
  margin: initial;
}
.z-modal-share-box-design .z-paragraph input {
  border: 0;
  width: 100%;
  display: inline;
  color: #489FDF;
  cursor: text;
  outline: none;
  margin: 2rem auto 0;
  text-align: center;
  padding: 0.5rem 1rem 0.8rem;
  font-size: 1.6rem;
}
.z-modal-share-box-design .z-header-title__h3 {
  padding-bottom: 1rem;
}

.z-convert-old-project-modal .z-button {
  width: 100%;
}
.z-convert-old-project-modal .z-button:last-child {
  margin-top: 1rem;
}

.z-modal-confirmation .z-modal-group--buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.z-modal-confirmation-remove {
  width: 41.25rem;
}

.z-modal-sample-pack {
  width: auto;
}
.z-modal-sample-pack__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-modal-sample-pack img {
  width: 10.9375rem;
}
.z-modal-sample-pack .ksh-h--default {
  width: 20.3125rem;
}
.z-modal-sample-pack .z-modal-group--buttons {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-modal-sample-pack .z-modal-group--buttons .z-btn--blue {
  margin-right: 0.625rem;
}

.z-modal-region-switcher__link {
  text-decoration: underline;
}
.z-modal-region-switcher__content {
  text-align: center;
}
.z-modal-region-switcher__subheader {
  margin-bottom: 3rem;
}
.z-modal-region-switcher__link {
  margin-top: 1rem;
}
.z-modal-region-switcher__link a {
  text-decoration: underline;
}
.z-modal-region-switcher__select .z-select__status-icon {
  display: none;
}
.z-modal-region-switcher__select .Select-menu-outer {
  padding-right: 0;
}
.z-modal-region-switcher__select .Select .Select-control .Select-input {
  padding: 0;
}
.z-modal-region-switcher__select .Select .Select-control .Select-input:focus {
  outline: none;
}
.z-modal-region-switcher__select .Select .Select-arrow-zone {
  display: block;
}
.z-modal-region-switcher__select .Select.is-open .Select-arrow-zone {
  display: block;
}
.z-modal-region-switcher__select .Select.is-open .Select-arrow-zone .Select-arrow {
  border-top: 0;
  border-right: 0.2rem solid #2b2b2b;
  border-bottom: 0.2rem solid #2b2b2b;
  border-left: 0;
}

.z-modal-duplicate-box-design-with-new-size .z-modal-default__header {
  width: 21.875rem;
  color: #0B0B0B;
  font-family: "Titillium Web", "Open Sans", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.375rem;
  text-align: center !important;
  margin-bottom: 1.875rem;
}
.z-modal-duplicate-box-design-with-new-size__actions {
  margin-top: 20px;
  text-align: center;
}
.z-modal-duplicate-box-design-with-new-size__actions button {
  width: 100%;
  display: block;
  background-color: #489fdf;
  color: #fff;
  padding: 12px;
  text-transform: uppercase;
  font-family: "Lato", "Open Sans", sans-serif;
}
.z-modal-duplicate-box-design-with-new-size__actions a {
  margin-top: 10px;
  color: #489fdf;
  display: inline-block;
  cursor: pointer;
}
.z-modal-duplicate-box-design-with-new-size .z-loading-spinner {
  margin-bottom: 20px;
}
.z-modal-duplicate-box-design-with-new-size__loading-text {
  text-align: center;
  font-size: 20px;
}

mark[data-animate] {
  background-size: 0 8px;
  -webkit-transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
  transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
}
mark[data-animate].animate {
  background-size: 100% 8px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.z-app-mount {
  background-color: #f8f8f8;
}

.z-dynamic-app__loading-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f8f8f8;
  z-index: 50;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 400;
  color: #2f2f2f;
}
.z-dynamic-app__loading-overlay__inner {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-top: -3rem;
}
.z-dynamic-app__loading-overlay__inner .zsh-css-spinner {
  padding-bottom: 1rem;
  text-align: center;
}
.z-dynamic-app__loading-overlay__text {
  text-align: center;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.navbar-secondary-wrap {
  margin-bottom: 160px;
}
@media screen and (max-width: 991px) {
  .navbar-secondary-wrap {
    display: none;
  }
}
.navbar-secondary-wrap.is-sticky .navbar-secondary {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-top: none;
  z-index: 900;
  background: #fff;
}

.navbar-secondary {
  padding: 16px 0;
  border: 1px solid #e7e7e7;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  position: static;
}
.navbar-secondary .nav.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  text-transform: capitalize;
}
.navbar-secondary .navbar-nav .nav-item + .nav-item {
  margin-left: 40px;
}

.navbar-secondary .navbar-collapse {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.page-template-page-single-product .navbar-secondary {
  background-color: #fff;
}
.page-template-page-single-product .navbar-secondary.fixed-top {
  margin-top: 0;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.z-search__input__input-container button.btn.btn-submit img {
  width: 1.8125rem;
}

.z-search-animation-fade-in-out-enter {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.z-search-animation-fade-in-out-enter-active {
  opacity: 1;
}
.z-search-animation-fade-in-out-leave {
  opacity: 1;
  -webkit-transition: opacity 0.13s ease-in-out;
  transition: opacity 0.13s ease-in-out;
}
.z-search-animation-fade-in-out-leave-active {
  opacity: 0;
}

body.z-js__search-mounted .z-js__hide-on-react-mount {
  display: none;
}

body.z-js__search-is-active {
  overflow: hidden;
}
body.z-js__search-is-active .z-search__results {
  visibility: visible;
  opacity: 1;
  overflow: auto;
  height: auto;
}
body.z-js__search-is-active .view-header {
  height: calc(100vh - 50px);
}

.z-search__results {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  max-width: 504px;
  height: 0;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, height 0.4s ease-in-out;
  background-color: transparent;
  z-index: 500;
  max-height: 32.5rem;
}
.z-search__results__results {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.z-search__results__results__container {
  padding: 0;
  background: none;
}
.z-search__results__results__algolia-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  height: 1rem;
  width: 100%;
}
.z-search__results__results__algolia-logo span {
  color: #3f446f;
  font-weight: 100;
  font-size: 11px;
  font-family: Courier;
  padding-top: 2px;
}
.z-search__results__results__algolia-logo img {
  height: 3rem;
  padding: 1.1rem 0 1rem;
  width: 3.75rem;
}
.z-search__results__results__item {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 24px;
  text-decoration: none;
  color: #2f2f2f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 25px;
  position: relative;
}
.z-search__results__results__item__title {
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.z-search__results__results__item__topic {
  padding: 0.2rem 0.5rem;
  background-color: #ffffff;
  opacity: 0.9;
  border-radius: 3px;
  display: inline-block;
  float: right;
  vertical-align: middle;
}
.z-search__results__no-results h4 {
  margin: 0;
  margin-top: 24px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  color: #2f2f2f;
}

.single-help_article .view-header .z-search__results__results__item .zsh-text,
.tax-help_site_topics .view-header .z-search__results__results__item .zsh-text,
.page-template-page-help .view-header .z-search__results__results__item .zsh-text {
  color: #ffffff;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .z-search__results {
    margin-top: -2.5rem;
    padding: 0;
  }
  .z-search__results__results .container {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  .z-search__results .container {
    margin: 0;
  }
  .z-search__results .container .z-search__results__results__item {
    width: 100%;
  }
  .z-search__results .container .z-search__results__results__item__topic {
    display: none;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.z-video {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

.z-video__title {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  color: #2f2f2f;
}

.z-video__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000000;
}

.z-video__wrapper.is-enabled {
  cursor: pointer;
}

.z-video__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.z-video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.z-video__button {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: none;
  width: 68px;
  height: 48px;
  padding: 0;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
}

.z-video__wrapper.is-enabled .z-video__button {
  display: block;
}

.z-video__button-shape {
  fill: #212121;
  fill-opacity: 0.8;
}

.z-video__button-icon {
  fill: #ffffff;
}

.z-video__button:focus {
  outline: none;
}

.z-video__wrapper:hover .z-video__button-shape,
.z-video__button:focus .z-video__button-shape {
  fill: #f00;
  fill-opacity: 1;
}

@media screen and (max-width: 1024px) {
  .z-video__title {
    font-size: 24px;
    line-height: 1.3333333333;
  }
}
/*
@prettier
*/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.z-exit-intent-newsletter {
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 400;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: rgba(231, 231, 231, 0.95);
}
.z-exit-intent-newsletter__warning-icon {
  display: none;
  background-image: url("/img/svg/icon-warning.svg"), url("/img/svg/exit-newsletter-popup/warning-shape.svg"), url("/img/svg/exit-newsletter-popup/warning-dots.svg");
  background-position: 54% 51%, 55% 50%, 50% 50%;
  background-repeat: no-repeat;
  background-size: auto, auto, 70px;
  width: 70px;
  height: 70px;
  margin: 4px auto 14px auto;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__warning-icon {
    display: block;
  }
}
.z-exit-intent-newsletter__line {
  display: none;
  margin: 8px 0 16px 0;
}
.z-exit-intent-newsletter__line--spaced {
  margin-bottom: 27px;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__line {
    display: block;
    width: 100%;
    -ms-flex-order: 15;
        order: 15;
  }
}
.z-exit-intent-newsletter__subscribed-info {
  display: block;
}
.z-exit-intent-newsletter__subscribed-info__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  display: inline-block;
  border-radius: 100%;
  background-color: #5bba4a;
  background-image: url("/img/svg/tick-white.svg");
  background-size: 36px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__subscribed-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    height: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
    text-align: center;
  }
}
.z-exit-intent-newsletter__subscribed-info-footer {
  display: none;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__subscribed-info-footer {
    display: block;
  }
}
.z-exit-intent-newsletter__modal {
  -ms-flex: none;
      flex: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
  max-width: 850px;
  min-height: 360px;
  padding: 96px 40px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url("/img/images/exit-newsletter-popup/package.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
}
.z-exit-intent-newsletter__modal__close {
  display: block;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url("/img/svg/v3/close_x_black.svg");
  background-size: 16px;
  background-position: 50% 50%;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__modal__close {
    top: 24px;
  }
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__modal {
    padding: 16px;
    background-image: url("/img/svg/exit-newsletter-popup/face.svg"), url("/img/svg/exit-newsletter-popup/face-skin.svg");
    background-repeat: no-repeat;
    background-position: right 15px top 120px, right -70px top 30px;
    background-size: 80px, 190px;
    height: 100%;
    grid-template-columns: 1fr;
  }
}
.z-exit-intent-newsletter__content {
  display: none;
}
.z-exit-intent-newsletter__header {
  margin-bottom: 8px;
  margin-top: 0;
  font-size: 32px;
  line-height: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__header {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.z-exit-intent-newsletter__description {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__description {
    font-size: 14px;
  }
}
.z-exit-intent-newsletter__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.z-exit-intent-newsletter__form__label {
  display: none;
  text-align: left;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__form__label {
    display: block;
  }
}
.z-exit-intent-newsletter__form__input {
  width: 100%;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__form__input {
    margin-bottom: 8px;
  }
}
.z-exit-intent-newsletter__form__input-wrapper {
  width: auto;
  -ms-flex: 1 1;
      flex: 1 1;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__form__input-wrapper {
    width: 100%;
  }
}
.z-exit-intent-newsletter__form__button {
  margin-left: 8px;
  line-height: 16px !important;
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__form__button {
    margin-left: 0;
    -ms-flex-order: 20;
        order: 20;
  }
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__form__button {
    width: 100% !important;
    margin: 0;
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__form {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 992px) {
  .z-exit-intent-newsletter__form {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.z-exit-intent-newsletter__form__field--checkbox {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 8px;
  text-align: left;
}
.z-exit-intent-newsletter__form__field--hidden {
  opacity: 0;
  position: relative;
  z-index: -2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.z-exit-intent-newsletter__error--inactive {
  display: none;
}
.z-exit-intent-newsletter--inactive {
  display: none;
}
.z-exit-intent-newsletter--show-content .z-exit-intent-newsletter__content {
  display: block;
  padding-right: 8px;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter--show-content .z-exit-intent-newsletter__content {
    padding-right: 0;
  }
}
.z-exit-intent-newsletter--show-content .z-exit-intent-newsletter__subscribed-info {
  display: none;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter--show-content {
    display: block;
    text-align: center;
    background-image: none;
  }
}
.z-exit-intent-newsletter__image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.z-exit-intent-newsletter__image img {
  max-height: 270px;
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter__image {
    display: none;
  }
}

.z-exit-intent-simple .z-exit-intent-newsletter__modal {
  background-image: url("/img/svg/shapes/07.svg");
  padding: 2px 40px;
}

.z-exit-intent-newsletter.z-exit-intent-blog .exit-intent-blog-description-wrapper {
  padding: 16px 20px;
  background: #f8f8f8;
  margin-bottom: 16px;
}
.z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__form__input-wrapper {
  width: 100%;
  margin-bottom: 8px;
}
.z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__form__button {
  width: 100%;
  margin: 0;
}
.z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__description {
  margin-bottom: 16px;
}
.z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__form__button {
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 992px) {
  .z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__content {
    width: calc(100% + 40px);
  }
  .z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__modal {
    background-image: url("/img/subscription/subscribe-pro-box.png"), url("/img/subscription/exit-intent-blog.svg");
    background-position: center right;
  }
}
@media (max-width: 767px) {
  .z-exit-intent-newsletter.z-exit-intent-blog .z-exit-intent-newsletter__modal {
    max-height: 100vh;
    overflow: scroll;
  }
  .z-exit-intent-newsletter.z-exit-intent-blog .exit-intent-blog-description-wrapper {
    text-align: left;
  }
}

.promotion-bar {
  max-width: 1056px;
  margin: 8px auto 0;
}
.promotion-bar.wide {
  max-width: 1264px;
}
@media (max-width: 992px) {
  .promotion-bar.wide {
    margin: 8px 16px 0;
  }
}
.promotion-bar .notification__wrapper {
  z-index: 100;
  width: 100%;
  display: block;
}

.card-eco {
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  -webkit-transition: linear 0.3s box-shadow;
  transition: linear 0.3s box-shadow;
  color: #2f2f2f;
  text-decoration: none;
}
.card-eco:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 10px 10px rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px rgba(47, 47, 47, 0.1);
}

.card-eco__bold {
  border: none;
  background: #f8f8f8;
}
.card-eco__bold .card-eco__icon-wrapper {
  margin-right: 16px;
}

.card-eco__icon-wrapper {
  max-width: 32px;
  min-width: 32px;
  margin-right: 24px;
}
.card-eco__icon-wrapper img, .card-eco__icon-wrapper object {
  display: block;
  height: auto;
  max-width: 32px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.page-default {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .page-default {
    padding: 48px 16px;
  }
}

.page-default__content {
  max-width: 1024px;
  text-align: right;
  margin-right: 48px;
}
@media (max-width: 992px) {
  .page-default__content {
    width: 100%;
    margin-right: 96px;
  }
}

.page-default__status--success {
  color: #5bba4a;
}
.page-default__status--danger {
  color: #c33934;
}
.page-default__status--warning {
  color: #eeab1d;
}
.page-default__status--info {
  color: #7098ff;
}

.page-default__shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.page-default__shape.mobile {
  display: none;
}
@media (max-width: 992px) {
  .page-default__shape {
    display: none;
  }
  .page-default__shape.mobile {
    display: block;
    width: 96px;
    top: 0;
    bottom: unset;
    z-index: -1;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspiration-case-study__wrapper {
  overflow: hidden;
  padding: 80px 0;
}
@media (max-width: 1025px) {
  .inspiration-case-study__wrapper {
    padding: 192px 16px;
  }
}
@media (max-width: 992px) {
  .inspiration-case-study__wrapper {
    padding: 40px 16px;
  }
}

.inspiration-case-study__container {
  max-width: 1024px;
  margin: 0 auto;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspirations-listing__heading {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding-top: 32px;
  text-align: left;
}
@media (max-width: 1025px) {
  .inspirations-listing__heading {
    padding: 32px 16px 0;
  }
}
@media (max-width: 992px) {
  .inspirations-listing__heading {
    max-width: 100%;
    padding: 40px 16px 0;
  }
}

.inspirations-listing__header {
  margin-bottom: 36px;
}

.inspirations-listing__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-top: 48px;
  margin: 0 0 24px;
}
@media (max-width: 992px) {
  .inspirations-listing__buttons {
    overflow: scroll;
    white-space: nowrap;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
    min-width: calc(100% + 32px);
  }
}
.inspirations-listing__buttons:after {
  content: "";
  width: 0;
  height: 0;
}
@media (max-width: 992px) {
  .inspirations-listing__buttons:after {
    display: block;
    min-width: 8px;
    height: 8px;
  }
}

.inspirations-listing__button {
  padding: 16px 24px;
  margin-right: 8px;
  border: 1px solid #e7e7e7;
}
.inspirations-listing__button.active {
  border: 1px solid #3353d8;
}
@media (max-width: 992px) {
  .inspirations-listing__button:first-of-type {
    margin-left: 16px;
  }
}

.inspirations-listing__heading .inspirations-listing__subheader {
  font-size: 20px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspirations-listing__list-wrapper {
  padding: 32px 0 48px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.inspirations-listing__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  grid-row-gap: 16px;
  row-gap: 16px;
  margin: 0 auto;
  max-width: 1024px;
}
@media (max-width: 1200px) {
  .inspirations-listing__list {
    padding: 0 16px;
  }
}
@media (max-width: 1025px) {
  .inspirations-listing__list {
    max-width: 100%;
    overflow-x: hidden;
  }
}
@media (max-width: 992px) {
  .inspirations-listing__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .inspirations-listing__list {
    grid-template-columns: 100%;
  }
}
.inspirations-listing__list .card-inspirations-type__wide {
  grid-column: span 2;
}
@media (max-width: 767px) {
  .inspirations-listing__list .card-inspirations-type__wide {
    grid-column: span 1;
  }
}

.inspirations-listing__list .card-inspirations__wrapper.hidden {
  display: none;
}

.inspirations-listing__list-wrapper .inspirations-listing__list-show-more {
  display: block;
  margin: 24px auto 0;
}
@media (max-width: 992px) {
  .inspirations-listing__list-wrapper .inspirations-listing__list-show-more {
    margin: 24px 16px 0;
    max-width: calc(100% - 32px);
  }
}

.case-study-card__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  max-height: 320px;
  padding: 24px;
  border: 1px solid #e7e7e7;
  text-decoration: none;
  color: #2f2f2f;
}

.case-study-card__header {
  padding-right: 40px;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 24px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

.case-study-card__thumb {
  position: absolute;
  top: -1px;
  right: -1px;
  max-height: 142px;
  width: auto;
}
@media (max-width: 992px) {
  .case-study-card__thumb {
    display: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspiration-single__product-box--wrapper {
  top: -136px;
  height: calc(100% + 160px);
  position: absolute;
  left: calc(764px);
}
@media (max-width: 1300px) {
  .inspiration-single__product-box--wrapper {
    position: static;
    height: auto;
    margin: 16px auto;
  }
}

.inspiration-single__product-box--inner {
  width: 276px;
  padding: 0 16px;
}
@media (max-width: 1300px) {
  .inspiration-single__product-box--inner {
    max-width: 764px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .inspiration-single__product-box--inner {
    max-width: 100%;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspiration-single-heading__wrapper {
  position: relative;
  max-width: 764px;
  margin: 40px auto 24px;
  padding: 40px 0 24px;
}
@media (max-width: 992px) {
  .inspiration-single-heading__wrapper {
    padding: 40px 16px 24px;
    margin-top: 24px;
  }
}

.inspiration-single-heading__header {
  text-align: center;
  max-width: 504px;
  margin: 0 auto;
}

.inspiration-single-heading__breadcrumbs {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 992px) {
  .inspiration-single-heading__breadcrumbs {
    left: 16px;
  }
}

.inspiration-single-heading__badge {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 992px) {
  .inspiration-single-heading__badge {
    right: 8px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.inspiration-single-content__wrapper {
  position: relative;
  max-width: 764px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .inspiration-single-content__wrapper {
    max-width: 100%;
    padding: 0 16px;
  }
}

.inspiration-single-content__switch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  max-width: 100%;
  margin: 24px auto 40px;
}

.inspiration-single-content__next-post {
  padding: 32px 0;
  margin-left: 24px;
  width: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@media (max-width: 992px) {
  .inspiration-single-content__subscribe {
    padding: 0 16px;
  }
}
.inspiration-single-content__subscribe .inspirations-subscribe__wrapper {
  position: relative;
  width: 764px;
  max-width: 100%;
  padding: 40px;
  margin: 0 auto 84px;
  border: 1px solid #e7e7e7;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .inspiration-single-content__subscribe .inspirations-subscribe__wrapper {
    width: 100%;
  }
}
.inspiration-single-content__subscribe .inspirations-subscribe__header {
  margin-bottom: 24px;
  padding-right: 160px;
}
@media (max-width: 992px) {
  .inspiration-single-content__subscribe .inspirations-subscribe__header {
    padding: 0;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays-navbar__wrapper {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #e7e7e7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
}

.holidays-navbar__items {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

.holidays-navbar__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 24px;
  text-decoration: none;
}

.holidays-navbar__link {
  text-decoration: none;
  color: #2f2f2f;
  text-transform: none;
  text-transform: initial;
}

.navbar-secondary__link {
  text-decoration: none;
  color: #2f2f2f;
  text-transform: none;
  text-transform: initial;
}

.navbar-secondary-wrap {
  margin-bottom: 96px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.section-holidays-prepare-wrapper {
  position: relative;
  max-width: 1024px;
  margin: 0 auto 48px;
}
@media (max-width: 992px) {
  .section-holidays-prepare-wrapper {
    margin-bottom: 64px;
    padding: 16px 16px 0;
  }
}

.section-holidays-prepare .content-bnf__wrapper {
  grid-gap: 0;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .section-holidays-prepare .content-bnf__wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.section-holidays-prepare .content-bnf__side {
  min-width: 309px;
  padding-right: 50px;
}
@media (max-width: 992px) {
  .section-holidays-prepare .content-bnf__side {
    min-width: 100%;
    padding-right: 0;
  }
}
.section-holidays-prepare .content-bnf-list-item__content {
  width: 275px;
  font-size: 16px;
}
.section-holidays-prepare .content-bnf-list__wrapper {
  -ms-flex-pack: initial;
      justify-content: initial;
}
.section-holidays-prepare .content-bnf-list-item__wrapper {
  padding-right: 48px;
}
@media (max-width: 992px) {
  .section-holidays-prepare .content-bnf-list-item__wrapper {
    padding-right: 0;
  }
}

.section-prepare--inner {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .section-prepare--inner {
    margin-bottom: 40px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.z-holidays__download {
  width: 100%;
  padding-bottom: 96px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
.z-holidays__download .subscription__wrapper {
  padding: 0;
}

.z-holidays__download__inner {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}

.z-holidays__download__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.z-holidays__download__content__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(100% - 417px);
  max-width: 444px;
  padding: 48px 24px 48px 0;
  color: #2f2f2f;
}

.z-holidays__download__media {
  width: 417px;
  margin: 0;
}

.z-holidays__download__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.z-holidays__download__label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1428571429;
  text-transform: uppercase;
}

.z-holidays__download__title {
  max-width: 380px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
}

.z-holidays__download__desc {
  max-width: 376px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.z-holidays__download__desc a {
  color: #2f2f2f;
}

.z-holidays__download__desc p + p {
  margin-top: 24px;
}

.z-holidays__download__desc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.z-holidays__download__desc ul li {
  position: relative;
  width: 100%;
  padding-left: 24px;
}
.z-holidays__download__desc ul li:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 100%;
  background-color: #2f2f2f;
}

.z-holidays__download__form-wrapper {
  position: relative;
  width: 100%;
}

.z-holidays__download__form {
  display: grid;
  width: 100%;
  grid-gap: 8px;
  grid-template-areas: "download-input download-button" "download-checkbox download-checkbox";
  grid-template-columns: 1fr 150px;
  grid-template-rows: repeat(2, auto);
}

.z-holidays__download__form-wrapper.is-success .z-holidays__download__form {
  display: none;
}

.z-holidays__download__loader {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}

.z-holidays__download__form-wrapper.is-loading .z-holidays__download__loader {
  display: -ms-flexbox;
  display: flex;
}

.z-holidays__download__thank-you {
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}

.z-holidays__download__thank-you-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 50%;
  background-color: #5bba4a;
}

.z-holidays__download__form-wrapper.is-success .z-holidays__download__thank-you {
  display: -ms-flexbox;
  display: flex;
}

.z-holidays__download__form__field--text {
  grid-area: download-input;
}

.z-holidays__download__form__field--checkbox {
  grid-area: download-checkbox;
}

.z-holidays__download__form__action {
  grid-area: download-button;
}

.z-holidays__download__form__error-message {
  display: none;
  margin-top: 4px;
  color: #e34640;
}

.z-holidays__download__form__field.has-error .z-holidays__download__form__error-message {
  display: block;
}

.z-holidays__download__subscribe {
  height: 100%;
}
.z-holidays__download__subscribe .subscription__main.subscription__thankyou {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100%;
}

@media screen and (max-width: 767px) {
  .z-holidays__download {
    padding-bottom: 48px;
  }

  .z-holidays__download__main {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .z-holidays__download__media {
    width: 100%;
    max-width: 417px;
    margin: 0 auto 16px;
  }

  .z-holidays__download__content__wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .z-holidays__download__title {
    font-size: 24px;
    line-height: 1.3333333333;
    max-width: 100%;
  }

  .z-holidays__download__desc {
    max-width: 100%;
  }

  .z-holidays__download__form {
    grid-template-areas: "download-input" "download-checkbox" "download-button";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays-section__timeline {
  margin: 0 auto 96px;
  max-width: 1024px;
}
@media (max-width: 1025px) {
  .holidays-section__timeline {
    padding: 0 16px;
    margin-bottom: 48px;
  }
}

/** @prettier */
.holidays-section__patterns {
  max-width: 1024px;
  margin: 0 auto;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays__section-inspiration {
  width: 100%;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  max-width: 1200px;
  margin: 96px auto auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 96px;
}
@media (max-width: 992px) {
  .holidays__section-inspiration {
    display: none;
  }
}

.customer-story {
  height: 620px;
  width: 1200px;
  background-color: #f8f8f8;
  -ms-flex-pack: center;
      justify-content: center;
}

.holidays__section-inspiration .content-ins__image {
  max-width: 418px;
  margin-left: auto;
}
.holidays__section-inspiration .content-ins__shape {
  width: 424px;
  -webkit-transform: translate(0, 40px);
          transform: translate(0, 40px);
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays-section__blog {
  margin: 0 auto 160px;
  max-width: 1024px;
}
@media (max-width: 1025px) {
  .holidays-section__blog {
    padding: 0 16px;
    margin-bottom: 40px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays-section__video {
  margin: 0 auto 96px;
  max-width: 1024px;
}
@media (max-width: 1025px) {
  .holidays-section__video {
    padding: 0 16px;
    margin-bottom: 48px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays__faq {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 96px;
}
@media (max-width: 1025px) {
  .holidays__faq {
    max-width: 100%;
    padding: 0 16px 80px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.holidays-section__deliver {
  width: 100%;
}
@media (max-width: 992px) {
  .holidays-section__deliver {
    padding: 0 16px;
  }
  .holidays-section__deliver .content-cta__header {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.holidays-section__deliver .deliver__wrapper {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 160px;
}
@media (max-width: 992px) {
  .holidays-section__deliver .deliver__wrapper {
    padding-bottom: 80px;
    max-width: 100%;
  }
}
.holidays-section__deliver .content-cta__wrapper {
  max-width: 764px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .holidays-section__deliver .content-cta__wrapper {
    max-width: 100%;
  }
}
.holidays-section__deliver .deliver-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 992px) {
  .holidays-section__deliver .deliver-shape {
    display: none;
  }
}

.z-exit-intent-holidays .z-exit-intent-newsletter__modal {
  background-image: url("/img/images/exit-newsletter-popup/holidays.png");
  background-size: 448px;
  min-height: 448px;
}
@media screen and (max-width: 767px) {
  .z-exit-intent-holidays .z-exit-intent-newsletter__modal {
    background-image: none;
  }
}

/*
@prettier
*/
.mobile-app-page {
  margin: 0 auto;
  padding: 0 48px;
  width: 1376px !important;
  max-width: 100%;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 400;
  overflow-x: hidden;
}
.mobile-app-page__header {
  max-width: 1024px;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(2, 4fr);
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 0 auto;
}
.mobile-app-page__header__headline {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 48px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
@media (max-width: 767px) {
  .mobile-app-page__header__headline {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.mobile-app-page__header__text {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .mobile-app-page__header__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.mobile-app-page__header-info {
  margin-top: 96px;
}
@media (max-width: 767px) {
  .mobile-app-page__header-info {
    margin-top: 24px;
  }
}
.mobile-app-page__header-key-visual {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 40px;
  background-image: url("/img/svg/mobile-app/key-visual-shape.svg");
  background-repeat: no-repeat;
  background-position: 85% 40%;
  background-size: auto 88%;
}
.mobile-app-page__header-key-visual__phone {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 4;
  width: 100%;
  height: 0;
  padding-bottom: 210%;
  border-radius: 36px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 -4px 6px 0 rgba(0, 0, 0, 0.08), 0 2px 6px 0 rgba(0, 0, 0, 0.16), 0 10px 16px 0 rgba(0, 0, 0, 0.18);
          box-shadow: inset 0 -4px 6px 0 rgba(0, 0, 0, 0.08), 0 2px 6px 0 rgba(0, 0, 0, 0.16), 0 10px 16px 0 rgba(0, 0, 0, 0.18);
}
@media (max-width: 992px) {
  .mobile-app-page__header-key-visual__phone {
    border-radius: 24px;
    padding-bottom: 205%;
  }
}
.mobile-app-page__header-key-visual__phone-screen {
  position: absolute;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  left: 10px;
  top: 10px;
  border-radius: 24px;
  background-color: #ebebeb;
  background-position: 50% top;
  background-size: cover;
}
@media (max-width: 992px) {
  .mobile-app-page__header-key-visual__phone-screen {
    height: calc(100% - 12px);
    width: calc(100% - 12px);
    left: 6px;
    top: 6px;
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__header-key-visual__phone-screen {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    left: 10px;
    top: 10px;
    border-radius: 18px;
  }
}
.mobile-app-page__header-key-visual__phone-screen:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 18px;
  width: 50%;
  border-radius: 0 0 13.6px 13.6px;
  background-color: #ffffff;
}
@media (max-width: 992px) {
  .mobile-app-page__header-key-visual__phone-screen:before {
    height: 10px;
    border-radius: 0 0 10px 10px;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__header-key-visual__phone-screen:before {
    height: 18px;
    border-radius: 0 0 13.6px 13.6px;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__header-key-visual {
    grid-template-columns: 66fr 125fr 125fr 66fr;
    max-width: 360px;
    margin: 24px auto 0 auto;
    background-position: 0 44%;
    background-size: auto 75%;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__header {
    display: block;
  }
}
.mobile-app-page__download-or-watch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.mobile-app-page__download-or-watch__button {
  font-size: 14px;
  line-height: 24px;
}
.mobile-app-page__download-or-watch__button + .mobile-app-page__download-or-watch__button {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch__button + .mobile-app-page__download-or-watch__button {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch__button {
    font-size: 16px;
    line-height: 24px;
  }
}
.mobile-app-page__download-or-watch__download-button, .mobile-app-page__download-or-watch__watch-button {
  cursor: pointer;
  display: inline-block;
}
.mobile-app-page__download-or-watch__download-button a:visited, .mobile-app-page__download-or-watch__watch-button a:visited {
  color: inherit;
}
.mobile-app-page__download-or-watch__download-button, .mobile-app-page__download-or-watch__download-button:hover, .mobile-app-page__download-or-watch__download-button:active, .mobile-app-page__download-or-watch__watch-button, .mobile-app-page__download-or-watch__watch-button:hover, .mobile-app-page__download-or-watch__watch-button:active {
  color: inherit;
  text-decoration: none;
}
.mobile-app-page__download-or-watch__download-button--mobile, .mobile-app-page__download-or-watch__watch-button--mobile {
  display: none;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch__download-button--mobile, .mobile-app-page__download-or-watch__watch-button--mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch__download-button, .mobile-app-page__download-or-watch__watch-button {
    display: none;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch__watch-button {
    font-size: 16px;
  }
}
.mobile-app-page__download-or-watch__download-image {
  width: 195px;
}
@media (max-width: 767px) {
  .mobile-app-page__download-or-watch {
    display: block;
    text-align: center;
  }
}
.mobile-app-page__banner {
  margin: 216px auto;
}
.mobile-app-page__banner__grid {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: " column-image column-content ";
  margin: 0 auto;
  -ms-flex-align: center;
      align-items: center;
}
.mobile-app-page__banner__grid--even {
  grid-template-areas: " column-content column-image  ";
  margin-bottom: 230px;
}
.mobile-app-page__banner__grid--even .mobile-app-page__banner__content {
  grid-template-columns: 3fr 1fr;
}
.mobile-app-page__banner__grid--even .mobile-app-page__banner__content-core {
  grid-column-start: 1;
  grid-column-end: 1;
}
@media (max-width: 767px) {
  .mobile-app-page__banner__grid--even {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner__grid {
    display: block;
    padding: 0;
  }
}
.mobile-app-page__banner__image {
  grid-area: column-image;
}
.mobile-app-page__banner__content {
  grid-area: column-content;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  padding: 96px 0;
}
.mobile-app-page__banner__content-core {
  grid-column-start: 2;
  grid-column-end: 5;
}
@media (max-width: 992px) {
  .mobile-app-page__banner__content {
    display: block;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner__content {
    padding: 0;
  }
}
.mobile-app-page__banner__title {
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
@media (max-width: 767px) {
  .mobile-app-page__banner__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mobile-app-page__banner__description {
  /* fallback to paragraphs from wp admin, as they have own style */
}
.mobile-app-page__banner__description,
.mobile-app-page__banner__description p {
  font-size: 16px;
  line-height: 24px;
}
.mobile-app-page__banner__button {
  margin-top: 24px;
}
.mobile-app-page__banner__button, .mobile-app-page__banner__button:hover, .mobile-app-page__banner__button:active, .mobile-app-page__banner__button__link, .mobile-app-page__banner__button__link:hover, .mobile-app-page__banner__button__link:active {
  text-decoration: none;
  color: #fff;
}
@media (max-width: 767px) {
  .mobile-app-page__banner__button {
    display: none;
  }
}
.mobile-app-page__banner__button--mobile {
  display: none;
}
@media (max-width: 767px) {
  .mobile-app-page__banner__button--mobile {
    display: block;
    margin-top: 16px;
  }
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image {
  position: relative;
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image-container {
  background-size: cover;
  background-position: 50% 50%;
  height: 0;
  padding-bottom: 91%;
}
@media (max-width: 767px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image-container {
    margin-bottom: 24px;
    padding-bottom: 93%;
  }
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image-background {
  position: absolute;
  left: 46%;
  bottom: -76px;
  width: 465px;
  height: 435px;
  z-index: -1;
  background-image: url("/img/svg/mobile-app/odd-banner-shape.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media (max-width: 992px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image-background {
    right: -50px;
    bottom: -70px;
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__image-background {
    display: none;
  }
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__grid--even .mobile-app-page__banner__content {
  justify-self: end;
  margin-top: -16px;
}
@media (max-width: 992px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__grid--even .mobile-app-page__banner__content {
    max-width: 100%;
    margin-top: -8px;
  }
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__grid--even .mobile-app-page__banner__image-background {
  position: absolute;
  right: auto;
  left: -122px;
  bottom: -62px;
  width: 465px;
  height: 435px;
  background-image: url("/img/svg/mobile-app/even-banner-shape.svg");
}
@media (max-width: 992px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__grid--even .mobile-app-page__banner__image-background {
    left: -20px;
    bottom: -70px;
    width: 300px;
    height: 300px;
  }
}
.mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__content {
  margin-top: -80px;
  max-width: 504px;
}
@media (max-width: 992px) {
  .mobile-app-page__banner:not(.mobile-app-page__banner--first) .mobile-app-page__banner__content {
    padding: 0;
    margin-top: -7px;
    max-width: 100%;
  }
}
.mobile-app-page__banner--first {
  max-width: 1184px;
  padding: 0 80px;
  margin-top: 80px;
  background-color: #f8f8f8;
}
.mobile-app-page__banner--first .mobile-app-page__banner__image {
  position: relative;
}
.mobile-app-page__banner--first .mobile-app-page__banner__image-container {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.07);
          transform: translateY(-50%) scale(1.07);
  width: 435px;
  height: 478px;
  z-index: 2;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-mask: url("/img/svg/mobile-app/first-banner-image-mask.svg");
          mask: url("/img/svg/mobile-app/first-banner-image-mask.svg");
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__image-container {
    right: 50%;
    -webkit-transform: scale(0.7) translateY(-82%) translateX(77%);
            transform: scale(0.7) translateY(-82%) translateX(77%);
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__image {
    height: 345px;
  }
}
.mobile-app-page__banner--first .mobile-app-page__banner__image-background, .mobile-app-page__banner--first .mobile-app-page__banner__image-foreground {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 417px;
  height: 514px;
  z-index: 1;
  background-image: url("/img/svg/mobile-app/first-banner-shape.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__image-background, .mobile-app-page__banner--first .mobile-app-page__banner__image-foreground {
    right: 50%;
    -webkit-transform: scale(0.8) translateY(-70%) translateX(70%);
            transform: scale(0.8) translateY(-70%) translateX(70%);
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__image-background {
    background-image: url("/img/svg/mobile-app/first-banner-shape-mobile.svg");
    background-position: 40% 50%;
  }
}
.mobile-app-page__banner--first .mobile-app-page__banner__image-foreground {
  background-image: url("/img/svg/mobile-app/first-banner-loop.svg");
  z-index: 3;
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__image {
    margin-top: 15px;
  }
}
.mobile-app-page__banner--first .mobile-app-page__banner__grid {
  max-width: 1024px;
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first .mobile-app-page__banner__grid {
    display: block;
    padding: 24px;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner--first.mobile-app-page__banner {
    margin: 4px auto;
  }
}
@media (max-width: 992px) {
  .mobile-app-page__banner {
    margin: 108px auto;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner {
    margin: 48px auto;
  }
}
@media (max-width: 767px) {
  .mobile-app-page__banner:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .mobile-app-page {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 100%;
    background: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.section-mail-container--small {
  display: block;
  max-width: 764px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .section-mail-container--small {
    max-width: 100%;
    padding: 0 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.section-mail-formats-list {
  max-width: 1024px;
  margin: 0 auto;
}
@media (min-width: 993px) {
  .section-mail-formats-list .shop-list__wrapper {
    margin-bottom: 96px;
  }
  .section-mail-formats-list .shop-list__wrapper p:last-of-type {
    margin-bottom: 24px;
  }
  .section-mail-formats-list .shop-list__card {
    width: calc(100% / 4);
  }
  .section-mail-formats-list .shop-list__wrapper .card-product__wrapper {
    width: calc(100% / 4 - 1px);
  }
}
@media (max-width: 1025px) {
  .section-mail-formats-list {
    padding: 0 16px;
    margin-bottom: 40px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.section-mail-pricetable {
  padding-bottom: 40px;
}

.mail-pricetable__main-header {
  text-align: center;
  padding: 40px 0;
}

.mail-pricetable__collapse-container {
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #e7e7e7;
}
.mail-pricetable__collapse-container:first-of-type {
  border-top: 1px solid #e7e7e7;
}
.mail-pricetable__collapse-container.collapse .mail-pricetable__collapse-body {
  max-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mail-pricetable__collapse-container.collapse .mail-pricetable__collapse-close::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mail-pricetable__collapse-close {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mail-pricetable__collapse-close::before, .mail-pricetable__collapse-close::after {
  position: relative;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e7e7e7;
}
.mail-pricetable__collapse-close::before {
  top: 8px;
}
.mail-pricetable__collapse-close::after {
  top: 6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mail-pricetable__collapse-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .mail-pricetable__collapse-body {
    padding: 0;
  }
}

.mail-pricetable__collapse-header {
  position: relative;
  padding: 24px 48px 24px 0;
}
.mail-pricetable__collapse-header:hover {
  cursor: pointer;
}

@media (max-width: 992px) {
  .mail-pricetable__collapse-body__title--desktop {
    display: none;
  }
}
@media (min-width: 993px) {
  .mail-pricetable__collapse-body__title--mobile {
    display: none;
  }
}

.mail-pricetable__collapse-body__types-column {
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid #e7e7e7;
  padding-right: 16px;
}
.mail-pricetable__collapse-body__types-column--no-border {
  border-top: none;
}
@media (max-width: 992px) {
  .mail-pricetable__collapse-body__types-column {
    width: 100%;
    border-top: none;
  }
  .mail-pricetable__collapse-body__types-column b {
    display: block;
  }
  .mail-pricetable__collapse-body__types-column br {
    display: none;
  }
}

.mail-pricetable__collapse-body__contents-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 66%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-top: 1px solid #e7e7e7;
}
.mail-pricetable__collapse-body__contents-column--no-border {
  border-top: none;
}
@media (max-width: 992px) {
  .mail-pricetable__collapse-body__contents-column {
    width: 100%;
    border-top: none;
  }
}

.mail-pricetable__contents-row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mail-pricetable__contents-row:not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .mail-pricetable__contents-row {
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
  }
  .mail-pricetable__contents-row:first-of-type {
    border-top: 1px solid #e7e7e7;
  }
  .mail-pricetable__contents-row:last-of-type {
    border-bottom: none;
  }
}

.mail-pricetable__contents-row__item {
  padding: 24px 0;
  width: 100%;
  text-align: center;
}

.fsc-certification__section-hero_wrapper {
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
}
.fsc-certification__section-hero_container {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1024px;
}
@media (max-width: 992px) {
  .fsc-certification__section-hero_container {
    text-align: left;
    padding: 80px 16px;
  }
}

.fsc-hero-main_img {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .fsc-hero-main_img {
    display: none;
  }
}
.fsc-hero-main_img_mobile {
  display: none;
}
@media (max-width: 767px) {
  .fsc-hero-main_img_mobile {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
}
.fsc-hero-main_shape {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%);
  z-index: -1;
}
@media (max-width: 992px) {
  .fsc-hero-main_shape {
    display: none;
  }
}
.fsc-hero-main_title {
  margin-bottom: 16px;
}
@media (min-width: 993px) {
  .fsc-hero-subtitle {
    width: 50%;
    margin: 0 auto 24px auto;
  }
}

@media (max-width: 992px) {
  .fsc-certification__section-hero_wrapper .fsc-hero-main_title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px;
  }
  .fsc-certification__section-hero_wrapper .fsc-hero-subtitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .fsc-certification__section-hero_wrapper .fsc-hero-main_title {
    width: 85%;
  }
  .fsc-certification__section-hero_wrapper .fsc-hero-subtitle {
    width: 90%;
  }
}
.fsc-certification__section-transparency_wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.fsc-certification__section-transparency_container {
  padding: 0 130px;
  padding-top: 168px;
  padding-bottom: 84px;
}
@media (max-width: 992px) {
  .fsc-certification__section-transparency_container {
    padding: 0 16px;
    padding-top: 48px;
    padding-bottom: 24px;
  }
}

.fsc-transparency-main_title {
  text-align: left;
  padding-right: 222px;
  margin-bottom: 24px;
}
.fsc-transparency-subtitle {
  text-align: left;
}

@media (max-width: 992px) {
  .fsc-certification__section-transparency_wrapper .fsc-transparency-main_title {
    font-size: 32px;
    line-height: 40px;
    padding-right: 0;
    margin-bottom: 16px;
  }
  .fsc-certification__section-transparency_wrapper .fsc-transparency-subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.fsc-certification__section-what_is_wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.fsc-certification__section-what_is_container {
  padding-top: 84px;
  padding-bottom: 120px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1200px) {
  .fsc-certification__section-what_is_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .fsc-certification__section-what_is_container {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding: 0 16px;
    padding-top: 24px;
    padding-bottom: 48px;
  }
}

.fsc-what_is-col {
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
}
@media (max-width: 992px) {
  .fsc-what_is-col {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
}
.fsc-what_is-col-header {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.fsc-what_is-col-main_title {
  padding-right: 86px;
  margin-bottom: 24px;
}
@media (min-width: 993px) {
  .fsc-what_is-col-main_title {
    width: 86%;
  }
}
.fsc-what_is-col-subtitle {
  padding-right: 146px;
}
.fsc-what_is-col-image {
  width: 100%;
  height: auto;
}

@media (max-width: 992px) {
  .fsc-certification__section-what_is_wrapper .fsc-what_is-col-header {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .fsc-certification__section-what_is_wrapper .fsc-what_is-col-main_title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    padding-right: 0;
  }
  .fsc-certification__section-what_is_wrapper .fsc-what_is-col-subtitle {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0;
  }
}
.fsc-certification__section-benefits_wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.fsc-certification__section-benefits_container {
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .fsc-certification__section-benefits_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .fsc-certification__section-benefits_container {
    padding: 0 16px;
  }
}

.fsc-benefits-main_title {
  margin-bottom: 48px;
}
.fsc-benefits-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 992px) {
  .fsc-benefits-content {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .fsc-benefits-content {
    -ms-flex-pack: left;
        justify-content: left;
  }
}
.fsc-benefits-content-tile {
  margin-bottom: 48px;
  width: 100%;
  max-width: 260px;
  -ms-flex: 0 1 33.333%;
      flex: 0 1 33.333%;
}
.fsc-benefits-content-tile:nth-of-type(3n + 1) {
  margin-right: 114px;
}
.fsc-benefits-content-tile:nth-of-type(3n + 2) {
  margin-right: 130px;
}
@media (max-width: 1200px) {
  .fsc-benefits-content-tile:nth-of-type(1n) {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .fsc-benefits-content-tile {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
  .fsc-benefits-content-tile:last-of-type {
    margin-bottom: 48px;
  }
  .fsc-benefits-content-tile:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.fsc-benefits-content-tile-img {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .fsc-benefits-content-tile-img {
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
  }
}

@media (max-width: 992px) {
  .fsc-certification__section-benefits_wrapper .fsc-benefits-main_title {
    font-size: 24px;
    line-height: 32px;
  }
  .fsc-certification__section-benefits_wrapper .fsc-benefits-main_title br {
    display: none;
  }
  .fsc-certification__section-benefits_wrapper .fsc-benefits-content-tile-subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .fsc-certification__section-benefits_wrapper .fsc-benefits-main_title {
    max-width: 196px;
  }
  .fsc-certification__section-benefits_wrapper .fsc-benefits-main_title br {
    display: unset;
  }
}
.fsc-certification__section-how_get_certified_wrapper {
  position: relative;
  background-color: #f8f8f8;
  max-width: 1680px;
  margin: 0 auto;
  margin-bottom: 120px;
  padding: 0 42px;
  padding-top: 136px;
  padding-bottom: 168px;
}
@media (max-width: 992px) {
  .fsc-certification__section-how_get_certified_wrapper {
    margin-bottom: 64px;
    padding: 64px 16px;
  }
}
.fsc-certification__section-how_get_certified_wrapper-right_shape {
  position: absolute;
  top: 160px;
  right: 14.88%;
  width: 220px;
  height: auto;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media (max-width: 992px) {
  .fsc-certification__section-how_get_certified_wrapper-right_shape {
    display: none;
  }
}
.fsc-certification__section-how_get_certified_container {
  display: block;
  margin: 0 auto;
  max-width: 1024px;
  text-align: center;
}

.fsc-how_get_certified-main_title {
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: 98px;
}
@media (max-width: 992px) {
  .fsc-how_get_certified-main_title {
    margin-bottom: 48px;
  }
}
.fsc-how_get_certified-promo_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}
.fsc-how_get_certified-promo_container-line_shape {
  position: absolute;
  max-width: 680px;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}
@media (max-width: 992px) {
  .fsc-how_get_certified-promo_container-line_shape {
    display: none;
  }
}

.fsc-how_get_certified-promo_container-item {
  -ms-flex: 0 1 33.333%;
      flex: 0 1 33.333%;
  z-index: 1;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .fsc-how_get_certified-promo_container-item {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
  .fsc-how_get_certified-promo_container-item:not(:last-of-type) {
    margin-bottom: 56px;
  }
}
.fsc-how_get_certified-promo_container-item-content {
  max-width: 216px;
  margin: 0 auto;
}
.fsc-how_get_certified-promo_container-item-content-icon {
  width: auto;
  height: 120px;
  margin-bottom: 22px;
}
@media (max-width: 992px) {
  .fsc-how_get_certified-promo_container-item-content-icon {
    height: 96px;
  }
}

@media (max-width: 992px) {
  .fsc-certification__section-how_get_certified_wrapper .fsc-how_get_certified-main_title {
    font-size: 32px;
    line-height: 40px;
  }
  .fsc-certification__section-how_get_certified_wrapper .fsc-how_get_certified-promo_container-item-content-header {
    font-size: 24px;
    line-height: 32px;
  }
  .fsc-certification__section-how_get_certified_wrapper .fsc-how_get_certified-promo_container-item-content-subheader {
    font-size: 16px;
    line-height: 24px;
  }
}
.fsc-certification__section-two_cols_wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.fsc-certification__section-two_cols_container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 120px;
}
@media (max-width: 1200px) {
  .fsc-certification__section-two_cols_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .fsc-certification__section-two_cols_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 48px;
  }
}

.fsc-two_cols-col:nth-of-type(1) {
  padding: 64px 0;
}
.fsc-two_cols-col:nth-of-type(2) {
  padding: 64px;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .fsc-two_cols-col {
    -ms-flex: 100% 1;
        flex: 100% 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-flow: column;
        flex-flow: column;
  }
  .fsc-two_cols-col:nth-of-type(1) {
    padding: 0 16px;
    padding-bottom: 64px;
  }
  .fsc-two_cols-col:nth-of-type(2) {
    padding: 48px 16px;
  }
}
.fsc-two_cols-col-img {
  width: auto;
  height: 192px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .fsc-two_cols-col-img {
    -ms-flex-order: 3;
        order: 3;
    width: 50%;
    height: auto;
    margin-bottom: 34px;
  }
}
@media (max-width: 767px) {
  .fsc-two_cols-col-img {
    width: 70%;
  }
}
.fsc-two_cols-col-header {
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .fsc-two_cols-col-header {
    -ms-flex-order: 1;
        order: 1;
    margin-bottom: 6px;
  }
}
.fsc-two_cols-col-subheader {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .fsc-two_cols-col-subheader {
    -ms-flex-order: 2;
        order: 2;
    margin-bottom: 28px;
  }
}
@media (max-width: 992px) {
  .fsc-two_cols-col-button {
    -ms-flex-order: 4;
        order: 4;
  }
}
.fsc-two_cols-col-subheader_under {
  margin-top: 16px;
  -ms-flex-order: 5;
      order: 5;
}
@media (min-width: 993px) {
  .fsc-two_cols-col-subheader_under {
    display: none;
  }
}

@media (max-width: 992px) {
  .fsc-certification__section-two_cols_wrapper .fsc-two_cols-col-header {
    font-size: 12px;
    line-height: 24px;
  }
  .fsc-certification__section-two_cols_wrapper .fsc-two_cols-col-subheader {
    font-size: 32px;
    line-height: 40px;
  }
}
.fsc-certification__section-faq_wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.fsc-certification__section-faq_container {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 88px;
}
@media (max-width: 992px) {
  .fsc-certification__section-faq_container {
    width: 90%;
    margin-bottom: 48px;
  }
}

.fsc-faq__header {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .fsc-faq__header {
    margin-bottom: 16px;
  }
}

/*
@prettier
*/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.content-artwork-tips-dielines {
  margin: 0 auto;
  max-width: 100%;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 400;
}
.content-artwork-tips-dielines-section-wrapper {
  margin: 0 auto;
  padding: 0 48px;
  width: 1280px !important;
  max-width: 100%;
  background-image: url(ph-dsl-assets/07_34f6ac2e852ae87c1860fe8dcce4f84b.svg);
  background-repeat: no-repeat;
  background-position: right 30px top 190px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-section-wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    background: none;
  }
}
.content-artwork-tips-dielines-heading {
  height: 275px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-heading {
    height: 152px;
    margin: 24px 0;
  }
}
.content-artwork-tips-dielines-headlines {
  text-align: center;
}
.content-artwork-tips-dielines-headlines__headline {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 40px;
  line-height: 48px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-headlines__headline {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-headlines__headline--breaked {
    text-align: center;
    width: 1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-headlines__subheadline {
    display: inline-block;
    padding: 0 16px;
  }
}
.content-artwork-tips-dielines__section {
  width: 100%;
  padding: 96px 80px;
  margin-bottom: 64px;
  text-align: center;
}
.content-artwork-tips-dielines__section__headline {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines__section__headline {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines__section {
    margin-bottom: 0;
    padding: 48px 16px;
  }
}
.content-artwork-tips-dielines-how-it-works {
  background-color: #f8f8f8;
}
.content-artwork-tips-dielines-how-it-works__step {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 504px;
  min-height: 120px;
  margin: 0 auto;
  padding: 32px;
  text-align: left;
  border: none;
}
.content-artwork-tips-dielines-how-it-works__step + .content-artwork-tips-dielines-how-it-works__step {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-how-it-works__step + .content-artwork-tips-dielines-how-it-works__step {
    margin-top: 8px;
  }
}
.content-artwork-tips-dielines-how-it-works__step__description {
  margin: 8px 0 0 0;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-how-it-works__step__description {
    font-size: 16px;
  }
}
.content-artwork-tips-dielines-how-it-works__step__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 56px;
  height: 56px;
  margin-right: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.content-artwork-tips-dielines-how-it-works__step__icon img {
  width: 32px;
  height: 32px;
}
.content-artwork-tips-dielines-how-it-works__step__icon--shape-1 {
  background-image: url("/img/svg/dby-svg/how-it-works-download.svg");
}
.content-artwork-tips-dielines-how-it-works__step__icon--shape-2 {
  background-image: url("/img/svg/dby-svg/how-it-works-place.svg");
}
.content-artwork-tips-dielines-how-it-works__step__icon--shape-3 {
  background-image: url("/img/svg/dby-svg/how-it-works-upload.svg");
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-how-it-works__step__icon {
    margin-right: 24px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-how-it-works__step {
    padding: 32px 24px;
  }
}
.content-artwork-tips-dielines-when-is-it-better {
  overflow-x: hidden;
}
.content-artwork-tips-dielines-when-is-it-better__description {
  margin: 0 auto;
  max-width: 504px;
}
.content-artwork-tips-dielines-when-is-it-better__description__spacer {
  display: none;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__description__spacer {
    display: block;
    margin-bottom: 2px;
  }
}
.content-artwork-tips-dielines-when-is-it-better__headline {
  margin-bottom: 8px;
}
.content-artwork-tips-dielines-when-is-it-better__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 68px;
  margin-top: 48px;
}
.content-artwork-tips-dielines-when-is-it-better__grid .slick-track {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.content-artwork-tips-dielines-when-is-it-better__grid .slick-track .slick-slide {
  height: auto;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__grid {
    margin-top: 24px;
  }
}
.content-artwork-tips-dielines-when-is-it-better__situation__image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 24px;
}
.content-artwork-tips-dielines-when-is-it-better__situation__image img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__situation__image {
    margin-bottom: 20px;
  }
}
.content-artwork-tips-dielines-when-is-it-better__situation__description {
  text-align: center;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__situation__description {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__situation + .content-artwork-tips-dielines-when-is-it-better__situation {
    margin-left: 16px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__situation {
    width: 296px;
    padding: 24px 16px;
    border: 1px solid #e7e7e7;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better__situation {
    width: 244px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-when-is-it-better {
    padding: 48px 0;
  }
  .content-artwork-tips-dielines-when-is-it-better__headline, .content-artwork-tips-dielines-when-is-it-better__description {
    padding-left: 16px;
    padding-right: 16px;
  }
  .content-artwork-tips-dielines-when-is-it-better__grid {
    padding-left: 16px;
  }
}
.content-artwork-tips-dielines-requirements {
  background-color: #440d52;
  color: #fff;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__headline {
    text-align: left;
  }
}
.content-artwork-tips-dielines-requirements__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__grid {
    display: block;
  }
}
.content-artwork-tips-dielines-requirements__requirement {
  display: -ms-flexbox;
  display: flex;
}
.content-artwork-tips-dielines-requirements__requirement__icon {
  width: 24px;
  padding-right: 16px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
}
.content-artwork-tips-dielines-requirements__requirement__icon img {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__requirement__icon {
    display: none;
  }
}
.content-artwork-tips-dielines-requirements__requirement__info {
  max-width: 196px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__requirement__info {
    max-width: none;
    max-width: initial;
  }
}
.content-artwork-tips-dielines-requirements__requirement__label {
  margin-bottom: 8px;
}
.content-artwork-tips-dielines-requirements__requirement__description {
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__requirement__description {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-requirements__requirement + .content-artwork-tips-dielines-requirements__requirement {
    margin-top: 24px;
  }
}
.content-artwork-tips-dielines-download-dieline {
  position: relative;
  padding: 0 48px;
}
.content-artwork-tips-dielines-download-dieline-inner {
  padding: 96px 0;
  width: 1184px;
  margin: 96px auto 64px auto;
  max-width: 100%;
  background-color: #f8f8f8;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-download-dieline-inner {
    background-image: url(ph-dsl-assets/01_b5ac2699f7ca2c5321700193d612f89a.svg);
    background-repeat: no-repeat;
    background-size: auto 217px;
    background-position: bottom 5px right -150px;
    margin-top: 48px;
    margin-bottom: 24px;
    padding: 48px 16px;
  }
}
.content-artwork-tips-dielines-download-dieline__shape {
  position: absolute;
  top: 40px;
  left: 50%;
  background-image: url(ph-dsl-assets/01_b5ac2699f7ca2c5321700193d612f89a.svg);
  background-repeat: no-repeat;
  background-position: 150px 50%;
  width: 50%;
  height: 435px;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-download-dieline__shape {
    display: none;
  }
}
.content-artwork-tips-dielines-download-dieline__headline {
  margin-bottom: 8px;
}
.content-artwork-tips-dielines-download-dieline__grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-download-dieline__grid {
    display: block;
  }
}
.content-artwork-tips-dielines-download-dieline__content {
  grid-column-start: 2;
  grid-column-end: 5;
  max-width: 100%;
  text-align: left;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-download-dieline__content {
    width: 374px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.content-artwork-tips-dielines-download-dieline__label {
  margin-bottom: 8px;
  margin-top: 16px;
}
.content-artwork-tips-dielines-download-dieline__select {
  margin-bottom: 16px;
}
.content-artwork-tips-dielines-download-dieline__menu-wrap {
  z-index: 100;
}
@media (max-width: 992px) {
  .content-artwork-tips-dielines-download-dieline {
    padding: 0;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.page {
  width: 100%;
}
.page--full-height {
  height: 100%;
}
.page--full-height-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1;
      flex: 1 1;
  min-height: 100vh;
}

.header-wrapper {
  position: relative;
  z-index: 2;
}

.main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 0 96px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.main--no-padding {
  padding: 0;
}
.main--small-padding {
  padding: 64px 0 0;
}
.main--medium-padding {
  padding: 104px 0 96px;
}
.main--full-height {
  height: 100%;
}
.main--full-height-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1;
      flex: 1 1;
}

.inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}
.inner:not(:last-child) {
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .inner:not(:last-child) {
    padding-bottom: 16px;
  }
}

.inner--small {
  max-width: 536px;
}

.inner--big {
  max-width: 1184px;
  padding: 0;
}

.inner--large {
  max-width: 1472px;
}

.section {
  width: 100%;
}
.section--full-height {
  height: 100%;
}
.section--full-height-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1;
      flex: 1 1;
}
.section:not(:last-child) {
  padding-bottom: 40px;
}

.wrapper {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: 5fr 3fr;
}
.wrapper--symmetrical {
  grid-template-columns: 4fr 4fr;
}

.row {
  width: 100%;
}
.row:not(:last-child) {
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .row:not(:last-child) {
    padding-bottom: 16px;
  }
}

.sidebar {
  width: 100%;
}

.content {
  width: 100%;
}
.content:not(:last-child) {
  padding-bottom: 0;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .content:not(:last-child) {
    padding-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .main {
    padding: 80px 0 24px;
  }
  .main--no-padding {
    padding: 0;
  }
  .main--small-padding {
    padding: 64px 0 0;
  }

  .wrapper {
    display: block;
  }

  .section:not(:last-child) {
    padding-bottom: 16px;
  }

  .sidebar--mobile-reversed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .sidebar--mobile-reversed .row {
    padding-bottom: 16px;
  }
  .sidebar--mobile-reversed .row:first-child {
    padding-bottom: 0;
  }

  .sidebar--mobile-hidden {
    display: none;
  }
}
.page-404 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .page-404 {
    padding: 24px 0 0;
    margin: 0 0 24px;
  }
}

.page-404__action {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .page-404__action {
    margin-top: 16px;
  }
}

.page-404__inner {
  width: 1024px;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .page-404__inner {
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
  }
}

.page-404__content {
  color: #2f2f2f;
  grid-column: 2/6;
}

.page-404__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 992px) {
  .page-404__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.page-404__description {
  margin: 8px 0 0;
}

.page-404__illustration {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 634px;
  height: 536px;
  background-image: url(ph-dsl-assets/funky-monsters-shocked_abf6e7f715b49f1ffa743ad0e22c383e.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}
@media (max-width: 992px) {
  .page-404__illustration {
    top: -67px;
    bottom: unset;
    width: 96px;
    height: 124px;
    background-image: url(ph-dsl-assets/404-mobile_6681657346b55aae3a1db16648da08d5.svg);
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.page-unsubscribe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}
@media (max-width: 992px) {
  .page-unsubscribe {
    padding: 24px 0 0;
    margin: 0 0 24px;
  }
}

.page-unsubscribe__action {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .page-unsubscribe__action {
    margin-top: 16px;
  }
}

.page-unsubscribe__inner {
  width: 1024px;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .page-unsubscribe__inner {
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
  }
}

.page-unsubscribe__content {
  color: #2f2f2f;
  grid-column: 2/6;
}

.page-unsubscribe__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 992px) {
  .page-unsubscribe__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.page-unsubscribe__description {
  margin: 8px 0 0;
}

.page-unsubscribe__illustration {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 634px;
  height: 536px;
  background-image: url(ph-dsl-assets/funky-monsters-shocked_abf6e7f715b49f1ffa743ad0e22c383e.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
}
@media (max-width: 992px) {
  .page-unsubscribe__illustration {
    top: -67px;
    bottom: unset;
    width: 96px;
    height: 124px;
    background-image: url(ph-dsl-assets/404-mobile_6681657346b55aae3a1db16648da08d5.svg);
  }
}

/*
@prettier
*/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.page-legal-content {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  margin-bottom: 96px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  color: #2f2f2f;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .page-legal-content {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-legal-content .arrow-left {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.page-legal-content .arrow-left:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xNi4wNjggNy4wMDFMMTcuOTUzIDVsNS42NTYgNmExLjQ3NCAxLjQ3NCAwIDAxMCAybC01LjY1NiA2LTEuODg1LTIgMy4zOC0zLjU4Nkgwdi0yLjgyOGgxOS40NDhsLTMuMzgtMy41ODV6IiBpZD0iYSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC01KSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iIzJmMmYyZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiMwMDAwMDAiIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjwvZz48L2c+PC9zdmc+) center no-repeat;
  background-size: 10px;
  width: 12px;
  height: 12px;
}
.page-legal-content .arrow-left:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #2f2f2f;
  position: absolute;
  bottom: 6px;
  right: 0;
  z-index: -1;
}
.page-legal-content .arrow-left:hover:after {
  background: none;
}
.page-legal-content h2 {
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  margin-bottom: 8px;
}
.page-legal-content p {
  margin-bottom: 8px;
}
.page-legal-content p + p {
  margin-top: 24px;
}
.page-legal-content a {
  position: relative;
  display: contents;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-word;
  cursor: pointer;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  text-decoration: none;
  text-decoration: underline;
  color: #2f2f2f;
}
.page-legal-content a * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-legal-content a:hover {
  text-decoration: none;
}
.page-legal-content a.active:hover, .page-legal-content a:active:hover {
  text-decoration: none;
}
.page-legal-content b,
.page-legal-content strong {
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
.page-legal-content ul {
  padding-left: 24px;
}
.page-legal-content ul li {
  margin: 0;
}
.page-legal-content ol {
  counter-reset: item;
  list-style-position: inside;
  margin: 0;
}
.page-legal-content ol li {
  display: block;
  margin: 8px 0;
}
.page-legal-content ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.page-legal-content ol li h2 {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.page-legal-content ol > li {
  margin: 24px 0;
}
.page-legal-content ol > li ul li,
.page-legal-content ol > li ol li {
  margin: 8px 0;
}
.page-legal-content li > ul, .page-legal-content li > ol {
  margin-left: 24px;
}
@media (max-width: 992px) {
  .page-legal-content li > ul, .page-legal-content li > ol {
    margin-left: 16px;
  }
}
.page-legal-content ol > li:before {
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
.page-legal-content ol > li ol li:before,
.page-legal-content ol > li ul li:before {
  font-weight: 400;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
@media (max-width: 992px) {
  .page-legal-content {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

.page-legal-content__wrapper {
  width: calc(764px + 16px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
}

.page-legal-content__title {
  font-size: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 48px;
  margin: 40px 0;
}
@media (max-width: 992px) {
  .page-legal-content__title {
    font-size: 24px;
    line-height: 32px;
    margin: 16px 0;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-needs-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 560px;
}
@media (max-width: 992px) {
  .pro-needs-container {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 24px 0;
    height: auto;
  }
}

.pro-needs-content {
  min-width: 432px;
}
@media (max-width: 992px) {
  .pro-needs-content {
    padding: 0 16px;
    min-width: 160px;
    width: 100%;
  }
}

.pro-needs-header {
  margin-bottom: 8px;
}

.pro-needs-subheader {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .pro-needs-subheader {
    margin-bottom: 16px;
  }
}

.pro-needs-thumb-wrapper {
  position: relative;
  /* width: 100%; */
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .pro-needs-thumb-wrapper {
    display: block;
    padding-top: 48px;
    height: 400px;
  }
}
@media (min-width: 993px) {
  .pro-needs-thumb-wrapper {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}

.pro-needs-thumb--desktop {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-height: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .pro-needs-thumb--desktop {
    display: none;
  }
}

.pro-needs-thumb--mobile {
  position: absolute;
  top: 48px;
  left: 0;
  display: block;
  z-index: -1;
  width: 100%;
}
@media (min-width: 993px) {
  .pro-needs-thumb--mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  .pro-needs-container .pro-needs-header {
    font-size: 32px;
    line-height: 40px;
  }
  .pro-needs-container .pro-needs-subheader {
    font-size: 16px;
    line-height: 24px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-services {
  position: relative;
}

.pro-services__top-heading {
  position: relative;
  margin-top: 24px;
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .pro-services__top-heading {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.pro-services__divider {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(calc(-100% - 88px), -50%);
          transform: translate(calc(-100% - 88px), -50%);
  width: 200px;
  height: 2px;
  background: #2f2f2f;
}
@media (max-width: 992px) {
  .pro-services__divider {
    display: none;
  }
}

.pro-services__shape-left {
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  .pro-services__shape-left {
    display: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-eco {
  padding: 120px 0;
}
@media (max-width: 992px) {
  .pro-eco {
    padding: 64px 16px;
  }
}

.pro-eco__title {
  margin-bottom: 8px;
}

.pro-eco__content-wrapper {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 992px) {
  .pro-eco__content-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.pro-eco__header-wrapper {
  position: relative;
}

.pro-eco__header {
  padding-right: 104px;
}
@media (max-width: 992px) {
  .pro-eco__header {
    padding-right: 64px;
    margin-bottom: 16px;
  }
}

.pro-eco__shape {
  position: absolute;
  top: -8px;
  left: 324px;
  max-width: 144px;
  z-index: -1;
}
@media (max-width: 992px) {
  .pro-eco__shape {
    display: none;
  }
}

.pro-eco__shape--mobile {
  position: absolute;
  top: -16px;
  right: -16px;
}
@media (min-width: 993px) {
  .pro-eco__shape--mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  .pro-eco .pro-eco__header {
    font-size: 32px;
    line-height: 40px;
  }
  .pro-eco .pro-eco__description {
    font-size: 16px;
    line-height: 24px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-customer {
  padding: 120px 0;
  border-top: 2px solid #2f2f2f;
  text-align: center;
}
@media (max-width: 992px) {
  .pro-customer {
    padding: 0 16px 80px;
    border-top: none;
  }
}

@media (max-width: 992px) {
  .pro-customer__heading {
    padding-top: 64px;
    border-top: 1px solid #2f2f2f;
    text-align: left;
  }
}

.pro-customer__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .pro-customer__header {
    font-size: 32px;
    line-height: 40px;
  }
}

.pro-customer__subheader {
  color: #949494;
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .pro-customer__subheader {
    margin-bottom: 64px;
  }
}

.pro-customer__list {
  display: grid;
  -ms-flex-align: self-start;
      align-items: self-start;
  grid-gap: 52px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .pro-customer__list {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 64px;
  }
}

.pro-customer__card {
  border: 1px solid #2f2f2f;
  padding: 4px 24px 24px 24px;
}
.pro-customer__card__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #ffffff;
}
.pro-customer__card__quote {
  margin: -24px 0 16px;
}

@media (max-width: 992px) {
  .pro-customer .pro-customer__header {
    font-size: 32px;
    line-height: 40px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-professionals {
  text-align: center;
  padding: 120px 0;
  border-top: 1px solid #2f2f2f;
}
@media (max-width: 992px) {
  .pro-professionals {
    padding: 0 16px 64px;
    text-align: left;
    border-top: none;
  }
}

.pro-professionals__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .pro-professionals__header {
    border-top: 1px solid #2f2f2f;
    padding-top: 64px;
  }
}

.pro-professionals__subheader {
  color: #949494;
  margin-bottom: 24px;
}

.pro-professionals__points {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .pro-professionals__points {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-bottom: 24px;
  }
}

.pro-professionals__point {
  margin: 0 12px;
}
@media (max-width: 992px) {
  .pro-professionals__point {
    margin: 0 0 8px;
  }
}
@media (min-width: 993px) {
  .pro-professionals__point:first-of-type {
    margin-left: 0;
  }
  .pro-professionals__point:last-of-type {
    margin-right: 0;
  }
}

.pro-professionals__point-icon {
  margin-right: 16px;
}

.pro-professionals__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}
@media (max-width: 992px) {
  .pro-professionals__list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 24px;
  }
}

.pro-professionals__card__thumb {
  margin-bottom: 24px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .pro-professionals__card__thumb {
    margin-bottom: 16px;
  }
}

@media (max-width: 992px) {
  .pro-professionals .pro-professionals__header {
    font-size: 32px;
    line-height: 40px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-seo-content {
  position: relative;
}
@media (max-width: 992px) {
  .pro-seo-content {
    padding: 0 16px;
  }
}

.pro-seo-content__inner {
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  border-top: 2px solid #2f2f2f;
  padding: 120px 0;
}
@media (max-width: 992px) {
  .pro-seo-content__inner {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 48px;
    padding: 80px 0;
  }
}

.pro-seo-content__header {
  margin-bottom: 8px;
}

.pro-seo-content__shape-left {
  position: absolute;
  bottom: 160px;
  left: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  .pro-seo-content__shape-left {
    display: none;
  }
}

.pro-seo-content__shape-right {
  position: absolute;
  bottom: 440px;
  right: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  .pro-seo-content__shape-right {
    display: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-contact {
  padding: 40px 0 160px;
  text-align: center;
  border-bottom: 2px solid #2f2f2f;
}
@media (max-width: 992px) {
  .pro-contact {
    padding: 0 16px 80px;
  }
}

.pro-contact__header {
  max-width: 480px;
  margin: 0 auto 24px;
}
@media (max-width: 992px) {
  .pro-contact__header {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .pro-contact .pro-contact__header {
    font-size: 24px;
    line-height: 32px;
  }
  .pro-contact .pro-contact__cta {
    font-size: 16px;
    line-height: 16px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.pro-display {
  padding: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #131415;
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .pro-display {
    padding: 32px 24px 24px;
    margin-bottom: 24px;
  }
}
@media (min-width: 993px) {
  .pro-display {
    overflow: hidden;
  }
}

.pro-display__content {
  max-width: 50%;
  min-width: 50%;
  padding-right: 80px;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  .pro-display__content {
    max-width: 100%;
    padding-right: 0;
  }
}

.pro-display__header {
  margin-bottom: 8px;
}

.pro-display__subheader {
  margin-bottom: 32px;
  color: #949494;
}

@media (max-width: 992px) {
  .pro-display__list {
    margin-bottom: 8px;
  }
}

.pro-display__list-item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -ms-flex-align: start;
      align-items: flex-start;
}

.pro-display__list-item__icon {
  max-width: 24px;
  margin-right: 16px;
}

@media (max-width: 992px) {
  .pro-display__list-item__content {
    padding: 0;
  }
}

.pro-display__thumb_wrapper {
  max-width: 50%;
  min-width: 50%;
}
@media (max-width: 992px) {
  .pro-display__thumb_wrapper {
    max-width: 100%;
    margin-bottom: 48px;
  }
}

.pro-display__cta {
  margin-bottom: 72px;
}
@media (max-width: 992px) {
  .pro-display__cta {
    margin-bottom: 48px;
  }
}

.pro-display__quote {
  width: 100%;
  padding: 40px 16px;
  text-align: center;
  background: #171819;
  z-index: 1;
}
@media (max-width: 992px) {
  .pro-display__quote {
    padding: 24px 16px;
  }
}

.pro-display__quote__main {
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .pro-display__quote__main {
    margin-bottom: 24px;
  }
}

.pro-display__quote__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .pro-display__thumb--desktop {
    display: none;
  }
}
@media (min-width: 993px) {
  .pro-display__thumb--mobile {
    display: none;
  }
}
.pro-display__thumb_wrapper.thumb .pro-display__thumb--desktop {
  max-width: 400px;
}
.pro-display__thumb_wrapper.thumb .pro-display__thumb--mobile {
  max-width: 100%;
}

.pro-display__thumb_wrapper.background {
  position: relative;
}
@media (max-width: 992px) {
  .pro-display__thumb_wrapper.background {
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}
.pro-display__thumb_wrapper.background .pro-display__thumb--desktop.lazyloaded {
  position: absolute;
  top: 0;
  right: -65px;
}
.pro-display__thumb_wrapper.background .pro-display__thumb--mobile {
  width: calc(100% + 50px);
}

.pro-display__thumb_wrapper.mobile-overlap-left .pro-display__thumb--mobile {
  -webkit-transform: translateX(-48px);
          transform: translateX(-48px);
  height: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  .pro-display .pro-display__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.pro-display.pro-display__white {
  background: #ffffff;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.pro-display.pro-display__white .pro__border {
  border: none;
}
.pro-display.pro-display__white .pro-display__quote {
  background: #f8f8f8;
  color: #2f2f2f;
}
.pro-display.pro-display__white .pro-display__thumb_wrapper.thumb {
  text-align: right;
}

.pro__section--fluid {
  width: 100%;
  position: relative;
}

.pro__section {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .pro__section {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  .pro__section--mobile-wide {
    padding-left: 0;
    padding-right: 0;
  }
}

.pro__section--wide {
  max-width: 1184px;
}

.pro__border {
  border: 1px solid #2f2f2f;
  border-radius: 4px;
}

body.packhelp-theme-dark .headernavigation__wrapper {
  background: #2f2f2f;
  border-bottom: 1px solid #424242;
}
body.packhelp-theme-dark .link__navigation {
  color: #ffffff;
}
body.packhelp-theme-dark .packhelpfooter__content {
  border-top: none;
  color: #ffffff;
  background: #131415;
}
body.packhelp-theme-dark .packhelpfooter__content .link__base,
body.packhelp-theme-dark .packhelpfooter__content .copysection__text {
  color: #ffffff;
}
body.packhelp-theme-dark .expandablesection__icon {
  fill: #ffffff;
}
body.packhelp-theme-dark .mediasection__wrapper {
  background: #171819;
}
body.packhelp-theme-dark .region-switcher-bar {
  border-bottom: 1px solid #131415;
}
body.packhelp-theme-dark .socialmediaicons__icon g {
  fill: #949494;
}
body.packhelp-theme-dark #trupilotFooterMountPoint {
  display: none;
}
@media (min-width: 993px) {
  body.packhelp-theme-dark .content-area {
    overflow-x: hidden;
  }
}

.packaging-supplies .pro-contact {
  border-bottom: none;
}
.packaging-supplies .pro-seo-content img,
.packaging-supplies .pro-eco img {
  display: none;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.product-page__section--reviews .sectionheader__header {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .product-page__section--photo-grid .section__container, .product-page__section--photo-grid .photogrid__wrapper {
    padding: 0;
  }
  .product-page__section--photo-grid .photogrid__content {
    padding: 0 16px;
  }
}
.feature-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  margin: 0 auto 232px;
  color: #2f2f2f;
}
.feature-banner:last-of-type {
  margin-bottom: 92px;
}

.feature-banner.reverse {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.feature-banner.reverse .feature-banner__content {
  padding: 16px 64px 16px 140px;
}
.feature-banner.reverse .feature-banner__main-image-title {
  left: auto;
  right: 8px;
  text-align: right;
}
.feature-banner.reverse .feature-banner__main-image__shape {
  content: "";
  position: absolute;
  top: -80px;
  right: -52px;
  z-index: -1;
  width: 434px;
  max-width: 100%;
}

.feature-banner__content {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 576px;
  padding: 16px 140px 16px 64px;
}

.feature-banner__main-image {
  position: relative;
  width: 50%;
  display: -ms-flexbox;
  display: flex;
}

.feature-banner__main-image-title {
  position: absolute;
  left: 8px;
  bottom: -32px;
}

.feature-banner__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 16px;
}
.feature-banner__heading > img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.feature-banner__title {
  margin-bottom: 0;
}

.feature-banner__header {
  margin-bottom: 8px;
}

.feature-banner__description {
  margin-bottom: 24px;
}
.feature-banner__description p {
  margin-bottom: 24px;
}
.feature-banner__description p:last-of-type {
  margin-bottom: 0;
}
.feature-banner__description a {
  color: #2f2f2f;
}

@media (min-width: 992px) {
  .feature-banner .feature-banner__main-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: 8px;
  }

  .feature-banner.reverse .feature-banner__main-image img {
    margin-left: auto;
    margin-right: 8px;
  }
}
@media (max-width: 992px) {
  .feature-banner, .feature-banner.reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    margin-bottom: 48px;
  }
  .feature-banner .feature-banner__content,
.feature-banner .feature-banner__main-image, .feature-banner.reverse .feature-banner__content,
.feature-banner.reverse .feature-banner__main-image {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .feature-banner .feature-banner__content, .feature-banner.reverse .feature-banner__content {
    padding: 16px;
    margin: 0 auto;
  }
  .feature-banner:last-of-type {
    margin-bottom: 0;
  }

  .feature-banner__main-image {
    padding: 0 16px;
  }
  .feature-banner__main-image img {
    width: 100%;
    height: auto;
  }

  .feature-banner__main-image-title {
    display: none;
  }

  .feature-banner__main-image__shape {
    display: none;
  }

  .feature-banner__cta {
    padding: 16px;
    font-size: 24px;
    line-height: 32px;
  }
}
.product-page__section.product-page__section--qr-process {
  margin-bottom: 48px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.product-specification-colors {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.product-specification-color {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.product-specification-color__dot {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e7e7e7;
}
.product-specification-color + .product-specification-color {
  margin-left: 24px;
}

.qr-steps__wrapper {
  padding: 56px;
  background-image: url("/img/components/steps/paperplane.svg");
  background-position: right bottom 16px;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
}

.qr-steps__header {
  margin-bottom: 40px;
}

.qr-steps__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 24px;
}

.qr-steps__item {
  width: 30%;
}

.qr-step__item--description {
  padding-top: 8px;
}

@media (max-width: 992px) {
  .qr-steps__wrapper {
    padding: 40px 24px;
    text-align: center;
    background: #f8f8f8;
  }

  .qr-steps__wrapper .steps__header {
    font-size: 24px;
    line-height: 32px;
  }

  .qr-steps__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .qr-steps__item {
    width: 100%;
  }
  .qr-steps__item:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
.page-template-page-single-product {
  overflow-x: hidden;
}
.page-template-page-single-product .section__container {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .page-template-page-single-product .section__container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-template-page-single-product .section__container--no-pading {
  padding: 0;
}

.product-page__section {
  width: 100%;
  margin-bottom: 10rem;
}
@media (max-width: 992px) {
  .product-page__section--product-banners-wrapper {
    padding-bottom: 0;
  }
}
.product-page__section--power-feature {
  margin-bottom: 176px;
}
.product-page__section--multimedia-placeholder {
  background-color: #f8f8f8;
  margin: 0 0 160px;
  padding: 96px 0;
}
@media (max-width: 992px) {
  .product-page__section--multimedia-placeholder {
    padding: 48px 0;
    overflow: hidden;
  }
}
.product-page__section--bullets {
  margin-top: 0;
  margin-bottom: 40px;
}
.product-page__section--reviews {
  margin-bottom: 160px;
}
.product-page__section--case-studies .section__container {
  max-width: 74rem;
}
@media (max-width: 992px) {
  .product-page__section--case-studies .section__container {
    background-color: #f8f8f8;
    overflow: hidden;
  }
}
.product-page__section--faq {
  margin: 96px auto;
}
.product-page__section--subscription {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .product-page__section--subscription {
    margin-bottom: 24px;
  }
}
@media (max-width: 992px) {
  .product-page__section {
    margin-bottom: 48px;
  }
}
.product-page__section--no-margin {
  margin-top: 0;
}
@media (max-width: 992px) {
  .product-page__section--no-margin {
    margin-top: 0;
  }
}
.product-page__section .product-faq,
.product-page__section .product-specification {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .product-page__section .product-faq,
.product-page__section .product-specification {
    width: 100%;
  }
}
.product-page__section .product-specification .sectionheader__header,
.product-page__section .product-faq .sectionheader__header {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-page__section .product-specification .sectionheader__header,
.product-page__section .product-faq .sectionheader__header {
    margin-bottom: 16px;
  }
}

/** @prettier **/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/** @prettier **/
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.homepage, .inspirations-handbook {
  width: 100%;
  overflow: hidden;
}

.homepage__section, .inspirations-handbook__section {
  width: 100%;
  position: relative;
  z-index: 2;
}

.homepage mark[data-animate], .inspirations-handbook mark[data-animate] {
  background-size: 0 8px;
  -webkit-transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
  transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
}
.homepage mark[data-animate].animate, .inspirations-handbook mark[data-animate].animate {
  background-size: 100% 8px;
}

.homepage mark[data-animate], .inspirations-handbook mark[data-animate] {
  background-size: 0 8px;
  -webkit-transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
  transition: cubic-bezier(0.12, 0.4, 0, 1) 1.6s background-size;
}
.homepage mark[data-animate].animate, .inspirations-handbook mark[data-animate].animate {
  background-size: 100% 8px;
}

.inspirations-handbook-not-a-customer__heading, .handbook-story-intro__heading, .handbook-more__heading, .handbook-rewards__list-item b, .handbook-rewards__heading, .inspirations-handbook-header__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}

@media (min-width: 993px) {
  .inspirations-handbook__section--header {
    margin-top: 96px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--header {
    margin-top: 24px;
  }
}

.inspirations-handbook-header__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 993px) {
  .inspirations-handbook-header__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-header__content {
    text-align: center;
    grid-column: 3/7;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-header__content {
    width: 100%;
  }
}

.inspirations-handbook-header__heading {
  color: #2f2f2f;
}
@media (min-width: 993px) {
  .inspirations-handbook-header__heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-header__heading {
    font-size: 32px;
    line-height: 40px;
  }
}

.inspirations-handbook-header__copy {
  margin-top: 16px;
  color: #2f2f2f;
  font-weight: 400;
}
@media (min-width: 993px) {
  .inspirations-handbook-header__copy {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-header__copy {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-header__action {
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-header__action {
    margin-top: 16px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .inspirations-handbook-header__action {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook__section--slides {
    margin-top: 96px;
    padding: 0 24px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--slides {
    margin-top: 24px;
    padding: 0 16px;
  }
}

.inspirations-handbook-slides__wrapper {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
@media (max-width: 992px) {
  .inspirations-handbook-slides__wrapper {
    -ms-flex-align: center;
        align-items: center;
  }
}

.inspirations-handbook-slides:not(.inspirations-handbook-slidesinitialized) .inspirations-handbook-slides__item + .inspirations-handbook-slides__item {
  margin-left: 24px;
}

.inspirations-handbook-slides__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 3;
}
@media (min-width: 993px) {
  .inspirations-handbook-slides__item:nth-child(n+1) {
    margin-top: 24px;
  }
  .inspirations-handbook-slides__item:nth-child(2n) {
    margin-top: calc(40px);
  }
  .inspirations-handbook-slides__item:nth-child(3n) {
    margin-top: 16px;
  }
  .inspirations-handbook-slides__item:nth-child(4n) {
    margin-top: 0;
  }
  .inspirations-handbook-slides__item:nth-child(5n) {
    margin-top: calc(16px + 40px);
  }
  .inspirations-handbook-slides__item:nth-child(6n) {
    margin-top: 40px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-slides__item {
    width: 240px;
  }
}

.inspirations-handbook-slides__item:nth-child(5) {
  z-index: 2;
}
.inspirations-handbook-slides__item:nth-child(5)::before, .inspirations-handbook-slides__item:nth-child(5)::after {
  content: "";
  position: absolute;
  display: block;
}
.inspirations-handbook-slides__item:nth-child(5)::before {
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: -1;
  background: #ffffff;
  border: solid 1px #e7e7e7;
}
.inspirations-handbook-slides__item:nth-child(5)::after {
  left: -132px;
  top: -86px;
  width: 465px;
  height: 461px;
  z-index: -2;
  background-image: url("/img/images/inspirations-handbook/slides/splash.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 992px) {
  .inspirations-handbook-slides__item:nth-child(5)::after {
    left: -140px;
    top: -4px;
    width: 186px;
    height: 184px;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-slides__item--instagram {
    width: 240px;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-slides__item--facebook {
    width: 344px;
  }
}

@media (max-width: 992px) {
  .inspirations-handbook__section--slides {
    height: 200px;
  }

  .inspirations-handbook-slides__wrapper .inspirations-handbook-slides__item--instagram {
    max-width: 120px;
  }
  .inspirations-handbook-slides__wrapper .inspirations-handbook-slides__item--facebook {
    max-width: 172px;
  }
  .inspirations-handbook-slides__wrapper .inspirations-handbook-slides__item {
    max-height: 480px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__wrapper {
    max-height: 200px;
    padding: 8px 8px 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__actions__icon {
    height: 8px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__placeholder {
    width: 80px;
    height: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__placeholder + .inspirations-handbook-slides__wrapper .inspirationssocialpost__placeholder {
    margin-top: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header {
    grid-template-columns: 16px 1fr;
    overflow: hidden;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header__avatar {
    width: 16px;
    height: 16px;
    padding: 3px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header__icon {
    width: 6px;
    height: 6px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header__name {
    font-size: 6px;
    line-height: 12px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header__summary {
    height: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__header__copy {
    font-size: 7px;
    line-height: 12px;
    padding-top: 0;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__content {
    margin-top: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__content__title {
    font-size: 5px;
    line-height: 8px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__content__copy {
    padding: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__content__title {
    margin-bottom: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__footer {
    margin-top: 4px;
  }
  .inspirations-handbook-slides__wrapper .inspirationssocialpost__like-box {
    font-size: 5px;
    line-height: 8px;
  }
}
@media (min-width: 993px) {
  .inspirations-handbook__section--steps {
    margin-top: 96px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--steps {
    margin-top: 24px;
  }
}

.inspirations-handbook-steps__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .inspirations-handbook-steps__inner {
    max-width: 1056px;
    margin: 0 auto;
  }
}
@media (min-width: 993px) {
  .inspirations-handbook-steps__inner {
    background-color: #f8f8f8;
  }
}

/** @prettier */
.inspirations-handbook__section--reward {
  --splash-offset-x: 0;
  --splash-offset-y: 16px;
}
@media (min-width: 993px) {
  .inspirations-handbook__section--reward {
    margin-top: 160px;
    --splash-offset-x: 103px;
    --splash-offset-y: 19px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--reward {
    margin-top: 40px;
  }
}

.inspirations-handbook-reward__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  grid-template-rows: auto;
  position: relative;
}
@media (min-width: 993px) {
  .inspirations-handbook-reward__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}
@media (min-width: 993px) {
  .inspirations-handbook-reward__inner {
    padding-top: var(--splash-offset-y);
  }
}

.inspirations-handbook-reward__inner::before {
  content: "";
  display: block;
  width: 412px;
  height: 409px;
  background-image: url("/img/images/inspirations-handbook/reward/splash.svg");
  position: absolute;
  left: calc(-1 * var(--splash-offset-x));
  top: calc(-1 * var(--splash-offset-y));
}

.inspirations-handbook-reward__image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) and (min-width: 768px) {
  .inspirations-handbook-reward__image {
    max-width: 504px;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-reward__image--rewards {
    grid-row: 1/2;
    grid-column: 1/5;
    margin-top: 40px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-reward__image--rewards {
    margin-top: 24px;
    -ms-flex-order: 3;
        order: 3;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-reward__image--more {
    grid-row: 1/3;
    grid-column: 5/9;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-reward__image--more {
    -ms-flex-order: 0;
        order: 0;
  }
}

.inspirations-handbook-reward__rewards {
  position: relative;
  z-index: 2;
}
@media (min-width: 993px) {
  .inspirations-handbook-reward__rewards {
    grid-column: 1/5;
    grid-row: 2/4;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-reward__rewards {
    width: 100%;
    -ms-flex-order: 1;
        order: 1;
  }
}

.inspirations-handbook-reward__more {
  position: relative;
  z-index: 2;
}
@media (min-width: 993px) {
  .inspirations-handbook-reward__more {
    grid-row: 3/4;
    grid-column: 5/9;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-reward__more {
    width: 100%;
    -ms-flex-order: 2;
        order: 2;
  }
}

@media (min-width: 993px) {
  .handbook-rewards__heading {
    font-size: 72px;
    line-height: 80px;
    margin-top: 40px;
    padding-right: 48px;
  }
}
@media (max-width: 992px) {
  .handbook-rewards__heading {
    margin-top: 16px;
    font-size: 40px;
    line-height: 48px;
  }
}

.handbook-rewards__list {
  list-style: none;
}
@media (min-width: 993px) {
  .handbook-rewards__list {
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .handbook-rewards__list {
    margin-top: 16px;
  }
}

.handbook-rewards__list-item {
  position: relative;
}
@media (min-width: 993px) {
  .handbook-rewards__list-item {
    font-size: 24px;
    line-height: 32px;
    padding-left: 40px;
  }
}
@media (max-width: 992px) {
  .handbook-rewards__list-item {
    font-size: 16px;
    line-height: 24px;
    padding-left: 32px;
  }
}
.handbook-rewards__list-item::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/img/images/inspirations-handbook/reward/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media (min-width: 993px) {
  .handbook-rewards__list-item + .handbook-rewards__list-item {
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .handbook-rewards__list-item + .handbook-rewards__list-item {
    margin-top: 16px;
  }
}

@media (min-width: 993px) {
  .handbook-more__heading {
    font-size: 32px;
    line-height: 40px;
    margin-top: 48px;
  }
}
@media (max-width: 992px) {
  .handbook-more__heading {
    font-size: 24px;
    line-height: 32px;
    margin-top: 16px;
  }
}

@media (min-width: 993px) {
  .handbook-more__copy {
    font-size: 24px;
    line-height: 32px;
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .handbook-more__copy {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }
}

.handbook-more__action {
  margin-top: 16px;
}
@media (max-width: 992px) and (min-width: 768px) {
  .handbook-more__action {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

/** @prettier */
@media (min-width: 993px) {
  .inspirations-handbook__section--story {
    margin-top: 160px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--story {
    margin-top: 48px;
    padding-bottom: 16px;
  }
}

.inspirations-handbook-story {
  --dots-layer: -2;
}

.inspirations-handbook-story::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  background-color: #f8f8f8;
  z-index: calc(var(--dots-layer) + 1);
}
@media (min-width: 993px) {
  .inspirations-handbook-story::before {
    width: 1648px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-story::before {
    width: 100%;
  }
}

.inspirations-handbook-story__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 993px) {
  .inspirations-handbook-story__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}

.inspirations-handbook-story__inner::after {
  display: block;
  position: absolute;
  z-index: var(--dots-layer);
  width: 516px;
  height: 482px;
  bottom: -152px;
  right: -272px;
  background-image: url("/img/images/inspirations-handbook/tell-story/dots@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 993px) {
  .inspirations-handbook-story__inner::after {
    content: "";
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-story__intro {
    padding-top: 40px;
    margin-top: 40px;
    grid-column: 1/5;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-story__intro {
    width: 100%;
    padding-top: 16px;
    margin-top: 16px;
  }
}

@media (min-width: 993px) {
  .handbook-story-intro__heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 992px) {
  .handbook-story-intro__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.handbook-story-intro__copy {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.handbook-story-intro__action {
  margin-top: 16px;
}
@media (max-width: 992px) and (min-width: 768px) {
  .handbook-story-intro__action {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.inspirations-handbook-story__testimonials {
  width: 100%;
  margin: 0 auto;
  --tablet-spacing: 24px;
  --item-spacing: 24px;
}
@media (min-width: 993px) {
  .inspirations-handbook-story__testimonials {
    margin-top: calc(40px - var(--item-spacing));
    grid-column: 1/9;
    display: inline-block;
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-story__testimonials {
    margin-top: 24px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .inspirations-handbook-story__testimonials {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    margin-bottom: calc(-1 * var(--tablet-spacing) / 2);
  }
}
@media (max-width: 767px) {
  .inspirations-handbook-story__testimonials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 16px;
  }
}

.handbook-testimonials__item-wrapper {
  display: inline-block;
  width: 100%;
}
@media (min-width: 993px) {
  .handbook-testimonials__item-wrapper {
    margin: var(--item-spacing) 0;
    max-width: 307px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .handbook-testimonials__item-wrapper {
    margin-bottom: var(--tablet-spacing);
  }
}

@media (max-width: 767px) {
  .handbook-testimonials__item-wrapper + .handbook-testimonials__item-wrapper {
    margin-top: 24px;
  }
}

/** @prettier */
@media (min-width: 993px) {
  .inspirations-handbook__section--not-a-customer {
    margin-top: 96px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook__section--not-a-customer {
    margin-top: 48px;
  }
}

.inspirations-handbook-not-a-customer__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  position: relative;
}
@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}
@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__inner {
    padding-bottom: 96px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__inner {
    padding-bottom: 48px;
  }
}

.inspirations-handbook-not-a-customer__inner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  display: block;
  background-color: #e7e7e7;
}
@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__inner::after {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__inner::after {
    width: calc(100% - 32px);
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__content {
    grid-column: 3/7;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__heading {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
}

.inspirations-handbook-not-a-customer__copy {
  font-weight: 400;
  margin-top: 8px;
}
@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__copy {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__copy {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 993px) {
  .inspirations-handbook-not-a-customer__action {
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .inspirations-handbook-not-a-customer__action {
    margin-top: 16px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .inspirations-handbook-not-a-customer__action {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .inspirations-handbook-not-a-customer__action {
    width: 100%;
  }
}

.impressum {
  color: #2f2f2f;
}
.impressum .zsh-text {
  letter-spacing: 0.025rem;
}
.impressum__header {
  padding: 96px 0;
}
.impressum__header .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.impressum__header__title {
  color: #2f2f2f;
  font-size: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 48px;
  margin: 0;
}
.impressum__header__subtitle {
  color: #2f2f2f;
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.impressum__header__email {
  color: #2f2f2f;
  padding-top: 16px;
  text-decoration: underline;
}
.impressum__header__email:hover {
  color: #2f2f2f;
}
.impressum__info {
  padding: 0 128px;
  margin-bottom: 96px;
}
.impressum__info .d-flex {
  background-color: #f8f8f8;
  margin: 0 40px;
  padding: 0 80px;
  position: relative;
}
.impressum__info__image {
  position: absolute;
  bottom: 0;
  top: 52px;
  left: -17.5px;
}
.impressum__info__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.impressum__info__text-block {
  margin: 81px 114px 96px 0;
  width: 374px;
}
.impressum__info__title {
  font-size: 32px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 0;
}
.impressum__info__subtitle {
  margin-top: 24px;
  line-height: 24px;
  font-size: 16px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
.impressum__info__description {
  line-height: 24px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 1350px) {
  .impressum__info__text-block {
    margin-right: 105px;
  }
}
@media screen and (max-width: 1200px) {
  .impressum__info {
    padding: 0;
    margin-bottom: 24px;
  }
  .impressum__info .container {
    width: 100%;
    padding: 0;
  }
  .impressum__info .d-flex {
    padding: 0 16px;
    margin: 0;
  }
  .impressum__info__image {
    display: none;
  }
  .impressum__info__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .impressum__info__text-block {
    margin: 48px 16px;
  }
}
@media screen and (max-width: 768px) {
  .impressum__header {
    padding: 24px 0;
  }
  .impressum__info {
    margin-bottom: 24px;
  }
  .impressum__info__wrapper {
    background: none;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .impressum__info__title {
    font-size: 24px;
  }
  .impressum__info__subtitle {
    margin-top: 24px;
    margin-bottom: 0;
  }
  .impressum__info__description {
    font-size: 16px;
    margin: 0;
  }
}
.thank-you {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.thank-you * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 992px) {
  .thank-you {
    padding: 16px;
  }
}
.thank-you .shape {
  width: 1024px;
}
@media (max-width: 992px) {
  .thank-you .shape {
    display: none;
  }
}
.thank-you .shape--left {
  position: absolute;
  top: calc(-46px - 64px);
  left: calc(50vw - 612px - 26px);
  background-image: url("/img/svg/shapes/compositions/05C.svg");
  width: 230px;
  height: 230px;
}
.thank-you .shape--right {
  position: absolute;
  top: calc(-204px - 64px);
  right: calc(50vw - 612px - 254px);
  background-image: url("/img/svg/shapes/compositions/03.svg");
  width: 480px;
  height: 448px;
}
.thank-you .text {
  width: 50%;
  min-width: 400px;
  max-width: 612px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 12px;
  color: #2f2f2f;
}
@media (max-width: 992px) {
  .thank-you .text {
    margin-top: -22px;
    min-width: 0;
    min-width: initial;
    width: 100%;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .thank-you .text__header {
    font-size: 32px;
    line-height: 40px;
  }
}
.thank-you .text__description {
  margin-top: -10px;
  text-align: center;
}
@media (max-width: 992px) {
  .thank-you .text__description {
    text-align: left;
    margin: -12px 0 16px 0;
  }
}
.thank-you .promo-card {
  margin: 40px 0 24px 0;
  width: 400px;
  padding: 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 992px) {
  .thank-you .promo-card {
    width: 100%;
    margin: 0;
    padding-top: 24px;
  }
}
.thank-you .promo-card--row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 992px) {
  .thank-you .promo-card--row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.thank-you .promo-card .line__base {
  margin: 17px 0 15px 0;
}
@media (max-width: 992px) {
  .thank-you .promo-card .line__base {
    margin-top: 23px;
  }
}
.thank-you .promo-code {
  margin-bottom: 6px;
  font-weight: 700;
  color: #2f2f2f;
}
.thank-you .promo-code--expired {
  color: #e34640;
  text-decoration: line-through;
}
.thank-you .action-buttons-container {
  margin-top: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  text-transform: capitalize;
}
.thank-you .action-buttons-container .copy-button-container {
  margin-right: 16px;
}
.thank-you .action-buttons-container .action-button--inactive, .thank-you .action-buttons-container .action-button--clicked {
  color: #949494;
}
.thank-you .action-buttons-container .tooltip {
  position: absolute;
  bottom: 35px;
  left: -12px;
}
.thank-you .action-buttons-container .tooltip__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.thank-you .action-buttons-container .tooltip--inactive {
  display: none;
}
.thank-you .action-buttons-container .tooltip .basetooltip__content {
  padding: 0 4px;
  white-space: nowrap;
}
.thank-you .terms-of-service {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 992px) {
  .thank-you .terms-of-service {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.thank-you .terms-of-service__see {
  color: #949494;
}
.thank-you .promo-info {
  max-width: 50%;
  color: #949494;
}
@media (max-width: 992px) {
  .thank-you .promo-info {
    text-align: center;
    max-width: 100%;
  }
}
.thank-you .shop-now-button {
  width: 400px;
  text-transform: capitalize;
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .thank-you .shop-now-button {
    width: 100%;
    margin: 24px 0 8px 0;
  }
}

.eco-properties__section--fluid {
  width: 100%;
  position: relative;
}

.eco-properties__section {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .eco-properties__section {
    padding: 0 16px;
  }
}

.eco-properties__section--wide {
  max-width: 1184px;
}

.eco-properties-hero__wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}

.eco-properties-hero__section {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  min-height: 448px;
  height: 448px;
}
@media (max-width: 992px) {
  .eco-properties-hero__section {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 24px;
    height: auto;
  }
}

.eco-properties-hero__header {
  margin-bottom: 8px;
}

.eco-properties-hero__description {
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  .eco-properties-hero__cta {
    margin-bottom: 8px;
  }
}

.eco-properties-hero__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.eco-properties-hero__visuals {
  position: relative;
  text-align: right;
}

.eco-properties-hero__thumb {
  display: block;
}
@media (min-width: 993px) {
  .eco-properties-hero__thumb {
    width: auto;
    max-height: 100%;
    margin-left: auto;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .eco-properties-hero__thumb {
    width: 100%;
    height: auto;
  }
}

.eco-properties-hero__icon {
  position: absolute;
  bottom: -16px;
  right: -16px;
}
@media (max-width: 992px) {
  .eco-properties-hero__icon {
    display: none;
  }
}

.eco-properties-hero__shape--desktop {
  position: absolute;
  bottom: -304px;
  left: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  .eco-properties-hero__shape--desktop {
    display: none;
  }
}

.eco-properties-hero__shape--mobile {
  position: absolute;
  bottom: -16px;
  right: -16px;
  z-index: -5;
}
@media (min-width: 993px) {
  .eco-properties-hero__shape--mobile {
    display: none;
  }
}

.eco-properties-hero__wrapper .eco-properties-hero__header {
  font-size: 32px;
  line-height: 40px;
}

.eco-properties__list {
  position: relative;
}

.eco-properties-list__header {
  margin-bottom: 8px;
}

.eco-properties-list__wrapper {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 48px;
}
.eco-properties-list__wrapper:last-of-type {
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .eco-properties-list__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.eco-properties-list__shape {
  position: absolute;
  top: 50%;
  right: calc(100% - 64px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 992px) {
  .eco-properties-list__shape {
    display: none;
  }
}

.eco-properties-get-a-quote__section {
  padding: 160px 0;
}
@media (max-width: 992px) {
  .eco-properties-get-a-quote__section {
    padding: 40px 16px;
  }
}

.eco-properties-get-a-quote__wrapper {
  width: 100%;
  max-width: 504px;
  margin: 0 auto;
}

.eco-properties-get-a-quote__thumb {
  display: block;
  margin: 0 32px 0 auto;
}
@media (max-width: 992px) {
  .eco-properties-get-a-quote__thumb {
    display: none;
  }
}

.eco-properties-get-a-quote__header {
  padding: 24px 0;
  text-align: center;
}
@media (max-width: 992px) {
  .eco-properties-get-a-quote__header {
    padding: 0 0 16px;
    text-align: left;
  }
}

.eco-properties-get-a-quote__cta-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .eco-properties-get-a-quote__cta-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.eco-properties-get-a-quote__cta {
  margin: 0 8px;
}
@media (max-width: 992px) {
  .eco-properties-get-a-quote__cta {
    margin: 0 0 8px;
  }
  .eco-properties-get-a-quote__cta:last-of-type {
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .eco-properties-get-a-quote__section .eco-properties-get-a-quote__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.eco-properties-single-hero__section {
  padding: 48px 160px 48px 0;
}
@media (max-width: 992px) {
  .eco-properties-single-hero__section {
    padding: 24px 16px;
  }
}

.eco-properties-single-hero__header {
  margin-bottom: 8px;
}

.eco-properties-single-hero__shape {
  position: absolute;
  bottom: 48px;
  right: 0;
  z-index: -1;
}
@media (max-width: 992px) {
  .eco-properties-single-hero__shape {
    display: none;
  }
}

@media (min-width: 993px) {
  .eco-properties-single-hero__description {
    max-width: 66%;
  }
}

.eco-properties-single-content__section {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.eco-properties-single-content__section .card-eco:hover {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 992px) {
  .eco-properties-single-content__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media (min-width: 993px) {
  .eco-properties-single-content__section {
    margin-bottom: 96px;
  }
}

@media (max-width: 992px) {
  .eco-properties-single-content__wrapper {
    width: 100%;
    max-width: 100%;
  }
}

.eco-properties-single-content__sticky-wrapper {
  padding-bottom: 48px;
  max-width: 376px;
}
@media (max-width: 992px) {
  .eco-properties-single-content__sticky-wrapper {
    grid-row-start: 2;
    padding-bottom: 64px;
  }
}

.eco-properties-single-content__sticky-container {
  position: sticky;
  top: 96px;
}

.eco-properties-single-content__sticky-card {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .eco-properties-single-content__sticky-card {
    display: none;
  }
}

.eco-properties-single-content {
  max-width: 504px;
}
.eco-properties-single-content h1, .eco-properties-single-content h2, .eco-properties-single-content h3, .eco-properties-single-content h4, .eco-properties-single-content h5, .eco-properties-single-content h6, .eco-properties-single-content p {
  margin-bottom: 24px;
}
.eco-properties-single-content p {
  font-size: 16px;
  line-height: 24px;
}
.eco-properties-single-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
.eco-properties-single-content ul, .eco-properties-single-content ol {
  padding-left: 24px;
}
.eco-properties-single-content li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.eco-properties-single-content .wp-caption {
  margin-bottom: 24px;
}
.eco-properties-single-content .wp-caption-wrapper {
  background: #f8f8f8;
  padding: 8px;
}
.eco-properties-single-content .wp-caption-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}
.eco-properties-single-content .wp-caption-text {
  text-align: center;
  font-size: 12px;
  line-height: 24px;
}
.eco-properties-single-content .card-eco {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .eco-properties-single-content {
    max-width: 100%;
  }
  .eco-properties-single-content .card-eco__description {
    margin-bottom: 0;
  }
}
@media (min-width: 993px) {
  .eco-properties-single-content .card-eco {
    display: none;
  }
}

.eco-properties-single-content__references-header {
  margin-bottom: 8px;
}

.eco-properties-single-content__references-wrapper {
  padding-top: 40px;
}
.eco-properties-single-content__references-wrapper a {
  display: inline;
}

.eco-properties-single-content__faq-header {
  padding: 16px 0 24px;
}

.eco-properties-single-content__references-list {
  padding-left: 16px;
}

.eco-properties-single-content__references-item {
  margin-bottom: 8px;
}

.eco-properties-single-products__section {
  padding-bottom: 96px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px;
}
@media (max-width: 992px) {
  .eco-properties-single-products__section {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .eco-properties-single-products__cta {
    grid-row-start: 2;
  }
}

.eco-properties-single-products__list {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}

.eco-properties-single-products__card {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e7e7e7;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  max-width: 100%;
  height: 88px;
}
.eco-properties-single-products__card:hover {
  cursor: pointer;
}

.eco-properties-single-products__card-thumb {
  padding: 0 8px;
  min-width: 104px;
  max-width: 104px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.eco-properties-single-products__card-thumb img {
  max-width: 100%;
}

.eco-properties-single-products__card-title {
  padding: 24px;
  padding: 0 24px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 992px) {
  .eco-properties-single-products__section .eco-properties-single-products__header {
    font-size: 32px;
    line-height: 40px;
  }
}

.eco-properties-single-video__section {
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  margin-bottom: 96px;
  padding: 96px 0;
}
@media (max-width: 992px) {
  .eco-properties-single-video__section {
    margin: 0 16px 40px;
    padding: 40px 16px 16px;
  }
}

.eco-properties-single-video__header {
  margin-bottom: 16px;
}

.eco-properties-single-video__wrapper {
  position: relative;
  background: #ffffff;
  padding: 8px;
  width: 760px;
  max-width: 100%;
}
.eco-properties-single-video__wrapper .z-video {
  max-width: 100%;
  padding: 0;
  position: relative;
  z-index: 20;
}

.eco-properties-single-video__shape {
  position: absolute;
  right: -120px;
  top: 32px;
}
@media (max-width: 992px) {
  .eco-properties-single-video__shape {
    display: none;
  }
}

.eco-properties-single-related__section {
  padding-bottom: 96px;
}
@media (max-width: 992px) {
  .eco-properties-single-related__section {
    padding: 0 16px;
  }
}

.eco-properties-single-related__title {
  margin-bottom: 8px;
}

.eco-properties-single-related__header {
  margin-bottom: 8px;
}

.eco-properties-single-related__list {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 48px;
}
.eco-properties-single-related__list:last-of-type {
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .eco-properties-single-related__list {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 40px;
  }
}

@media (min-width: 993px) {
  .eco-properties-single-related__side {
    grid-row-start: 1;
    grid-row-end: 6;
  }
}

.eco-properties-single-learn-more__section {
  background: #f8f8f8;
  position: relative;
  margin-bottom: 200px;
}
@media (max-width: 992px) {
  .eco-properties-single-learn-more__section {
    margin: 0 16px 64px;
    padding: 32px 16px 16px;
  }
}

.eco-properties-single-learn-more__wrapper {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  padding: 28px 0;
}
@media (max-width: 992px) {
  .eco-properties-single-learn-more__wrapper {
    padding: 0;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 32px;
  }
}

.eco-properties-single-learn-more__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 376px;
}

.eco-properties-single-learn-more__header {
  margin-bottom: 16px;
}

.eco-properties-single-learn-more__subheader {
  margin-bottom: 24px;
}

.eco-properties-single-learn-more__visuals {
  position: relative;
  z-index: 20;
}
@media (min-width: 993px) {
  .eco-properties-single-learn-more__visuals {
    text-align: center;
    -webkit-transform: translateY(64px);
            transform: translateY(64px);
  }
}
@media (max-width: 992px) {
  .eco-properties-single-learn-more__visuals img {
    max-width: 100%;
  }
}

@media (min-width: 993px) {
  .eco-properties-single-learn-more__image {
    max-height: 600px;
  }
}

.eco-properties-single-learn-more__icon {
  position: absolute;
  bottom: -24px;
  left: -24px;
}
@media (max-width: 992px) {
  .eco-properties-single-learn-more__icon {
    display: none;
  }
}

.eco-properties-single-learn-more__shape--desktop {
  position: absolute;
  top: -40px;
  left: -40px;
  z-index: -1;
  max-height: 736px;
}
@media (max-width: 992px) {
  .eco-properties-single-learn-more__shape--desktop {
    display: none;
  }
}

.eco-properties-single-learn-more__shape--mobile {
  position: absolute;
  z-index: -5;
  bottom: -40px;
  right: -32px;
}
@media (min-width: 993px) {
  .eco-properties-single-learn-more__shape--mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  .eco-properties-single-learn-more__section .eco-properties-single-learn-more__header {
    font-size: 32px;
    line-height: 40px;
  }
  .eco-properties-single-learn-more__section .eco-properties-single-learn-more__subheader {
    font-size: 16px;
    line-height: 24px;
  }
}
.revolut__section {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .revolut__section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.revolut__section--fluid {
  max-width: 100%;
}

.revolut__section--trustpilot {
  padding: 8px 0;
}
.revolut__section--trustpilot .trustpilot-widget {
  width: 100%;
  text-align: center;
}
@media (max-width: 992px) {
  .revolut__section--trustpilot {
    display: none;
  }
}

@media (max-width: 992px) {
  .revolut__section--coupon {
    padding-top: 16px;
  }
}

.revolut__section--partners {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .revolut__section--partners {
    margin-top: 16px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .revolut__section--products .product-grid__item {
    min-height: 0;
  }
}

.revolut__section--global {
  margin-top: 40px;
  margin-bottom: 96px;
}

@media (max-width: 992px) {
  .revolut__section--inspirations {
    display: none;
  }
}

.revolut__section--double-cta {
  margin-top: 160px;
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .revolut__section--double-cta {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .revolut__section--double-cta {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.page-template-product-bundle {
  overflow-x: hidden;
}
.page-template-product-bundle .section__container {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .page-template-product-bundle .section__container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-template-product-bundle .section__container--no-pading {
  padding: 0;
}
.page-template-product-bundle .boxconfigurator__mountpoint {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.page-template-product-bundle .boxconfigurator__mountpoint.hidden {
  opacity: 1;
}
.page-template-product-bundle [data-role=loader] {
  opacity: 1;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
.page-template-product-bundle [data-role=loader].hidden {
  opacity: 0;
}

.page-template-bundle .bundle__configurator--title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 6px;
}

.bundle__configurator--description-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 0;
}

.bundle__configurator--description {
  padding-left: 8px;
}

.boxconfigurator__product-description {
  margin: 8px 0;
}

.bundle-section__how-it-works {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .bundle-section__how-it-works {
    margin-bottom: 48px;
  }
}

.bundle-section__eco-properties {
  max-width: 1056px;
  margin: 0 auto 120px;
  padding: 0 16px;
}

.bundle-section__reviewers {
  margin-bottom: 96px;
}

@media (max-width: 992px) {
  .bundle-section__reviewers {
    margin-bottom: 48px;
  }
  .bundle-section__reviewers .reviewers__container .sectionheader__header {
    margin-bottom: 0;
    text-align: left;
  }
  .bundle-section__reviewers .sectionheader__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.bundle-section__did-not-find-container {
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px 96px;
  text-align: center;
}
@media (max-width: 767px) {
  .bundle-section__did-not-find-container {
    text-align: left;
    padding-bottom: 48px;
  }
}

.bundle-section__did-not-find-container .did-not-find__main-title {
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .bundle-section__did-not-find-container .did-not-find__main-title {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .bundle-section__did-not-find-wrapper .did-not-find__main-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.bundle-section__faq {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .bundle-section__faq {
    margin-bottom: 48px;
  }
}
.bundle-section__faq .faq__wrapper {
  border-top: 1px solid #e7e7e7;
  padding-top: 96px;
}
@media (max-width: 992px) {
  .bundle-section__faq .faq__wrapper {
    border-top: none;
    padding-top: 0;
  }
}
.bundle-section__faq .faq__content--header {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .bundle-section__faq .faq__content--header {
    margin-bottom: 16px;
  }
}

.bundle-section__subscription {
  max-width: 1056px;
  padding: 0 16px;
  margin: 0 auto 96px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.pqs-success__wrapper {
  width: 100%;
  height: 100%;
}
.pqs-success__wrapper-inner {
  width: 100%;
  padding: 64px 16px 0 16px;
  margin: -40px auto 0;
}
@media (min-width: 1201px) {
  .pqs-success__wrapper-inner {
    max-width: 480px;
    margin-top: -16px;
  }
}

.pqs-success__header {
  text-align: start;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1201px) {
  .pqs-success__header {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.pqs-success__caption {
  text-align: start;
  font-size: 16px;
  line-height: 24px;
}
.pqs-success__caption > * {
  margin-top: 16px;
}
@media (min-width: 1201px) {
  .pqs-success__caption {
    text-align: center;
    line-height: 48px;
  }
  .pqs-success__caption > * {
    margin-top: 0;
  }
}

.pqs-success__cta {
  padding: 16px 0 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 1201px) {
  .pqs-success__cta {
    margin-top: -4px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
@media (min-width: 993px) {
  .page-template-page-marketing-type-black-friday .content-rpt-black-bg {
    background: #f8f8f8;
    max-width: 100%;
    padding: 80px 0;
  }
}
.page-template-page-marketing-type-black-friday .content-rpt__wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .page-template-page-marketing-type-black-friday .grid-ftr-black .grid-ftr__content {
    width: 100%;
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
  }
  .page-template-page-marketing-type-black-friday .grid-ftr-black .grid-ftr__content--link {
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .page-template-page-marketing-type-black-friday .revolut__logo {
    width: auto;
  }
}

.plus-home-hero {
  margin: 0 auto;
  padding: 24px;
  text-align: center;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.catalogue-bar-instruction__wrapper {
  position: relative;
  background-color: #7098ff;
  color: #ffffff;
  padding: 0 16px;
  z-index: 0;
}
.catalogue-bar-instruction__wrapper.closed {
  display: none;
}
@media (max-width: 992px) {
  .catalogue-bar-instruction__wrapper {
    padding: 0;
  }
}

.catalogue-bar-instruction__container {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 8px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 992px) {
  .catalogue-bar-instruction__container {
    -ms-flex-align: unset;
        align-items: unset;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 16px;
  }
}
.catalogue-bar-instruction__container--header {
  margin-right: 24px;
}
@media (max-width: 992px) {
  .catalogue-bar-instruction__container--header {
    margin: 0 0 8px 0;
  }
}
.catalogue-bar-instruction__container--close {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  line-height: 16px;
}
@media (max-width: 992px) {
  .catalogue-bar-instruction__container--close {
    top: 16px;
    right: 16px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.catalogue-bar-instruction__container--close:before, .catalogue-bar-instruction__container--close:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  height: 2px;
  width: 16px;
  margin-top: -1px;
  background-color: #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.catalogue-bar-instruction__container--close:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.catalogue-bar-instruction__container--close:hover:before, .catalogue-bar-instruction__container--close:hover:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.catalogue-bar-instruction__steps:not(:last-child) {
  margin-right: 24px;
}
.catalogue-bar-instruction__steps--number {
  margin-right: 8px;
}

.catalogue-bar-instruction__shape {
  position: absolute;
  top: 0;
  left: -16px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.catalogue-bar-instruction__shape--mobile {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 993px) {
  .catalogue-bar-instruction__shape--mobile {
    display: none;
  }
}

.plus-catalogue-product-main {
  margin: 0 auto;
  padding: 24px;
  text-align: center;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.catalogue-ask__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  background-color: #f8f8f8;
  margin: 16px 0 40px;
  padding: 20px 40px;
}
@media (max-width: 992px) {
  .catalogue-ask__wrapper {
    display: block;
    margin: 16px 0;
    padding: 24px;
  }
}

@media (max-width: 992px) {
  .catalogue-ask__content {
    width: 100%;
  }
}

.catalogue-ask__button--wrapper {
  z-index: 1;
}
@media (max-width: 992px) {
  .catalogue-ask__button--wrapper {
    margin-top: 8px;
  }
}

.catalogue-ask__shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .catalogue-ask__shape {
    width: 64px;
    top: unset;
    bottom: 0;
    -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
  }
}

.catalogue-ask__wrapper .catalogue-ask__button {
  border: 1px solid;
  background-color: #ffffff;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.catalogue__studio-banner {
  display: none;
}
@media (min-width: 993px) {
  .catalogue__studio-banner {
    display: block;
    margin-bottom: 40px;
  }
}

.catalogue__studio-banner--mobile .catalogue__studio-banner {
  display: none;
}
@media (max-width: 992px) {
  .catalogue__studio-banner--mobile .catalogue__studio-banner {
    display: block;
    padding: 16px 0;
    border: solid #e7e7e7;
    border-width: 1px 0 0 0;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.catalogue-subscribe__wrapper {
  position: relative;
  width: 100%;
  padding: 40px;
  color: #ffffff;
  border: 1px solid #7098ff;
  background: #7098ff;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .catalogue-subscribe__wrapper {
    display: none;
    margin-bottom: 16px;
  }
}

.catalogue-subscribe__shape {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 992px) {
  .catalogue-subscribe__shape {
    display: none;
  }
}
.catalogue-subscribe__shape--mobile {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
@media (min-width: 993px) {
  .catalogue-subscribe__shape--mobile {
    display: none;
  }
}

.catalogue-subscribe__wrapper .catalogue-subscribe__input {
  max-width: 100%;
  margin-bottom: 8px;
}
@media (min-width: 993px) {
  .catalogue-subscribe__wrapper .catalogue-subscribe__input {
    max-width: calc(100% - 116px);
  }
}
.catalogue-subscribe__wrapper .catalogue-subscribe__cta {
  padding: 14px 16px;
}
@media (max-width: 992px) {
  .catalogue-subscribe__wrapper .catalogue-subscribe__cta {
    margin-top: 8px;
  }
}
.catalogue-subscribe__wrapper .subscription__form {
  max-width: 400px;
}
@media (max-width: 992px) {
  .catalogue-subscribe__wrapper .subscription__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 425px;
    grid-row-gap: unset;
  }
}
.catalogue-subscribe__wrapper .subscription__form__main {
  grid-column: 1/3;
}
.catalogue-subscribe__wrapper .subscription__form__field {
  max-width: 100%;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .catalogue-subscribe__wrapper .subscription__form__field__error {
    margin-top: 0;
  }
}
.catalogue-subscribe__wrapper .subscription__form__field--checkbox {
  margin-top: 8px;
}
.catalogue-subscribe__wrapper .subscription__form__field--hidden {
  height: 0;
}
@media (max-width: 992px) {
  .catalogue-subscribe__wrapper .subscription__form__field__label {
    display: block;
    margin-bottom: 8px;
  }
}

.catalogue-subscribe__wrapper--mobile {
  padding-top: 24px;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 993px) {
  .catalogue-subscribe__wrapper--mobile {
    display: none;
  }
}
.catalogue-subscribe__wrapper--mobile .catalogue-subscribe__wrapper {
  display: block;
  padding: 32px 24px;
}

@media (max-width: 992px) {
  .catalogue-subscribe__wrapper.subscription__thankyou {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

.plus-product__main {
  overflow-x: hidden;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/** @prettier */
.plus-product__configurator {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .plus-product__configurator {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/** @prettier */
.plus-product__bullets {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .plus-product__bullets {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.product-plus__navbar {
  margin-bottom: 48px;
}

/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/** @prettier */
.plus-product__styles {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .plus-product__styles {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.plus-product__specification {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 96px;
}
@media (max-width: 1024px) {
  .plus-product__specification {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .plus-product__specification {
    margin-bottom: 48px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.plus-product__features {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .plus-product__features {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .plus-product__features {
    margin-bottom: 48px;
  }
}

.plus-product__features .content-rpt__content-title {
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 992px) {
  .plus-product__features .content-rpt__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.plus-product__reviews {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .plus-product__reviews {
    margin-bottom: 48px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.plus-product__faq {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .plus-product__faq {
    margin-bottom: 48px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.plus-product__subscribe {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .plus-product__subscribe {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.plus-product__subscribe .catalogue-subscribe__wrapper {
  padding: 72px 56px;
}
@media (max-width: 992px) {
  .plus-product__subscribe .catalogue-subscribe__wrapper {
    display: block;
    padding: 32px 24px;
  }
}
.plus-product__subscribe .shop-subscribe__header {
  max-width: 634px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .plus-product__subscribe .shop-subscribe__header {
    width: 100%;
    margin-bottom: 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/** @prettier */
.plus-product__qr-process {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 1024px) {
  .plus-product__qr-process {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.z-about-us {
  color: #2f2f2f;
}
.z-about-us .mobile-only {
  display: none;
}
.z-about-us .zsh-text {
  letter-spacing: 0.025rem;
}
.z-about-us .navbar {
  z-index: 2;
}
.z-about-us__header {
  color: #2f2f2f;
}
.z-about-us__header .d-flex {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 1024px) {
  .z-about-us__header .d-flex {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.z-about-us__header .d-flex .column {
  padding-top: 96px;
  padding-bottom: 112px;
  min-height: 100%;
}
.z-about-us__header .d-flex .view-header-title {
  font-size: 40px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 48px;
  margin-bottom: 24px;
  max-width: 374px;
}
.z-about-us__header .d-flex .line-wrapper {
  height: 168px;
}
.z-about-us__header .d-flex .line-wrapper .line__vertical {
  margin-top: 96px;
  width: 1px;
  height: 100%;
  border: none;
  background-color: #e7e7e7;
}
.z-about-us__info .d-flex {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #f8f8f8;
  max-width: 1184px;
}
@media (max-width: 1024px) {
  .z-about-us__info .d-flex {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.z-about-us__info__wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 80px;
}
.z-about-us__info__wrapper .show-mobile {
  display: none;
}
.z-about-us__info__text-block {
  margin: 97px 0;
  max-width: 374px;
}
.z-about-us__info__text-block .hide-mobile {
  display: block;
}
.z-about-us__info__image {
  width: 480px;
  height: 480px;
  margin-right: 24px;
  margin-top: 42px;
}
.z-about-us__info__title {
  font-size: 32px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 40px;
  margin: 0;
}
.z-about-us__info__subtitle {
  margin-top: 8px;
  font-size: 16px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 24px;
}
.z-about-us__info__subtitle:last-of-type {
  margin-top: 23px;
}
.z-about-us__info__description {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
}
.z-about-us__company {
  margin-bottom: 96px;
}
.z-about-us__company .container {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #f8f8f8;
  max-width: 1184px;
}
@media (max-width: 1024px) {
  .z-about-us__company .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.z-about-us__company__image {
  position: absolute;
  bottom: 0;
  top: 46px;
  left: -16px;
}
.z-about-us__company__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
}
.z-about-us__company__text-block {
  margin: 73px 114px 96px 0;
  width: 374px;
}
.z-about-us__company__title {
  font-size: 32px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 40px;
  margin-bottom: 24px;
}
.z-about-us__company__subtitle {
  margin-top: 24px;
  line-height: 24px;
  font-size: 16px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
.z-about-us__company__description {
  line-height: 24px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-about-us__work {
  padding: 72px 0;
}
.z-about-us__work .container {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0;
}
@media (max-width: 1024px) {
  .z-about-us__work .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.z-about-us__work .d-flex {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.z-about-us__work__images-wrapper--mobile {
  display: none;
}
.z-about-us__work__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 15px;
  position: relative;
}
.z-about-us__work__wrapper.right {
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 8px;
}
.z-about-us__work__image-top-left, .z-about-us__work__image-bottom-left {
  width: 392px;
  height: 395px;
}
.z-about-us__work__image-top-left {
  margin-top: 48px;
}
.z-about-us__work__image-bottom-left {
  margin-top: 45px;
}
.z-about-us__work__image-bottom-right {
  margin-top: 39px;
  width: 602px;
  height: 602px;
}
.z-about-us__work__shape-left {
  z-index: -1;
  position: absolute;
  top: 2px;
  right: -82px;
}
.z-about-us__work__shape-right {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: -100px;
}
.z-about-us__work__shape-mobile {
  display: none;
}
.z-about-us__work__text-block {
  max-width: 504px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-about-us__work__title {
  margin: 0;
  font-size: 32px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 40px;
}
.z-about-us__work__description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}
.z-about-us__join-us {
  padding: 83px 0 160px 25px;
}
.z-about-us__join-us .row {
  -ms-flex-pack: center;
      justify-content: center;
}
.z-about-us__join-us__bottom {
  margin: 0 auto;
}
.z-about-us__join-us .job-category__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  margin: 25px 0 31px 30px;
}
.z-about-us__join-us .job-category__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 40px;
  padding: 0 15px;
  margin-right: 0.5rem;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.z-about-us__join-us .job-category__item.active, .z-about-us__join-us .job-category__item:hover {
  color: #3b61ff;
  border-color: #3b61ff;
}
.z-about-us__join-us .job-category__item.spacer {
  display: none;
  max-width: 5px !important;
  opacity: 0;
  pointer-events: none;
  min-width: 0;
  min-width: initial;
  padding: 0 0 0 15px;
  margin: 0;
}
.z-about-us__join-us__top__title {
  font-size: 32px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 40px;
  text-align: center;
  margin-bottom: 0;
}
.z-about-us__join-us__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.z-about-us__join-us__footer p {
  font-size: 0.875rem;
  line-height: 1.286;
  max-width: 30rem;
  text-align: center;
}
.z-about-us__join-us__footer__button {
  margin-top: 1.3rem;
  width: 13.5rem;
}
.z-about-us__awards {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding: 159px 0 5.5rem;
}
@media (max-width: 1024px) {
  .z-about-us__awards {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.z-about-us__awards__prizes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}
.z-about-us__awards__prizes__title {
  margin-top: 16px;
  font-size: 14px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 16px;
  text-align: center;
}
.z-about-us__awards__prizes__subtitle {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: normal;
}
.z-about-us__awards__prizes__prize {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  width: 184px;
  margin: 0 13px;
}
.z-about-us__awards__prizes__prize:first-of-type, .z-about-us__awards__prizes__prize:last-of-type {
  margin-left: 0;
}
.z-about-us__awards__prizes__prize .zsh-text {
  margin-top: 0;
}
.z-about-us__company-details {
  text-align: center;
  padding: 6rem 0;
}
.z-about-us__company-details__details {
  padding-top: 1.3rem;
  padding-bottom: 0.3rem;
}

.z-careers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
}
.z-careers__career {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  border-top: 1px solid #e7e7e7;
  background-color: #ffffff;
  width: auto;
  max-width: 764px;
  padding: 24px 0;
  overflow: hidden;
  position: relative;
  color: #2f2f2f;
  text-decoration: none;
}
.z-careers__career__icon {
  fill: #2f2f2f;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.z-careers__career__icon:hover {
  fill: #3353d8;
}
.z-careers__career:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.z-careers__career:hover {
  text-decoration: none;
  color: #2f2f2f;
}
.z-careers__career:hover .z-careers__career__icon {
  fill: #3353d8;
}
.z-careers__career:active {
  text-decoration: none;
  color: #2f2f2f;
}
.z-careers__career.hidden {
  display: none;
}
.z-careers__career__content {
  width: 75vw;
}
.z-careers__career__title-shortcut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 24px;
}

@media screen and (max-width: 1200px) {
  .z-about-us__header .container {
    width: 100%;
    padding: 0;
  }
  .z-about-us__header .d-flex {
    padding: 0 25px;
  }
  .z-about-us__header .column:last-child {
    margin-left: 10px;
  }
  .z-about-us__header .view-header-title {
    font-size: 32px;
  }
  .z-about-us__info {
    padding: 0 16px;
    overflow: hidden;
  }
  .z-about-us__info .container {
    width: 100%;
    padding: 0;
    background-color: #f8f8f8;
  }
  .z-about-us__info .d-flex {
    padding: 0;
  }
  .z-about-us__info__wrapper.row {
    margin: 0;
    padding: 0 24px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .z-about-us__info__wrapper.row .show-mobile {
    display: block;
    margin: 19px 0 0 2px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .z-about-us__info__text-block {
    margin: 11px 0 0;
    max-width: 100%;
    -ms-flex-order: 3;
        order: 3;
  }
  .z-about-us__info__text-block .hide-mobile {
    display: none;
  }
  .z-about-us__info__image {
    width: 334px;
    max-width: 130%;
    height: auto;
    margin: 10px 0 0 56px;
  }
  .z-about-us__info__title {
    font-size: 24px;
  }
  .z-about-us__info__subtitle {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
  }
  .z-about-us__info__subtitle:last-of-type {
    margin-top: 0;
  }
  .z-about-us__info__description {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0 24px;
    margin: 0;
  }
  .z-about-us__company {
    margin-bottom: 24px;
  }
  .z-about-us__company .container {
    width: 100%;
    padding: 0;
  }
  .z-about-us__company .d-flex {
    padding: 0 16px;
    margin: 0;
  }
  .z-about-us__company__title {
    font-size: 24px;
    line-height: 32px;
  }
  .z-about-us__company__image {
    display: none;
  }
  .z-about-us__company__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    background: url("/img/images/about-us/company-shape.svg") center left -15px no-repeat;
    background-size: 480px 435px;
  }
  .z-about-us__company__text-block {
    margin: 32px 0 48px;
  }
  .z-about-us__awards {
    padding: 48px 0;
    padding-bottom: 44px;
  }
  .z-about-us__awards .container {
    width: 100%;
    padding: 0;
  }
  .z-about-us__awards__prizes {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__awards__prizes__prize {
    padding: 0;
    margin: 0 16px;
  }
  .z-about-us__awards__prizes__prize:first-of-type {
    margin-left: 54px;
  }
  .z-about-us__work {
    padding: 0 0 48px 16px;
  }
  .z-about-us__work .container {
    width: 100%;
  }
  .z-about-us__work .d-flex {
    padding: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
  }
  .z-about-us__work__images-wrapper--mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .z-about-us__work__image--mobile {
    width: 242px;
    height: 240px;
    margin-right: 16px;
  }
  .z-about-us__work__wrapper.left {
    display: none;
  }
  .z-about-us__work__wrapper.right {
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 0;
    padding-right: 16px;
    margin-top: 0;
  }
  .z-about-us__work__title {
    font-size: 24px;
    line-height: 32px;
  }
  .z-about-us__work__text-block {
    -ms-flex-order: 2;
        order: 2;
  }
  .z-about-us__work__image-top-left, .z-about-us__work__image-bottom-left, .z-about-us__work__image-bottom-right {
    display: none;
  }
  .z-about-us__work__shape-left, .z-about-us__work__shape-right {
    display: none;
  }
  .z-about-us__join-us {
    padding: 0 0 48px 16px;
  }
  .z-about-us__join-us .row {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .z-about-us__join-us .container {
    width: 100%;
  }
  .z-about-us__join-us .job-category__list {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__join-us .job-category__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .z-about-us__join-us .col-md {
    padding: 0;
  }
  .z-about-us__join-us__bottom {
    padding-right: 16px;
    width: 100%;
    margin: 0;
  }
  .z-about-us__join-us__top__title {
    text-align: left;
  }
  .z-about-us .z-careers {
    padding-bottom: 0;
  }
  .z-about-us .z-careers__career {
    width: 100%;
  }
  .z-about-us .z-careers__career__content {
    width: 90%;
  }
  .z-about-us .z-careers__career__title-shortcut {
    white-space: normal;
  }
}
@media screen and (max-width: 767px) {
  .z-about-us__header .d-flex {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 16px;
  }
  .z-about-us__header .d-flex .view-header-title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
    max-width: 80%;
  }
  .z-about-us__info .d-flex {
    margin: 0;
  }
  .z-about-us__info__text-block {
    max-width: 280px;
  }
  .z-about-us__awards__prizes {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__awards__prizes__prize {
    padding: 0;
    margin: 0 53px;
  }
  .z-about-us__work .container {
    padding: 0;
  }
  .z-about-us__work__images-wrapper--mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .z-about-us__company__wrapper {
    background: none;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__company__image {
    display: none;
  }
  .z-about-us__join-us {
    padding-left: 0;
  }
  .z-about-us__join-us .row {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__join-us .job-category__list {
    margin: 16px 0 23px;
    padding: 0 16px;
  }
  .z-about-us__join-us .job-category__item:last-of-type {
    margin-right: 0;
  }
  .z-about-us__join-us .job-category__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .z-about-us__join-us__top__title {
    padding: 0 16px;
    font-size: 24px;
    line-height: 32px;
  }
  .z-about-us__join-us__bottom {
    padding: 0 16px;
  }
}
@media screen and (max-width: 480px) {
  .z-about-us__header .d-flex {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 16px;
  }
  .z-about-us__header .d-flex .column {
    padding: 24px 0;
  }
  .z-about-us__header .d-flex .column:last-child {
    margin-left: 0;
  }
  .z-about-us__header .d-flex .line-wrapper {
    width: 100%;
    height: 1px;
  }
  .z-about-us__header .d-flex .line-wrapper .line__vertical {
    margin-top: 0;
    width: 100%;
    height: 1px;
    min-height: 0;
    border: none;
    background-color: #e7e7e7;
  }
  .z-about-us__work__shape-mobile {
    display: inline;
    display: initial;
    z-index: -1;
    position: absolute;
    top: -16px;
    left: -38px;
  }
  .z-about-us__work__title {
    margin-top: 4px;
  }
}
.components-list__section {
  padding-bottom: 96px;
  margin-bottom: 96px;
  border-bottom: 1px dashed #424242;
}
.components-list__section pre {
  padding: 8px;
  color: #e34640;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .components-list__section pre {
    display: none;
  }
}
.components-list__section--fluid {
  max-width: 100%;
}
.components-list__section:first-of-type {
  margin-top: 16px;
}

.components-list__wrapper {
  max-width: 1024px;
  margin: 0 auto 40px;
}

.components-list__item {
  margin-bottom: 48px;
}
.components-list__item--center {
  margin: 0 auto;
}

.components-list__item-header {
  margin-bottom: 48px;
  padding: 8px;
  background: #c7e0fe;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.components-list__separator {
  margin: 48px;
}

.components-list-navigation {
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.components-list-navigation__container {
  position: relative;
  border: 1px solid #e7e7e7;
  border-top: none;
  background: #ffffff;
  padding: 32px 8px 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: calc(100vh - 64px);
  overflow-y: scroll;
}

.components-list-navigation__header {
  color: #2f2f2f;
  text-decoration: underline;
  margin-top: 24px;
}
.components-list-navigation__header:first-of-type {
  margin-top: 0;
}

.components-list-navigation__item {
  display: block;
  margin-bottom: 4px;
}
.components-list-navigation__item:last-of-type {
  margin-bottom: 24px;
}

.components-list-navigation__toggler {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  right: -1px;
  height: 24px;
  width: calc(100% + 2px);
  background: #e7e7e7;
  -webkit-transition: left 0.3s, top 0.5s;
  transition: left 0.3s, top 0.5s;
}
.components-list-navigation__toggler:hover {
  cursor: pointer;
  opacity: 0.7;
  background: #c5c5c5;
}
.components-list-navigation__toggler:before, .components-list-navigation__toggler:after {
  content: "";
  position: relative;
  display: block;
  height: 2px;
  width: 16px;
  background: #2f2f2f;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.components-list-navigation__toggler:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 8px;
}
.components-list-navigation__toggler:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 8px;
}

.components-list-navigation.closed {
  left: -100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2000;
}
.components-list-navigation.closed .components-list-navigation__toggler {
  position: fixed;
  top: 0px;
  left: 0;
  width: 64px;
  height: 64px;
  -webkit-transition: left 0.3s, top 0.5s;
  transition: left 0.3s, top 0.5s;
}
.components-list-navigation.closed .components-list-navigation__toggler:before, .components-list-navigation.closed .components-list-navigation__toggler:after {
  width: 10px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.components-list-navigation.closed .components-list-navigation__toggler:before {
  left: 10px;
  bottom: 2px;
}
.components-list-navigation.closed .components-list-navigation__toggler:after {
  left: 0;
  top: 4px;
}

@media (max-width: 992px) {
  .component__content-cdb .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__content-dbl .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__content-dnd .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__content-grd .components-list__item {
    padding: 0 16px;
  }
}

.component__content-hdl .components-list__item {
  margin: 0 auto 48px;
  max-width: 450px;
  text-align: center;
}
@media (max-width: 992px) {
  .component__content-hdl .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__content-ins .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__content-rpt .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__display-pro .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__grid-ftr .components-list__item {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .component__grid-tbl .components-list__item {
    padding: 0 16px;
  }
}

.component__video-ytb .video-ytb__wrapper {
  margin-left: auto;
  margin-right: auto;
}

.components-list__item .card-inspirations__wrapper, .components-list__item .card-product__wrapper {
  max-width: 330px;
}

.components-list-tabs__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
  padding: 40px 0 16px;
}

.components-list-tabs__item {
  text-decoration: none;
  color: #2f2f2f;
  padding: 8px 16px;
  border: 1px solid #e7e7e7;
  border-radius: 40px;
  margin-right: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.components-list-tabs__item:hover {
  border: 1px solid #3b61ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.components-list-tabs__item.active {
  color: #3b61ff;
  border: 1px solid #3b61ff;
  background: rgba(59, 97, 255, 0.3);
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.faq-search,
.page-template-page-faq-search {
  background-color: #f8f8f8;
  position: relative;
}
.faq-search .container,
.page-template-page-faq-search .container {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding: 93px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 1024px) {
  .faq-search .container,
.page-template-page-faq-search .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.faq-search .z-search__results__no-results .container,
.page-template-page-faq-search .z-search__results__no-results .container {
  background-image: none;
  padding: 0;
}
.faq-search.view-header,
.page-template-page-faq-search.view-header {
  padding: 0;
  height: auto;
}
.faq-search .view-header-title,
.page-template-page-faq-search .view-header-title {
  max-width: 634px;
  margin: 0;
  color: #2f2f2f;
  font-size: 40px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  line-height: 48px;
  text-align: center;
}
.faq-search .view-header-subtitle,
.page-template-page-faq-search .view-header-subtitle {
  max-width: 504px;
  margin: 0;
  margin-top: 8px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.faq-search .view-header-image,
.page-template-page-faq-search .view-header-image {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .faq-search .view-header-image,
.page-template-page-faq-search .view-header-image {
    display: none;
  }
}
.faq-search .form-group,
.page-template-page-faq-search .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 24px;
  width: 504px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq-search .form-group,
.page-template-page-faq-search .form-group {
    padding: 0;
  }
}
.faq-search .form-group > input[type=search],
.page-template-page-faq-search .form-group > input[type=search] {
  width: 100%;
  height: 48px;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  padding: 12px 54px 12px 16px;
  -webkit-appearance: none;
}
.faq-search .form-group > input[type=search]::-webkit-search-decoration, .faq-search .form-group > input[type=search]::-webkit-search-cancel-button, .faq-search .form-group > input[type=search]::-webkit-search-results-button, .faq-search .form-group > input[type=search]::-webkit-search-results-decoration,
.page-template-page-faq-search .form-group > input[type=search]::-webkit-search-decoration,
.page-template-page-faq-search .form-group > input[type=search]::-webkit-search-cancel-button,
.page-template-page-faq-search .form-group > input[type=search]::-webkit-search-results-button,
.page-template-page-faq-search .form-group > input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.faq-search .form-group > input[type=search]:focus,
.page-template-page-faq-search .form-group > input[type=search]:focus {
  border: 1px solid #3b61ff;
}
.faq-search .form-group > .btn-submit,
.page-template-page-faq-search .form-group > .btn-submit {
  width: 32px;
  height: 32px;
  background-color: #3b61ff;
  border: none;
  padding: 8px;
  border-radius: 2px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 8px;
  right: 8px;
}
.faq-search .form-group > .btn-submit .icon,
.page-template-page-faq-search .form-group > .btn-submit .icon {
  width: 16px;
  fill: #ffffff;
}
.faq-search .form-group > .btn-submit > svg,
.page-template-page-faq-search .form-group > .btn-submit > svg {
  width: 16px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.z-help__topic .view-header .view-header-title,
.z-help__topic .view-header .zsh-text {
  text-align: left;
}
.z-help__topic .view-header .container {
  padding: 31px 0 25px 128px;
  background-color: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
}
.z-help__topic .view-header .image-shape {
  position: absolute;
  top: -271px;
  right: -338px;
}
.z-help__topic .view-header__nav-bar {
  margin-top: 24px;
}
.z-help__topic .view-header__links-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.z-help__topic .view-header .z-search__results .container {
  padding: 0 30px 0 17px;
}
@media screen and (max-width: 767px) {
  .z-help__topic .view-header .z-search__results .container {
    padding: 0;
  }
}
.z-help__topic .view-header {
  text-align: center;
}
.z-help__topic .faq-questions {
  padding-top: 2rem;
}
.z-help__tiles {
  padding: 96px 0 0;
}
.z-help__tiles .container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.z-help__tiles .view-header-title {
  margin-top: 0;
  margin-bottom: 8px;
  color: #000000;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}
.z-help__tiles .view-header-subtitle {
  margin: 0 auto;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  max-width: 545px;
  text-align: center;
  margin-bottom: 40px;
}
.z-help__tiles__grid {
  max-width: 764px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 72px;
}
.z-help__tiles__grid::after {
  content: "";
  -ms-flex: auto;
      flex: auto;
}
.z-help__tiles__tile {
  width: 244px;
  height: 88px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  color: #2f2f2f;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  margin-bottom: 24px;
  text-decoration: none;
  z-index: 8px;
  background: #fff;
}
.z-help__tiles__tile:last-of-type {
  margin-left: calc((764px - (244px * 3)) / 2);
}
.z-help__tiles__tile--is-current, .z-help__tiles__tile:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
}
.z-help__tiles__tile__title {
  margin: 0;
  padding: 0 24px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.z-help__tiles .image-shape {
  position: absolute;
  bottom: -160px;
  right: 0;
}
.z-help__answers .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.z-help__answers__selects--mobile {
  display: none;
}
.z-help__answers__wrapper {
  padding: 96px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 764px;
}
.z-help__answers__wrapper .answers-content ol li,
.z-help__answers__wrapper .answers-content {
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
.z-help__answers__wrapper .answers-content a {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #2f2f2f;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
.z-help__answers__wrapper .answers-content a * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.z-help__answers__wrapper .answers-content a:after {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  background-color: currentColor;
}
.z-help__answers__wrapper .answers-content a:hover:after {
  width: 100%;
}
.z-help__answers__wrapper .answers-content a.active:hover:after, .z-help__answers__wrapper .answers-content a:active:hover:after {
  width: 0;
}
.z-help__answers__wrapper .answers-content a:active, .z-help__answers__wrapper .answers-content a:visited {
  text-decoration: underline;
}
.z-help__answers__wrapper .answers-content a:after {
  width: 100%;
}
.z-help__answers__wrapper .answers-content a:hover:after {
  right: 0;
  left: auto;
  width: 0;
}
.z-help__answers__title {
  color: #000000;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  padding: 0 0 40px;
  border-bottom: 1px solid #e7e7e7;
}
.z-help__answers__questions-wrapper {
  width: 100%;
}
.z-help__sidebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 15px;
}
.z-help__sidebar__section-wrapper ul {
  display: none;
}
.z-help__sidebar__section-wrapper--expanded ul {
  display: block;
}
.z-help__sidebar__section {
  width: 244px;
  position: relative;
  margin: 0;
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  text-decoration: none;
}
.z-help__sidebar__section--is-current .z-help__sidebar__section__header .z-help__sidebar__section__header__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
.z-help__sidebar__section:hover {
  text-decoration: none;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  text-decoration: none;
  cursor: pointer;
}
.z-help__sidebar__section__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.z-help__sidebar__section__header__icon {
  height: 1.4rem;
  width: 1.4rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.8rem;
}
.z-help__sidebar__section__header__icon svg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  height: 100%;
}
.z-help__sidebar__section__header__title {
  margin: 0;
  color: #2f2f2f;
  font-weight: inherit;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  line-height: 24px;
}
.z-help__sidebar__section__subsections-list {
  list-style-type: none;
  margin: 8px 16px;
  position: relative;
}
.z-help__sidebar__section__subsections-list__item:first-of-type {
  margin-bottom: 8px;
}
.z-help__articles-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.z-help__articles-group__name {
  margin-bottom: 24px;
}
.z-help__articles-group__title {
  margin: 0;
  color: #000000;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
}
.z-help__articles-group__content {
  margin-left: 1rem;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.z-help__articles-group__content img {
  max-width: 100%;
  height: auto;
}
.z-help__articles-group__content iframe {
  max-width: 100%;
}
.z-help__articles-group__content .zsh-text {
  text-align: left;
}
.z-help__article.faq-question {
  margin-bottom: 16px;
}
.z-help__article__header__title {
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.z-help__article__header__dot {
  margin-right: 16px;
}
.z-help__article__content {
  display: none;
  padding-left: 32px;
  margin: 24px 0 16px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 16px;
  line-height: 24px;
}
.z-help__article__content--visible {
  display: block;
}
.z-help__nothing-found {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.topic__navbar {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 128px;
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .topic__navbar {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.topic__list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.topic__list-wrapper .nav-link {
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none;
}
.topic__list-wrapper .nav-link.active {
  color: #949494;
}

.topic__list-wrapper .nav-arrow {
  margin: 0 5px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

.topic__answers {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 96px;
}
@media (max-width: 1024px) {
  .topic__answers {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.topic__answers .topic__answers__layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-left: 128px;
}
.topic__answers .topic__answers__layout .z-help__articles-group {
  margin-top: 24px;
}
.topic__answers .topic__answers__layout .z-help__articles-group:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 1300px) {
  .z-help__answers__layout {
    width: calc(100% - 70px);
  }

  .faq-questions-wrap,
.page-template-page-faq-questions-wrap {
    max-width: 66.66%;
    -ms-flex: 1 0 66.66%;
        flex: 1 0 66.66%;
  }
}
@media screen and (max-width: 950px) {
  .z-help__answers__layout {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .z-help__answers__layout__column--right {
    -ms-flex-order: 0;
        order: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
  .z-help__answers__layout__column--right .z-help__articles-group.row {
    margin-bottom: 1rem;
  }
  .z-help__answers__layout__column--right .z-help__articles-group__name .z-help__accent__font {
    font-size: 1.125rem;
  }
  .z-help__answers__layout__column--right .z-help__article__header {
    font-size: 0.875rem;
  }
  .z-help__answers__layout__column--left {
    -ms-flex-order: 1;
        order: 1;
  }
  .z-help__answers__layout__column--left .z-help__sidebar {
    max-width: 90%;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .z-help__topic .view-header {
    overflow: hidden;
  }
  .z-help__topic .view-header .image-shape {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .faq-search .container {
    background-image: none;
    padding: 24px 16px 0;
  }
  .faq-search .view-header-title {
    max-width: 238px;
    font-size: 32px;
    line-height: 40px;
  }
  .faq-search .form-group {
    max-width: 328px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 53px;
  }

  .z-help__tiles {
    padding: 24px 0;
  }
  .z-help__tiles .container {
    padding: 0 16px;
  }
  .z-help__tiles__tile {
    margin: 8px 0 0;
    width: 100%;
  }
  .z-help__tiles__tile:first-of-type {
    margin-top: 0;
  }
  .z-help__tiles__tile:last-of-type {
    margin-left: 0;
  }
  .z-help__tiles__grid {
    border-bottom: none;
    padding-bottom: 0;
  }
  .z-help__tiles .view-header-title {
    font-size: 24px;
    line-height: 32px;
  }
  .z-help__tiles .view-header-subtitle {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .z-help__tiles .image-shape {
    display: none;
  }
  .z-help__topic .view-header .container {
    background-image: none;
    padding: 24px 16px;
  }
  .z-help__topic .view-header .container .view-header-title {
    max-width: 100%;
    text-align: left;
  }
  .z-help__topic .view-header .container .search-input-wrapper {
    width: 100%;
  }
  .z-help__topic .view-header .container .form-group {
    max-width: 100%;
  }
  .z-help__answers__wrapper {
    padding: 48px 0 24px;
  }
  .z-help__answers__title {
    padding-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }
  .z-help__answers__selects--mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .z-help__sidebar--desktop {
    display: none;
  }

  .topic__answers {
    margin: 16px 0 24px;
  }

  .topic__list-wrapper {
    padding-left: 0;
  }

  .topic__answers .topic__answers__layout {
    padding: 0 16px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .faq-questions-wrap,
.page-template-page-faq-questions-wrap {
    max-width: 100%;
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
  }
}
.plant-trees__section-hero {
  width: 100%;
  overflow: hidden;
}
.plant-trees__hero-wrapper {
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
}
.plant-trees__hero-wrapper--bg {
  background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), color-stop(75%, #f8f8f8), color-stop(75%, transparent));
  background-image: linear-gradient(90deg, #f8f8f8 0%, #f8f8f8 75%, transparent 75%);
}
@media (max-width: 992px) {
  .plant-trees__hero-wrapper--bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(75%, #f8f8f8), color-stop(75%, transparent));
    background-image: linear-gradient(180deg, #f8f8f8 0%, #f8f8f8 75%, transparent 75%);
  }
}
@media (max-width: 992px) {
  .plant-trees__hero-wrapper--text {
    padding-bottom: 32px;
  }
}
.plant-trees__hero-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.plant-trees__hero-container--top {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(8, 114px);
}
@media (max-width: 992px) {
  .plant-trees__hero-container--top {
    display: block;
  }
}
.plant-trees__hero-container--bottom {
  padding: 104px 130px;
}
@media (max-width: 992px) {
  .plant-trees__hero-container--bottom {
    padding: 0 16px;
  }
}
.plant-trees__hero-content {
  -ms-grid-column: 1/5;
  grid-column: 1/5;
  padding: 104px 0 136px 0;
}
@media (max-width: 1200px) {
  .plant-trees__hero-content {
    padding: 80px 16px 0;
  }
}
.plant-trees__hero-shape {
  position: absolute;
}
.plant-trees__hero-shape--left {
  max-width: 336px;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(calc(-100% + (160px - 24px)));
          transform: translateY(-50%) translateX(calc(-100% + (160px - 24px)));
}
@media (max-width: 1200px) {
  .plant-trees__hero-shape--left {
    display: none;
  }
}
.plant-trees__hero-shape--right {
  max-width: 120px;
  right: 0;
  top: -20px;
}
@media (min-width: 993px) {
  .plant-trees__hero-shape--right {
    display: none;
  }
}

@media (max-width: 1200px) {
  .plant-trees__hero-content .hero-content {
    padding: 0 0 0 16px;
  }
}
.plant-trees__hero-content .hero-content__main-title {
  margin-bottom: 16px;
}

.plant-trees__hero-container--top .hero-content__image {
  width: auto;
  height: 434px;
  grid-column-start: 5;
  padding: 64px 0 0 0;
}
@media (max-width: 992px) {
  .plant-trees__hero-container--top .hero-content__image {
    display: none;
  }
}
.plant-trees__hero-container--top .hero-content__image-mobile {
  margin-top: 40px;
  margin-bottom: 36px;
}
@media (max-width: 1200px) {
  .plant-trees__hero-container--top .hero-content__image-mobile {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .plant-trees__hero-container--top .hero-content__image-mobile {
    width: 100%;
  }
}
@media (min-width: 993px) {
  .plant-trees__hero-container--top .hero-content__image-mobile {
    display: none;
  }
}

.plant-trees__hero-container--bottom .hero-subtitle {
  width: 712px;
}
@media (max-width: 992px) {
  .plant-trees__hero-container--bottom .hero-subtitle {
    width: 100%;
  }
}
.plant-trees__hero-container--bottom .hero-subtitle__first {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .plant-trees__hero-wrapper .hero-content__main-title {
    font-size: 32px;
    line-height: 40px;
  }
  .plant-trees__hero-wrapper .hero-subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.plant-trees__trees-planted-wrapper {
  max-width: 1680px;
  margin: 0 auto;
}
.plant-trees__trees-planted-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 160px;
  padding: 0 130px;
  position: relative;
}
@media (max-width: 992px) {
  .plant-trees__trees-planted-container {
    padding: 0;
    margin-bottom: 90px;
  }
}
.plant-trees__trees-planted-shape {
  width: 100%;
}
.plant-trees__trees-planted-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  width: 45%;
  margin: 0 auto;
}

.plant-trees__trees-planted-content .trees-planted__main-title {
  margin-bottom: 16px;
}
.plant-trees__trees-planted-content .trees-planted__data {
  display: block;
  font-size: 86px;
  font-weight: 900;
  line-height: 80px;
  color: #75b779;
  margin: 16px auto;
}

@media (max-width: 767px) {
  .plant-trees__trees-planted-wrapper .trees-planted__main_title {
    font-size: 16px;
    line-height: 24px;
  }
  .plant-trees__trees-planted-wrapper .trees-planted__data {
    font-size: 40px;
    line-height: 48px;
    margin: 0 auto;
  }
}
.plant-trees__order-wrapper {
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
}
.plant-trees__order-container {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto 134px;
  padding: 0 16px;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(8, 114px);
}
@media (max-width: 992px) {
  .plant-trees__order-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 56px;
  }
}

.plant-trees__order-container .order__col {
  grid-column: 1/4;
  padding: 24px 0;
}
@media (max-width: 992px) {
  .plant-trees__order-container .order__col {
    -ms-flex: 100% 1;
        flex: 100% 1;
    -ms-flex-order: 2;
        order: 2;
    padding: 16px 0 0;
  }
}
.plant-trees__order-container .order__col--header {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.plant-trees__order-container .order__col--main-title {
  width: 105%;
  margin-bottom: 24px;
}
.plant-trees__order-container .order__col--text-content .order-paragraph {
  margin-bottom: 24px;
}
.plant-trees__order-container .order__col--image {
  grid-column-start: 5;
  height: 648px;
}
@media (max-width: 992px) {
  .plant-trees__order-container .order__col--image {
    display: none;
  }
}
.plant-trees__order-container .order__col--image-mobile {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .plant-trees__order-container .order__col--image-mobile {
    width: 100%;
  }
}
@media (min-width: 993px) {
  .plant-trees__order-container .order__col--image-mobile {
    display: none;
  }
}

@media (max-width: 992px) {
  .plant-trees__order-wrapper .order__col--header {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .plant-trees__order-wrapper .order__col--main-title {
    width: 95%;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .plant-trees__order-wrapper .order__col--text-content {
    width: 95%;
    font-size: 16px;
    line-height: 24px;
  }
}
.plant-trees__how-wrapper {
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
}
.plant-trees__how-container {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto 200px;
  padding: 24px 16px 0;
}
@media (max-width: 992px) {
  .plant-trees__how-container {
    margin-bottom: 124px;
  }
}
.plant-trees__how-container--row, .plant-trees__how-container--row-reverse {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.plant-trees__how-container--main-content {
  width: 50%;
}
@media (max-width: 992px) {
  .plant-trees__how-container--main-content {
    width: 100%;
  }
}
.plant-trees__how-container--main-content .how__header {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.plant-trees__how-container--main-content .how__main-title {
  margin-bottom: 16px;
}
.plant-trees__how-container--main-content .how__subtitle {
  margin-bottom: 24px;
}

.plant-trees__how-container--row:not(:last-of-type), .plant-trees__how-container--row-reverse:not(:last-of-type) {
  margin-bottom: 176px;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row:not(:last-of-type), .plant-trees__how-container--row-reverse:not(:last-of-type) {
    margin-bottom: 48px;
  }
}
.plant-trees__how-container--row .how__icon-reforest, .plant-trees__how-container--row-reverse .how__icon-reforest {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row .how__icon-reforest, .plant-trees__how-container--row-reverse .how__icon-reforest {
    width: 16px;
    height: 16px;
  }
}
.plant-trees__how-container--row .how__row--col:nth-of-type(odd), .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(odd) {
  -ms-flex: 0 1 33%;
      flex: 0 1 33%;
}
.plant-trees__how-container--row .how__row--col:nth-of-type(even), .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(even) {
  -ms-flex: 0 1 60%;
      flex: 0 1 60%;
  position: relative;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row .how__row--col:nth-of-type(n), .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(n) {
    -ms-flex: 100% 1;
        flex: 100% 1;
  }
  .plant-trees__how-container--row .how__row--col:nth-of-type(odd), .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(odd) {
    margin-bottom: 64px;
  }
}
.plant-trees__how-container--row .how__paragraph-title, .plant-trees__how-container--row-reverse .how__paragraph-title {
  margin-bottom: 24px;
}
.plant-trees__how-container--row .how__paragraph, .plant-trees__how-container--row-reverse .how__paragraph {
  margin-bottom: 32px;
}
.plant-trees__how-container--row .how__paragraph--image, .plant-trees__how-container--row-reverse .how__paragraph--image {
  width: 100%;
}
.plant-trees__how-container--row .how__paragraph--shape, .plant-trees__how-container--row-reverse .how__paragraph--shape {
  position: absolute;
  z-index: -1;
}

.plant-trees__how-container--row .how__row--col .how__paragraph--shape {
  bottom: 48px;
  left: 16px;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row .how__row--col .how__paragraph--shape {
    width: 135%;
    top: 30%;
    left: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.plant-trees__how-container--row-reverse .how__row--col:nth-of-type(1) {
  -ms-flex-order: 2;
      order: 2;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(1) {
    -ms-flex-order: 1;
        order: 1;
  }
}
.plant-trees__how-container--row-reverse .how__row--col:nth-of-type(2) {
  -ms-flex-order: 1;
      order: 1;
}
@media (max-width: 992px) {
  .plant-trees__how-container--row-reverse .how__row--col:nth-of-type(2) {
    -ms-flex-order: 2;
        order: 2;
  }
}
.plant-trees__how-container--row-reverse .how__row--col .how__paragraph--shape {
  top: 50%;
  right: 0;
  -webkit-transform: translate(-16px, -50%);
          transform: translate(-16px, -50%);
}
@media (max-width: 992px) {
  .plant-trees__how-container--row-reverse .how__row--col .how__paragraph--shape {
    width: 110%;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (max-width: 992px) {
  .plant-trees__how-wrapper .how__header {
    margin-bottom: 0;
  }
  .plant-trees__how-wrapper .how__main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .plant-trees__how-wrapper .how__subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .plant-trees__how-container--row .how__paragraph-title, .plant-trees__how-container--row-reverse .how__paragraph-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .plant-trees__how-container--row .how__paragraph, .plant-trees__how-container--row-reverse .how__paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .plant-trees__how-container--row .how__paragraph:last-of-type, .plant-trees__how-container--row-reverse .how__paragraph:last-of-type {
    margin-bottom: 0;
  }
}
.plant-trees__one-tree-wrapper {
  max-width: 1680px;
  margin: 0 auto;
  overflow: hidden;
}
.plant-trees__one-tree-container {
  position: relative;
  width: 100%;
  max-width: 1056px;
  margin: 0 auto 94px;
  padding: 70px 16px 0;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(8, 114px);
}
@media (max-width: 992px) {
  .plant-trees__one-tree-container {
    display: block;
    padding-top: 0;
    margin-bottom: 24px;
  }
}

.plant-trees__one-tree-wrapper .one-tree__main-img-mobile {
  width: 100%;
}
@media (min-width: 993px) {
  .plant-trees__one-tree-wrapper .one-tree__main-img-mobile {
    display: none;
  }
}

.plant-trees__one-tree-container .one-tree__left-img {
  height: 570px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(calc(-100% - (33 * 4px)));
          transform: translateY(-50%) translateX(calc(-100% - (33 * 4px)));
  z-index: -1;
}

.plant-trees__one-tree-container--content {
  grid-column: 1/4;
  padding: 112px 0 72px 0;
}
@media (max-width: 992px) {
  .plant-trees__one-tree-container--content {
    padding: 0 0 24px 0;
  }
}
.plant-trees__one-tree-container--content .one-tree__logo {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.plant-trees__one-tree-container--content .one-tree__header {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.plant-trees__one-tree-container--content .one-tree__main-title {
  margin-bottom: 24px;
}
.plant-trees__one-tree-container--content .one-tree__paragraph p:not(:last-of-type) {
  margin-bottom: 32px;
}

.plant-trees__one-tree--images {
  position: relative;
  grid-column-start: 5;
}
@media (max-width: 992px) {
  .plant-trees__one-tree--images {
    display: none;
  }
}
.plant-trees__one-tree--images .one-tree__shape {
  height: 692px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(95%);
          transform: translateY(-50%) translateX(95%);
  z-index: -1;
}

@media (max-width: 992px) {
  .plant-trees__one-tree-wrapper .one-tree__logo {
    margin-bottom: 8px;
  }
  .plant-trees__one-tree-wrapper .one-tree__header {
    margin-bottom: 0;
  }
  .plant-trees__one-tree-wrapper .one-tree__main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .plant-trees__one-tree-wrapper .one-tree__paragraph {
    font-size: 16px;
    line-height: 24px;
  }
  .plant-trees__one-tree-wrapper .one-tree__paragraph p:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.plant-trees__help-wrapper {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.plant-trees__help-container {
  position: relative;
  max-width: 1056px;
  margin: 0 auto 130px;
  padding: 168px 16px 96px;
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(8, 114px);
}
@media (max-width: 992px) {
  .plant-trees__help-container {
    display: block;
    padding-top: 72px;
    padding-bottom: 64px;
    margin-bottom: 24px;
  }
}

.plant-trees__section-help--shape {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(calc(-100% + 376px));
          transform: translateX(calc(-100% + 376px));
  z-index: -1;
}
@media (max-width: 992px) {
  .plant-trees__section-help--shape {
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .plant-trees__section-help--shape {
    left: -40%;
    height: 380px;
  }
}

.plant-trees__help-container .help__main-title {
  grid-column: 2/8;
  width: 90%;
  margin-bottom: 24px;
}
.plant-trees__help-container .help__text {
  grid-column: 2/8;
  margin-bottom: 48px;
}
.plant-trees__help-container .help__subtitle {
  grid-column: 2/8;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.plant-trees__help-container .help__allies-content {
  grid-column: 2/8;
}
.plant-trees__help-container .help__allies-content--ally-img {
  margin-right: 70px;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  .plant-trees__help-container .help__allies-content--ally-img {
    margin-right: 64px;
  }
  .plant-trees__help-container .help__allies-content--ally-img:nth-of-type(2n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .plant-trees__help-wrapper .help__main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .plant-trees__help-wrapper .help__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .plant-trees__help-wrapper .help__subtitle {
    margin-bottom: 8px;
  }
}
.plant-trees__join-wrapper {
  margin: 0 auto;
  max-width: 1680px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .plant-trees__join-wrapper {
    padding: 0 16px;
  }
}
.plant-trees__join-container {
  position: relative;
  width: 100%;
  max-width: 1278px;
  background-color: #285d4b;
  margin: 0 auto 80px;
  padding: 96px 256px;
  text-align: center;
}
@media (max-width: 992px) {
  .plant-trees__join-container {
    padding: 64px 24px;
    margin-bottom: 64px;
  }
}

.plant-trees__join-container .join__main-title {
  color: #ffffff;
  margin-bottom: 16px;
}
.plant-trees__join-container .join__text {
  color: #ffffff;
  margin-bottom: 24px;
}
.plant-trees__join-container .join__shape {
  position: absolute;
  left: 256px;
  bottom: -8px;
}
@media (max-width: 992px) {
  .plant-trees__join-container .join__shape {
    width: 72px;
    left: 5%;
    bottom: -24px;
  }
}

@media (max-width: 992px) {
  .plant-trees__join-wrapper .join__main-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
.plant-trees__faq-wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.plant-trees__faq-container {
  width: 80%;
  margin: 0 auto 88px;
}
@media (max-width: 992px) {
  .plant-trees__faq-container {
    width: 90%;
    margin-bottom: 48px;
  }
}
.plant-trees__faq-header {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .plant-trees__faq-header {
    margin-bottom: 16px;
  }
}

.section-shop {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
.section-shop__fluid {
  max-width: 100%;
}

.page-shop__main-wrapper {
  overflow-x: hidden;
}

.shop__main-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 32px;
  margin-bottom: 48px;
}
@media (max-width: 1024px) {
  .shop__main-wrapper {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .shop__main-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .shop__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.shop-ask__wrapper {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  margin: 16px 0 40px;
  padding: 16px 0;
  text-align: right;
}
@media (max-width: 992px) {
  .shop-ask__wrapper {
    text-align: left;
    margin: 8px 0 8px;
  }
}

.shop-ask__quote-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-size: 12px;
  line-height: 16px;
}
@media (max-width: 992px) {
  .shop-ask__quote-wrapper {
    position: relative;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

@media (max-width: 992px) {
  .shop-ask__wrapper .shop-ask__quote {
    font-weight: 400;
  }
}
@media (max-width: 992px) {
  .shop-bundle__wrapper:not(.opened) {
    border-bottom: 1px solid #e7e7e7;
  }
}

.shop-display__wrapper {
  margin-bottom: 48px;
}

.shop-display__header {
  margin-bottom: 8px;
}

.shop-display__subheader {
  margin-bottom: 40px;
}

.shop-display__product-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  position: relative;
}
@media (max-width: 992px) {
  .shop-display__product-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.shop-display__product-thumb__wrapper {
  width: calc(50% - 8px);
  padding: 24px 0 24px 24px;
}
@media (max-width: 992px) {
  .shop-display__product-thumb__wrapper {
    width: 100%;
    padding: 16px 0;
  }
}

.shop-display__product-info__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(50% - 8px);
  padding: 24px 0;
}
@media (max-width: 992px) {
  .shop-display__product-info__wrapper {
    width: 100%;
    padding: 16px 0;
  }
}

.shop-display__product-info__header {
  margin-bottom: 8px;
}
.shop-display__product-info__description {
  margin-bottom: 8px;
}
.shop-display__product-info__cta {
  margin-top: 16px;
}

@media (max-width: 992px) {
  .shop-needs__wrapper {
    padding: 0 16px 16px;
    margin-bottom: 8px;
  }
}

.shop-needs__header {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .shop-needs__header {
    border-top: 1px solid #e7e7e7;
    position: relative;
    padding: 24px 0;
    margin-bottom: 0;
  }
}

@media (max-width: 992px) {
  .shop-needs__collapse {
    border-bottom: 1px solid #e7e7e7;
  }
}

.shop-needs__list {
  width: 100%;
  margin-bottom: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .shop-needs__list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.shop-needs__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: calc(25% - 32px);
}
@media (max-width: 992px) {
  .shop-needs__column {
    width: 100%;
  }
}

.shop-needs__item {
  margin-bottom: 16px;
}

.shop-products__wrapper {
  width: 764px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .shop-products__wrapper {
    width: 100%;
  }
}

.shop-products__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .shop-products__header {
    padding: 24px 0;
  }
}

.shop-products__section {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .shop-products__section {
    position: relative;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 0;
  }
}
.shop-products__section:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .shop-products__section:last-of-type {
    border-bottom: 1px solid #e7e7e7;
  }
}

@media (max-width: 992px) {
  .shop-products__collapse.opened {
    max-height: 100%;
  }
  .shop-products__collapse.opened .shop-list__mobile-toggle:before {
    -webkit-transform: translate(0px, 7px);
            transform: translate(0px, 7px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .shop-products__collapse:not(.opened) {
    max-height: 72px;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  .shop-products__wrapper .shop-products__header {
    font-size: 16px;
    line-height: 24px;
  }
}
.shop-products__wrapper .shop-products__filter-group-wrapper.hidden,
.shop-products__wrapper .card-product__wrapper.hidden {
  display: none;
}

.shop-quote__wrapper {
  background: #f8f8f8;
  padding: 72px;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .shop-quote__wrapper {
    text-align: left;
    max-width: calc(100% - 32px);
    margin: 0 auto 24px;
    padding: 24px;
    -ms-flex-order: 10;
        order: 10;
  }
}

.shop-quote__header {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .shop-quote__header {
    margin-bottom: 8px;
  }
}

.shop-quote__subheader {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .shop-quote__subheader {
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .shop-quote__wrapper .shop-quote__header {
    font-size: 24px;
    line-height: 32px;
  }
  .shop-quote__wrapper .shop-quote__subheader {
    font-size: 16px;
    line-height: 24px;
  }
}
.shop-sample-pack__wrapper {
  display: block;
  text-decoration: none;
  color: #2f2f2f;
  position: relative;
  padding: 24px;
  background: #f8f8f8;
  height: 384px;
  border: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .shop-sample-pack__wrapper {
    height: auto;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.shop-sample-pack__wrapper .shop-sample-pack__cta {
  position: absolute;
}
@media (max-width: 992px) {
  .shop-sample-pack__wrapper .shop-sample-pack__cta {
    position: static;
  }
}

.shop-sample-pack__inner {
  position: relative;
  z-index: 5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 374px;
  height: 100%;
  max-width: 100%;
}

.shop-sample-pack__header {
  margin-bottom: 16px;
}

@media (min-width: 993px) {
  .shop-sample-pack__subheader {
    padding-right: 64px;
  }
}

.shop-sample-pack__cta {
  left: 0;
  bottom: 0;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 992px) {
  .shop-sample-pack__cta {
    margin-top: 40px;
  }
}

.shop-sample-pack__image {
  position: absolute;
  right: 0;
  width: auto;
  height: auto;
  max-height: calc(100% - 32px);
}
@media (min-width: 993px) {
  .shop-sample-pack__image {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 992px) {
  .shop-sample-pack__image {
    max-width: 172px;
    max-height: 88px;
    bottom: 0;
  }
}

@media (max-width: 992px) {
  .shop-sample-pack__wrapper .shop-sample-pack__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.shop-segmentation__wrapper {
  background: #fbfbfb;
  border-top: 1px solid #e7e7e7;
}
@media (min-width: 993px) {
  .shop-segmentation__wrapper .card-product__wrapper {
    width: 254.7px !important;
    min-width: auto;
  }
}

@media (max-width: 992px) {
  .shop-segmentation__container {
    padding: 0 16px;
  }
}

.shop-sidebar__wrapper {
  width: 244px;
  max-width: 100%;
}

.shop-sidebar__sticky {
  position: sticky;
  top: 96px;
}
@media (max-width: 992px) {
  .shop-sidebar__sticky {
    position: static;
    height: 100%;
  }
}

.shop-sidebar__category {
  display: block;
  margin-bottom: 12px;
}
.shop-sidebar__category:last-of-type {
  margin-bottom: 40px;
}
.shop-sidebar__category-title.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  pointer-events: none;
  color: #949494;
}
.shop-sidebar__category-title.active {
  text-decoration: underline;
}
.shop-sidebar__category-counter {
  color: #949494;
}
.shop-sidebar__category .badge__wrapper {
  margin: 0;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  width: 32px;
  text-align: center;
}

.shop-sidebar__subcategory {
  margin: 0 0 16px 8px;
}
.shop-sidebar__subcategory.collapsed {
  display: none;
}

.shop-filters__wrapper {
  padding: 40px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.shop-filters__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .shop-filters__header {
    margin-bottom: 24px;
  }
}

.shop-filters__item {
  margin-bottom: 8px;
}
.shop-filters__item:last-of-type {
  margin-bottom: 0;
}
.shop-filters__item-counter {
  margin-left: 4px;
  color: #949494;
  -ms-flex-item-align: center;
      align-self: center;
}
.shop-filters__item.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  pointer-events: none;
  color: #949494;
}

.shop-sidebar__mobile-close {
  position: fixed;
  top: 24px;
  right: 16px;
}

@media (max-width: 992px) {
  .shop-sidebar__wrapper {
    display: none;
    opacity: 0;
    width: 100%;
  }

  .shop-sidebar__wrapper.modal-open {
    display: block;
    background: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000000;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 24px 16px;
  }
  .shop-sidebar__wrapper.modal-open .shop-sidebar__category,
.shop-sidebar__wrapper.modal-open .shop-sidebar__subcategory {
    display: none;
  }

  .shop-filters__wrapper {
    padding: 0;
  }

  .shop-sidebar__mobile-cta {
    margin-top: 100%;
  }

  .shop-sidebar__mobile-close-mark {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 993px) {
  .shop-sidebar__wrapper .shop-sidebar__mobile-cta,
.shop-sidebar__wrapper .shop-sidebar__mobile-close {
    display: none;
  }
}
.shop-sidebar__mobile-trigger {
  position: relative;
  padding: 16px 12px;
  border: 1px solid #e7e7e7;
  margin-bottom: 16px;
}
@media (min-width: 993px) {
  .shop-sidebar__mobile-trigger {
    display: none;
  }
}
.shop-sidebar__mobile-trigger-mark {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: auto;
}

@media (max-width: 992px) {
  .shop-sidebar__wrapper .shop-filters__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.shop-subscribe__wrapper {
  position: relative;
  width: 100%;
  padding: 40px;
  border: 1px solid #e7e7e7;
  background: #f8f8f8;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .shop-subscribe__wrapper {
    display: none;
    margin-bottom: 16px;
  }
}

.shop-subscribe__wrapper--mobile {
  padding-top: 16px;
  border-top: 1px solid #e7e7e7;
}
.shop-subscribe__wrapper--mobile .shop-subscribe__wrapper {
  display: block;
  padding: 16px 24px 24px;
}
@media (min-width: 993px) {
  .shop-subscribe__wrapper--mobile {
    display: none;
  }
}

.shop-subscribe__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .shop-subscribe__header {
    margin-bottom: 16px;
  }
}

.shop-subscribe__input {
  max-width: 288px;
}
@media (max-width: 992px) {
  .shop-subscribe__input {
    margin-bottom: 16px;
  }
}

.shop-subscribe__cta-subscribed {
  display: none;
}

.shop-subscribe__shape {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 992px) {
  .shop-subscribe__shape {
    display: none;
  }
}

.shop-subscribe__wrapper .subscription__form {
  max-width: 400px;
}
@media (max-width: 992px) {
  .shop-subscribe__wrapper .subscription__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.shop-subscribe__wrapper .subscription__form__main {
  grid-column: 1/3;
}
@media (min-width: 993px) {
  .shop-subscribe__wrapper .shop-subscribe__input {
    max-width: calc(100% - 116px);
  }
}
.shop-subscribe__wrapper .subscription__form__field {
  max-width: 100%;
}
.shop-subscribe__wrapper .subscription__form__field--hidden {
  height: 0;
}
@media (max-width: 992px) {
  .shop-subscribe__wrapper .subscription__form__field__label {
    display: block;
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .shop-subscribe__wrapper.subscription__thankyou {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

/** @prettier */
.z-exit-intent-shop-slider {
  overflow: auto;
}
.z-exit-intent-shop-slider .z-exit-intent-newsletter__form,
.z-exit-intent-shop-slider .z-exit-intent-newsletter__description {
  display: none;
  visibility: hidden;
}
.z-exit-intent-shop-slider .z-exit-intent-newsletter__modal {
  background-image: url("/img/images/exit-newsletter-popup/shop-slider.png");
  background-size: 351px 520px;
  min-height: 568px;
}
@media (max-width: 767px) {
  .z-exit-intent-shop-slider .z-exit-intent-newsletter__modal {
    background-image: none;
  }
  .z-exit-intent-shop-slider .z-exit-intent-newsletter__header {
    margin-bottom: 0;
  }
  .z-exit-intent-shop-slider .exit-intent-blog-description-wrapper {
    padding-top: 24px;
    margin-top: 24px;
    border-top: solid 1px #e7e7e7;
  }
  .z-exit-intent-shop-slider .z-exit-intent-newsletter__line {
    display: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.banner__wrapper.countdown_xmas {
  background: url(ph-dsl-assets/xmas_stars_ebc42d097174fca718987dcef59eae82.svg) left bottom no-repeat, url(ph-dsl-assets/xmas_shape_8d57a67d1d799f7e195664c87f1cb08a.svg) right bottom no-repeat;
  background-color: #285d4b;
  text-align: center;
  padding: 0;
  border-radius: 0;
}
.banner__wrapper.countdown_xmas.banner__wrapper--closed {
  display: none;
}
@media (max-width: 1200px) {
  .banner__wrapper.countdown_xmas {
    background: url(ph-dsl-assets/xmas_shape_mobile_70b699c6af00f87f889b0890c540cad8.svg) right bottom no-repeat;
    background-color: #285d4b;
    text-align: left;
  }
}
.banner__wrapper.countdown_xmas .z-countdown-bar__container {
  padding: 8px;
}
@media (max-width: 1200px) {
  .banner__wrapper.countdown_xmas .z-countdown-bar__container {
    padding: 8px 16px 8px 40px;
  }
}
@media (min-width: 1201px) {
  .banner__wrapper.countdown_xmas .z-countdown-bar__container {
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1201px) and (max-width: 1024px) {
  .banner__wrapper.countdown_xmas .z-countdown-bar__container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.banner__wrapper.countdown_xmas .z-countdown-bar__close {
  right: 8px;
  left: auto;
}
@media (max-width: 992px) {
  .banner__wrapper.countdown_xmas .z-countdown-bar__close {
    left: 8px;
  }
}
.banner__wrapper.countdown_xmas .z-countdown-bar__link {
  color: #ffffff;
}

.countdown.banner__wrapper {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.countdown.banner__wrapper.banner__wrapper--hidden {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.countdown.banner__wrapper.banner__wrapper--closed {
  height: 0;
  opacity: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.countdown.banner__wrapper a {
  color: #ffffff;
}
@media (max-width: 992px) {
  .countdown.banner__wrapper .z-countdown-bar__close {
    left: -8px;
  }
  .countdown.banner__wrapper .z-countdown-bar__container {
    padding-left: 24px;
  }
}
.countdown.banner__wrapper .counter-hidden {
  display: none;
}

.z-countdown-bar__container {
  position: relative;
  text-align: center;
}
@media (max-width: 992px) {
  .z-countdown-bar__container {
    text-align: left;
  }
}

.z-countdown-bar__close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  display: block;
  width: 24px;
  height: 24px;
}
.z-countdown-bar__close:hover {
  cursor: pointer;
}
.z-countdown-bar__close:after, .z-countdown-bar__close:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #ffffff;
  border-radius: 8px;
}
.z-countdown-bar__close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -4px;
}
.z-countdown-bar__close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 10px;
}

.z-shop__tile .badge__wrapper {
  margin-bottom: 4px;
}

.z-shop__tile .badge__label {
  color: #2f2f2f;
  text-transform: none;
  text-transform: initial;
}

@media (max-width: 992) {
  .z-shop__tile .standardtile__wrapper {
    max-width: 100%;
  }
  .z-shop__tile .standardtile__wrapper:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.section-sustainability {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
.section-sustainability__fluid {
  max-width: 100%;
}

.page-sustainability__main-wrapper {
  overflow-x: hidden;
}

.sustainability-bird__section {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .sustainability-bird__section {
    display: none;
  }
}
@media (width: 1024px) {
  .sustainability-bird__section {
    padding: 0 16px;
  }
}

@media (min-width: 993px) {
  .sustainability-properties__section {
    position: relative;
    margin-bottom: 160px;
  }
}
@media (max-width: 992px) {
  .sustainability-properties__section {
    margin-bottom: 24px;
  }
}
@media (width: 1024px) {
  .sustainability-properties__section {
    padding: 0 0 0 16px;
  }
}

.sustainability-properties__birds {
  position: absolute;
  top: -72px;
  right: -104px;
  z-index: 20;
}
@media (max-width: 992px) {
  .sustainability-properties__birds {
    display: none;
  }
}

.sustainability-fsc__section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .sustainability-fsc__section {
    padding: 0 16px;
  }
}
@media (min-width: 993px) {
  .sustainability-fsc__section {
    margin-bottom: 160px;
  }
}
@media (width: 1024px) {
  .sustainability-fsc__section {
    padding: 0 16px;
  }
}

.sustainability-journey {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .sustainability-journey {
    padding: 0 16px;
    margin-bottom: 40px;
  }
}

@media (width: 1024px) {
  .sustainability-plant__section {
    padding: 0 16px;
  }
}

@media (max-width: 992px) {
  .sustainability-alliance__section {
    display: none;
  }
}
@media (width: 1024px) {
  .sustainability-alliance__section {
    padding: 0 16px;
  }
}

.sustainability-jetpack {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 168px;
}
@media (max-width: 992px) {
  .sustainability-jetpack {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 40px;
    padding: 0 16px;
  }
}
@media (width: 1024px) {
  .sustainability-jetpack {
    padding: 0 16px;
  }
}

.sustainability-jetpack__card {
  position: relative;
  max-width: 504px;
  padding: 48px;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .sustainability-jetpack__card {
    max-width: 100%;
    padding: 24px;
    margin-bottom: 24px;
  }
}

.sustainability-jetpack__main-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.sustainability-jetpack__main-title {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .sustainability-jetpack__main-title {
    margin-bottom: 0;
  }
}

.sustainability-jetpack__main-header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .sustainability-jetpack__main-header {
    margin-bottom: 16px;
  }
}

.sustainability-jetpack__main-subheader {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .sustainability-jetpack__main-subheader {
    display: none;
  }
}

.sustainability-jetpack__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(32px, 8px);
          transform: translate(32px, 8px);
}
@media (max-width: 992px) {
  .sustainability-jetpack__icon {
    display: none;
  }
}

.sustainability-jetpack__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(48px, 72px);
          transform: translate(48px, 72px);
  z-index: -1;
}
@media (max-width: 992px) {
  .sustainability-jetpack__shape {
    display: none;
  }
}

.sustainability-jetpack__side {
  max-width: 374px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.sustainability-jetpack__side-item:not(:last-of-type) {
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .sustainability-jetpack__side-item:not(:last-of-type) {
    margin-bottom: 24px;
  }
}

.sustainability-jetpack__side-item-header {
  margin-bottom: 8px;
}

.sustainability-jetpack__side-item-description {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .sustainability-jetpack .sustainability-jetpack__main-header,
.sustainability-jetpack .sustainability-jetpack__side-item-header {
    font-size: 24px;
    line-height: 32px;
  }
}
.sustainability-products__section {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .sustainability-products__section {
    margin-bottom: 24px;
  }
}
@media (width: 1024px) {
  .sustainability-products__section {
    padding: 0 16px;
  }
}

@media (min-width: 993px) {
  .sustainability-plant__section {
    position: relative;
    margin-bottom: 160px;
  }
  .sustainability-plant__section .sustainability-plant__cta--mobile {
    display: none;
  }
}
@media (max-width: 992px) {
  .sustainability-plant__section {
    margin-bottom: 40px;
  }
}

.sustainability-plant__shape {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 992px) {
  .sustainability-plant__shape {
    display: none;
  }
}

@media (min-width: 993px) {
  .sustainability-subscribe {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 160px;
  }
}
@media (max-width: 992px) {
  .sustainability-subscribe {
    padding: 0 16px;
    margin-bottom: 24px;
  }
}
@media (width: 1024px) {
  .sustainability-subscribe {
    padding: 0 16px;
  }
}

.sustainability-subscribe__content {
  max-width: 374px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.sustainability-subscribe__header {
  margin-bottom: 16px;
}
@media (min-width: 993px) {
  .sustainability-subscribe__header {
    position: relative;
    width: 764px;
    z-index: 20;
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .sustainability-subscribe__description {
    display: none;
  }
}

.subscription__wrapper-sustainability {
  background: #75b779;
}
@media (min-width: 993px) {
  .subscription__wrapper-sustainability {
    max-width: 504px;
    height: 712px;
    padding: 48px 80px;
  }
}
@media (max-width: 992px) {
  .subscription__wrapper-sustainability {
    padding: 24px;
  }
}
.subscription__wrapper-sustainability .subscription__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 100%;
}
.subscription__wrapper-sustainability .subscription__decor {
  top: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (max-width: 992px) {
  .subscription__wrapper-sustainability .subscription__decor {
    display: block;
  }
}
.subscription__wrapper-sustainability .subscription__decor--sustainability-desktop {
  top: 0;
  right: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (max-width: 992px) {
  .subscription__wrapper-sustainability .subscription__decor--sustainability-desktop {
    display: none;
  }
}
.subscription__wrapper-sustainability .subscription__decor--sustainability-mobile {
  top: 0;
  right: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
@media (min-width: 993px) {
  .subscription__wrapper-sustainability .subscription__decor--sustainability-mobile {
    display: none;
  }
}
.subscription__wrapper-sustainability .subscription__heading {
  font-size: 40px;
  line-height: 48px;
  color: #2f2f2f;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .subscription__wrapper-sustainability .subscription__heading {
    padding-right: 48px;
  }
}
.subscription__wrapper-sustainability .subscription__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.subscription__wrapper-sustainability .subscription__form__fieldset {
  margin-bottom: 16px;
}
.subscription__wrapper-sustainability.subscription__thankyou .subscription__inner {
  display: none;
}
.subscription__wrapper-sustainability.subscription__thankyou .subscription__decor {
  display: block;
}
.subscription__wrapper-sustainability.subscription__thankyou .subscription__thankyou-wrapper {
  margin-top: 100%;
}
@media (max-width: 992px) {
  .subscription__wrapper-sustainability.subscription__thankyou .subscription__thankyou-wrapper {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: end;
        align-items: flex-end;
    margin: 0;
  }
}
.subscription__wrapper-sustainability.subscription__thankyou .subscription__thankyou-icon-wrapper {
  background-color: #ffffff;
}

@media (max-width: 992px) {
  .sustainability-subscribe .sustainability-subscribe__header {
    font-size: 24px;
    line-height: 32px;
  }

  .subscription__wrapper-sustainability .subscription__heading {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 992px) {
  .section-sustainability--switch {
    padding: 0 16px;
  }
}

.sustainability-trees-planted__section {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .sustainability-trees-planted__section {
    padding: 0 16px;
    margin-bottom: 24px;
  }
}

.sustainability-trees-planted__inner {
  position: relative;
  max-width: 764px;
  height: 456px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .sustainability-trees-planted__inner {
    height: auto;
  }
}

.sustainability-trees-planted__icon {
  max-width: 56px;
  max-height: 56px;
  margin-bottom: 8px;
}

.sustainability-trees-planted__header {
  margin-bottom: 16px;
}
.sustainability-trees-planted__header span {
  color: #75b779;
}
@media (max-width: 992px) {
  .sustainability-trees-planted__header {
    padding-right: 16px;
  }
}

.sustainability-trees-planted__header {
  margin-bottom: 16px;
}

.sustainability-trees-planted__icon-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 120px;
  height: auto;
}
@media (max-width: 992px) {
  .sustainability-trees-planted__icon-bottom {
    display: none;
  }
}

.sustainability-trees-planted__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

@media (max-width: 992px) {
  .sustainability-trees-planted__section .sustainability-trees-planted__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-partnership {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
.section-partnership__fluid {
  max-width: 100%;
}

.page-partnership__main-wrapper {
  overflow-x: hidden;
}

.section-partnership__hero {
  position: relative;
}

@media (min-width: 993px) {
  .section-partnership__hero-inner {
    padding: 160px 0;
    max-width: 576px;
  }
}
@media (max-width: 992px) {
  .section-partnership__hero-inner {
    padding: 24px 16px 96px;
  }
}

.section-partnership__hero-image {
  position: absolute;
  max-width: 1055px;
  height: auto;
}
.section-partnership__hero-image.lazyloaded {
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -64px);
          transform: translate(-50%, -64px);
}

.section-partnership__works {
  position: relative;
  background: #e4f1fb;
  padding: 60px 0 0;
}
@media (max-width: 992px) {
  .section-partnership__works {
    padding: 20px 0 0;
  }
}

.section-partnership__works-steps {
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .section-partnership__works-steps {
    padding: 0 16px;
    margin-bottom: 0;
  }
}
.section-partnership__works-steps u:hover {
  cursor: pointer;
  text-decoration: none;
}

.section-partnership__works-together {
  position: relative;
  z-index: 10;
  background: #ffffff;
  padding: 96px 48px;
  width: 1120px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .section-partnership__works-together {
    padding: 48px 16px;
  }
}
@media (min-width: 993px) {
  .section-partnership__works-together {
    -webkit-transform: translateY(48px);
            transform: translateY(48px);
  }
}
.section-partnership__works-together__wrapper {
  max-width: 100%;
  width: 1120px;
}

.section-partnership__works__shape-top {
  width: 100%;
  height: 32px;
  background-repeat: repeat;
  background-position: center;
}
@media (max-width: 992px) {
  .section-partnership__works__shape-top {
    background-size: 240px 32px;
  }
}
.section-partnership__works__shape-bottom {
  width: 100%;
  height: 32px;
  background-repeat: repeat;
  background-position: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@media (max-width: 992px) {
  .section-partnership__works__shape-bottom {
    background-size: 240px 32px;
  }
}
@media (max-width: 992px) {
  .section-partnership__works__shape--desktop {
    display: none;
  }
}
.section-partnership__works__shape--mobile {
  background: #ffffff;
}
@media (min-width: 993px) {
  .section-partnership__works__shape--mobile {
    display: none;
  }
}

.section-partnership__works-decor__shape-middle {
  position: absolute;
  top: 40px;
  left: -60px;
  z-index: 5;
}
.section-partnership__works-decor__plane {
  position: absolute;
  top: 4px;
  left: -52px;
  z-index: 15;
}
.section-partnership__works-decor__shape-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(912px, 224px);
          transform: translate(912px, 224px);
}

.section-partnership__benefits {
  padding: 108px 0 160px;
}
@media (max-width: 992px) {
  .section-partnership__benefits {
    padding: 0 16px;
    margin-bottom: 80px;
  }
}

.section-partnership__become {
  position: relative;
  padding-bottom: 160px;
}
@media (max-width: 992px) {
  .section-partnership__become {
    padding: 0 16px;
    margin-bottom: 80px;
  }
}

.section-partnership__become-decor {
  position: absolute;
  right: 0;
  bottom: 12px;
}
@media (max-width: 992px) {
  .section-partnership__become-decor {
    display: none;
  }
}

@media (max-width: 992px) {
  .section-partnership__become .content-cta__wrapper .content-cta__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-become-supplier {
  position: relative;
  max-width: 1056px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .section-become-supplier {
    padding: 0 16px;
  }
}
.section-become-supplier__wide {
  max-width: 100%;
}

.page-become-supplier__main-wrapper {
  overflow-x: hidden;
}

@media (min-width: 993px) {
  .section-become-supplier__hero--inner .hero-wide__content {
    padding: 48px 8px 8px 88px;
  }
  .section-become-supplier__hero--inner .hero-wide__inner {
    margin-bottom: 144px;
  }

  .section-become-supplier__hero--divider hr {
    display: none;
  }
}
@media (max-width: 992px) {
  .section-become-supplier__hero--inner br {
    display: none;
  }
  .section-become-supplier__hero--inner .hero-wide__inner {
    margin-bottom: 0;
  }
  .section-become-supplier__hero--inner .hero-wide__content {
    padding-bottom: 32px;
  }

  .section-become-supplier__hero--divider {
    padding: 0 16px;
    margin-bottom: 32px;
  }
  .section-become-supplier__hero--divider hr {
    display: block;
    height: 1px;
    border: none;
    color: #e7e7e7;
    background-color: #e7e7e7;
  }
}
.section-become-supplier__benefits--inner-intro {
  margin-bottom: 64px;
}
@media (max-width: 992px) {
  .section-become-supplier__benefits--inner-intro {
    margin-bottom: 40px;
  }
}
.section-become-supplier__benefits--inner-intro .content-cta__wrapper {
  -ms-flex-align: inherit;
      align-items: inherit;
  text-align: left;
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .section-become-supplier__benefits--inner-intro .content-cta__wrapper {
    width: 100%;
  }
}
.section-become-supplier__benefits--inner-intro .content-cta__header {
  margin-bottom: 16px;
}
.section-become-supplier__benefits--inner-intro .content-cta__subheader {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}

.section-become-supplier__benefits--inner-tiles {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .section-become-supplier__benefits--inner-tiles {
    margin-bottom: 40px;
  }
}
.section-become-supplier__benefits--inner-tiles .content-bnf-list__wrapper {
  grid-column: 2/8;
}

@media (max-width: 992px) {
  .section-become-supplier__benefits .content-cta__wrapper .content-cta__header {
    font-size: 24px;
    line-height: 32px;
  }
  .section-become-supplier__benefits .content-cta__wrapper .content-cta__subheader {
    font-size: 16px;
    line-height: 24px;
  }
}
.section-become-supplier__steps--inner {
  background-color: #f8f8f8;
  width: 1120px;
  max-width: 100%;
  padding: 40px 16px;
}
@media (min-width: 993px) {
  .section-become-supplier__steps--inner {
    padding: 96px 48px;
  }
}
.section-become-supplier__steps--plane {
  position: absolute;
  top: 4px;
  left: -52px;
  -webkit-transform: translateY(-48px);
          transform: translateY(-48px);
  z-index: 5;
}
@media (max-width: 992px) {
  .section-become-supplier__steps--plane {
    display: none;
  }
}
.section-become-supplier__steps .content-lgt-list__item {
  background-color: #ffffff;
}

.section-become-supplier__photos--desktop {
  position: absolute;
  height: 100%;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}
@media (max-width: 767px) {
  .section-become-supplier__photos--desktop {
    left: -55%;
  }
}

@media (min-width: 993px) {
  .section-become-supplier__photos--inner {
    height: 400px;
    margin-top: 136px;
  }
}
@media (max-width: 992px) {
  .section-become-supplier__photos--inner {
    height: 384px;
    margin-top: 40px;
  }
}
.section-become-supplier__work--inner {
  padding: 96px 16px;
}
@media (max-width: 992px) {
  .section-become-supplier__work--inner {
    padding: 40px 16px;
  }
}
.section-become-supplier__work--inner .content-stp-list__item-icon {
  width: 32px;
}

.section-become-supplier__looking-for--inner {
  padding: 0 0 96px;
}
@media (max-width: 992px) {
  .section-become-supplier__looking-for--inner {
    padding-bottom: 40px;
  }
}
.section-become-supplier__looking-for--inner .hero-product__wrapper {
  max-width: 100%;
  padding: 0;
}
.section-become-supplier__looking-for--inner .hero-product__content {
  padding: 56px 8px;
}
@media (max-width: 992px) {
  .section-become-supplier__looking-for--inner .hero-product__content {
    padding: 40px 16px;
  }
}
.section-become-supplier__looking-for--inner .hero-product__content--header {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 16px;
}
.section-become-supplier__looking-for--inner .hero-product__content--subheader {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.section-become-supplier__looking-for--inner .hero-product__shape--left, .section-become-supplier__looking-for--inner .hero-product__shape--right {
  display: none;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.design-templates-hero__section {
  margin: 0 auto 16px;
}

.page-design-templates {
  max-width: 64rem;
  margin: 0 auto 48px;
}
@media (max-width: 1024px) {
  .page-design-templates {
    padding: 0 16px;
  }
}

.page-template-design-showcase [data-role=design-showcase-link], .page-template-design-showcase [data-role=design-showcase-link]:visited {
  color: #3b61ff;
}

/** @prettier **/
.homepage__section:last-child {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .homepage__section:last-child {
    margin-bottom: 96px;
  }
}
@media (max-width: 992px) {
  .homepage__section:last-child {
    margin-bottom: 40px;
  }
}

/** @prettier **/
.homepage__section--design-and-sustainability {
  margin-top: 96px;
}
@media (max-width: 992px) {
  .homepage__section--design-and-sustainability {
    display: none;
  }
}

.homepage-design-and-sustainability {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .homepage-design-and-sustainability {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}
.homepage-design-and-sustainability .designtile__picture {
  height: 192px;
}

.homepage-design-and-sustainability__tile {
  grid-column: span 4;
}

/** @prettier **/
@media (max-width: 992px) {
  .homepage__section--hero {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .homepage__section--hero {
    margin-top: 24px;
  }
}

.homepage-hero__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 993px) {
  .homepage-hero__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}
@media (min-width: 993px) {
  .homepage-hero__inner {
    padding: 64px 16px;
  }
}

.homepage-hero__content {
  grid-column: 1/6;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .homepage-hero__content {
    width: 100%;
  }
}

.homepage-trustpilot {
  max-width: 1056px;
  margin: 0 auto;
  margin-top: 8px;
}
@media (max-width: 992px) {
  .homepage-trustpilot {
    margin-top: -32px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .homepage-trustpilot {
    margin-top: -16px;
  }
}
.homepage-trustpilot .notification__wrapper {
  z-index: 100;
  width: 100%;
  display: block;
}
.homepage-trustpilot.hidden {
  display: none;
}

.homepage-hero__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 72px;
  line-height: 80px;
}
@media (max-width: 767px) {
  .homepage-hero__heading {
    font-size: 32px;
    line-height: 40px;
  }
}

.homepage-hero__decor {
  position: absolute;
  z-index: -1;
  width: 89px;
  height: 76px;
  display: block;
  -webkit-transform: translateX(-33px) translateY(-44px);
          transform: translateX(-33px) translateY(-44px);
}
@media (max-width: 992px) {
  .homepage-hero__decor {
    display: none;
  }
}

.homepage-hero__copy {
  margin-top: 8px;
}

.homepage-hero__button-wrapper {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 767px) {
  .homepage-hero__button-wrapper {
    width: 100%;
  }
}

.homepage-hero__help-choose {
  margin-left: 16px;
}
@media (max-width: 992px) {
  .homepage-hero__help-choose {
    margin: 16px auto;
  }
}

.homepage-hero__image {
  grid-column-start: 6;
}

@media (min-width: 993px) {
  .homepage-hero__image--local {
    -webkit-transform: translateX(-54px);
            transform: translateX(-54px);
    margin-top: 92px;
    margin-bottom: 40px;
    height: 482px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-hero__image--local {
    width: 100%;
    max-width: 676px;
  }
}
@media (max-width: 767px) {
  .homepage-hero__image--local {
    height: 378px;
    padding-top: 48px;
  }
}

/** @prettier **/
.homepage__section--inspirations {
  margin-top: 96px;
}
@media (max-width: 992px) {
  .homepage__section--inspirations {
    display: none;
  }
}

.homepage-inspirations {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  grid-row-gap: 21px;
}
@media (min-width: 993px) {
  .homepage-inspirations {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 21px;
    grid-template-columns: repeat(3, 327px);
  }
}

.homepage-inspirations__tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ffffff;
}

/**
  @fixme, @todo
  Replace the code below with "composes" from dsl/src/atoms/DesignTile once it's merged together!
  (or simply replace .homepage-inspirations__ with .designtile__  in the php file)
*/
.homepage-inspirations__wrapper {
  width: 100%;
  padding: 48px 48px 24px 48px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  min-height: 584px;
}

.homepage-inspirations__wrapper--white {
  background: #ffffff;
}

.homepage-inspirations__wrapper--grey {
  background: #f8f8f8;
}

.homepage-inspirations__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.homepage-inspirations__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 40px;
  margin: 8px 0 0;
}

.homepage-inspirations__picture {
  margin-top: 24px;
}

.homepage-inspirations__copy {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0 0;
}

.homepage-inspirations__button-wrapper {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .homepage-inspirations__button-wrapper {
    width: 100%;
  }
}

.homepage-inspirations .card-inspirations__image-container {
  max-height: 328px;
}

/** @prettier **/
.homepage__section--local-heroes {
  margin-top: 160px;
}
@media (max-width: 992px) {
  .homepage__section--local-heroes {
    margin-top: 96px;
  }
}
@media (max-width: 767px) {
  .homepage__section--local-heroes {
    margin-top: 40px;
  }
}

.homepage-local-heroes {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  color: #2f2f2f;
}
@media (min-width: 993px) {
  .homepage-local-heroes {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}

.homepage-local-heroes__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 900;
  padding-bottom: 8px;
}
@media (min-width: 993px) {
  .homepage-local-heroes__title {
    grid-column: 1/-1;
  }
}
@media (max-width: 992px) {
  .homepage-local-heroes__title {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .homepage-local-heroes__title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (max-width: 767px) {
  .homepage-local-heroes__title br {
    display: none;
  }
}

.homepage-local-heroes__tile,
.homepage-local-heroes__big-ecommerce {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .homepage-local-heroes__tile,
.homepage-local-heroes__big-ecommerce {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .homepage-local-heroes__tile,
.homepage-local-heroes__big-ecommerce {
    margin-top: 16px;
  }
}

@media (min-width: 993px) {
  .homepage-local-heroes__tile {
    grid-column: span 4;
  }
}

@media (min-width: 993px) {
  .homepage-local-heroes__big-ecommerce {
    grid-column: 1/-1;
  }
}

/** @prettier **/
.homepage__section--partners {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .homepage__section--partners {
    margin-top: 16px;
  }
}

.homepage-partners {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .homepage-partners {
    max-width: 1056px;
    margin: 0 auto;
  }
}

.homepage-partners__title {
  font-size: 12px;
  line-height: 24px;
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  text-transform: uppercase;
}

.homepage-partners__list {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  list-style: none;
  margin: 24px -8px 0;
}
@media (max-width: 992px) {
  .homepage-partners__list {
    width: calc(100% + 16px * 2);
    margin: 24px -16px 0;
    padding: 0 16px;
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  .homepage-partners__list {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}

.homepage-partners__item {
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .homepage-partners__item {
    padding: 0;
  }
  .homepage-partners__item + .homepage-partners__item {
    margin-left: 40px;
  }
  .homepage-partners__item:last-child {
    padding-right: 16px;
  }
}

.homepage-partners__image {
  width: auto;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/** @prettier **/
.homepage__section--product-grid {
  margin-top: 96px;
}
@media (max-width: 992px) {
  .homepage__section--product-grid {
    margin-top: 40px;
  }
}

.homepage-product-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-product-grid {
    min-height: 1184px;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

.product-grid {
  display: grid;
  width: 1664px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .product-grid {
    grid-auto-flow: column;
    grid-template-columns: repeat(7, 224px);
    grid-template-rows: repeat(12, 104px);
    grid-gap: 16px;
    grid-template-areas: "one    .     .        .        .         .         .          " "one    five  .        .        .         .         .          " "two    five  ten      .        .         .         twentytwo  " "two    six   ten      .        .         .         twentytwo  " "three  six   eleven   .        .         .         twentythree" "three  seven eleven   fourteen .         nineteen  twentythree" "four   seven twelve   fourteen seventeen nineteen  twentyfour " "four   eight twelve   fifteen  seventeen twenty    twentyfour " ".      eight thirteen fifteen  eighteen  twenty    twentyfive " ".      nine  thirteen sixteen  eighteen  twentyone twentyfive " ".      nine  .        sixteen  .         twentyone twentysix  " ".      .     .        .        .         .         twentysix  ";
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .product-grid {
    position: absolute;
    top: -120px;
  }
}
@media (max-width: 767px) {
  .product-grid {
    margin-top: 16px;
    overflow-x: scroll;
    grid-template-rows: repeat(3, 152px);
    grid-template-columns: repeat(18, 72px);
    grid-gap: 8px;
    grid-template-areas: "one one two two three three four four five five six six seven seven eight eight nine nine" ". ten ten eleven eleven twelve twelve thirteen thirteen fourteen fourteen fifteen fifteen sixteen sixteen seventeen seventeen ." "eighteen eighteen nineteen nineteen twenty twenty twentyone twentyone twentytwo twentytwo twentythree twentythree twentyfour twentyfour twentyfive twentyfive twentysix twentysix";
  }
}

.product-grid__item {
  position: relative;
  z-index: 1;
}
.product-grid__item:nth-child(1) {
  grid-area: one;
}
.product-grid__item:nth-child(2) {
  grid-area: two;
}
.product-grid__item:nth-child(3) {
  grid-area: three;
}
.product-grid__item:nth-child(4) {
  grid-area: four;
}
.product-grid__item:nth-child(5) {
  grid-area: five;
}
.product-grid__item:nth-child(6) {
  grid-area: six;
}
.product-grid__item:nth-child(7) {
  grid-area: seven;
}
.product-grid__item:nth-child(8) {
  grid-area: eight;
}
.product-grid__item:nth-child(9) {
  grid-area: nine;
}
.product-grid__item:nth-child(10) {
  grid-area: ten;
}
.product-grid__item:nth-child(11) {
  grid-area: eleven;
}
.product-grid__item:nth-child(12) {
  grid-area: twelve;
}
.product-grid__item:nth-child(13) {
  grid-area: thirteen;
}
.product-grid__item:nth-child(14) {
  grid-area: fourteen;
}
.product-grid__item:nth-child(15) {
  grid-area: fifteen;
}
.product-grid__item:nth-child(16) {
  grid-area: sixteen;
}
.product-grid__item:nth-child(17) {
  grid-area: seventeen;
}
.product-grid__item:nth-child(18) {
  grid-area: eighteen;
}
.product-grid__item:nth-child(19) {
  grid-area: nineteen;
}
.product-grid__item:nth-child(20) {
  grid-area: twenty;
}
.product-grid__item:nth-child(21) {
  grid-area: twentyone;
}
.product-grid__item:nth-child(22) {
  grid-area: twentytwo;
}
.product-grid__item:nth-child(23) {
  grid-area: twentythree;
}
.product-grid__item:nth-child(24) {
  grid-area: twentyfour;
}
.product-grid__item:nth-child(25) {
  grid-area: twentyfive;
}
.product-grid__item:nth-child(26) {
  grid-area: twentysix;
}
.product-grid__item:nth-child(27) {
  grid-area: twentyseven;
}
@media (min-width: 768px) {
  .product-grid__item {
    min-height: 224px;
  }
}
@media (max-width: 767px) {
  .product-grid__item {
    min-height: 152px;
    scroll-snap-align: center;
  }
}

@-webkit-keyframes animate-product {
  0% {
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes animate-product {
  0% {
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.product-grid__item[data-animate] {
  will-change: transform;
}
@media (min-width: 993px) {
  .product-grid__item[data-animate] {
    -webkit-animation: animate-product 0.7s forwards;
            animation: animate-product 0.7s forwards;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  .product-grid__item[data-animate].animate {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}

.product-grid__decor {
  z-index: 3;
  position: absolute;
  display: none;
}
@media (min-width: 993px) {
  .product-grid__decor {
    display: block;
  }
}

@media (min-width: 993px) {
  .product-grid__item:nth-child(5) .product-grid__decor {
    left: 178px;
    top: 46px;
    display: block;
    height: 105px;
    width: 114px;
  }
  .product-grid__item:nth-child(24) .product-grid__decor {
    left: -53px;
    top: 52px;
    display: block;
    height: 106px;
    width: 97px;
  }
  .product-grid__item:nth-child(10), .product-grid__item:nth-child(20) {
    z-index: 2;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .product-grid__item:nth-child(5):before {
    content: "";
    z-index: 3;
    position: absolute;
    left: 178px;
    top: 46px;
    display: block;
    height: 114px;
    width: 105px;
    background-repeat: no-repeat;
    background-image: url(/img/images/homepage/product-grid/eco-feel-1.svg);
    background-size: contain;
  }
  .product-grid__item:nth-child(10) {
    z-index: 2;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .product-grid__item:nth-child(19):before {
    content: "";
    z-index: 3;
    position: absolute;
    left: -100px;
    top: 44px;
    display: block;
    height: 97px;
    width: 106px;
    background-repeat: no-repeat;
    background-image: url(/img/images/homepage/product-grid/eco-feel-2.svg);
    background-size: contain;
  }
  .product-grid__item:nth-child(17) {
    z-index: 2;
  }
}
@media (max-width: 767px) {
  .product-grid__item:nth-child(13):before {
    content: "";
    z-index: 3;
    position: absolute;
    left: -31px;
    top: 84px;
    display: block;
    height: 97px;
    width: 106px;
    background-repeat: no-repeat;
    background-image: url(/img/images/homepage/product-grid/eco-feel-2.svg);
    background-size: contain;
  }
  .product-grid__item:nth-child(21), .product-grid__item:nth-child(22) {
    z-index: 2;
  }
}

.homepage-product-grid__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .homepage-product-grid__inner {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}
@media (min-width: 993px) {
  .homepage-product-grid__inner {
    height: 1px;
    overflow: visible;
    width: 1056px;
  }
}
@media (min-width: 768px) {
  .homepage-product-grid__inner {
    position: absolute;
    z-index: 2;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-product-grid__inner {
    width: auto;
    right: 0;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .homepage-product-grid__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (min-width: 993px) {
  .homepage-product-grid__content {
    grid-column: 5/9;
    -webkit-transform: translateY(288px);
            transform: translateY(288px);
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-product-grid__content {
    width: 454px;
    padding-top: 112px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (max-width: 767px) {
  .homepage-product-grid__content {
    width: 100%;
  }
}

.homepage-product-grid__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  color: #2f2f2f;
}
@media (max-width: 767px) {
  .homepage-product-grid__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.homepage-product-grid__button-wrapper {
  margin-top: 16px;
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-product-grid__button-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .homepage-product-grid__button-wrapper {
    width: 100%;
  }
}

/** @prettier **/
.homepage__section--outro {
  margin-top: 160px;
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .homepage__section--outro {
    margin-top: 96px;
    margin-bottom: 96px;
  }
}
@media (max-width: 767px) {
  .homepage__section--outro {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.homepage-outro {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .homepage-outro {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: repeat(8, 114px);
  }
}

.homepage-outro__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
@media (min-width: 993px) {
  .homepage-outro__content {
    grid-column: 3/7;
  }
}
@media (max-width: 992px) {
  .homepage-outro__content {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .homepage-outro__content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .homepage-outro__content {
    padding-top: 40px;
    border-top: solid 1px #e7e7e7;
  }
}

.homepage-outro__heading {
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
@media (min-width: 768px) {
  .homepage-outro__heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .homepage-outro__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .homepage-outro__actions {
    margin-top: 24px;
    display: inline-grid;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 16px;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (max-width: 767px) {
  .homepage-outro__actions {
    margin-top: 16px;
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-row-gap: 8px;
  }
}

/** @prettier **/
.homepage__section--trusted-by {
  margin-top: 96px;
}
@media (max-width: 767px) {
  .homepage__section--trusted-by {
    margin-top: 40px;
  }
}

.homepage-trusted-by {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .homepage-trusted-by {
    max-width: 1056px;
    margin: 0 auto;
  }
}

.homepage-trusted-by__heading {
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  width: 100%;
}
@media (min-width: 993px) {
  .homepage-trusted-by__heading {
    max-width: 764px;
    font-size: 72px;
    line-height: 80px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-trusted-by__heading {
    max-width: 548px;
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .homepage-trusted-by__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

.homepage-trusted-by__media {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 993px) {
  .homepage-trusted-by__media {
    margin-top: 16px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .homepage-trusted-by__media {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .homepage-trusted-by__media {
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
  }
}

.homepage-trusted-by__image {
  width: 100%;
}
@media (max-width: 767px) {
  .homepage-trusted-by__image {
    min-width: 523px;
  }
}

.homepage-segmentation {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}
.homepage-segmentation.hidden {
  display: none;
}

.homepage-segmentation__wrapper {
  margin-top: 96px;
}
@media (max-width: 992px) {
  .homepage-segmentation__wrapper {
    padding: 0 16px;
  }
}
.homepage-segmentation__wrapper .grid-sgm__list-item.active {
  outline: 1px solid #3353d8;
}
.homepage-segmentation__wrapper .grid-sgm__list-item:hover {
  cursor: pointer;
}

@media (max-width: 992px) {
  .homepage-segmentation--type-filter .grid-sgm__footer {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .homepage-segmentation--type-filter .grid-sgm__secondary-cta {
    margin: 16px auto;
  }
}
.blog-archive {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 96px;
}

.blog-archive__header {
  grid-column: 2/8;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  margin: 40px 0;
}
@media (max-width: 992px) {
  .blog-archive__header {
    font-size: 24px;
    line-height: 32px;
    margin: 24px 0;
  }
}

.blog-archive__posts {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: -40px 0 0;
  list-style: none;
}
@media (max-width: 992px) {
  .blog-archive__posts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-archive__posts {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .blog-archive__posts {
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.blog-archive__post {
  margin-top: 40px;
}
.blog-archive__post:nth-child(odd) {
  grid-column: 2/5;
}
@media (max-width: 992px) {
  .blog-archive__post:nth-child(odd) {
    grid-column: 1;
  }
}
.blog-archive__post:nth-child(even) {
  grid-column: 5/8;
}
@media (max-width: 992px) {
  .blog-archive__post:nth-child(even) {
    grid-column: 2;
  }
}
@media (max-width: 992px) {
  .blog-archive__post {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .blog-archive__post {
    width: 100%;
  }
  .blog-archive__post:nth-child(1) {
    margin-top: 0;
  }
}

.blog-archive__inner {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .blog-archive__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-archive__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.blog-archive__pagination {
  grid-column: 2/8;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .blog-archive__pagination {
    width: 100%;
    margin-top: 24px;
  }
}

.blog-listing-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  overflow: hidden;
  padding: 96px 0 40px;
}
@media (max-width: 992px) {
  .blog-listing-header {
    padding: 24px 0;
  }
}

.blog-listing-header__inner {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
}
@media (max-width: 992px) {
  .blog-listing-header__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-listing-header__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.blog-listing-header__illustration {
  position: absolute;
  left: calc(100% - 93px);
  top: -367px;
  width: 433px;
  height: 448px;
  background-image: url(ph-dsl-assets/12_d964b82eb51658067621c5cb697f2618.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .blog-listing-header__illustration {
    background-image: url(ph-dsl-assets/blog-header-mobile_33e1f7f2edd1beb9b0f06e0771f6b554.svg);
    left: unset;
    top: -55px;
    right: 0;
    width: 38px;
    height: 155px;
  }
}

.blog-listing-header__title {
  grid-column: 2/6;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 72px;
  line-height: 80px;
  margin: 0;
}
@media (max-width: 992px) {
  .blog-listing-header__title {
    padding-right: 24px;
    font-size: 32px;
    line-height: 40px;
  }
}

.blog-categories {
  grid-column: 2/9;
  padding: 0;
  display: inline-block;
  list-style: none;
  position: relative;
  z-index: 2;
  margin: 16px 0 0 -8px;
}
@media (max-width: 992px) {
  .blog-categories {
    white-space: nowrap;
    overflow-x: scroll;
    margin: 0 -16px;
  }
}

.blog-categories__item {
  float: left;
  margin-left: 8px;
  margin-top: 8px;
}
@media (max-width: 992px) {
  .blog-categories__item {
    float: none;
    display: inline-block;
  }
  .blog-categories__item:first-child {
    margin-left: 16px;
  }
  .blog-categories__item:last-child {
    margin-right: 16px;
  }
}

.blog-listing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 96px;
}
@media (max-width: 992px) {
  .blog-listing {
    padding: 0 0 24px;
  }
}

.blog-listing__wrapper {
  width: 100%;
}

.blog-listing__posts {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
@media (max-width: 992px) {
  .blog-listing__posts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-listing__posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .blog-listing__posts {
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.blog-listing__post {
  margin-top: 40px;
}
.blog-listing__post:nth-child(odd) {
  grid-column: 2/5;
}
@media (max-width: 992px) {
  .blog-listing__post:nth-child(odd) {
    grid-column: 1;
  }
}
.blog-listing__post:nth-child(even) {
  grid-column: 5/8;
}
@media (max-width: 992px) {
  .blog-listing__post:nth-child(even) {
    grid-column: 2;
  }
}
@media (max-width: 992px) {
  .blog-listing__post {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .blog-listing__post {
    -ms-flex-order: 2;
        order: 2;
    width: 100%;
  }
  .blog-listing__post:nth-child(1) {
    -ms-flex-order: 0;
        order: 0;
    margin-top: 0;
  }
  .blog-listing__post:nth-child(2) {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .blog-listing__post--subscription {
    -ms-flex-order: 1;
        order: 1;
    margin-bottom: 24px;
  }
}

.blog-listing__featured {
  width: 1184px;
  margin: 0 auto;
  padding: 40px 0;
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.blog-listing__inner {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .blog-listing__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-listing__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.blog-listing__pagination {
  grid-column: 2/8;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .blog-listing__pagination {
    width: 100%;
    margin-top: 24px;
  }
}

.blog-post-teaser {
  width: 100%;
  display: block;
}

.blog-post-teaser__image {
  -webkit-transition: linear 0.3s transform;
  transition: linear 0.3s transform;
}
.blog-post-teaser__image.placeholder {
  width: auto;
  height: auto;
}

.blog-post-teaser:hover .blog-post-teaser__image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-suggestions {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 48px 0;
  margin: 0 auto;
  background-color: #f8f8f8;
  color: #2f2f2f;
}
@media (max-width: 992px) {
  .blog-suggestions {
    margin: 24px 0;
    padding: 24px 0 40px;
  }
}

.blog-suggestions__container {
  max-width: 1024px;
}
@media (max-width: 992px) {
  .blog-suggestions__container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.blog-suggestions__list .shop-list__header {
  text-align: center;
}
.blog-suggestions__list .shop-list__wrapper .card-product__wrapper {
  width: calc(100% / 4 - 1px);
}
@media (max-width: 992px) {
  .blog-suggestions__list .shop-list__wrapper .card-product__wrapper {
    width: 100%;
  }
}
.blog-suggestions__list .shop-list__mobile-toggle {
  display: none;
}

.blog-suggestions__categories {
  grid-column: 1/-1;
  display: inline-block;
  margin: 16px 0 0;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  color: #2f2f2f;
}
@media (max-width: 992px) {
  .blog-suggestions__categories {
    margin-top: -8px;
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .blog-suggestions__categories__item {
    margin-top: 8px;
    color: #2f2f2f;
  }
}

.blog-promoted {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 40px 0;
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .blog-promoted {
    width: 100%;
    padding: 0;
    background-color: #ffffff;
  }
}

.blog-promoted__inner {
  max-width: 1024px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 114px);
  grid-column-gap: 16px;
  position: relative;
  z-index: 2;
  -ms-flex-align: center;
      align-items: center;
  min-height: 432px;
}
@media (max-width: 992px) {
  .blog-promoted__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .blog-promoted__inner {
    padding-top: 0;
    min-height: unset;
  }
}

.blog-promoted__content {
  grid-column: 2/5;
  padding-right: 40px;
}
@media (max-width: 992px) {
  .blog-promoted__content {
    padding-right: 0;
    width: 100%;
    -ms-flex-order: 1;
        order: 1;
  }
}

.blog-promoted__link {
  color: #2f2f2f;
  text-decoration: none;
}

.blog-promoted__title {
  margin-top: 8px;
}
@media (max-width: 992px) {
  .blog-promoted__title {
    margin-top: 16px;
  }
}

.blog-promoted__description {
  margin-top: 8px;
}

.blog-promoted__read-more {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .blog-promoted__read-more {
    font-size: 16px;
  }
}

.blog-promoted__badge .badge__wrapper {
  margin: 0;
}

.blog-promoted__media {
  grid-column: 5/8;
  position: relative;
  align-self: stretch;
}
@media (max-width: 992px) {
  .blog-promoted__media {
    width: 100%;
    height: 200px;
    margin-bottom: 16px;
  }
}

.blog-promoted__image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blog-promoted__image.placeholder {
  background-size: 48px;
  background-position: center;
}

.blog-promoted__shape {
  display: block;
  height: 222px;
  width: 152px;
  position: absolute;
  bottom: -29px;
  right: -65px;
  background-image: url(ph-dsl-assets/14_34ed62e943807f48775404e44dfb6663.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 992px) {
  .blog-promoted__shape {
    display: none;
  }
}

.blog-subscription--listing,
.blog-subscription--single-post {
  width: 100%;
  position: relative;
  border-top: 1px solid #e7e7e7;
}

.blog-subscription--listing {
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px 0 24px;
  overflow: hidden;
}

.blog-subscription--single-post {
  margin: 24px 0;
  padding: 16px 0 0;
}
@media (min-width: 993px) {
  .blog-subscription--single-post {
    display: none;
  }
}

.blog-subscription--single-post .subscription__wrapper {
  overflow: visible;
}

.blog-header-subscription-decor {
  position: absolute;
  top: 32px;
  left: 26px;
  max-width: 151px;
}
.blog-subscription--single-post .blog-header-subscription-decor {
  left: -68px;
}

.blog-header-subscription-inner {
  display: -ms-flexbox;
  display: flex;
  width: 768px;
  max-width: 100%;
  margin: 0 auto;
}
.blog-header-subscription-inner .subscription__inner {
  display: -ms-flexbox;
  display: flex;
}
.blog-header-subscription-inner .subscription__wrapper {
  background: #fff;
  color: #2f2f2f;
}
.blog-header-subscription-inner .subscription__heading {
  padding: 4px 28px 0 64px;
  max-width: 50%;
}
.blog-header-subscription-inner .subscription__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 4px 4px 0 8px;
}
.blog-header-subscription-inner .subscription__form__main {
  width: calc(100% - 112px);
}
.blog-header-subscription-inner .subscription__form__action {
  width: 104px;
}
.blog-header-subscription-inner .subscription__form__field.subscription__form__field--checkbox {
  padding-top: 4px;
}

.subscription__wrapper--blog-heading.subscription__thankyou .subscription__inner {
  display: none;
}
.subscription__wrapper--blog-heading.subscription__thankyou .subscription__thankyou__title {
  font-size: 24px;
}
@media (min-width: 992px) {
  .subscription__wrapper--blog-heading.subscription__thankyou .subscription__thankyou__title br {
    display: none;
  }
}
.subscription__wrapper--blog-heading.subscription__thankyou .subscription__thankyou__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}
.subscription__wrapper--blog-heading.subscription__thankyou .subscription__thankyou-icon-wrapper {
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
}

@media (max-width: 992px) {
  .blog-subscription--listing {
    padding: 24px 0;
  }

  .blog-subscription--single-post .blog-header-subscription-inner .subscription__inner {
    padding: 0;
  }

  .blog-header-subscription-decor {
    display: none;
  }

  .blog-header-subscription-inner .subscription__inner {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 16px;
  }
  .blog-header-subscription-inner .subscription__heading {
    max-width: 100%;
    padding: 0;
    font-size: 16px;
  }
  .blog-header-subscription-inner .subscription__form {
    padding: 0;
  }
  .blog-header-subscription-inner .checkbox__wrapper--small {
    width: 24px;
    height: 24px;
    margin-right: 16px;
  }
  .blog-header-subscription-inner .formcontrollabel__wrapper {
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 8px;
  }
  .blog-header-subscription-inner .subscription__form__field.subscription__form__field--checkbox {
    padding-top: 0;
  }
  .blog-header-subscription-inner .baseinput__base {
    font-size: 14px;
  }
  .blog-header-subscription-inner .subscription__thankyou-icon-wrapper {
    min-width: 32px;
    margin: 0 32px;
  }

  .subscription__wrapper--blog-heading.subscription__thankyou {
    padding: 20px 16px;
  }
}
.blog-newsletter-footer {
  margin: 96px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .blog-newsletter-footer {
    padding-top: 24px;
    margin: 24px 0;
  }
}

.blog-newsletter-footer__inner {
  width: 1024px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .blog-newsletter-footer__inner {
    width: 100%;
    padding: 0 16px;
  }
}

.blog-post-wrapper {
  padding: 40px 0 96px;
}
@media (max-width: 992px) {
  .blog-post-wrapper {
    padding: 24px 0;
  }
}

.blog-post-inner {
  display: -ms-flexbox;
  display: flex;
  max-width: 1024px;
  width: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .blog-post-inner {
    max-width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 16px;
  }
}

.blog-post-subscribe-aside {
  margin-left: 16px;
  max-width: 360px;
  position: relative;
}
@media (max-width: 992px) {
  .blog-post-subscribe-aside {
    display: none;
  }
}

.blog-post-subscribe-aside__box {
  position: sticky;
  top: calc(128px + 16px);
}

.blog-post {
  max-width: 504px;
  width: 100%;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  color: #2f2f2f;
}
@media (max-width: 992px) {
  .blog-post {
    margin-top: 16px;
  }
}

.blog-post__header {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .blog-post__header {
    margin-bottom: 24px;
  }
}

.blog-post__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 40px;
  line-height: 48px;
  margin: 24px 0 8px;
}
@media (max-width: 992px) {
  .blog-post__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.blog-post__brief {
  font-size: 14px;
  line-height: 24px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.blog-post__brief__desc {
  display: inline-block;
  margin-left: 8px;
}

.blog-post__picture {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 66.7%;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .blog-post__picture {
    margin-bottom: 24px;
  }
}

.blog-post__breadcrumbs-item:last-child a {
  pointer-events: all;
  color: #2f2f2f;
  cursor: pointer;
}

.blog-post__comments-trigger.active > .blog-post__comments-trigger__content--default {
  display: none;
}
.blog-post__comments-trigger.active > .blog-post__comments-trigger__content--secondary {
  display: inline-block;
}

.blog-post__comments-trigger__count {
  pointer-events: none;
}

.blog-post__author {
  margin-top: 40px;
  background-color: #f8f8f8;
}
@media (max-width: 992px) {
  .blog-post__author {
    margin-top: 24px;
  }
}

.blog-post__tags {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .blog-post__tags {
    display: inline-block;
    font-size: 16px;
  }
}

.blog-post__tags__intro {
  -ms-flex: 0 0 112px;
      flex: 0 0 112px;
  padding-right: 8px;
}

.blog-post__tags__items {
  margin-left: 16px;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
@media (max-width: 992px) {
  .blog-post__tags__items {
    display: inline;
    margin-left: 0;
  }
}

.blog-post__tags__item {
  display: inline-block;
  margin-right: 8px;
}

.blog-post__content {
  width: 100%;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 24px;
}
.blog-post__content .spacing-s1 {
  margin: 4px 0;
}
.blog-post__content .spacing-s2 {
  margin: 8px 0;
}
.blog-post__content .spacing-s3 {
  margin: 16px 0;
}
.blog-post__content .spacing-s4 {
  margin: 24px 0;
}
.blog-post__content .spacing-s5 {
  margin: 40px 0;
}
.blog-post__content .spacing-s6 {
  margin: 48px 0;
}
.blog-post__content .spacing-s7 {
  margin: 96px 0;
}
.blog-post__content .spacing-s8 {
  margin: 160px 0;
}
.blog-post__content h1,
.blog-post__content h2,
.blog-post__content h3,
.blog-post__content h4,
.blog-post__content h5 {
  margin: 0;
}
.blog-post__content p {
  margin: 1em 0;
}
.blog-post__content p:first-of-type {
  margin-top: 0;
}
.blog-post__content h1,
.blog-post__content h2,
.blog-post__content h3 {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
.blog-post__content h1 {
  font-size: 2.5rem;
  line-height: 1.2;
}
.blog-post__content h2 {
  font-size: 2rem;
  line-height: 1.25;
}
.blog-post__content h3 {
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.blog-post__content b,
.blog-post__content strong {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
}
.blog-post__content ul,
.blog-post__content ol {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
@media (max-width: 992px) {
  .blog-post__content ul,
.blog-post__content ol {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
  }
}
.blog-post__content ul {
  list-style-type: disc;
}
@media (max-width: 992px) {
  .blog-post__content ul {
    list-style: none;
  }
}
@media (min-width: 993px) {
  .blog-post__content ul > li {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
  }
}
@media (max-width: 992px) {
  .blog-post__content ul > li:before {
    content: "•";
    margin-right: 24px;
  }
}
.blog-post__content a:not([class]), .blog-post__content a:not([class]):active, .blog-post__content a:not([class]):focus {
  color: #2f2f2f;
  text-decoration: underline;
}
.blog-post__content a:not([class]):hover {
  text-decoration: none;
}
.blog-post__content img {
  max-width: 100%;
  height: auto;
}
.blog-post__content > blockquote,
.blog-post__content p.leading-thought {
  position: relative;
  z-index: 2;
  padding-left: 56px;
  min-height: 72px;
}
.blog-post__content > blockquote:before,
.blog-post__content p.leading-thought:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  background-image: url(/img/images/single-inspiration-quote-shape.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 992px) {
  .blog-post__content > blockquote:before,
.blog-post__content p.leading-thought:before {
    left: 0;
  }
}
.blog-post__content .wp-video,
.blog-post__content .wp-video video {
  width: 100%;
  max-width: 100%;
}
.blog-post__content iframe {
  max-width: 100%;
}
.blog-post__content figure {
  margin: 40px 0;
  overflow: hidden;
  max-width: 100%;
}
.blog-post__content figure > img,
.blog-post__content figure > p {
  margin: 0;
}
.blog-post__content figure.wp-caption figcaption {
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0 0;
}
@media (max-width: 992px) {
  .blog-post__content figure {
    margin: 24px 0;
  }
}
.blog-post__content h1,
.blog-post__content h2,
.blog-post__content img,
.blog-post__content p.context-cta,
.blog-post__content > blockquote,
.blog-post__content p.leading-thought {
  margin: 40px 0;
}
@media (max-width: 992px) {
  .blog-post__content h1,
.blog-post__content h2,
.blog-post__content img,
.blog-post__content p.context-cta,
.blog-post__content > blockquote,
.blog-post__content p.leading-thought {
    margin: 24px 0;
  }
}
.blog-post__content h1 + .blog-post__content h1,
.blog-post__content h1 + .blog-post__content h2,
.blog-post__content h1 + .blog-post__content img,
.blog-post__content h1 + .blog-post__content p.context-cta,
.blog-post__content h1 + .blog-post__content > blockquote,
.blog-post__content h1 + .blog-post__content p.leading-thought,
.blog-post__content h2 + .blog-post__content h1,
.blog-post__content h2 + .blog-post__content h2,
.blog-post__content h2 + .blog-post__content img,
.blog-post__content h2 + .blog-post__content p.context-cta,
.blog-post__content h2 + .blog-post__content > blockquote,
.blog-post__content h2 + .blog-post__content p.leading-thought,
.blog-post__content img + .blog-post__content h1,
.blog-post__content img + .blog-post__content h2,
.blog-post__content img + .blog-post__content img,
.blog-post__content img + .blog-post__content p.context-cta,
.blog-post__content img + .blog-post__content > blockquote,
.blog-post__content img + .blog-post__content p.leading-thought,
.blog-post__content p.context-cta + .blog-post__content h1,
.blog-post__content p.context-cta + .blog-post__content h2,
.blog-post__content p.context-cta + .blog-post__content img,
.blog-post__content p.context-cta + .blog-post__content p.context-cta,
.blog-post__content p.context-cta + .blog-post__content > blockquote,
.blog-post__content p.context-cta + .blog-post__content p.leading-thought,
.blog-post__content > blockquote + .blog-post__content h1,
.blog-post__content > blockquote + .blog-post__content h2,
.blog-post__content > blockquote + .blog-post__content img,
.blog-post__content > blockquote + .blog-post__content p.context-cta,
.blog-post__content > blockquote + .blog-post__content > blockquote,
.blog-post__content > blockquote + .blog-post__content p.leading-thought,
.blog-post__content p.leading-thought + .blog-post__content h1,
.blog-post__content p.leading-thought + .blog-post__content h2,
.blog-post__content p.leading-thought + .blog-post__content img,
.blog-post__content p.leading-thought + .blog-post__content p.context-cta,
.blog-post__content p.leading-thought + .blog-post__content > blockquote,
.blog-post__content p.leading-thought + .blog-post__content p.leading-thought {
  margin-top: 0;
}
.blog-post__content p.context-cta {
  position: relative;
  background-color: #e4f1fb;
  padding: 24px;
}
@media (max-width: 992px) {
  .blog-post__content p.context-cta {
    margin: 16px -16px;
  }
}
.blog-post__content .button__base {
  text-transform: uppercase;
}

.case-study__separator {
  width: 1024px;
  max-width: 100%;
  padding-top: 120px;
  margin: 0 auto 120px;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .case-study__separator {
    padding-top: 40px;
    margin: 0 auto 40px;
  }
}

.single-case-study .content-area {
  padding-top: 144px;
}
@media (max-width: 992px) {
  .single-case-study .content-area {
    padding: 24px 16px;
  }
}
@media (max-width: 992px) {
  .single-case-study .content-csn__content {
    padding: 0;
  }
}
.single-case-study .content-csn__content--title {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 992px) {
  .single-case-study .contact-us-case {
    padding-left: 0;
    padding-right: 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.case-study-bar__wrapper {
  position: fixed;
  z-index: 500;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .case-study-bar__wrapper {
    display: none;
  }
}

.case-study-bar__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 0;
}

.case-study-bar__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1024px;
  margin: 0 auto;
}

.case-study-bar__description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 24px;
  font-weight: bold;
}

.case-study__info-graphic {
  max-width: 100%;
  width: calc(1362px);
  padding: 0 16px;
  margin: 0 auto 160px;
}
@media (max-width: 992px) {
  .case-study__info-graphic {
    display: none;
  }
}

.case-study__info-graphic__thumb {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.footer-seo {
  padding: 80px 0;
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .footer-seo {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 992px) {
  .footer-seo {
    padding: 24px 16px;
  }
}

.footer-seo.footer-seo-css-columns-2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.footer-seo.footer-seo-css-columns-2 .footer-seo-container {
  display: block;
}
@media (max-width: 992px) {
  .footer-seo.footer-seo-css-columns-2 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.footer-seo-item {
  width: 50%;
}
@media (max-width: 992px) {
  .footer-seo-item {
    width: 100%;
  }
}

.footer-seo-header {
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .footer-seo-header--hidden-mobile {
    display: none;
  }
}

.footer-seo-content {
  margin-bottom: 24px;
}

@media (min-width: 993px) {
  .footer-seo-container {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .footer-seo-column {
    width: 48%;
  }
}
.bar-universal__wrapper {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #2f2f2f;
}

.bar-universal__container {
  max-width: 1056px;
  margin: 0 auto;
  padding: 8px 16px;
}

.bar-universal__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 992px) {
  .bar-universal__content {
    display: block;
    text-align: center;
  }
}

.bar-universal__container--text {
  width: 80%;
}
@media (max-width: 992px) {
  .bar-universal__container--text {
    margin-bottom: 8px;
    width: 100%;
  }
}

.bar-universal__container--button {
  width: 20%;
  text-align: right;
}
@media (max-width: 992px) {
  .bar-universal__container--button {
    width: 100%;
  }
}

.big-pictures__container {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .big-pictures__container {
    max-width: 100%;
  }
}

.big-pictures__image-wrapper {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  height: 768px;
}

.big-pictures__image {
  max-width: 100%;
}
.big-pictures__image:not(:first-of-type) {
  position: absolute;
  left: calc(100% + 16px);
  height: auto;
  width: auto;
  max-width: none;
  max-width: initial;
  max-height: 100%;
}

.card-shop-promotile__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 24px;
  color: #2f2f2f;
  outline: 1px solid #e7e7e7;
  text-decoration: none;
  margin-top: 1px;
  margin-left: 1px;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .card-shop-promotile__wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    max-height: 160px;
  }
}

@media (max-width: 992px) {
  .card-shop-promotile__thumb-wrapper {
    width: 50%;
  }
}

.card-shop-promotile__thumb {
  max-width: 100%;
}
@media (max-width: 992px) {
  .card-shop-promotile__thumb {
    width: auto;
    height: 100%;
  }
}

.card-shop-promotile__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .card-shop-promotile__content {
    width: 50%;
  }
}

.card-shop-promotile__header {
  margin-bottom: 24px;
}

.card-eco {
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  -webkit-transition: -webkit-box-shadow 0.3s linear;
  transition: -webkit-box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear;
  transition: box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;
  color: #2f2f2f;
  text-decoration: none;
}
.card-eco:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 10px 10px rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px rgba(47, 47, 47, 0.1);
}

.card-eco__bold {
  border: none;
  background: #f8f8f8;
}
.card-eco__bold .card-eco__icon-wrapper {
  margin-right: 16px;
}

.card-eco__icon-wrapper {
  max-width: 32px;
  min-width: 32px;
  margin-right: 24px;
}
.card-eco__icon-wrapper img, .card-eco__icon-wrapper object {
  display: block;
  height: auto;
  max-width: 32px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.card-inspirations__wrapper {
  position: relative;
  color: #2f2f2f;
  text-decoration: none;
  padding-bottom: 72px;
  overflow: hidden;
}

.card-inspirations__wrapper:hover .card-inspirations__footer {
  padding-top: 24px;
  max-height: 100%;
}
.card-inspirations__wrapper:hover .card-inspirations__badges-wrapper {
  padding: 0 0 16px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  max-height: 100%;
  opacity: 1;
}
.card-inspirations__wrapper:hover .badge__wrapper {
  margin: 0 4px 8px 0;
}
.card-inspirations__wrapper:hover .card-inspirations__description {
  padding-top: 8px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  max-height: 100%;
  opacity: 1;
}
.card-inspirations__wrapper:hover .card-inspirations__link {
  padding-top: 16px;
  -webkit-transition: opactiy 0.3s, max-height 0.3s;
  transition: opactiy 0.3s, max-height 0.3s;
}

.card-inspirations__image-container {
  position: relative;
  overflow: hidden;
  height: 320px;
}

.card-inspirations__image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  max-width: 100%;
}

.card-inspirations__footer-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.card-inspirations__footer {
  background: #ffffff;
  padding: 16px 16px 8px 8px;
  max-height: 72px;
}

.card-inspirations__badges-wrapper {
  opacity: 0;
  max-height: 0;
}

.card-inspirations__description {
  opacity: 0;
  max-height: 0;
}

.card-inspirations__link {
  padding-top: 8px;
}

.card-inspirations__wrapper .card-inspirations__link {
  line-height: 16px;
  -webkit-transition: unset;
  transition: unset;
  color: #3b61ff;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.card-pattern__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  outline: 1px solid #e7e7e7;
  cursor: pointer;
  min-height: 360px;
}

.card-pattern__image-wrapper {
  padding: 40px 16px 16px;
}
@media (max-width: 992px) {
  .card-pattern__image-wrapper {
    max-width: 240px;
    margin: 0 auto;
  }
}

.card-pattern__image {
  display: block;
  max-width: 100%;
  height: auto;
}

.card-pattern__content {
  padding: 24px;
}

.card-pattern__product {
  color: #949494;
  margin-bottom: 16px;
}

.card-product__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  color: #2f2f2f;
  background: #ffffff;
  outline: 1px solid #e7e7e7;
  margin-top: 1px;
  margin-left: 1px;
  text-decoration: none;
}
@media (min-width: 993px) {
  .card-product__wrapper:hover .card-product__header,
.card-product__wrapper:hover .card-product__image-wrapper,
.card-product__wrapper:hover .card-product__swatch-list,
.card-product__wrapper:hover .card-product__label {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
  }
  .card-product__wrapper:hover .card-product__hover-wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: block;
    z-index: 0;
  }
}

.card-product__image {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .card-product__image {
    max-height: 100%;
  }
}
.card-product__image-wrapper {
  padding: 16px 10px;
}

.card-product__content-wrapper {
  position: relative;
  padding: 24px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.card-product__hover-wrapper {
  position: absolute;
  left: 0;
  bottom: 80px;
  padding: 0 24px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.card-product__hover-description {
  margin-bottom: 8px;
}
.card-product__hover-badge {
  margin: 0 10% 8px 0;
}

.card-product__header {
  margin-bottom: 12px;
}

.card-product__label {
  position: absolute;
  top: 0;
}

.card-product__swatch-list {
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin-bottom: 12px;
}
.card-product__swatch-item {
  max-width: 24px;
  max-height: 24px;
  margin-right: 8px;
}
.card-product__swatch-thumb {
  display: block;
  width: 100%;
  height: auto;
}

.card-product-bundle__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #2f2f2f;
  outline: 1px solid #e7e7e7;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 24px;
  text-decoration: none;
}
.card-product-bundle__wrapper.hidden {
  display: none;
}

.card-product-bundle__image-wrapper {
  max-width: 100%;
}

.card-product-bundle__image {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 224px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .card-product-bundle__image {
    max-height: 152px;
  }
}

.card-product-bundle__cta {
  margin-top: 24px;
}

/**
This is same component as 'card-product-default.php' but on mobile more horizontal layout
 */
@media (max-width: 992px) {
  .card-product__wrapper.card-product-shop-tile__wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 8px 24px 24px 16px;
  }
  .card-product__wrapper.card-product-shop-tile__wrapper .card-product__image-wrapper {
    width: auto;
    height: 120px;
    max-width: 50%;
    padding: 0;
  }
  .card-product__wrapper.card-product-shop-tile__wrapper .card-product__content-wrapper {
    width: 50%;
    max-width: 50%;
    padding: 16px 0 0 8px;
  }
  .card-product__wrapper.card-product-shop-tile__wrapper .card-product__hover-wrapper {
    display: none;
  }
  .card-product__wrapper.card-product-shop-tile__wrapper .card-product__header {
    margin-bottom: 8px;
  }
  .card-product__wrapper.card-product-shop-tile__wrapper .card-product__label {
    position: static;
    margin: -8px 0 8px;
  }
}
.contact-us__container {
  position: relative;
  overflow: hidden;
  height: 484px;
}
@media (max-width: 992px) {
  .contact-us__container {
    height: 368px;
  }
}

.contact-us__shape {
  position: absolute;
  height: 100%;
  margin: auto;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}

.contact-us__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
.contact-us__content--photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .contact-us__content--photo {
    width: 80px;
    height: 80px;
    margin-bottom: 4px;
  }
}
.contact-us__content--main-title {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .contact-us__content--main-title {
    margin-bottom: 4px;
  }
}
.contact-us__content--info {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .contact-us__content--info {
    margin-bottom: 16px;
  }
}

@media (max-width: 992px) {
  .contact-us__container .contact-us__content--main-title {
    font-size: 32px;
    line-height: 48px;
  }
}
.box-inspiration__wrapper {
  width: 100%;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

.box-inspiration__shape {
  position: absolute;
  top: 0;
  right: 0;
}

.box-inspiration__content {
  padding: 24px;
}

.box-inspiration__content--main-title {
  margin-bottom: 24px;
}

.box-inspiration__content--subtitle {
  margin-bottom: 16px;
}

.box-inspiration__content--text {
  margin-bottom: 8px;
}

.box-inspiration__item {
  width: 80%;
  padding: 16px 0;
  border-top: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .box-inspiration__item {
    width: 100%;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.content-bnf__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 993px) {
  .content-bnf__wrapper {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 16px;
  }
}

.content-bnf__side {
  grid-column: 1/2;
}

.content-bnf__header {
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .content-bnf__header {
    margin-bottom: 8px;
  }
}

@media (max-width: 992px) {
  .content-bnf__cta {
    margin-bottom: 24px;
  }
}

.content-bnf-list__wrapper {
  grid-column: 3/9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (min-width: 993px) {
  .content-bnf-list-item__wrapper {
    max-width: calc(50% - 8px);
    padding-right: 32px;
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .content-bnf-list-item__wrapper:not(:last-of-type) .content-bnf-list-item__wrapper__heading {
    border-bottom: none;
  }
}
.content-bnf-list-item__wrapper:not(:last-of-type) .content-bnf-list-item__heading {
  border-bottom: none;
}
.content-bnf-list-item__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 993px) {
  .content-bnf-list-item__heading {
    margin-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .content-bnf-list-item__heading {
    position: relative;
    padding: 12px 32px 12px 16px;
    border: 1px solid #e7e7e7;
    border-bottom: none;
  }
}
@media (min-width: 993px) {
  .content-bnf-list-item__icon {
    max-height: 56px;
    margin-right: 12px;
  }
}
@media (max-width: 992px) {
  .content-bnf-list-item__icon {
    max-height: 24px;
    margin-right: 16px;
  }
}
@media (max-width: 992px) {
  .content-bnf-list-item__content {
    height: 0;
    padding: 0 16px;
  }
}
.content-bnf-list-item__toggler {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
  width: 16px;
  height: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 993px) {
  .content-bnf-list-item__toggler {
    display: none;
  }
}

@media (max-width: 992px) {
  .content-bnf-list-item__wrapper {
    overflow: hidden;
    width: 100%;
  }
  .content-bnf-list-item__wrapper:last-of-type .content-bnf-list-item__heading {
    border-bottom: 1px solid #e7e7e7;
  }

  .content-bnf-list-item__wrapper.opened .content-bnf-list-item__heading {
    border-bottom: 1px solid #e7e7e7;
  }
  .content-bnf-list-item__wrapper.opened .content-bnf-list-item__content {
    height: 100%;
    padding: 16px;
  }
  .content-bnf-list-item__wrapper.opened .content-bnf-list-item__toggler {
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}
@media (max-width: 992px) {
  .content-bnf__wrapper .content-bnf__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.content-bnw__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 993px) {
  .content-bnw__wrapper .content-bnw__item {
    padding: 40px 0 24px;
  }
  .content-bnw__wrapper .content-bnw__item:nth-of-type(2n + 1) {
    margin-right: 16px;
  }
  .content-bnw__wrapper .content-bnw__item:nth-of-type(2n + 1) .content-bnw__list-item:after {
    margin: 0 0 0 auto;
  }
}
@media (max-width: 992px) {
  .content-bnw__wrapper .content-bnw__item {
    padding: 32px 16px 16px;
  }
}

.content-bnw__item {
  width: calc(50% - 8px);
  text-align: center;
  margin-bottom: 16px;
}
.content-bnw__item--black {
  background: #131415;
  color: #ffffff;
}
.content-bnw__item--white {
  border: 1px solid #e7e7e7;
}
@media (max-width: 992px) {
  .content-bnw__item {
    margin-bottom: 24px;
    width: 100%;
  }
}

.content-bnw__item-icon {
  height: 40px;
  width: auto;
  margin-bottom: 16px;
}

.content-bnw__list-item:after {
  content: "";
  display: block;
  width: calc(100% - 48px);
  height: 1px;
  background: #e7e7e7;
  margin: 0 auto 0 0;
}
@media (max-width: 992px) {
  .content-bnw__list-item:after {
    width: 100%;
  }
}
.content-bnw__list-item:last-of-type:after {
  display: none;
}

.content-bnw__list-content {
  padding: 16px;
}

.content-bnw__wrapper .content-bnw__item-header {
  line-height: 16px;
}

@media (min-width: 993px) {
  .content-cdb__wrapper {
    position: relative;
    margin: 0 auto;
  }
  .content-cdb__wrapper.content-cdb__is-carousel {
    padding: 0 40px;
  }
  .content-cdb__wrapper.content-cdb__not-carousel {
    padding: 0;
  }
  .content-cdb__wrapper br {
    display: none;
  }

  .content-cdb__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }

  .content-cdb__container {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
  .content-cdb__container.container__right {
    -ms-flex-order: 1;
        order: 1;
  }

  .container__left .content-cdb__content {
    text-align: right;
    padding: 0 56px 0 0;
  }

  .container__right .content-cdb__content {
    padding: 0 0 0 56px;
  }
}
.content-cdb__arrow--prev,
.content-cdb__arrow--next {
  position: absolute;
  top: 45%;
  width: auto;
  height: 24px;
  background-color: #FFF;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 1001;
}
@media (max-width: 992px) {
  .content-cdb__arrow--prev,
.content-cdb__arrow--next {
    display: none;
  }
}

.content-cdb__arrow--prev {
  left: 0;
}

.content-cdb__arrow--next {
  right: 0;
}

.content-cdb__bullets {
  margin-top: 32px;
}
@media (max-width: 992px) {
  .content-cdb__bullets {
    margin-top: 24px;
  }
}
.content-cdb__bullets .glider-dot {
  width: 6px;
  height: 6px;
  background: #949494;
}
.content-cdb__bullets .glider-dot.active {
  background: #2f2f2f;
}
@media (min-width: 993px) {
  .content-cdb__bullets .glider-dot:hover, .content-cdb__bullets .glider-dot:focus {
    background: #2f2f2f;
  }
}

.content-cdb__image {
  width: 100%;
}

@media (max-width: 992px) {
  .content-cdb__content--title {
    margin-top: 24px;
  }
}
.content-cdb__content--subtitle {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .content-cdb__content--subtitle {
    margin-top: 16px;
  }
}

@media (max-width: 992px) {
  .content-cdb__wrapper .content-cdb__content--title {
    font-size: 16px;
    line-height: 24px;
  }
  .content-cdb__wrapper .glider::-webkit-scrollbar-thumb {
    display: none;
  }
}
.content-csn__wrapper {
  position: relative;
}

.content-csn__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.content-csn__content {
  text-align: center;
  padding: 0 120px;
}
@media (max-width: 992px) {
  .content-csn__content {
    padding: 0 48px;
  }
}
.content-csn__content--thumb {
  display: block;
  max-width: 120px;
  max-height: 120px;
  width: 100%;
  height: auto;
  margin: 0 auto 16px;
  border-radius: 50%;
}
.content-csn__content--subtitle {
  margin-top: 16px;
}

.content-csn__arrow--next,
.content-csn__arrow--prev {
  position: absolute;
  top: 50%;
  width: auto;
  height: 24px;
  background-color: #FFF;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 800;
}
@media (max-width: 992px) {
  .content-csn__arrow--next,
.content-csn__arrow--prev {
    height: 16px;
  }
}

.content-csn__arrow--prev {
  left: 0;
}

.content-csn__arrow--next {
  right: 0;
}

@media (max-width: 992px) {
  .content-csn__wrapper .glider::-webkit-scrollbar-thumb {
    display: none;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.content-cta__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
@media (max-width: 992px) {
  .content-cta__wrapper {
    text-align: left;
  }
}

.content-cta__header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .content-cta__header {
    margin-bottom: 8px;
  }
}

.content-cta__subheader {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .content-cta__subheader {
    margin-bottom: 16px;
  }
}

.content-cta__list-wrapper {
  width: 100%;
}

@media (min-width: 993px) {
  .content-cta__item:not(:first-of-type) {
    margin-left: 16px;
  }
}
@media (max-width: 992px) {
  .content-cta__item:not(:last-of-type) {
    margin-bottom: 16px;
  }
}

@media (min-width: 993px) {
  .content-dbl__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }

  .content-dbl__container {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
  .content-dbl__container.container__left {
    -ms-flex-order: -1;
        order: -1;
  }

  .content-dbl__content {
    width: 90%;
  }

  .container__left .content-dbl__content {
    margin: 0 auto 0 0;
  }

  .container__right .content-dbl__content {
    margin: 0 0 0 auto;
    text-align: right;
  }
}
.content-dbl__content-description {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .content-dbl__content-description {
    margin-top: 8px;
  }
}
.content-dbl__content-button {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .content-dbl__content-button {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

.content-dbl__image {
  width: 100%;
}

@media (max-width: 992px) {
  .content-dbl__wrapper .content-dbl__content-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.content-dbl__content-description {
  margin-top: 8px;
}
@media (max-width: 992px) {
  .content-dbl__content-button {
    margin-bottom: 24px;
  }
}

@media (max-width: 992px) {
  .content-dbl__content-button {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
@media (min-width: 993px) {
  .content-dnd__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .content-dnd__wrapper:not(:first-of-type) {
    margin-top: 80px;
  }

  .content-dnd__container {
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
  .content-dnd__container.container__left {
    -ms-flex-order: -1;
        order: -1;
  }

  .content-dnd__content {
    width: 374px;
    max-width: 100%;
  }

  .container__left .content-dnd__content {
    margin: 0 auto 0 0;
  }

  .container__right .content-dnd__content {
    margin: 0 0 0 auto;
  }
}
.content-dnd__content-description {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .content-dnd__content-description {
    margin-top: 8px;
  }
}
.content-dnd__content-button {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .content-dnd__content-button {
    margin: 24px auto;
  }
}

.content-dnd__container--image {
  background-color: #f8f8f8;
  padding: 48px;
}

.content-dnd__image {
  width: 100%;
}

@media (max-width: 992px) {
  .content-dnd__wrapper:not(:first-of-type) {
    margin-top: 40px;
  }
  .content-dnd__wrapper .content-dnd__content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.content-faq__wrapper {
  width: 100%;
  max-width: 796px;
  margin: 0 auto;
}

.content-faq__header {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  color: #2f2f2f;
}
@media (max-width: 1025px) {
  .content-faq__header {
    margin-bottom: 16px;
  }
}

.content-grd__features {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #e7e7e7;
}

.content-grd__feature--icon {
  margin-bottom: 8px;
}

.content-grd__line--desktop {
  width: 100%;
  border: 0;
  border-top: 1px solid #e7e7e7;
  height: 1px;
  margin-top: 24px;
}
.content-grd__line--desktop:last-of-type {
  display: none;
}
@media (max-width: 992px) {
  .content-grd__line--desktop {
    display: none;
  }
}
.content-grd__line--mobile {
  width: 100%;
  border: 0;
  border-top: 1px solid #e7e7e7;
  height: 1px;
  margin-top: 16px;
}
.content-grd__line--mobile:last-of-type {
  display: none;
}
@media (min-width: 993px) {
  .content-grd__line--mobile {
    display: none;
  }
}

@media (min-width: 993px) {
  .content-grd__description {
    margin-top: 24px;
  }

  .content-grd__features {
    margin-top: 64px;
    padding: 40px 32px;
  }
  .content-grd__features--header {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
  }
  .content-grd__features--shape-desktop {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }
  .content-grd__features--shape-mobile, .content-grd__features--shape-bottom {
    display: none;
  }

  .content-grd__feature {
    -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    margin-top: 32px;
  }
  .content-grd__feature--icon {
    height: 32px;
  }
}
@media (max-width: 992px) {
  .content-grd__description {
    margin-top: 16px;
  }

  .content-grd__features {
    margin-top: 32px;
    padding: 24px;
  }
  .content-grd__features--header {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .content-grd__features--shape-desktop {
    display: none;
  }
  .content-grd__features--shape-mobile {
    position: absolute;
    right: 0;
    top: 0;
  }
  .content-grd__features--shape-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .content-grd__feature {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-top: 16px;
  }
  .content-grd__feature:first-of-type {
    margin-top: 24px;
  }
  .content-grd__feature--icon {
    height: 24px;
  }
}
@media (max-width: 767px) {
  .content-grd__feature {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 992px) {
  .content-grd__wrapper .content-grd__title {
    font-size: 24px;
    line-height: 32px;
  }
  .content-grd__wrapper .content-grd__description {
    font-size: 16px;
    line-height: 24px;
  }
}
.content-hdl__head {
  margin-bottom: 8px;
}

.content-hdl__title {
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  .content-hdl__wrapper .content-hdl__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.content-hgl__title {
  margin-bottom: 8px;
}

.content-ins__main-wrapper {
  background-color: #f8f8f8;
  width: 100%;
}

.content-ins__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 32px;
}
.content-ins__wrapper:first-child {
  padding-top: 96px;
}

.content-ins__wrapper:first-child .content-ins__text-block {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.content-ins__image {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 480px;
  height: 480px;
}

.content-ins__shape {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.content-ins__text-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 100%;
  width: 50%;
  padding-left: 16px;
}
.content-ins__text-block--inner {
  max-width: 374px;
}

.content-ins__anchor {
  margin-bottom: 80px;
}

.content-ins__description {
  margin-top: 16px;
}

.content-ins__link {
  margin-top: 24px;
}

@media (min-width: 993px) {
  .content-ins__wrapper.content-ins__right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .content-ins__wrapper.content-ins__right .content-ins__text-block {
    -ms-flex-align: end;
        align-items: flex-end;
    padding: 0 16px 0 0;
  }
}
@media (max-width: 992px) {
  .content-ins__main-wrapper {
    width: 100%;
    position: relative;
    -ms-flex-align: center;
        align-items: center;
  }

  .content-ins__wrapper {
    padding-bottom: 24px;
  }
  .content-ins__wrapper:first-child {
    padding-top: 120px;
  }

  .content-ins__wrapper,
.content-ins__wrapper:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .content-ins__text-block {
    padding-left: 24px;
  }

  .content-ins__anchor {
    position: absolute;
    top: 24px;
  }

  .content-ins__title {
    margin-top: 24px;
  }

  .content-ins__description {
    margin-top: 16px;
  }

  .content-ins__link {
    margin-top: 16px;
  }

  .content-ins__image {
    height: 100vw;
    width: 100%;
  }

  .content-ins__shape {
    margin: -1px;
  }

  .content-ins__text-block {
    width: 100%;
  }

  .content-ins__no-shape .content-ins__image {
    margin: 0;
    max-width: 100%;
  }

  .content-ins__wrapper .content-ins__anchor--title {
    font-size: 24px;
    line-height: 32px;
  }
  .content-ins__wrapper .content-ins__description,
.content-ins__wrapper .content-ins__link {
    font-size: 16px;
    line-height: 24px;
  }
}
.content-ins__images {
  position: relative;
  width: 480px;
  height: 480px;
}
.content-ins__images .content-ins__image, .content-ins__images .content-ins__shape {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 992px) {
  .content-ins__images {
    height: 100vw;
    width: 100%;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.content-jet__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .content-jet__wrapper {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.content-jet__card {
  position: relative;
  max-width: 504px;
  padding: 48px;
  background: #f8f8f8;
}
@media (max-width: 992px) {
  .content-jet__card {
    max-width: 100%;
    padding: 24px;
    margin-bottom: 24px;
  }
}

.content-jet__main-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.content-jet__main-title {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .content-jet__main-title {
    margin-bottom: 0;
  }
}

.content-jet__main-header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .content-jet__main-header {
    margin-bottom: 16px;
  }
}

.content-jet__main-subheader {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .content-jet__main-subheader {
    display: none;
  }
}

.content-jet__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(32px, 8px);
          transform: translate(32px, 8px);
}
@media (max-width: 992px) {
  .content-jet__icon {
    display: none;
  }
}

.content-jet__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 396px;
  -webkit-transform: translate(208px, 56px) rotate(-6deg);
          transform: translate(208px, 56px) rotate(-6deg);
  z-index: -1;
}
@media (max-width: 992px) {
  .content-jet__shape {
    display: none;
  }
}

.content-jet__side {
  max-width: 374px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .content-jet__side {
    max-width: 504px;
  }
}

.content-jet__side-item:not(:last-of-type) {
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .content-jet__side-item:not(:last-of-type) {
    margin-bottom: 24px;
  }
}

.content-jet__side-item-header {
  margin-bottom: 8px;
}

.content-jet__side-item-description {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .content-jet__header-for-mobile {
    margin-bottom: 16px;
    -ms-flex-order: 10;
        order: 10;
  }
}
@media (min-width: 993px) {
  .content-jet__header-for-mobile {
    display: none;
  }
}

.content-jet__header-for-desktop {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .content-jet__header-for-desktop {
    display: none;
  }
}

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

.content-lgt__header {
  margin-bottom: 8px;
}

.content-lgt__subheader {
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .content-lgt__subheader {
    margin-bottom: 24px;
  }
}

.content-lgt-list__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 992px) {
  .content-lgt-list__wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
    margin-bottom: 16px;
  }
}

.content-lgt-list__item {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .content-lgt-list__item {
    margin-bottom: 0;
    min-height: 192px;
  }
}
.content-lgt-list__item-heading {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .content-lgt-list__item-heading {
    margin-bottom: 0;
  }
}
.content-lgt-list__item-title {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .content-lgt__wrapper .content-lgt__header {
    font-size: 24px;
    line-height: 32px;
  }
  .content-lgt__wrapper .content-lgt-list__item-heading {
    font-size: 32px;
    line-height: 40px;
  }
}
.content-properties__list {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 48px;
}
.content-properties__list:last-of-type {
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .content-properties__list {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 40px;
  }
}

@media (min-width: 993px) {
  .content-properties__side {
    grid-row-start: 1;
    grid-row-end: 6;
  }
}

.content-properties__side--title {
  margin-bottom: 8px;
}

.content-properties__side--header {
  margin-bottom: 8px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
@media (min-width: 993px) {
  .content-rpt__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
  }
  .content-rpt__wrapper:not(:first-of-type) {
    margin-top: 80px;
  }

  .content-rpt__container {
    position: relative;
    -ms-flex: 0 1 50%;
        flex: 0 1 50%;
  }
  .content-rpt__container.container__left {
    -ms-flex-order: -1;
        order: -1;
  }

  .content-rpt__content {
    width: 374px;
    max-width: 100%;
  }

  .container__left .content-rpt__content {
    margin: 0 auto 0 0;
  }
  .container__left .content-rpt__shape {
    left: 50%;
    -webkit-transform: translate(-100%, 100%);
            transform: translate(-100%, 100%);
  }

  .container__right .content-rpt__content {
    margin: 0 0 0 auto;
  }
  .container__right .content-rpt__shape {
    right: 50%;
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
}
.content-rpt__content-description {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .content-rpt__content-description {
    margin-top: 8px;
  }
}
.content-rpt__content-button {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .content-rpt__content-button {
    margin: 24px auto;
  }
}

.content-rpt__image {
  width: 100%;
}

.content-rpt__shape {
  position: absolute;
  bottom: 16px;
}
@media (max-width: 992px) {
  .content-rpt__shape {
    display: none;
  }
}

@media (max-width: 992px) {
  .content-rpt__wrapper:not(:first-of-type) {
    margin-top: 40px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.content-scl__wrapper {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .content-scl__wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.content-scl__header {
  margin-bottom: 24px;
}

.content-scl__subheader {
  margin-bottom: 40px;
}

.content-scl__content {
  max-width: calc(50% - 16px);
  width: calc(50% - 16px);
  padding-right: 16px;
}
@media (max-width: 992px) {
  .content-scl__content {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}

.content-scl__cards {
  position: relative;
  height: 474px;
  max-width: calc(50% - 16px);
  width: calc(50% - 16px);
}
@media (max-width: 992px) {
  .content-scl__cards {
    display: none;
  }
}

.content-scl__cards .inspirationssocialpost__wrapper {
  position: absolute;
}
.content-scl__cards .inspirationssocialpost__wrapper:nth-of-type(1) {
  max-width: 344px;
  width: 100%;
  left: 0;
  bottom: 0;
}
.content-scl__cards .inspirationssocialpost__wrapper:nth-of-type(2) {
  max-width: 240px;
  width: 100%;
  left: 43%;
  top: 0;
  z-index: 10;
  -webkit-box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
}
.content-scl__cards .inspirationssocialpost__wrapper:nth-of-type(3) {
  max-width: 344px;
  width: 100%;
  top: 64px;
  left: 88%;
}

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

.content-stp__header {
  margin-bottom: 24px;
}

.content-stp-list__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 64px;
  padding: 0 32px;
}
@media (max-width: 992px) {
  .content-stp-list__wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    padding: 0 24px 24px;
  }
}

.content-stp-list__item {
  text-align: center;
  margin-bottom: 40px;
  max-width: 276px;
}
@media (max-width: 992px) {
  .content-stp-list__item {
    margin: 0 auto 32px;
  }
  .content-stp-list__item:last-of-type {
    margin-bottom: 24px;
  }
}
.content-stp-list__item-icon {
  margin-bottom: 4px;
}
.content-stp-list__item-title {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .content-stp__wrapper .content-stp__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.content-wor__container {
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}

.content-wor__container .content-wor__main-title {
  text-align: center;
  margin-bottom: 40px;
}
.content-wor__container .content-wor__content {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .content-wor__container .content-wor__content {
    grid-gap: 24px;
    grid-template-columns: 1fr;
    display: block;
  }
}
.content-wor__container .content-wor__content--tile-image {
  width: 100%;
  margin-bottom: 16px;
}
.content-wor__container .content-wor__content--tile-title {
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .content-wor__container .content-wor__main-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.content-pls__wrapper {
  position: relative;
  padding: 40px 0 40px 40px;
  background-color: #f8f8f8;
  z-index: 5;
}
@media (max-width: 992px) {
  .content-pls__wrapper {
    padding: 32px 24px;
  }
}

.content-pls__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 4px;
}

.content-pls__content {
  max-width: 447px;
  margin-top: 8px;
}
.content-pls__content h1, .content-pls__content h2, .content-pls__content h3, .content-pls__content h4, .content-pls__content h5, .content-pls__content h6, .content-pls__content p {
  font-size: 24px;
  line-height: 32px;
}
.content-pls__content ul li {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  line-height: 24px;
}
.content-pls__content ul li:not(:last-child):after {
  content: "";
  margin-left: 4px;
  width: 1px;
  height: 1px;
  border: 2px solid;
  border-radius: 50%;
  background-color: #2f2f2f;
}

.content-pls__cta {
  margin-top: 16px;
}

.content-pls__shape {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.content-pls__shape--mobile {
  display: none;
}
@media (max-width: 992px) {
  .content-pls__shape {
    display: none;
  }
  .content-pls__shape--mobile {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
}

.display-bdl__wrapper {
  max-width: 1280px;
  margin: 0 auto 48px;
  position: relative;
  padding: 0;
}
@media (min-width: 1201px) {
  .display-bdl__wrapper {
    padding: 0 48px;
  }
}
@media (max-width: 992px) {
  .display-bdl__wrapper {
    padding: 0 16px;
  }
}

.display-bdl__container {
  max-width: 1056px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(8, 114px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 993px) {
  .display-bdl__container {
    width: 100%;
    padding: 0 16px;
  }
}
@media (max-width: 992px) {
  .display-bdl__container {
    display: block;
    position: unset;
    -webkit-transform: none;
            transform: none;
  }
}

.display-bdl__wrapper--image {
  width: 100%;
}
@media (max-width: 767px) {
  .display-bdl__wrapper--image {
    display: none;
  }
}
.display-bdl__wrapper--image-mobile {
  width: 100%;
}
@media (min-width: 768px) {
  .display-bdl__wrapper--image-mobile {
    display: none;
  }
}

.display-bdl__container--content {
  color: #ffffff;
}
@media (max-width: 992px) {
  .display-bdl__container--content {
    color: #2f2f2f;
    grid-column: 1/8;
  }
}
.display-bdl__container--content.left {
  grid-column: 1/4;
}
.display-bdl__container--content.right {
  grid-column: 6/9;
}
@media (max-width: 992px) {
  .display-bdl__container--content.right, .display-bdl__container--content.left {
    grid-column: 1/8;
  }
}

.display-bdl__container--content .display-bdl__main-title {
  margin-bottom: 8px;
}
.display-bdl__container--content .display-bdl__subtitle {
  margin-bottom: 16px;
}

.accordion-white__wrapper {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .accordion-white__wrapper {
    margin-bottom: 0;
    border-bottom: 1px solid #c5c5c5;
  }
  .accordion-white__wrapper:first-of-type {
    border-top: 1px solid #c5c5c5;
  }
}
.accordion-white__wrapper--head {
  color: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: left;
  border: 0;
  background-color: transparent;
}
.accordion-white__wrapper--head:active, .accordion-white__wrapper--head:focus {
  outline: none;
}
.accordion-white__wrapper--body {
  overflow: hidden;
  height: 0;
  margin-bottom: 8px;
  padding-left: 24px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
  .accordion-white__wrapper--body {
    margin-bottom: 0;
    padding-left: 0;
  }
}
.opened .accordion-white__wrapper--body {
  height: auto;
}

@media (max-width: 992px) {
  .accordion-white__wrapper--head .accordion-white-head__toggler {
    -ms-flex-order: 2;
        order: 2;
  }
}
.accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon {
  width: 16px;
  height: 16px;
  position: relative;
}
.accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #ffffff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon:after {
  opacity: 1;
  position: absolute;
  content: "";
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 992px) {
  .accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon:after, .accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon:before {
    background-color: #c5c5c5;
  }
}
.opened .accordion-white__wrapper--head .accordion-white-head__toggler .accordion-white-toggler__icon:after {
  opacity: 0;
}
.accordion-white__wrapper--head .accordion-white-head__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 16px);
  padding-left: 8px;
}
@media (max-width: 992px) {
  .accordion-white__wrapper--head .accordion-white-head__main {
    text-transform: none;
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  .accordion-white__wrapper .accordion-white-head__main--header {
    font-size: 16px;
    line-height: 24px;
    margin: 24px 0;
  }
  .accordion-white__wrapper .accordion-white__wrapper--body .accordion-white-body__content {
    margin-bottom: 16px;
  }
}
.display-cas__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .display-cas__container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.display-cas__col {
  width: calc(50% - 8px);
}
@media (max-width: 992px) {
  .display-cas__col {
    width: 100%;
  }
}
.display-cas__col:first-of-type {
  padding-top: 24px;
}
@media (max-width: 992px) {
  .display-cas__col:first-of-type {
    padding-top: 0;
  }
}
.display-cas__col--image {
  position: relative;
}

.display-cas__title {
  margin-bottom: 8px;
}

.display-cas__image {
  display: block;
  width: 100%;
}

.display-cas__shape {
  z-index: -1;
  position: absolute;
  bottom: -48px;
  left: -32px;
}
@media (max-width: 992px) {
  .display-cas__shape {
    display: none;
  }
}

.display-cas__content {
  padding-right: 112px;
}
@media (max-width: 992px) {
  .display-cas__content {
    padding-right: 0;
  }
}

.display-cfg__item {
  margin-bottom: 48px;
}

.display-cfg__header {
  margin-bottom: 8px;
}

.display-cfg__subheader {
  margin-bottom: 40px;
}

.display-cfg__product-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
  position: relative;
}
@media (max-width: 992px) {
  .display-cfg__product-container {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.display-cfg__product-container:first-of-type {
  border-top: 1px solid #f8f8f8;
}

@media (min-width: 993px) {
  .display-cfg__product-container--image-left {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .display-cfg__product-container--image-left .display-cfg__product-thumb__wrapper {
    padding: 24px 24px 24px 0;
  }
  .display-cfg__product-container--image-left .display-cfg__product-info__wrapper {
    padding: 24px 0 24px 24px;
  }
}

.display-cfg__product-thumb__wrapper {
  width: calc(50% - 8px);
  padding: 24px 0 24px 24px;
}
@media (max-width: 992px) {
  .display-cfg__product-thumb__wrapper {
    width: 100%;
    padding: 16px 0;
  }
}

.display-cfg__product-thumb {
  max-width: 100%;
  height: auto;
}

.display-cfg__product-info__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(50% - 8px);
  padding: 24px 0;
}
@media (max-width: 992px) {
  .display-cfg__product-info__wrapper {
    width: 100%;
    padding: 16px 0;
  }
}

.display-cfg__product-info__header {
  margin-bottom: 8px;
}
.display-cfg__product-info__description {
  margin-bottom: 8px;
}
.display-cfg__product-info__cta {
  margin-top: 16px;
}

.display-ebk__wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.display-ebk__wrapper .subscription__wrapper {
  padding: 0;
}

.display-ebk__inner {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}

.display-ebk__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.display-ebk__content__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: calc(100% - 417px);
  max-width: 444px;
  padding: 48px 24px 48px 0;
  color: #2f2f2f;
}

.display-ebk__media {
  width: 417px;
  margin: 0;
}

.display-ebk__media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.display-ebk__label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1428571429;
  text-transform: uppercase;
}

.display-ebk__title {
  max-width: 380px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
}

.display-ebk__desc {
  max-width: 376px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.display-ebk__desc p + p {
  margin-top: 24px;
}

.display-ebk__desc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.display-ebk__desc ul li {
  position: relative;
  width: 100%;
  padding-left: 24px;
}
.display-ebk__desc ul li:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 100%;
  background-color: #2f2f2f;
}

.display-ebk__form-wrapper {
  position: relative;
  width: 100%;
}

.display-ebk__form {
  display: grid;
  width: 100%;
  grid-gap: 8px;
  grid-template-areas: "download-input download-button" "download-checkbox download-checkbox";
  grid-template-columns: 1fr 150px;
  grid-template-rows: repeat(2, auto);
}

.display-ebk__form-wrapper.is-success .display-ebk__form {
  display: none;
}

.display-ebk__loader {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}

.display-ebk__form-wrapper.is-loading .display-ebk__loader {
  display: -ms-flexbox;
  display: flex;
}

.display-ebk__thank-you {
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}

.display-ebk__thank-you-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin: 0 16px 0 0;
  border-radius: 50%;
  background-color: #5bba4a;
}

.display-ebk__form-wrapper.is-success .display-ebk__thank-you {
  display: -ms-flexbox;
  display: flex;
}

.display-ebk__form__field--text {
  grid-area: download-input;
}

.display-ebk__form__field--checkbox {
  grid-area: download-checkbox;
}

.display-ebk__form__action {
  grid-area: download-button;
}

.display-ebk__form__error-message {
  display: none;
  margin-top: 4px;
  color: #e34640;
}

.display-ebk__form__field.has-error .display-ebk__form__error-message {
  display: block;
}

.display-ebk__subscribe {
  height: 100%;
}
.display-ebk__subscribe .subscription__main.subscription__thankyou {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100%;
}

@media (max-width: 992px) {
  .display-ebk__main {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .display-ebk__media {
    width: 100%;
    max-width: 417px;
    margin: 0 auto 16px;
  }

  .display-ebk__content__wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .display-ebk__title {
    font-size: 24px;
    line-height: 1.3333333333;
    max-width: 100%;
  }

  .display-ebk__desc {
    max-width: 100%;
  }

  .display-ebk__form {
    grid-template-areas: "download-input" "download-checkbox" "download-button";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }
}
.display-fsc__container {
  max-width: 1024px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .display-fsc__container {
    max-width: 100%;
  }
}

.display-fsc__main-image-wrapper {
  max-width: calc(50% - 8px);
}
@media (max-width: 992px) {
  .display-fsc__main-image-wrapper {
    display: none;
  }
}

.display-fsc__main-image {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (min-width: 993px) {
  .display-fsc__content {
    padding-top: 56px;
    max-width: calc(50% - 8px);
    -webkit-transform: translateX(114px);
            transform: translateX(114px);
  }
}
@media (max-width: 992px) {
  .display-fsc__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 24px;
  }
}

.display-fsc__title {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .display-fsc__title {
    margin-bottom: 0;
    padding-top: 24px;
    border-top: 1px solid #e7e7e7;
  }
}

.display-fsc__header {
  margin-bottom: 16px;
}

.display-fsc__cta {
  margin-bottom: 96px;
}
@media (max-width: 992px) {
  .display-fsc__cta {
    -ms-flex-order: 10;
        order: 10;
    margin-bottom: 40px;
  }
}

@media (min-width: 993px) {
  .display-fsc__description {
    max-width: 374px;
  }
}
@media (max-width: 992px) {
  .display-fsc__description {
    margin-bottom: 24px;
  }
}

.display-fsc__image-mobile {
  display: none;
}
@media (max-width: 992px) {
  .display-fsc__image-mobile {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
  }
}

@media (max-width: 992px) {
  .display-fsc__container .display-fsc__header {
    font-size: 24px;
    line-height: 32px;
  }
  .display-fsc__container .display-fsc__description {
    font-size: 16px;
    line-height: 24px;
  }
}
.display-hgl__header {
  text-align: center;
  max-width: 576px;
  margin: 0 auto 40px;
}
@media (max-width: 992px) {
  .display-hgl__header {
    display: none;
  }
}

.display-hgl__column__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .display-hgl__column__wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.display-hgl__column {
  width: calc(50% - 8px);
}
@media (max-width: 992px) {
  .display-hgl__column {
    width: 100%;
  }
}

.display-hgl__side__wrapper {
  text-align: center;
  padding: 32px 24px 24px;
  color: #ffffff;
  background: #131415;
}

/**
  Main content column
 */
.display-hgl__main-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .display-hgl__main-image {
    margin-bottom: 32px;
  }
}

.display-hgl__content {
  padding-right: 80px;
}
@media (max-width: 992px) {
  .display-hgl__content {
    padding-right: 0;
  }
}

/**
  Side list column
 */
.display-hgl__side-header {
  display: inline;
  padding: 0 24px;
  background: #131415;
  position: relative;
  z-index: 10;
  margin-bottom: 16px;
}
.display-hgl__side-header__wrapper {
  position: relative;
}
.display-hgl__side-header__line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #2f2f2f;
}

.display-hgl__list-item__wrapper {
  padding: 40px 48px 40px;
  border-bottom: 1px solid #2f2f2f;
}
.display-hgl__list-item__wrapper:last-of-type {
  border-bottom: none;
}
@media (max-width: 992px) {
  .display-hgl__list-item__wrapper {
    padding: 40px 16px;
  }
}

.display-hgl__list-item-header {
  margin-bottom: 8px;
}

.display-hgl__list-item-title {
  margin-bottom: 8px;
}

.display-hgl__side-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 24px;
}

.display-hgl__wrapper .display-hgl__list-item-header {
  font-size: 48px;
  line-height: 40px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@media (min-width: 993px) {
  .display-jou__wrapper {
    max-width: 1024px;
    padding: 0 130px;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .display-jou__wrapper {
    padding: 16px;
    background: #f8f8f8;
  }
}

.display-jou__title {
  margin-bottom: 8px;
}

.display-jou__header {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  .display-jou__header {
    margin-bottom: 16px;
  }
}

@media (min-width: 993px) {
  .display-jou__inner {
    position: relative;
    min-height: 800px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

.display-jou__image-side {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(calc(-100% - 130px), 0);
          transform: translate(calc(-100% - 130px), 0);
}
@media (max-width: 992px) {
  .display-jou__image-side {
    display: none;
  }
}

.display-jou__image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  width: auto;
  -webkit-transform: translate(504px, 0);
          transform: translate(504px, 0);
}
@media (max-width: 992px) {
  .display-jou__image-desktop {
    display: none;
  }
}

.display-jou__image-mobile {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}
@media (min-width: 993px) {
  .display-jou__image-mobile {
    display: none;
  }
}

@media (min-width: 993px) {
  .display-jou__item {
    max-width: 244px;
  }
}
.display-jou__item:not(:last-of-type) {
  margin-bottom: 48px;
}
@media (max-width: 992px) {
  .display-jou__item:not(:last-of-type) {
    margin-bottom: 16px;
  }
}

.display-jou__item-header {
  margin-bottom: 8px;
}

.display-jou__button {
  margin: 48px 0;
}

@media (min-width: 993px) {
  .display-pat__component {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
  }
  .display-pat__component .display-pat__cta--mobile {
    display: none;
  }
}
@media (max-width: 992px) {
  .display-pat__component {
    max-width: 100%;
    overflow-x: hidden;
  }
  .display-pat__component .display-pat__image-main,
.display-pat__component .display-pat__image-side,
.display-pat__component .display-pat__cta--desktop {
    display: none;
  }
}

@media (min-width: 993px) {
  .display-pat__component {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .display-pat__wrapper--big {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    max-width: 634px;
  }

  .display-pat__image-main {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 48px;
  }

  .display-pat__title {
    margin-bottom: 8px;
  }

  .display-pat__header {
    margin-bottom: 16px;
  }

  .display-pat__image-side {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .display-pat__wrapper--small {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    max-width: 374px;
  }

  .display-pat__content {
    padding-top: 32px;
  }

  .display-pat__cta--mobile {
    display: none;
  }

  .display-pat__slider {
    display: none;
  }
}
@media (max-width: 992px) {
  .display-pat__wrapper--big {
    padding: 0 16px;
  }

  .display-pat__wrapper--small {
    padding: 0 16px;
    margin-bottom: 24px;
  }

  .display-pat__title {
    padding-top: 24px;
    border-top: 1px solid #e7e7e7;
  }

  .display-pat__header {
    margin-bottom: 16px;
  }

  .display-pat__content {
    margin-bottom: 24px;
  }

  .display-pat__slider {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    padding-left: 16px;
  }

  .display-pat__slide {
    max-height: 320px;
    width: auto;
  }
  .display-pat__slide:not(:first-of-type) {
    margin-left: 16px;
  }
  .display-pat__slide-end {
    display: block;
    min-width: 16px;
    height: 16px;
  }
}
@media (max-width: 992px) {
  .display-pat__component .display-pat__header {
    font-size: 24px;
    line-height: 32px;
  }
  .display-pat__component .display-pat__content {
    font-size: 16px;
    line-height: 24px;
  }
}
.display-pro__image-wrapper {
  position: relative;
  width: 100%;
}

.display-pro__image {
  width: 100%;
}

.display-pro__shape--left, .display-pro__shape--right {
  position: absolute;
  z-index: -1;
}
@media (max-width: 992px) {
  .display-pro__shape--left, .display-pro__shape--right {
    display: none;
  }
}
.display-pro__shape--left {
  top: 32px;
  left: -80px;
}
.display-pro__shape--right {
  bottom: -136px;
  right: -60px;
}

.display-pro__title {
  width: 764px;
  margin: 80px 0 16px;
}
@media (max-width: 992px) {
  .display-pro__title {
    width: 100%;
    margin-top: 32px;
  }
}

.display-pro__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .display-pro__content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.display-pro__content--description {
  width: 764px;
}
@media (max-width: 992px) {
  .display-pro__content--description {
    width: 100%;
  }
}
.display-pro__content--infos {
  width: 114px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-width: 992px) {
  .display-pro__content--infos {
    width: 100%;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 24px;
    padding: 8px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
}
.display-pro__content--button {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .display-pro__content--button {
    margin-top: 32px;
  }
}

@media (min-width: 993px) {
  .display-pro__info:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.display-pro__info--header, .display-pro__info--text {
  line-height: 20px;
}
.display-pro__info--header {
  color: #949494;
}
.display-pro__info--text {
  color: #020202;
}

@media (max-width: 992px) {
  .display-pro__wrapper .display-pro__title {
    font-size: 24px;
    line-height: 32px;
  }
  .display-pro__wrapper .display-pro__content--description {
    font-size: 16px;
    line-height: 24px;
  }
}
/** @prettier **/
.double-cta__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
@media (max-width: 992px) {
  .double-cta__content {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .double-cta__content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .double-cta__content {
    padding-top: 40px;
    border-top: solid 1px #e7e7e7;
  }
}

.double-cta__heading {
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}
@media (min-width: 768px) {
  .double-cta__heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .double-cta__heading {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .double-cta__actions {
    margin-top: 24px;
    display: inline-grid;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 16px;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (max-width: 767px) {
  .double-cta__actions {
    margin-top: 16px;
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-row-gap: 8px;
  }
}

.faq__wrapper {
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}

.faq__container {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .faq__container {
    width: 100%;
    margin-bottom: 48px;
  }
}

.faq__content--header {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .faq__content--header {
    margin-bottom: 16px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.grid-ftr__wrapper {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid-ftr__wrapper.grid-ftr__single, .grid-ftr__wrapper.grid-ftr__double {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.grid-ftr__wrapper.grid-ftr__triple, .grid-ftr__wrapper.grid-ftr__default {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.grid-ftr__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-width: 992px) {
  .grid-ftr__content:not(:last-child) {
    margin-bottom: 32px;
  }
}
.grid-ftr__content-single, .grid-ftr__content-double {
  text-align: center;
  width: 290px;
}
@media (max-width: 992px) {
  .grid-ftr__content-single, .grid-ftr__content-double {
    width: 100%;
  }
}
.grid-ftr__content-triple, .grid-ftr__content-default {
  text-align: left;
}
.grid-ftr__content-triple {
  width: 260px;
}
@media (max-width: 992px) {
  .grid-ftr__content-triple {
    width: 90%;
  }
}
.grid-ftr__content-default {
  width: 210px;
}
@media (max-width: 992px) {
  .grid-ftr__content-default {
    width: 90%;
    margin-bottom: 0;
  }
}

@media (min-width: 993px) {
  .grid-ftr__content-default {
    margin-bottom: 32px;
  }
  .grid-ftr__content-default .grid-ftr__content--header {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-ftr__content-triple .grid-ftr__content--icon, .grid-ftr__content-default .grid-ftr__content--icon {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
  }
}
.grid-ftr__content--icon {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
}

.grid-ftr__content--header {
  margin-bottom: 8px;
}

.grid-ftr__content--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
}

.grid-ftr__content--link {
  padding-top: 24px;
}

.grid-mop__header {
  margin-bottom: 8px;
}

.grid-mop__subheader {
  margin-bottom: 24px;
}

.grid-mop__list__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid-mop__card {
  width: calc(25% - 12px);
  margin: 0 16px 16px 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 32px 24px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.grid-mop__card:hover {
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
}
@media (min-width: 993px) {
  .grid-mop__card:nth-of-type(4n) {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .grid-mop__card {
    width: 100%;
    margin: 0 0 16px;
  }
}
.grid-mop__card-header {
  margin-bottom: 16px;
}
.grid-mop__card-thumb {
  max-height: 24px;
  width: auto;
  margin-bottom: 16px;
}
.grid-mop__card-description {
  min-height: 120px;
  margin-bottom: 8px;
}
.grid-mop__card-label {
  margin-bottom: 8px;
  color: #949494;
}
.grid-mop__card-value {
  margin-bottom: 16px;
}

.grid-mop__card.grid-mop__card--content {
  background: #f8f8f8;
  padding: 0;
}
.grid-mop__card.grid-mop__card--content .grid-mop__card-inner {
  display: block;
  color: #2f2f2f;
  text-decoration: none;
  padding: 72px 24px 24px;
}

@media (min-width: 993px) {
  .grid-sgm__wrapper.grid-sgm__items-small .grid-sgm__list-item {
    width: calc(100% / 3 - 13.3333333333px);
    min-height: 200px;
  }
  .grid-sgm__wrapper.grid-sgm__items-small .grid-sgm__list-item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .grid-sgm__wrapper.grid-sgm__items-small .grid-sgm__list-item {
    width: calc(100% / 2 - 8px);
  }
  .grid-sgm__wrapper.grid-sgm__items-small .grid-sgm__list-item:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (min-width: 993px) {
  .grid-sgm__wrapper.grid-sgm__items-medium .grid-sgm__list-item {
    width: calc(100% / 2 - 10px);
    min-height: 296px;
  }
  .grid-sgm__wrapper.grid-sgm__items-medium .grid-sgm__list-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .grid-sgm__wrapper.grid-sgm__items-medium .grid-sgm__list-item {
    padding-top: 32px;
    width: 100%;
    margin-right: 0;
  }
}

.grid-sgm__header {
  padding-bottom: 40px;
}
@media (max-width: 992px) {
  .grid-sgm__header {
    padding-bottom: 16px;
  }
}

.grid-sgm__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4px;
}

.grid-sgm__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 28px;
  background: #f8f8f8;
  margin: 0 20px 20px 0;
  text-align: center;
}
@media (max-width: 992px) {
  .grid-sgm__list-item {
    margin: 0 16px 16px 0;
    padding: 16px;
  }
}
.grid-sgm__list-item__thumb {
  margin: 20px auto;
}
@media (max-width: 992px) {
  .grid-sgm__list-item__thumb {
    margin: 0 16px;
  }
}

.grid-sgm__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 992px) {
  .grid-sgm__footer {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media (max-width: 992px) {
  .grid-sgm__secondary-cta {
    margin-bottom: 16px;
  }
}

.grid-sgm__cta.hidden {
  display: none;
}

@media (max-width: 992px) {
  .grid-sgm__wrapper .grid-sgm__header {
    font-size: 24px;
    line-height: 32px;
  }
  .grid-sgm__wrapper .grid-sgm__list-item__title {
    font-size: 14px;
    line-height: 16px;
  }
}
.grid-tbl__wrapper {
  margin: 0 auto;
}

.grid-tbl__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid-tbl__row:not(:first-of-type) {
  margin-top: 16px;
}

.grid-tbl__col {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(50% - 8px);
      flex-basis: calc(50% - 8px);
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}

.grid-tbl__header {
  width: 100%;
  background-color: #f8f8f8;
  padding: 16px 24px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #e7e7e7;
}

.grid-tbl__points {
  padding: 16px 24px;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
}

.grid-tbl__point {
  display: -ms-flexbox;
  display: flex;
}
.grid-tbl__point:not(:last-of-type) {
  margin-bottom: 8px;
}

.grid-tbl__mark {
  margin-right: 16px;
}
.grid-tbl__mark--shape {
  width: 16px;
  vertical-align: text-bottom;
}

@media (max-width: 992px) {
  .grid-tbl__row {
    margin: 0;
  }

  .grid-tbl__col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .grid-tbl__col:not(:first-of-type) {
    margin-top: 16px;
  }
}
.grid-tbl__double .grid-tbl__row {
  -ms-flex-pack: unset;
      justify-content: unset;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
.grid-tbl__double .grid-tbl__col {
  border: none;
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
}
.grid-tbl__double .grid-tbl__col:only-of-type {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 993px) {
  .grid-tbl__double .grid-tbl__col:nth-of-type(2n) .grid-tbl__header, .grid-tbl__double .grid-tbl__col:nth-of-type(2n) .grid-tbl__points {
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .grid-tbl__double .grid-tbl__row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.header-subheader__wrapper {
  max-width: 764px;
  margin: 0 auto 160px;
}
@media (max-width: 992px) {
  .header-subheader__wrapper {
    margin-bottom: 24px;
  }
}

.header-subheader__image {
  max-width: 80px;
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .header-subheader__image {
    max-width: 52px;
  }
}

.header-subheader__header {
  margin-bottom: 16px;
}

@media (max-width: 992px) {
  .header-subheader__subheader {
    display: none;
  }
}

@media (max-width: 992px) {
  .header-subheader_inner .header-subheader__header {
    font-size: 24px;
    line-height: 32px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.hero-des-default {
  /* fallback/image non-cover color */
  background-color: #f8f8f8;
  /* Firefox 3.6+ */
  /* Safari 4+, Chrome 1+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(left, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  /* Standard */
  background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}
@media (max-width: 1024px) {
  .hero-des-default {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .hero-des-default {
    height: auto;
    padding: 0 16px 8px;
  }
}

.hero-des__wrapper {
  overflow-x: hidden;
}
.hero-des__content {
  position: relative;
  margin: 0 auto;
  max-width: 1024px;
}
@media (max-width: 1090px) {
  .hero-des__content {
    max-width: 100%;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.hero-des__content-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 50%;
  padding: 40px 16px 56px 0;
}
@media (max-width: 767px) {
  .hero-des__content-info {
    width: 100%;
    padding: 24px 16px 16px;
  }
}
.hero-des__content-info-header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .hero-des__content-info-header {
    font-size: 32px;
    line-height: 40px;
  }
}
.hero-des__content-info-subheader {
  text-transform: uppercase;
  color: #2f2f2f;
  margin-bottom: 8px;
}
.hero-des__content-info-description {
  color: #2f2f2f;
}
.hero-des__image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 50%;
  width: auto;
  max-height: 100%;
}
@media (max-width: 1090px) {
  .hero-des__image {
    display: none;
  }
}

@media (max-width: 992px) {
  .hero-des__wrapper .hero-des__content-info-header {
    font-size: 32px;
    line-height: 40px;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.hero-hol__hero-wrapper {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 552px;
  color: #ffffff;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

.hero-hol__hero-wrapper--light {
  color: #2f2f2f;
}

.hero-hol__hero__inner {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 764px;
  margin: 0 auto;
  padding: 0 16px;
}
@media (max-width: 992px) {
  .hero-hol__hero__inner {
    max-width: 100%;
  }
}

.hero-hol__hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  text-align: center;
}

.hero-hol__hero__label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.1428571429;
  text-transform: uppercase;
}

.hero-hol__hero__title {
  margin-bottom: 24px;
  font-size: 72px;
  font-weight: 900;
  line-height: 1.1111111111;
}

.hero-hol__hero__subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333333;
}

.hero-hol__hero__background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.hero-hol__hero__background.mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .hero-hol__hero-wrapper {
    min-height: 0;
    padding: 24px 0;
  }

  .hero-hol__hero {
    -ms-flex-align: start;
        align-items: flex-start;
    text-align: left;
  }

  .hero-hol__hero__label {
    font-size: 12px;
    line-height: 2;
  }

  .hero-hol__hero__title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.3333333333;
  }

  .hero-hol__hero__subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .hero-hol__hero__background {
    display: none;
  }
  .hero-hol__hero__background.mobile {
    display: block;
  }
}
.hero-product__wrapper {
  position: relative;
  max-width: 1312px;
  margin: 0 auto;
  padding: 0 16px;
  background-color: #f8f8f8;
  overflow: hidden;
}

.hero-product__shape--left {
  position: absolute;
  top: -64px;
  right: 1312px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.hero-product__shape--right {
  position: absolute;
  top: -64px;
  left: 1312px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.hero-product__content {
  max-width: 504px;
  margin: 0 auto;
  padding: 96px 0;
  text-align: center;
}

.hero-product__content--header {
  margin-bottom: 8px;
}

.hero-product__content--subheader {
  width: 90%;
  margin: 0 auto;
}

.hero-wide__content {
  position: relative;
  z-index: 10;
  padding: 48px 130px 8px;
  margin-top: 472px;
  background: #ffffff;
}
@media (max-width: 992px) {
  .hero-wide__content {
    padding: 16px 16px;
    margin-top: 216px;
  }
}
@media (min-width: 993px) {
  .hero-wide__content {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

.hero-wide__wrapper {
  overflow-x: hidden;
  position: relative;
}

.hero-wide__image {
  display: block;
  max-height: 736px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}
@media (max-width: 992px) {
  .hero-wide__image {
    max-height: 216px;
  }
}

.hero-wide__inner {
  margin-bottom: 160px;
}
@media (max-width: 992px) {
  .hero-wide__inner {
    margin-bottom: 40px;
  }
}

.hero-wide__header {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .hero-wide__header {
    margin-bottom: 8px;
  }
}

.hero-wide__button {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .hero-wide__button {
    margin-top: 16px;
  }
}

@media (max-width: 992px) {
  .hero-wide__wrapper .hero-wide__header {
    font-size: 32px;
    line-height: 40px;
  }
  .hero-wide__wrapper .hero-wide__subheader {
    font-size: 24px;
    line-height: 32px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier **/
.inspirations-grid--inspirations {
  margin-top: 96px;
}
@media (max-width: 992px) {
  .inspirations-grid--inspirations {
    display: none;
  }
}

.inspirations-grid {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
  grid-row-gap: 21px;
  padding: 0;
}
@media (min-width: 993px) {
  .inspirations-grid {
    max-width: 1056px;
    margin: 0 auto;
    display: grid;
    grid-column-gap: 21px;
    grid-template-columns: repeat(3, 327px);
  }
}
@media (width: 1024px) {
  .inspirations-grid {
    padding: 0 16px;
    grid-column-gap: 16px;
    grid-template-columns: repeat(3, 320px);
  }
}
.inspirations-grid .card-inspirations__image-container {
  max-height: 328px;
}

.inspirations-grid__tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ffffff;
}

/**
  @fixme, @todo
  Replace the code below with "composes" from dsl/src/atoms/DesignTile once it's merged together!
  (or simply replace .homepage-inspirations__ with .designtile__  in the php file)
*/
.inspirations-grid__wrapper {
  width: 100%;
  padding: 48px 48px 24px 48px;
  color: #2f2f2f;
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  min-height: 584px;
}

.inspirations-grid__wrapper--white {
  background: #ffffff;
}

.inspirations-grid__wrapper--grey {
  background: #f8f8f8;
}

.inspirations-grid__title {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.inspirations-grid__heading {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-weight: 900;
  font-size: 32px;
  line-height: 40px;
  margin: 8px 0 0;
}

.inspirations-grid__picture {
  margin-top: 24px;
}

.inspirations-grid__copy {
  font-size: 16px;
  line-height: 24px;
  margin: 16px 0 0;
}

.inspirations-grid__button-wrapper {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .inspirations-grid__button-wrapper {
    width: 100%;
  }
}

.inspirations-grid__no-subscribe {
  margin-bottom: 160px;
}
.inspirations-grid__no-subscribe .inspirations-grid__tile {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.inspirations-grid__no-subscribe .inspirations-grid__title {
  margin: 0 0 8px;
}
.inspirations-grid__no-subscribe .inspirations-grid__header {
  margin: 0 0 16px;
}
@media (min-width: 993px) {
  .inspirations-grid__no-subscribe .inspirations-grid__heading {
    max-width: 244px;
    margin: 0 0 24px;
  }
}

.inspirations-list-default__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.inspirations-list-default__wrapper .card-inspirations__wrapper {
  width: calc(100% / 3 - 13.3333333333px);
  margin-right: 20px;
}
@media (min-width: 993px) {
  .inspirations-list-default__wrapper .card-inspirations__wrapper:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .inspirations-list-default__wrapper .card-inspirations__wrapper {
    width: 100%;
    margin-right: 0;
  }
}

/** @prettier **/
.logolist__wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px;
}
@media (min-width: 993px) {
  .logolist__wrapper {
    max-width: 1056px;
    margin: 0 auto;
  }
}

.logolist__title {
  font-size: 12px;
  line-height: 24px;
  font-weight: 900;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  text-transform: uppercase;
}

.logolist__list {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  list-style: none;
  margin: 24px -8px 0;
}
@media (max-width: 992px) {
  .logolist__list {
    width: calc(100% + 16px * 2);
    margin: 24px -16px 0;
    padding: 0 16px;
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  .logolist__list {
    -ms-flex-pack: initial;
        justify-content: initial;
  }
}

.logolist__item {
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .logolist__item {
    padding: 0;
  }
  .logolist__item + .logolist__item {
    margin-left: 40px;
  }
  .logolist__item:last-child {
    padding-right: 16px;
  }
}

.logolist__image {
  width: auto;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.map-tree__inner {
  position: relative;
  max-width: 764px;
  height: 456px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (max-width: 992px) {
  .map-tree__inner {
    height: auto;
  }
}

.map-tree__icon {
  max-width: 56px;
  max-height: 56px;
  margin-bottom: 8px;
}

.map-tree__header {
  margin-bottom: 16px;
}
.map-tree__header span {
  color: #75b779;
}
@media (max-width: 992px) {
  .map-tree__header {
    padding-right: 16px;
  }
}

.map-tree__header {
  margin-bottom: 16px;
}

.map-tree__icon-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 120px;
  height: auto;
}
@media (max-width: 992px) {
  .map-tree__icon-bottom {
    display: none;
  }
}

.map-tree__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

@media (max-width: 992px) {
  .map-tree__inner .map-tree__header {
    font-size: 24px;
    line-height: 32px;
  }
}
.modal-content__wrapper {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
}
.modal-content__wrapper.hidden {
  display: none;
}

.modal-content__container {
  position: relative;
  max-width: 504px;
  padding: 40px 24px 16px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
          box-shadow: 0 10px 10px 0 rgba(47, 47, 47, 0.1);
}

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

.modal-content__thumb {
  margin-bottom: 24px;
}

.modal-content__header {
  margin-bottom: 8px;
}

.modal-content__subheader {
  margin-bottom: 24px;
  padding: 0 52px;
}

.modal-content__content {
  padding: 16px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 16px;
}
.modal-content__content ul, .modal-content__content ol {
  padding-left: 16px;
  margin-bottom: 8px;
}

.modal-content__close {
  position: absolute;
  top: 40px;
  right: 24px;
  width: 16px;
  height: 16px;
}
.modal-content__close:hover {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.modal-content__footer {
  text-align: right;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.patterns-list__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1025px) {
  .patterns-list__wrapper {
    padding: 0 16px;
  }
}

.patterns-list__heading {
  width: 50%;
  padding: 48px 80px 0 0;
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .patterns-list__heading {
    width: 100%;
    padding: 0 0 32px;
  }
}

.patterns-list__header {
  margin-bottom: 8px;
  padding-right: 48px;
}
@media (max-width: 992px) {
  .patterns-list__header {
    padding: 0;
  }
}

.patterns-list__subheader {
  margin-bottom: 16px;
}

.patterns-list__wrapper .card-pattern__wrapper {
  width: calc(25% - 1px);
  margin: 1px 0 0 1px;
}
@media (max-width: 992px) {
  .patterns-list__wrapper .card-pattern__wrapper {
    width: 100%;
  }
}

@media (min-width: 993px) {
  .product-collage__container {
    position: relative;
    max-width: 634px;
    padding-top: 56px;
    height: 1144px;
  }
}
@media (max-width: 992px) {
  .product-collage__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media (min-width: 993px) {
  .product-collage__title {
    margin-bottom: 8px;
  }
}
@media (max-width: 992px) {
  .product-collage__title {
    padding: 24px 0 0;
    margin: 0 16px;
    border-top: 1px solid #e7e7e7;
  }
}

.product-collage__header {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .product-collage__header {
    padding: 0 16px;
    margin-bottom: 16px;
  }
}

.product-collage__cta {
  margin-bottom: 96px;
  -ms-flex-order: 12;
      order: 12;
}
@media (max-width: 992px) {
  .product-collage__cta {
    margin: 0 16px;
    max-width: calc(100% - 32px);
  }
}

.product-collage__description {
  max-width: 374px;
}
@media (max-width: 992px) {
  .product-collage__description {
    -ms-flex-order: 10;
        order: 10;
    max-width: 100%;
    padding: 0 16px;
    margin-bottom: 24px;
  }
}

@media (min-width: 993px) {
  .product-collage__images__wrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 520px;
    width: 808px;
    height: 1144px;
  }
}
@media (max-width: 992px) {
  .product-collage__images__wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 360px;
    margin-bottom: 16px;
  }
}

.product-collage__images {
  position: relative;
}
@media (min-width: 993px) {
  .product-collage__images {
    background: #75b779;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
@media (max-width: 992px) {
  .product-collage__images {
    margin: 0 0 0 16px;
    background: #75b779;
    min-width: 560px;
    height: 100%;
  }
  .product-collage__images::after {
    content: "";
    position: absolute;
    right: -16px;
    width: 16px;
    height: 16px;
  }
}

.product-collage__image {
  position: absolute;
}
.product-collage__image:nth-of-type(5n + 1) {
  top: -28px;
  left: 268px;
  max-width: 232px;
}
@media (max-width: 992px) {
  .product-collage__image:nth-of-type(5n + 1) {
    top: 44px;
    left: 16px;
    max-width: 120px;
  }
}
.product-collage__image:nth-of-type(5n + 2) {
  top: 118px;
  left: 576px;
  max-width: 328px;
}
@media (max-width: 992px) {
  .product-collage__image:nth-of-type(5n + 2) {
    top: 8px;
    left: 406px;
    max-width: 96px;
  }
}
.product-collage__image:nth-of-type(5n + 3) {
  top: 392px;
  left: 88px;
  max-width: 444px;
}
@media (max-width: 992px) {
  .product-collage__image:nth-of-type(5n + 3) {
    top: 16px;
    left: 144px;
    max-width: 224px;
  }
}
.product-collage__image:nth-of-type(5n + 4) {
  bottom: 24px;
  left: 60px;
  max-width: 261px;
}
@media (max-width: 992px) {
  .product-collage__image:nth-of-type(5n + 4) {
    bottom: 16px;
    left: 120px;
    max-width: 112px;
  }
}
.product-collage__image:nth-of-type(5n + 5) {
  bottom: -132px;
  left: 392px;
  max-width: 440px;
}
@media (max-width: 992px) {
  .product-collage__image:nth-of-type(5n + 5) {
    bottom: 0;
    left: 272px;
    max-width: 176px;
  }
}

@media (max-width: 992px) {
  .product-collage__container .product-collage__header {
    font-size: 24px;
    line-height: 32px;
  }
  .product-collage__container .product-collage__description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 993px) {
  .product-properties__main-wrapper {
    overflow: hidden;
  }
}

@media (min-width: 993px) {
  .product-properties__container {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    width: 1024px;
    height: 768px;
    margin: 0 auto;
  }
}

@media (min-width: 993px) {
  .product-properties__content {
    position: relative;
    width: 504px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (max-width: 992px) {
  .product-properties__content {
    padding: 0 16px;
  }
}

.product-properties__title {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .product-properties__title {
    padding-top: 24px;
    margin-bottom: 0;
    border-top: 1px solid #e7e7e7;
  }
}

.product-properties__header {
  margin-bottom: 16px;
}

.product-properties__image-side {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(calc(-100% - 72px));
          transform: translateX(calc(-100% - 72px));
  max-height: 100%;
}

.product-properties__cards__wrapper {
  position: relative;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .product-properties__cards__wrapper {
    overflow: scroll;
    margin-bottom: 16px;
    padding: 0 16px;
  }
}

.product-properties__card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #f8f8f8;
  padding: 16px;
  width: 504px;
  max-width: 504px;
}
@media (max-width: 992px) {
  .product-properties__card {
    width: 240px;
    max-width: 240px;
    height: 360px;
    margin: 0 auto;
  }
  .product-properties__card:last-of-type::after {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    right: -16px;
  }
}
.product-properties__card__image {
  display: block;
  width: 100%;
  height: auto;
}

.product-properties__card__property {
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
}
.product-properties__card__property:before {
  content: "";
  position: relative;
  display: block;
  width: 1px;
  height: 248px;
  background: #2f2f2f;
  left: -16px;
  opacity: 0.5;
}
@media (max-width: 992px) {
  .product-properties__card__property:before {
    height: 112px;
    left: -8px;
  }
}
.product-properties__card__property:nth-of-type(3n + 1) {
  top: 48px;
  left: 264px;
}
@media (max-width: 992px) {
  .product-properties__card__property:nth-of-type(3n + 1) {
    top: 40px;
    left: 64px;
  }
}
.product-properties__card__property:nth-of-type(3n + 2) {
  bottom: 120px;
  left: 96px;
}
@media (max-width: 992px) {
  .product-properties__card__property:nth-of-type(3n + 2) {
    bottom: 32px;
    right: 0;
  }
}
.product-properties__card__property:nth-of-type(3n + 3) {
  bottom: 72px;
  right: 16px;
}
@media (max-width: 992px) {
  .product-properties__card__property:nth-of-type(3n + 3) {
    display: none;
  }
}
.product-properties__card__property--pointing-down::before {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.product-properties__card__property--pointing-up::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.product-properties__card__property__icon {
  display: block;
  width: auto;
  max-height: 100%;
  margin-right: 8px;
}
@media (max-width: 992px) {
  .product-properties__card__property__icon {
    max-height: 24px;
  }
}

.product-properties__card__property__name {
  max-width: 160px;
}
@media (max-width: 992px) {
  .product-properties__card__property__name {
    max-width: 120px;
  }
}

.product-properties__descriptions__container {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .product-properties__descriptions__container {
    max-width: 100%;
  }
}

.product-properties__descriptions__wrapper {
  padding-top: 8px;
  margin: 0 130px 0 auto;
  max-width: 374px;
}
@media (max-width: 992px) {
  .product-properties__descriptions__wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
  }
}

.product-properties__description {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .product-properties__main-wrapper .product-properties__header {
    font-size: 24px;
    line-height: 32px;
  }
  .product-properties__main-wrapper .product-properties__description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 992px) {
  .product-properties__main-wrapper .product-properties__cta {
    display: none;
  }
}
@media (min-width: 993px) {
  .product-properties__main-wrapper .product-properties__cta--mobile {
    display: none;
  }
}

/**
 import and parse styles to component scheme from:
 'landing/wp-content/themes/zpkj-theme/template-parts/shop/tiles/tile-product.module.scss'
 */
.product-row__header {
  margin-bottom: 16px;
}

.product-row__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 992px) {
  .product-row__list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 8px;
    overflow-x: auto;
    border: 1px solid #e7e7e7;
    border-top: none;
  }
}
.product-row__list .card-product__wrapper {
  width: calc(25% - 1px);
}
@media (max-width: 992px) {
  .product-row__list .card-product__wrapper {
    min-width: 260px;
  }
}

.product-segmentation__wrapper {
  position: relative;
  padding: 16px 0 72px;
}

.product-segmentation__wrapper.collapsed {
  padding: 16px 0 56px;
}
@media (min-width: 993px) {
  .product-segmentation__wrapper.collapsed {
    max-height: 56px;
  }
}
@media (max-width: 992px) {
  .product-segmentation__wrapper.collapsed {
    padding-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .product-segmentation__wrapper.collapsed .product-segmentation__header {
    margin-bottom: 0;
  }
}
.product-segmentation__wrapper.collapsed .product-segmentation__list-close:before {
  -webkit-transform: rotate(90deg) translateX(25%);
          transform: rotate(90deg) translateX(25%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .product-segmentation__wrapper.collapsed .product-segmentation__list-close:before {
    -webkit-transform: rotate(90deg) translateX(20%);
            transform: rotate(90deg) translateX(20%);
  }
}
.product-segmentation__wrapper.collapsed .product-segmentation__arrow-wrapper,
.product-segmentation__wrapper.collapsed .product-segmentation__list-border {
  display: none;
}

.product-segmentation__header {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .product-segmentation__header {
    padding-right: 40px;
  }
}

.product-segmentation__list {
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.product-segmentation__list .card-product__wrapper {
  width: 260px;
  min-width: 260px;
}
.product-segmentation__list .card-product-bundle__wrapper {
  width: 504px;
  min-width: 504px;
}
.product-segmentation__list.glider::-webkit-scrollbar {
  display: none;
}

.product-segmentation__list-close {
  position: absolute;
  top: 24px;
  right: 0;
  width: 24px;
  height: 24px;
}
.product-segmentation__list-close:before, .product-segmentation__list-close:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #2f2f2f;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  border-radius: 2px;
}
@media (max-width: 992px) {
  .product-segmentation__list-close:before, .product-segmentation__list-close:after {
    height: 2px;
  }
}
.product-segmentation__list-close:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0deg) translateY(150%);
          transform: rotate(0deg) translateY(150%);
}
.product-segmentation__list-close:after {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.product-segmentation__list-close:hover {
  cursor: pointer;
}
@media (max-width: 992px) {
  .product-segmentation__list-close {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 993px) {
  .product-segmentation__list-border {
    position: relative;
  }
  .product-segmentation__list-border::before {
    content: "";
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #e7e7e7;
  }
}

.product-segmentation__arrow-wrapper {
  position: absolute;
  right: 0;
  bottom: 24px;
  display: -ms-flexbox;
  display: flex;
}

.product-segmentation__arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  background: #ffffff;
}
.product-segmentation__arrow--prev {
  margin-right: 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-segmentation__arrow:hover {
  cursor: pointer;
}
.product-segmentation__arrow.disabled .product-segmentation__arrow-thumb {
  opacity: 0.2;
}

@media (max-width: 992px) {
  .product-segmentation__list.glider {
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: none;
  }
  .product-segmentation__list.glider .card-product__wrapper {
    border-bottom: 1px solid #e7e7e7;
  }
  .product-segmentation__list.glider .glider-track {
    padding: 0 16px;
  }
}
.product-segmentation__list .glider-mobile-mock {
  max-width: 16px;
  min-width: 16px;
}
@media (min-width: 993px) {
  .product-segmentation__list .glider-mobile-mock {
    display: none;
  }
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
/** @prettier */
.promo-bar.promo-bar-default, .promo-bar.promo-bar-redirect, .promo-bar.promo-bar-trustpilot, .promo-bar.promo-bar-with-link {
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.promo-bar.notification__warning, .promo-bar.notification__warning a {
  color: #ffffff;
}

.reviewers__container {
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}
.reviewers__container .sectionheader__header {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .reviewers__container .reviews__reviews-wrap {
    padding: 0;
  }
  .reviewers__container .review__wrapper {
    -ms-flex-negative: unset;
        flex-shrink: unset;
  }
}
@media (max-width: 767px) {
  .reviewers__container .reviews__content {
    width: 100%;
    margin: 0;
  }
}

.revolut__wrapper {
  padding: 52px 24px 56px;
  background: #f8f8f8;
  text-align: center;
}
@media (max-width: 992px) {
  .revolut__wrapper {
    padding: 40px 16px 16px;
  }
}

.revolut__logo {
  margin-bottom: 28px;
  max-width: 184px;
}
@media (max-width: 992px) {
  .revolut__logo {
    display: block;
    width: 100%;
    height: auto;
    max-width: 212px;
    margin: 0 auto 32px;
  }
}

.revolut__header {
  margin-bottom: 8px;
}

.revolut__subheader {
  margin: 0 auto 24px;
  max-width: 512px;
}

.revolut__cta-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 8px;
}

.revolut__coupon {
  background: #ffffff;
  padding: 14px 40px;
  border: 2px dashed #c5c5c5;
  margin-right: 8px;
}
@media (max-width: 992px) {
  .revolut__coupon {
    margin-bottom: 8px;
  }
}

.revolut__cta {
  min-width: 160px;
  -ms-flex-pack: center;
      justify-content: center;
}

.revolut__description {
  width: 100%;
}
@media (min-width: 993px) {
  .revolut__description {
    margin-top: 8px;
    -ms-flex-order: 3;
        order: 3;
  }
}
@media (max-width: 992px) {
  .revolut__description {
    margin: 0 0 32px;
  }
}

@media (max-width: 992px) {
  .revolut__wrapper .revolut__header {
    font-size: 24px;
    line-height: 32px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.shop-list__wrapper.shop-list-bundle__wrapper .shop-list__card {
  width: 260px;
}
.shop-list__wrapper.shop-list-bundle__wrapper .shop-list__card-more {
  width: 260px;
  min-height: 320px;
}
@media (max-width: 992px) {
  .shop-list__wrapper.shop-list-bundle__wrapper .shop-list__card-more {
    width: 100%;
    outline: 1px solid #e7e7e7;
  }
}

.shop-list-bundle__wrapper .shop-list__card-more {
  color: #2f2f2f;
  position: relative;
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 24px;
}
@media (max-width: 992px) {
  .shop-list-bundle__wrapper .shop-list__card-more {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.shop-list-bundle__wrapper .shop-list__card-more-cta {
  position: absolute;
  left: 24px;
  bottom: 24px;
}
@media (max-width: 992px) {
  .shop-list-bundle__wrapper .shop-list__card-more-cta {
    position: static;
    margin-top: 16px;
  }
}

.shop-list__wrapper {
  position: relative;
}
.shop-list__wrapper .card-product__wrapper, .shop-list__wrapper .card-shop-promotile__wrapper {
  width: calc(100% / 3 - 1px);
}
@media (max-width: 992px) {
  .shop-list__wrapper .card-product__wrapper, .shop-list__wrapper .card-shop-promotile__wrapper {
    width: 100%;
  }
}
.shop-list__wrapper .card-product-bundle__wrapper {
  width: 503px;
}
@media (max-width: 992px) {
  .shop-list__wrapper .card-product-bundle__wrapper {
    width: 100%;
  }
}

.shop-list__header {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .shop-list__header {
    padding: 24px 0;
    margin-bottom: 0;
  }
}

.shop-list__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .shop-list__inner {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .shop-list__inner:last-of-type {
    border-bottom: 1px solid #e7e7e7;
  }
}

.shop-list__card {
  width: calc(100% / 3);
  padding-right: 32px;
}
.shop-list__card-header {
  margin-bottom: 8px;
}
@media (max-width: 992px) {
  .shop-list__card-description {
    margin-bottom: 16px;
  }
}
.shop-list__card-description ul {
  margin-top: 16px;
}
.shop-list__card-description ul li {
  list-style: none;
  position: relative;
  padding-left: 24px;
}
.shop-list__card-description ul li:before {
  content: "";
  position: absolute;
  left: 4px;
  display: block;
  width: 6px;
  height: 12px;
  border: solid #2f2f2f;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.shop-list__card-description a {
  color: inherit;
  text-decoration: underline;
}
.shop-list__card-description a:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  .shop-list__card {
    width: 100%;
    padding-right: 0;
  }
}

.shop-list__mobile-toggle {
  position: absolute;
  top: 28px;
  right: 0;
}
@media (min-width: 993px) {
  .shop-list__mobile-toggle {
    display: none;
  }
}
.shop-list__mobile-toggle::before, .shop-list__mobile-toggle::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 4px;
  background: #2f2f2f;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.shop-list__mobile-toggle:before, .shop-list__mobile-toggle:after {
  -webkit-transform: translate(0px, 5px);
          transform: translate(0px, 5px);
}
.shop-list__mobile-toggle:before {
  -webkit-transform: rotate(90deg) translate(7px, 0px);
          transform: rotate(90deg) translate(7px, 0px);
}

@media (max-width: 992px) {
  .shop-list__wrapper .shop-list__header,
.shop-list__wrapper .shop-list__card-header {
    font-size: 16px;
    line-height: 24px;
  }
}
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.timeline-hol__header {
  margin-bottom: 8px;
}

.timeline-hol__subheader {
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .timeline-hol__subheader {
    margin-bottom: 24px;
  }
}

.timeline-hol__main {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .timeline-hol__main {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.timeline-hol__card {
  position: relative;
  background: #f8f8f8;
  padding: 16px;
  border-radius: 4px;
}
.timeline-hol__card__header {
  padding-bottom: 20px;
}
.timeline-hol__card__header small {
  color: #949494;
}
.timeline-hol__card__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.timeline-hol__card__date-title {
  color: #949494;
}
.timeline-hol__card__arrow {
  display: block;
  width: 16px;
  height: 12px;
  margin: 0 12px;
}

.timeline-hol__card.timeline-hol__card--big {
  width: 100%;
  padding: 24px;
}
.timeline-hol__card.timeline-hol__card--big .timeline-hol__card__header {
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid #2f2f2f;
}
.timeline-hol__card.timeline-hol__card--big .timeline-hol__card__header small {
  font-size: 16px;
}
.timeline-hol__card.timeline-hol__card--big .timeline-hol__card__inner {
  padding: 24px 0 16px;
  border-bottom: 1px solid #2f2f2f;
}
.timeline-hol__card.timeline-hol__card--big .timeline-hol__card__arrow {
  margin: 0 16px;
}
.timeline-hol__card.timeline-hol__card--big .timeline-hol__card__footer {
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 14px;
  line-height: 24px;
  padding-top: 16px;
}

.timeline-hol__card .timeline-hol__card__footer-link {
  color: #2f2f2f;
}
.timeline-hol__card--type-black {
  background: #131415;
  color: #ffffff;
}
.timeline-hol__card--type-black .timeline-hol__card__footer-link {
  color: #ffffff;
}

.timeline-hol__side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.timeline-hol__side .timeline-hol__card {
  margin-top: 16px;
}
@media (min-width: 993px) {
  .timeline-hol__side {
    min-width: 408px;
    margin-left: 16px;
  }
  .timeline-hol__side .timeline-hol__card:first-of-type {
    margin-top: 0;
  }
}

.timeline-hol__shape {
  position: absolute;
}
.timeline-hol__shape--left {
  left: 0;
  bottom: 0;
}
.timeline-hol__shape--desktop-right-top {
  top: 0;
  right: 0;
}
@media (max-width: 992px) {
  .timeline-hol__shape--desktop-right-top {
    display: none;
  }
}
.timeline-hol__shape--desktop-right-bottom {
  bottom: 0;
  right: 0;
}
@media (max-width: 992px) {
  .timeline-hol__shape--desktop-right-bottom {
    display: none;
  }
}
.timeline-hol__shape--mobile-right-bottom {
  bottom: 0;
  right: 0;
}
@media (min-width: 993px) {
  .timeline-hol__shape--mobile-right-bottom {
    display: none;
  }
}

/** @prettier */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.valuepropsbar__wrapper {
  width: 100%;
  height: 48px;
  background-color: #f8f8f8;
}
.valuepropsbar__layout {
  height: 100%;
  max-width: 64rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 1025px) {
  .valuepropsbar__layout {
    padding: 0 16px;
  }
}
.valuepropsbar__props {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .valuepropsbar__props {
    display: none;
  }
}
.valuepropsbar__trustpilot {
  margin-right: -30px;
}
@media (max-width: 992px) {
  .valuepropsbar__trustpilot {
    margin: 0 auto;
  }
}
.valuepropsbar__value-prop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 24px;
}
.valuepropsbar__value-prop .icon {
  margin-right: 8px;
  max-width: 16px;
}
.valuepropsbar__value-prop:last-of-type {
  margin-right: 0;
}
.valuepropsbar__value-prop--text {
  white-space: nowrap;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/** @prettier */
.valuepropsbar-type__list {
  min-height: 48px;
  height: auto;
  padding: 8px 0;
}
.valuepropsbar-type__list .valuepropsbar__props {
  -ms-flex-direction: column;
      flex-direction: column;
}
.valuepropsbar-type__list .valuepropsbar__value-prop {
  margin: 0 0 4px;
}
.valuepropsbar-type__list .valuepropsbar__value-prop:last-of-type {
  margin-bottom: 0;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.video-ytb__wrapper {
  max-width: 930px;
  margin: auto;
}

.video-ytb__video-wrapper {
  position: relative;
  margin-bottom: 32px;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000000;
}
.video-ytb__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-ytb__video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-ytb__video-container:hover {
  cursor: pointer;
}

.video-ytb__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.72);
  border: none;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.video-ytb__play-icon {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #3b61ff;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.video-ytb__play:hover {
  cursor: pointer;
  opacity: 1;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.video_yth__video-thumb {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-ytb__content-wrapper {
  text-align: center;
  max-width: 764px;
  margin: 0 auto;
  padding-bottom: 24px;
}
@media (max-width: 992px) {
  .video-ytb__content-wrapper {
    max-width: 100%;
    padding-bottom: 16px;
  }
}

.video-ytb__header {
  margin-bottom: 8px;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.wrapper-com--container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.wrapper-com--fluid {
  max-width: 100%;
}

.wrapper-com--dt-0 {
  padding-top: 0px;
}

.wrapper-com--db-0 {
  margin-bottom: 0px;
}

.wrapper-com--dt-24 {
  padding-top: 24px;
}

.wrapper-com--db-24 {
  margin-bottom: 24px;
}

.wrapper-com--dt-40 {
  padding-top: 40px;
}

.wrapper-com--db-40 {
  margin-bottom: 40px;
}

.wrapper-com--dt-48 {
  padding-top: 48px;
}

.wrapper-com--db-48 {
  margin-bottom: 48px;
}

.wrapper-com--dt-64 {
  padding-top: 64px;
}

.wrapper-com--db-64 {
  margin-bottom: 64px;
}

.wrapper-com--dt-72 {
  padding-top: 72px;
}

.wrapper-com--db-72 {
  margin-bottom: 72px;
}

.wrapper-com--dt-80 {
  padding-top: 80px;
}

.wrapper-com--db-80 {
  margin-bottom: 80px;
}

.wrapper-com--dt-96 {
  padding-top: 96px;
}

.wrapper-com--db-96 {
  margin-bottom: 96px;
}

.wrapper-com--dt-120 {
  padding-top: 120px;
}

.wrapper-com--db-120 {
  margin-bottom: 120px;
}

.wrapper-com--dt-160 {
  padding-top: 160px;
}

.wrapper-com--db-160 {
  margin-bottom: 160px;
}

@media (max-width: 992px) {
  .wrapper-com--mt-0 {
    padding-top: 0px;
  }

  .wrapper-com--mb-0 {
    margin-bottom: 0px;
  }

  .wrapper-com--mt-24 {
    padding-top: 24px;
  }

  .wrapper-com--mb-24 {
    margin-bottom: 24px;
  }

  .wrapper-com--mt-40 {
    padding-top: 40px;
  }

  .wrapper-com--mb-40 {
    margin-bottom: 40px;
  }

  .wrapper-com--mt-48 {
    padding-top: 48px;
  }

  .wrapper-com--mb-48 {
    margin-bottom: 48px;
  }

  .wrapper-com--mt-64 {
    padding-top: 64px;
  }

  .wrapper-com--mb-64 {
    margin-bottom: 64px;
  }

  .wrapper-com--mt-72 {
    padding-top: 72px;
  }

  .wrapper-com--mb-72 {
    margin-bottom: 72px;
  }

  .wrapper-com--mt-80 {
    padding-top: 80px;
  }

  .wrapper-com--mb-80 {
    margin-bottom: 80px;
  }

  .wrapper-com--mt-96 {
    padding-top: 96px;
  }

  .wrapper-com--mb-96 {
    margin-bottom: 96px;
  }

  .wrapper-com--mt-120 {
    padding-top: 120px;
  }

  .wrapper-com--mb-120 {
    margin-bottom: 120px;
  }

  .wrapper-com--mt-160 {
    padding-top: 160px;
  }

  .wrapper-com--mb-160 {
    margin-bottom: 160px;
  }

  .wrapper-com--mps-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.wysiwyg-abc__content-cas h1, .wysiwyg-abc__content-cas h2, .wysiwyg-abc__content-cas h3, .wysiwyg-abc__content-cas h4, .wysiwyg-abc__content-cas h5, .wysiwyg-abc__content-cas h6 {
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-cas h1, .wysiwyg-abc__content-cas h2, .wysiwyg-abc__content-cas h3, .wysiwyg-abc__content-cas h4, .wysiwyg-abc__content-cas h5, .wysiwyg-abc__content-cas h6 {
    margin-bottom: 8px;
  }
}
.wysiwyg-abc__content-cas p, .wysiwyg-abc__content-cas ol, .wysiwyg-abc__content-cas ul {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-cas p, .wysiwyg-abc__content-cas ol, .wysiwyg-abc__content-cas ul {
    margin-bottom: 16px;
  }
}
.wysiwyg-abc__content-cas ol, .wysiwyg-abc__content-cas ul {
  padding-left: 24px;
}
.wysiwyg-abc__content-cas ol li, .wysiwyg-abc__content-cas ul li {
  padding-left: 8px;
}
.wysiwyg-abc__content-cas h1, .wysiwyg-abc__content-cas h2, .wysiwyg-abc__content-cas h3, .wysiwyg-abc__content-cas h4, .wysiwyg-abc__content-cas h5, .wysiwyg-abc__content-cas h6 {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-cas h1, .wysiwyg-abc__content-cas h2, .wysiwyg-abc__content-cas h3, .wysiwyg-abc__content-cas h4, .wysiwyg-abc__content-cas h5, .wysiwyg-abc__content-cas h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
.wysiwyg-abc__content-cas p, .wysiwyg-abc__content-cas ol li, .wysiwyg-abc__content-cas ul li {
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-cas p, .wysiwyg-abc__content-cas ol li, .wysiwyg-abc__content-cas ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.wysiwyg-abc__content-cas strong, .wysiwyg-abc__content-cas b {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

.wysiwyg-abc__content-hgl h1, .wysiwyg-abc__content-hgl h2, .wysiwyg-abc__content-hgl h3, .wysiwyg-abc__content-hgl h4, .wysiwyg-abc__content-hgl h5, .wysiwyg-abc__content-hgl h6, .wysiwyg-abc__content-hgl p, .wysiwyg-abc__content-hgl ol, .wysiwyg-abc__content-hgl ul {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-hgl h1, .wysiwyg-abc__content-hgl h2, .wysiwyg-abc__content-hgl h3, .wysiwyg-abc__content-hgl h4, .wysiwyg-abc__content-hgl h5, .wysiwyg-abc__content-hgl h6, .wysiwyg-abc__content-hgl p, .wysiwyg-abc__content-hgl ol, .wysiwyg-abc__content-hgl ul {
    margin-bottom: 16px;
  }
}
.wysiwyg-abc__content-hgl ol, .wysiwyg-abc__content-hgl ul {
  padding-left: 28px;
}
.wysiwyg-abc__content-hgl h1, .wysiwyg-abc__content-hgl h2, .wysiwyg-abc__content-hgl h3, .wysiwyg-abc__content-hgl h4, .wysiwyg-abc__content-hgl h5, .wysiwyg-abc__content-hgl h6 {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-hgl h1, .wysiwyg-abc__content-hgl h2, .wysiwyg-abc__content-hgl h3, .wysiwyg-abc__content-hgl h4, .wysiwyg-abc__content-hgl h5, .wysiwyg-abc__content-hgl h6 {
    font-size: 24px;
    line-height: 32px;
  }
}
.wysiwyg-abc__content-hgl p, .wysiwyg-abc__content-hgl ol li, .wysiwyg-abc__content-hgl ul li {
  font-family: "PackhelpAvenir", "Avenir LT Std 55 Roman", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 992px) {
  .wysiwyg-abc__content-hgl p, .wysiwyg-abc__content-hgl ol li, .wysiwyg-abc__content-hgl ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.wysiwyg-abc__content-hgl strong, .wysiwyg-abc__content-hgl b {
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
}

/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
/* WARNING, ACHTUNG! AUTOGENERATED FILE */
/* Your changes to this file will perish */
.wysiwyg-abc__inspiration {
  font-family: "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  font-size: 20px;
  line-height: 32px;
  color: #2f2f2f;
}
.wysiwyg-abc__inspiration h1, .wysiwyg-abc__inspiration h2, .wysiwyg-abc__inspiration h3, .wysiwyg-abc__inspiration h4, .wysiwyg-abc__inspiration h5, .wysiwyg-abc__inspiration h6 {
  padding-top: 8px;
  font-family: "PackhelpAvenir", "Avenir LT Std 85 Heavy", "PackhelpAvenir", Avenir, Roboto, Arial, sans‑serif;
  margin-bottom: 16px;
}
.wysiwyg-abc__inspiration p {
  margin-bottom: 24px;
}
.wysiwyg-abc__inspiration > p:first-of-type {
  text-align: center;
  padding: 0 24px;
}
.wysiwyg-abc__inspiration > p:first-of-type b, .wysiwyg-abc__inspiration > p:first-of-type strong {
  font-weight: 400;
}
.wysiwyg-abc__inspiration img {
  margin: 40px auto;
}
.wysiwyg-abc__inspiration a {
  color: #2f2f2f;
  text-decoration: underline;
}
.wysiwyg-abc__inspiration a:hover {
  text-decoration: none;
}

.wysiwyg-abc__inspiration img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 16px;
}
.wysiwyg-abc__inspiration > blockquote,
.wysiwyg-abc__inspiration .leading-thought {
  position: relative;
  z-index: 30;
  margin: 40px auto;
  padding-left: 56px;
  min-height: 76px;
}
.wysiwyg-abc__inspiration > blockquote:before,
.wysiwyg-abc__inspiration .leading-thought:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  background-image: url(/img/images/single-inspiration-quote-shape.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -10;
}
@media (min-width: 993px) {
  .wysiwyg-abc__inspiration > blockquote,
.wysiwyg-abc__inspiration .leading-thought {
    padding-right: 60px;
    margin-left: 16px;
  }
}
.wysiwyg-abc__inspiration .context-cta {
  background-color: #e4f1fb;
  padding: 24px;
}
.wysiwyg-abc__inspiration .gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wysiwyg-abc__inspiration .gallery figure {
  max-width: calc(50% - 8px);
}
.wysiwyg-abc__inspiration .gallery img {
  margin-bottom: 16px;
}
.wysiwyg-abc__inspiration iframe {
  display: block;
  margin: 0 auto;
}
.wysiwyg-abc__inspiration .z-video-container {
  text-align: center;
}
.wysiwyg-abc__inspiration .z-video-container iframe {
  max-width: 100%;
}
.wysiwyg-abc__inspiration .wp-video {
  margin: 0 auto;
  max-width: 100%;
}
.wysiwyg-abc__inspiration .wp-video video {
  height: auto;
}
.wysiwyg-abc__inspiration .button__base {
  text-transform: uppercase;
}

/*# sourceMappingURL=zpkj-non-critical-styles.0d923d41beac616e5bff.css.map*/