@import "ie9.1.css";

@media (min-width: 992px) {
  .item-row__qty .error {
    min-width: 300px;
  }
}

.item-row__delete-btn {
  float: right;
  margin: 0 10px;
  line-height: 1.5;
  padding: 7px 15px 2px;
  height: 34px;
}

@media (min-width: 992px) {
  .item-row__delete-btn {
    margin: 0;
  }
}

.item-row__delete-btn .icomoon {
  font-size: 18px;
  color: #cac2b8;
}

.item-row__price-total {
  display: none;
  margin: 0 -10px;
}

@media (min-width: 992px) {
  .item-row__price-total {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
  }
}

.item-row__price-total .price-value {
  font-size: 14px;
  font-weight: bold;
}

.item-row__price-table {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .item-row__price-table {
    margin-top: 0;
  }
}

.item-row__price-table.expand .icomoon:before {
  content: '\e607';
}

.item-row__price-table.expand table {
  display: table;
}

.item-row__price-table a {
  font-size: 14px;
}

.item-row__price-table a:hover,
.item-row__price-table a:focus {
  text-decoration: none;
}

.item-row__price-table a span {
  margin-left: 10px;
}

.item-row__price-table table {
  display: none;
  border-top: 2px solid #eae7e3;
  margin-top: 5px;
}

.item-row__price-table table td:nth-child(2),
.item-row__price-table table th:nth-child(2) {
  padding-left: 15px;
}

@media (min-width: 992px) {
  .item-row__price-table table td:nth-child(2),
  .item-row__price-table table th:nth-child(2) {
    padding-left: 30px;
  }
}

.item-row__price-table thead th {
  padding-top: 15px;
  color: #7b7670;
}

.styleguide__banners h2.section-title {
  border-bottom: 1px solid #cac2b8;
  padding-bottom: 5px;
}

.styleguide__banners .bcd {
  width: 14.28571429%;
  float: left;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  margin-bottom: 20px;
  border: solid #fff;
}

.styleguide__banners .bcd:first-of-type {
  border-left: none;
}

.styleguide__banners .bcd:last-of-type {
  border-right: none;
}

.styleguide__banners .has-tooltip {
  border-bottom: 1px dashed;
}

.styleguide__banners ul {
  padding-left: 0;
}

.styleguide__banners ul li {
  width: 20%;
  float: left;
  list-style-type: none;
  text-align: center;
  border: solid 1px;
  border-width: 0 1px 0 0;
  font-weight: 100;
  padding: 10px 0;
  margin: 20px 0;
}

.styleguide__banners ul li:last-child {
  border-right: none;
}

.styleguide__banners .colour-example {
  text-align: center;
}

.styleguide__banners .green {
  color: #3c9;
}

.styleguide__banners .yellow {
  color: #fa0;
}

.styleguide__banners .row__cms--example {
  margin: 0;
  border: 1px dashed #d6f5eb;
  padding: 5px;
  margin-bottom: 20px;
}

.styleguide__banners .row__cms--example:hover {
  border-color: #3c9;
}

.styleguide__banners .row__cms--example .col__cms--example {
  border: 1px dashed #fec;
  padding: 10px;
}

.styleguide__banners .row__cms--example .col__cms--example:hover {
  border-color: #fa0;
}

.styleguide__banners .row__cms--example .col__cms--example .row__cms--example {
  margin-bottom: 0;
}

.styleguide__banners .row__cms--example.flat {
  border-color: #3c9;
}

.styleguide__banners .row__cms--example.flat .col__cms--example {
  padding: 20px 0;
  border: 1px dashed #fa0;
  text-align: center;
  font-weight: 100;
  color: #7b7670;
}

.styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(1):after {
  content: '6';
}

@media (min-width: 992px) {
  .styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(1):after {
    content: '5';
  }
}

.styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(2):after {
  content: '6';
}

@media (min-width: 992px) {
  .styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(2):after {
    content: '3';
  }
}

.styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(3):after {
  content: '12';
}

@media (min-width: 992px) {
  .styleguide__banners .row__cms--example.flat .col__cms--example:nth-child(3):after {
    content: '4';
  }
}

.styleguide__banners .row__cms--example.nested {
  overflow: auto;
  border-color: #3c9;
}

.styleguide__banners .row__cms--example.nested .col__cms--example {
  padding: 20px 0;
  border: 1px dashed #fa0;
  text-align: center;
  font-weight: 100;
  color: #7b7670;
}

.styleguide__banners .css-class-name {
  color: #2563c7;
  background-color: #f2f5f9;
}

.styleguide__banners--font-matrix {
  width: 100%;
}

@media (min-width: 992px) {
  .styleguide__banners--font-matrix {
    width: 50%;
  }
}

.icons-guide span[class^='icomoon'] {
  font-size: 20px;
  margin-right: 10px;
  color: #7b7670;
}

@media (min-width: 991px) {
  .icons-guide span[class^='icomoon'] {
    font-size: 32px;
  }
}

.icons-guide input:focus {
  background: #eae7e3;
}

@media (min-width: 9999px) {
  .icons-guide input {
    text-align: center;
    height: 32px;
    margin-top: 8px;
  }
}

.icons-guide .form-group {
  box-sizing: border-box;
  border: 1px solid #f4f3f1;
  cursor: pointer;
  padding: 20px;
}

.icons-guide .form-group:hover {
  border-color: #cac2b8;
}

.icons-guide .form-group:hover .icomoon {
  color: #32302e;
}

.icons-guide .form-group label,
.icons-guide .form-group input {
  cursor: pointer;
}

.styleguide__cart .cart-entry-sample {
  border-top: 1px solid #eae7e3;
}

.styleguide__cart .update-btn.waiting .icomoon {
  -webkit-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.styleguide__cart .update-btn__wrap {
  text-align: center;
  padding-top: 50px;
}

.aclist {
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 560px;
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0 1px;
  border: solid 1px #cac2b8;
  border-top: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

@media (max-width: 992px) {
  .aclist {
    max-width: 100%;
  }
}

.aclist__listitem {
  cursor: pointer;
  position: relative;
}

@media (max-width: 992px) {
  .aclist__listitem {
    border-bottom: 1px solid #eae7e3;
  }
}

.aclist__listitem:first-child {
  border-top: none;
}

.aclist__listitem .aclist__device-search-box,
.aclist__listitem .aclist__deviceSearchBoxNew {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #7b7670;
  border: 1px solid #7b7670;
  position: absolute;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 40px;
  padding: 5px;
  top: 12px;
}

.aclist__listitem .aclist__device-search-box:before,
.aclist__listitem .aclist__deviceSearchBoxNew:before {
  position: absolute;
  content: '\e632';
  font-family: 'icomoon';
  color: #fff;
  font-size: 28px;
  top: 0;
  padding: 0;
}

.ui-state-focus {
  background: #f4f3f1;
}

.aclist__thumb {
  float: left;
}

.aclist__thumb img {
  min-width: 48px;
  max-width: 48px;
  margin-bottom: 0;
}

.aclist__desc {
  margin-left: 67px;
  display: block;
}

.aclist__title {
  display: block;
  max-height: 30px;
  overflow: hidden;
}

.aclist__recent-title {
  padding: 5px 12px;
  display: block;
  font-size: 12px;
  color: #7b7670;
}

@media (max-width: 992px) {
  .aclist__recent-title {
    border-bottom: 1px solid #eae7e3;
  }
}

.aclist__price,
.aclist__termhighlite {
  color: #32302e;
  font-weight: 800;
}

.aclist__print-title {
  margin-left: 27px;
  line-height: 19px;
}

.aclist__print-title .aclist__termhighlite {
  color: #7b7670;
  font-weight: 300;
}

.aclist__price {
  display: block;
}

.aclist__link {
  padding: 5px 15px 8px;
  color: #7b7670;
  text-decoration: none;
  display: block;
}

.aclist__link:focus,
.aclist__link:hover,
.aclist__link--focus {
  background: #f4f3f1;
  text-decoration: none;
  color: #7b7670;
}

@media (max-width: 992px) {
  .aclist__link {
    padding: 12px;
  }
}

.aclist__termhighlite {
  font-weight: 800;
}

.aclist__products {
  font-size: 12px;
  position: relative;
  padding-top: 20px;
}

@media (max-width: 992px) {
  .aclist__products {
    padding-top: 0;
  }
}

.aclist__products .aclist__termhighlite {
  font-weight: 300;
  color: #7b7670;
}

.aclist__products:before {
  content: '';
  width: 298px;
  border-top: 1px solid #eae7e3;
  position: absolute;
  height: 1px;
  margin: -10px 0 0 14px;
}

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

.aclist__products ~ .aclist__products {
  padding-top: 0;
}

.aclist__products ~ .aclist__products:before {
  border: none;
}

.aclist__products .aclist__link {
  min-height: 48px;
}

.aclist__products .aclist__title {
  line-height: 16px;
}

.aclist__suggestions {
  font-size: 15px;
  position: relative;
}

.aclist__suggestions .aclist__link .aclist__title {
  color: #32302e;
}

.aclist__recentSearch,
.aclist__devices {
  font-size: 15px;
  position: relative;
}

.aclist__recentSearch .aclist__link .aclist__title,
.aclist__devices .aclist__link .aclist__title {
  color: #32302e;
}

.navbar-default .navbar-form .aclist__recentSearch .aclist__title {
  font-weight: 700;
}

.navbar-default .navbar-form .aclist__recentSearch .icomoon-search {
  font-size: 14px;
  float: left;
  padding: 1px 7px 0 0;
  color: #7b7670;
}

.aclist__devices .aclist__link {
  padding-left: 64px;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  position: absolute;
  z-index: 20;
}

.addto__basket--error-alert .close {
  display: none;
}

[data-toggle='popover'] {
  cursor: help;
}

.od-customise-button {
  position: relative;
}

.od-customise-button__text {
  display: inline;
}

.od-customise-button__spinner {
  display: none;
  padding: 0;
  margin: 0;
}

.od-customise-button__spinner .spinner {
  position: absolute;
  width: 25px;
  height: 25px;
  top: -2px;
  padding: 0;
  margin: 0;
}

.od-customise-button.loading .od-customise-button__text {
  visibility: hidden;
}

.od-customise-button.loading .od-customise-button__spinner {
  display: block;
}

.temporarily-na,
.temporarily-na-info,
.temporarily-na-detached-info,
.temporarily-na-detached-descr {
  color: #7b7670;
  font-size: 14px;
}

.temporarily-na-info-wrap {
  margin-top: 15px;
}

.temporarily-na-info {
  border-bottom: 1px dashed #7b7670;
}

.temporarily-na-detached-info {
  font-weight: bold;
}

.temporarily-na-detached-descr {
  display: block;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.popover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.popover.popover-info {
  background-color: #e5f5ff;
  border-color: #ccebff;
  color: #7b7670;
}

.popover.popover-info .arrow {
  border-top-color: #ccebff;
}

.popover.popover-info .arrow:after {
  border-top-color: #e5f5ff;
}

.forgotten-password h2,
.reset-password h2 {
  margin-bottom: 20px;
}

.forgotten-password .alert,
.reset-password .alert {
  margin-top: 22px;
}

.forgotten-password p,
.reset-password p {
  font-size: 14px;
}

@media (min-width: 992px) {
  .forgotten-password p,
  .reset-password p {
    font-size: 12px;
  }
}

.forgotten-password form,
.reset-password form {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .forgotten-password form,
  .reset-password form {
    width: 50%;
  }
}

.forgotten-password form .forgotten-password__back,
.reset-password form .forgotten-password__back {
  margin-top: 30px;
}

.forgotten-password .form-group,
.reset-password .form-group {
  margin-bottom: 0;
}

.forgotten-password .form-group label.col-sm-3,
.reset-password .form-group label.col-sm-3 {
  padding: 0;
}

@media (min-width: 992px) {
  .forgotten-password .form-group label.col-sm-3,
  .reset-password .form-group label.col-sm-3 {
    width: 100%;
  }
}

.forgotten-password .form-group div.form__input--wrap,
.reset-password .form-group div.form__input--wrap {
  padding: 0;
  width: 100%;
}

@media (min-width: 991px) {
  .forgotten-password .form-group div.form__input--wrap,
  .reset-password .form-group div.form__input--wrap {
    max-width: 370px;
  }
}

.forgotten-password .control-group,
.reset-password .control-group {
  margin-bottom: 20px;
  overflow: hidden;
}

.forgotten-password .control-group.error .help-inline,
.reset-password .control-group.error .help-inline {
  color: #e31937;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  margin: 5px 0 10px;
}

.forgotten-password .control-group .error,
.reset-password .control-group .error {
  color: #e31937;
}

.forgotten-password__submit,
.forgotten-password__back {
  margin-bottom: 20px;
}

.forgotten-password__back {
  margin-top: 15px;
}

.forgotten-password__submit {
  margin-top: 30px;
  margin-right: 20px;
}

.reset-password .control-group {
  margin-bottom: 5px;
}

.reset-password .reset-password__fields {
  margin-bottom: 30px;
}

.reset-password .reset-password__hint {
  color: #7b7670;
  font-size: 12px;
  margin-bottom: 15px;
  max-width: 370px;
}

.reset-password button {
  margin: 0 20px 20px 0;
}

.background-color--LAVENDER {
  background-color: #967bdc;
}

.background-color--LEMON {
  background-color: #ffcd46;
}

.background-color--PEA {
  background-color: #a0d468;
}

.background-color--SALMON {
  background-color: #ec88c2;
}

.background-color--SEA {
  background-color: #0360a5;
}

.background-color--SKY {
  background-color: #2cc2eb;
}

.background-color--TEAL {
  background-color: #48cfae;
}

.background-color--WHITE {
  background-color: #fff;
}

.background-color--BLACK {
  background-color: #32302e;
}

.background-color--NONE {
  border: 1px solid #cac2b8;
}

.background-color--NONE p {
  color: #32302e;
}

.background-color--NONE.text-color--LAVENDER {
  border: 1px solid #967bdc;
}

.background-color--NONE.text-color--LEMON {
  border: 1px solid #ffcd46;
}

.background-color--NONE.text-color--PEA {
  border: 1px solid #a0d468;
}

.background-color--NONE.text-color--SALMON {
  border: 1px solid #ec88c2;
}

.background-color--NONE.text-color--SEA {
  border: 1px solid #0360a5;
}

.background-color--NONE.text-color--SKY {
  border: 1px solid #2cc2eb;
}

.background-color--NONE.text-color--TEAL {
  border: 1px solid #48cfae;
}

.background-color--NONE.text-color--BLACK {
  border: 1px solid #32302e;
}

.banner {
  cursor: pointer;
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

.banner .xxs-vw {
  font-size: 10px;
  font-size: 3.125vw;
  line-height: 120%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .xxs-vw {
    font-size: 10px;
    font-size: 2.08333333vw;
  }
}

@media (min-width: 992px) {
  .banner .xxs-vw {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
}

.banner .xs-vw {
  font-size: 12px;
  font-size: 3.75vw;
  line-height: 120%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .xs-vw {
    font-size: 12px;
    font-size: 2.5vw;
  }
}

@media (min-width: 992px) {
  .banner .xs-vw {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

.banner .sm-vw {
  font-size: 14px;
  font-size: 4.375vw;
  line-height: 115%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .sm-vw {
    font-size: 14px;
    font-size: 2.91666667vw;
  }
}

@media (min-width: 992px) {
  .banner .sm-vw {
    font-size: 24.5px;
    font-size: 2.45rem;
  }
}

.banner .reg-vw {
  font-size: 16px;
  font-size: 5vw;
  line-height: 115%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .reg-vw {
    font-size: 16px;
    font-size: 3.33333333vw;
  }
}

@media (min-width: 992px) {
  .banner .reg-vw {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.banner .med-vw {
  font-size: 18px;
  font-size: 5.625vw;
  line-height: 110%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .med-vw {
    font-size: 18px;
    font-size: 3.75vw;
  }
}

@media (min-width: 992px) {
  .banner .med-vw {
    font-size: 31.5px;
    font-size: 3.15rem;
  }
}

.banner .lrg-vw {
  font-size: 24px;
  font-size: 7.5vw;
  line-height: 105%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .lrg-vw {
    font-size: 24px;
    font-size: 5vw;
  }
}

@media (min-width: 992px) {
  .banner .lrg-vw {
    font-size: 42px;
    font-size: 4.2rem;
  }
}

.banner .xl-vw {
  font-size: 30px;
  font-size: 9.375vw;
  line-height: 105%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .xl-vw {
    font-size: 30px;
    font-size: 6.25vw;
  }
}

@media (min-width: 992px) {
  .banner .xl-vw {
    font-size: 52.5px;
    font-size: 5.25rem;
  }
}

.banner .xxl-vw {
  font-size: 36px;
  font-size: 11.25vw;
  line-height: 105%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .xxl-vw {
    font-size: 36px;
    font-size: 7.5vw;
  }
}

@media (min-width: 992px) {
  .banner .xxl-vw {
    font-size: 63px;
    font-size: 6.3rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.875vw;
    line-height: 120%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.25vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 10.5px;
    font-size: 1.05rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 2.25vw;
    line-height: 120%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 1.5vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .xs-vw {
    font-size: 12.6px;
    font-size: 1.26rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 2.625vw;
    line-height: 115%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 1.75vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .sm-vw {
    font-size: 14.7px;
    font-size: 1.47rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 3vw;
    line-height: 115%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 2vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .reg-vw {
    font-size: 16.8px;
    font-size: 1.68rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .med-vw {
    font-size: 18px;
    font-size: 3.375vw;
    line-height: 110%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .med-vw {
    font-size: 18px;
    font-size: 2.25vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .med-vw {
    font-size: 18.9px;
    font-size: 1.89rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 4.5vw;
    line-height: 105%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 3vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 25.2px;
    font-size: 2.52rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 5.625vw;
    line-height: 105%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 3.75vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .xl-vw {
    font-size: 31.5px;
    font-size: 3.15rem;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 6.75vw;
    line-height: 105%;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 4.5vw;
  }
}

@media (min-width: 736px) and (max-width: 991px) and (min-width: 992px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 37.8px;
    font-size: 3.78rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 2.5vw;
    line-height: 120%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.66666667vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .xxs-vw {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 3vw;
    line-height: 120%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 2vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .xs-vw {
    font-size: 16.8px;
    font-size: 1.68rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 3.5vw;
    line-height: 115%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 2.33333333vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .sm-vw {
    font-size: 19.6px;
    font-size: 1.96rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 4vw;
    line-height: 115%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 2.66666667vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .reg-vw {
    font-size: 22.4px;
    font-size: 2.24rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .med-vw {
    font-size: 18px;
    font-size: 4.5vw;
    line-height: 110%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .med-vw {
    font-size: 18px;
    font-size: 3vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .med-vw {
    font-size: 25.2px;
    font-size: 2.52rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 6vw;
    line-height: 105%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 4vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .lrg-vw {
    font-size: 33.6px;
    font-size: 3.36rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 7.5vw;
    line-height: 105%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 5vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .xl-vw {
    font-size: 42px;
    font-size: 4.2rem;
  }
}

@media (max-width: 479px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 9vw;
    line-height: 105%;
  }
}

@media (max-width: 479px) and (min-width: 480px) and (max-width: 991px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 6vw;
  }
}

@media (max-width: 479px) and (min-width: 992px) {
  .col-is-6 .banner .xxl-vw {
    font-size: 50.4px;
    font-size: 5.04rem;
  }
}

@media (min-width: 992px) {
  .banner.min-height-100px {
    min-height: 100px;
  }

  .banner.min-height-110px {
    min-height: 110px;
  }

  .banner.min-height-120px {
    min-height: 120px;
  }

  .banner.min-height-130px {
    min-height: 130px;
  }

  .banner.min-height-140px {
    min-height: 140px;
  }

  .banner.min-height-150px {
    min-height: 150px;
  }

  .banner.min-height-160px {
    min-height: 160px;
  }

  .banner.min-height-170px {
    min-height: 170px;
  }

  .banner.min-height-180px {
    min-height: 180px;
  }

  .banner.min-height-190px {
    min-height: 190px;
  }

  .banner.min-height-200px {
    min-height: 200px;
  }

  .banner.min-height-210px {
    min-height: 210px;
  }

  .banner.min-height-220px {
    min-height: 220px;
  }

  .banner.min-height-230px {
    min-height: 230px;
  }

  .banner.min-height-240px {
    min-height: 240px;
  }

  .banner.min-height-250px {
    min-height: 250px;
  }

  .col-md-3 .banner .xxs-vw,
  .col-lg-3 .banner .xxs-vw,
  .col-xl-3 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.5625vw;
    line-height: 120%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .xxs-vw,
  .col-lg-3 .banner .xxs-vw,
  .col-xl-3 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.04166667vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .xxs-vw,
  .col-lg-3 .banner .xxs-vw,
  .col-xl-3 .banner .xxs-vw {
    font-size: 8.75px;
    font-size: .875rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .xs-vw,
  .col-lg-3 .banner .xs-vw,
  .col-xl-3 .banner .xs-vw {
    font-size: 12px;
    font-size: 1.875vw;
    line-height: 120%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .xs-vw,
  .col-lg-3 .banner .xs-vw,
  .col-xl-3 .banner .xs-vw {
    font-size: 12px;
    font-size: 1.25vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .xs-vw,
  .col-lg-3 .banner .xs-vw,
  .col-xl-3 .banner .xs-vw {
    font-size: 10.5px;
    font-size: 1.05rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .sm-vw,
  .col-lg-3 .banner .sm-vw,
  .col-xl-3 .banner .sm-vw {
    font-size: 14px;
    font-size: 2.1875vw;
    line-height: 115%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .sm-vw,
  .col-lg-3 .banner .sm-vw,
  .col-xl-3 .banner .sm-vw {
    font-size: 14px;
    font-size: 1.45833333vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .sm-vw,
  .col-lg-3 .banner .sm-vw,
  .col-xl-3 .banner .sm-vw {
    font-size: 12.25px;
    font-size: 1.225rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .reg-vw,
  .col-lg-3 .banner .reg-vw,
  .col-xl-3 .banner .reg-vw {
    font-size: 16px;
    font-size: 2.5vw;
    line-height: 115%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .reg-vw,
  .col-lg-3 .banner .reg-vw,
  .col-xl-3 .banner .reg-vw {
    font-size: 16px;
    font-size: 1.66666667vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .reg-vw,
  .col-lg-3 .banner .reg-vw,
  .col-xl-3 .banner .reg-vw {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .med-vw,
  .col-lg-3 .banner .med-vw,
  .col-xl-3 .banner .med-vw {
    font-size: 18px;
    font-size: 2.8125vw;
    line-height: 110%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .med-vw,
  .col-lg-3 .banner .med-vw,
  .col-xl-3 .banner .med-vw {
    font-size: 18px;
    font-size: 1.875vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .med-vw,
  .col-lg-3 .banner .med-vw,
  .col-xl-3 .banner .med-vw {
    font-size: 15.75px;
    font-size: 1.575rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .lrg-vw,
  .col-lg-3 .banner .lrg-vw,
  .col-xl-3 .banner .lrg-vw {
    font-size: 24px;
    font-size: 3.75vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .lrg-vw,
  .col-lg-3 .banner .lrg-vw,
  .col-xl-3 .banner .lrg-vw {
    font-size: 24px;
    font-size: 2.5vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .lrg-vw,
  .col-lg-3 .banner .lrg-vw,
  .col-xl-3 .banner .lrg-vw {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .xl-vw,
  .col-lg-3 .banner .xl-vw,
  .col-xl-3 .banner .xl-vw {
    font-size: 30px;
    font-size: 4.6875vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .xl-vw,
  .col-lg-3 .banner .xl-vw,
  .col-xl-3 .banner .xl-vw {
    font-size: 30px;
    font-size: 3.125vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .xl-vw,
  .col-lg-3 .banner .xl-vw,
  .col-xl-3 .banner .xl-vw {
    font-size: 26.25px;
    font-size: 2.625rem;
  }
}

@media (min-width: 992px) {
  .col-md-3 .banner .xxl-vw,
  .col-lg-3 .banner .xxl-vw,
  .col-xl-3 .banner .xxl-vw {
    font-size: 36px;
    font-size: 5.625vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-3 .banner .xxl-vw,
  .col-lg-3 .banner .xxl-vw,
  .col-xl-3 .banner .xxl-vw {
    font-size: 36px;
    font-size: 3.75vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-3 .banner .xxl-vw,
  .col-lg-3 .banner .xxl-vw,
  .col-xl-3 .banner .xxl-vw {
    font-size: 31.5px;
    font-size: 3.15rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .xxs-vw,
  .col-lg-6 .banner .xxs-vw,
  .col-xl-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.875vw;
    line-height: 120%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .xxs-vw,
  .col-lg-6 .banner .xxs-vw,
  .col-xl-6 .banner .xxs-vw {
    font-size: 10px;
    font-size: 1.25vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .xxs-vw,
  .col-lg-6 .banner .xxs-vw,
  .col-xl-6 .banner .xxs-vw {
    font-size: 10.5px;
    font-size: 1.05rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .xs-vw,
  .col-lg-6 .banner .xs-vw,
  .col-xl-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 2.25vw;
    line-height: 120%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .xs-vw,
  .col-lg-6 .banner .xs-vw,
  .col-xl-6 .banner .xs-vw {
    font-size: 12px;
    font-size: 1.5vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .xs-vw,
  .col-lg-6 .banner .xs-vw,
  .col-xl-6 .banner .xs-vw {
    font-size: 12.6px;
    font-size: 1.26rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .sm-vw,
  .col-lg-6 .banner .sm-vw,
  .col-xl-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 2.625vw;
    line-height: 115%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .sm-vw,
  .col-lg-6 .banner .sm-vw,
  .col-xl-6 .banner .sm-vw {
    font-size: 14px;
    font-size: 1.75vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .sm-vw,
  .col-lg-6 .banner .sm-vw,
  .col-xl-6 .banner .sm-vw {
    font-size: 14.7px;
    font-size: 1.47rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .reg-vw,
  .col-lg-6 .banner .reg-vw,
  .col-xl-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 3vw;
    line-height: 115%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .reg-vw,
  .col-lg-6 .banner .reg-vw,
  .col-xl-6 .banner .reg-vw {
    font-size: 16px;
    font-size: 2vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .reg-vw,
  .col-lg-6 .banner .reg-vw,
  .col-xl-6 .banner .reg-vw {
    font-size: 16.8px;
    font-size: 1.68rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .med-vw,
  .col-lg-6 .banner .med-vw,
  .col-xl-6 .banner .med-vw {
    font-size: 18px;
    font-size: 3.375vw;
    line-height: 110%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .med-vw,
  .col-lg-6 .banner .med-vw,
  .col-xl-6 .banner .med-vw {
    font-size: 18px;
    font-size: 2.25vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .med-vw,
  .col-lg-6 .banner .med-vw,
  .col-xl-6 .banner .med-vw {
    font-size: 18.9px;
    font-size: 1.89rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .lrg-vw,
  .col-lg-6 .banner .lrg-vw,
  .col-xl-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 4.5vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .lrg-vw,
  .col-lg-6 .banner .lrg-vw,
  .col-xl-6 .banner .lrg-vw {
    font-size: 24px;
    font-size: 3vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .lrg-vw,
  .col-lg-6 .banner .lrg-vw,
  .col-xl-6 .banner .lrg-vw {
    font-size: 25.2px;
    font-size: 2.52rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .xl-vw,
  .col-lg-6 .banner .xl-vw,
  .col-xl-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 5.625vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .xl-vw,
  .col-lg-6 .banner .xl-vw,
  .col-xl-6 .banner .xl-vw {
    font-size: 30px;
    font-size: 3.75vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .xl-vw,
  .col-lg-6 .banner .xl-vw,
  .col-xl-6 .banner .xl-vw {
    font-size: 31.5px;
    font-size: 3.15rem;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner .xxl-vw,
  .col-lg-6 .banner .xxl-vw,
  .col-xl-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 6.75vw;
    line-height: 105%;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner .xxl-vw,
  .col-lg-6 .banner .xxl-vw,
  .col-xl-6 .banner .xxl-vw {
    font-size: 36px;
    font-size: 4.5vw;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .col-md-6 .banner .xxl-vw,
  .col-lg-6 .banner .xxl-vw,
  .col-xl-6 .banner .xxl-vw {
    font-size: 37.8px;
    font-size: 3.78rem;
  }
}

.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner h5,
.banner p {
  margin: 0;
}

@media (min-width: 991px) {
  .banner h1,
  .banner h2,
  .banner h3,
  .banner h4,
  .banner h5,
  .banner p {
    padding-right: 5px;
  }
}

.banner h1 {
  font-size: 30px;
  line-height: 36px;
}

.banner img {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  margin: 0;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner img {
    height: 70%;
  }
}

@media (max-width: 480px) {
  .banner img {
    width: 50%;
  }
}

.banner img.full-image {
  position: relative;
  height: auto;
  width: 100%;
}

.banner.visible-desktop {
  display: none;
}

@media (min-width: 992px) {
  .banner.visible-desktop {
    display: block;
  }
}

.banner:hover,
.banner:focus,
.banner:active {
  text-decoration: none;
}

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

.banner .copy {
  padding: 10px 0 0 10px;
  padding-bottom: 10%;
  padding-right: 50%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .banner .copy {
    padding-right: 55%;
  }
}

.banner .copy .xlarge {
  font-size: 30px;
  line-height: 34px;
  font-family: "Roboto Condensed",arial,sans-serif;
}

.banner .copy .large {
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto Condensed",arial,sans-serif;
}

.banner .copy .medium {
  font-size: 18px;
  line-height: 22px;
}

.banner .copy .small {
  font-size: 16px;
  line-height: 20px;
}

.banner .copy .xsmall,
.banner .copy .od-imprint-preview-modal__description {
  font-size: 14px;
  line-height: 18px;
}

.banner.text-color--LAVENDER p,
.banner.text-color--LAVENDER b,
.banner.text-color--LAVENDER span,
.banner.text-color--LAVENDER strong,
.banner.text-color--LAVENDER em,
.banner.text-color--LAVENDER h1,
.banner.text-color--LAVENDER h2,
.banner.text-color--LAVENDER h3,
.banner.text-color--LAVENDER h4,
.banner.text-color--LAVENDER h5 {
  color: #967bdc;
}

.banner.text-color--LEMON p,
.banner.text-color--LEMON b,
.banner.text-color--LEMON span,
.banner.text-color--LEMON strong,
.banner.text-color--LEMON em,
.banner.text-color--LEMON h1,
.banner.text-color--LEMON h2,
.banner.text-color--LEMON h3,
.banner.text-color--LEMON h4,
.banner.text-color--LEMON h5 {
  color: #ffcd46;
}

.banner.text-color--PEA p,
.banner.text-color--PEA b,
.banner.text-color--PEA span,
.banner.text-color--PEA strong,
.banner.text-color--PEA em,
.banner.text-color--PEA h1,
.banner.text-color--PEA h2,
.banner.text-color--PEA h3,
.banner.text-color--PEA h4,
.banner.text-color--PEA h5 {
  color: #a0d468;
}

.banner.text-color--SALMON p,
.banner.text-color--SALMON b,
.banner.text-color--SALMON span,
.banner.text-color--SALMON strong,
.banner.text-color--SALMON em,
.banner.text-color--SALMON h1,
.banner.text-color--SALMON h2,
.banner.text-color--SALMON h3,
.banner.text-color--SALMON h4,
.banner.text-color--SALMON h5 {
  color: #ec88c2;
}

.banner.text-color--SEA p,
.banner.text-color--SEA b,
.banner.text-color--SEA span,
.banner.text-color--SEA strong,
.banner.text-color--SEA em,
.banner.text-color--SEA h1,
.banner.text-color--SEA h2,
.banner.text-color--SEA h3,
.banner.text-color--SEA h4,
.banner.text-color--SEA h5 {
  color: #0360a5;
}

.banner.text-color--SKY p,
.banner.text-color--SKY b,
.banner.text-color--SKY span,
.banner.text-color--SKY strong,
.banner.text-color--SKY em,
.banner.text-color--SKY h1,
.banner.text-color--SKY h2,
.banner.text-color--SKY h3,
.banner.text-color--SKY h4,
.banner.text-color--SKY h5 {
  color: #2cc2eb;
}

.banner.text-color--TEAL p,
.banner.text-color--TEAL b,
.banner.text-color--TEAL span,
.banner.text-color--TEAL strong,
.banner.text-color--TEAL em,
.banner.text-color--TEAL h1,
.banner.text-color--TEAL h2,
.banner.text-color--TEAL h3,
.banner.text-color--TEAL h4,
.banner.text-color--TEAL h5 {
  color: #48cfae;
}

.banner.text-color--WHITE p,
.banner.text-color--WHITE b,
.banner.text-color--WHITE span,
.banner.text-color--WHITE strong,
.banner.text-color--WHITE em,
.banner.text-color--WHITE h1,
.banner.text-color--WHITE h2,
.banner.text-color--WHITE h3,
.banner.text-color--WHITE h4,
.banner.text-color--WHITE h5 {
  color: #fff;
}

.banner.text-color--BLACK p,
.banner.text-color--BLACK b,
.banner.text-color--BLACK span,
.banner.text-color--BLACK strong,
.banner.text-color--BLACK em,
.banner.text-color--BLACK h1,
.banner.text-color--BLACK h2,
.banner.text-color--BLACK h3,
.banner.text-color--BLACK h4,
.banner.text-color--BLACK h5 {
  color: #32302e;
}

.banner.border-color--GREY-BETA {
  border: 1px solid #7b7670;
}

.banner.border-color--GREY-BETA-DARK {
  border: 1px solid #605c58;
}

.banner.border-color--GREY-GAMMA {
  border: 1px solid #cac2b8;
}

.banner.border-color--GREY-DELTA {
  border: 1px solid #eae7e3;
}

.banner.border-color--GREY-DELTA-DARK {
  border: 1px solid #eae7e3;
}

.banner.border-color--GREY-EPSILON {
  border: 1px solid #f4f3f1;
}

.banner.border-color--GREY-BLACK {
  border: 1px solid #32302e;
}

@media (min-width: 991px) {
  .banner.background--custom-image {
    min-height: 0;
  }
}

@media (min-width: 992px) {
  .banner--CHARLIE img {
    margin: 0 auto;
    left: 0;
    width: auto;
    height: 50%;
  }

  .banner--CHARLIE .copy {
    padding-bottom: 60%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .banner--CHARLIE .copy {
    padding-bottom: 35%;
  }
}

.banner.banner--LIFESTYLE {
  background-color: #f4f3f1;
  border: 2px solid #eae7e3;
  position: relative;
}

.banner.banner--LIFESTYLE p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.banner.banner--LIFESTYLE img {
  position: relative;
  float: left;
  height: auto;
  width: 50%;
  display: none;
  margin: 0 40px 0 0;
}

@media (min-width: 992px) {
  .banner.banner--LIFESTYLE img {
    display: block;
  }
}

.banner.banner--LIFESTYLE img.short {
  margin-bottom: 20px;
}

.banner.banner--LIFESTYLE .copy {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 25px 40px;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .banner.banner--LIFESTYLE.valign-center img {
    margin-bottom: 0;
  }

  .banner.banner--LIFESTYLE.valign-center .copy {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
  }
}

.banner.banner--ALPHA .copy {
  padding-right: 30%;
}

@media (min-width: 992px) {
  .banner.banner--ALPHA .copy {
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 50%;
  }
}

.banner.banner--ALPHA img {
  height: 50%;
  width: auto;
  margin: 0 auto;
  right: auto;
  left: 25%;
}

@media (min-width: 480px) {
  .banner.banner--ALPHA img {
    left: auto;
    right: 0;
    margin: 0;
    width: 50%;
    height: auto;
  }
}

.banner.banner--DELTA {
  display: table;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner.banner--DELTA img {
  position: relative;
  float: right;
  width: 430px;
  height: auto;
  margin: 20px 95px 0 0;
}

@media (max-width: 479px) {
  .banner.banner--DELTA img {
    width: 100%;
    margin: 5px 0 0;
  }
}

.banner.banner--DELTA .image {
  display: table-cell;
  vertical-align: bottom;
}

.banner.banner--DELTA .main {
  display: table-cell;
  vertical-align: top;
  width: 41%;
  padding: 40px 0 40px 40px;
}

@media (max-width: 479px) {
  .banner.banner--DELTA .main {
    display: block;
    width: 100%;
    padding: 3vw;
  }
}

.banner.banner--DELTA.banner--text-overlap {
  z-index: 0;
}

.banner.banner--DELTA.banner--text-overlap .main {
  position: absolute;
  z-index: 1;
  width: auto;
  margin-right: 40px;
}

@media (max-width: 479px) {
  .banner.banner--DELTA.banner--text-overlap .main {
    position: relative;
  }
}

@media (max-width: 479px) {
  .banner.banner--DELTA {
    display: block;
    background-size: auto 100%;
  }

  .banner.banner--DELTA .image {
    display: block;
  }

  .col-is-6 .banner.banner--DELTA .main {
    display: table-cell;
    width: 45%;
  }

  .col-is-6 .banner.banner--DELTA .image {
    display: table-cell;
  }

  .col-is-6 .banner.banner--DELTA.banner--text-overlap .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
  }
}

@media (min-width: 480px) and (max-width: 735px) {
  .banner.banner--DELTA .main {
    padding: 2vw 5px 2vw 2vw;
  }

  .banner.banner--DELTA img {
    width: 100%;
    margin: 2vw 0 0;
  }

  .col-is-6 .banner.banner--DELTA {
    display: block;
    height: calc(100% - 20px);
    background-size: auto 100%;
    background-position: center;
  }

  .col-is-6 .banner.banner--DELTA .main {
    display: block;
    width: 100%;
    padding-bottom: 65%;
  }

  .col-is-6 .banner.banner--DELTA .image {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .col-is-12 .banner.banner--DELTA.banner--text-overlap img {
    width: 55%;
  }
}

@media (min-width: 736px) and (max-width: 991px) {
  .banner.banner--DELTA .main {
    padding: 2vw 5px 2vw 2vw;
  }

  .banner.banner--DELTA img {
    width: 100%;
    margin: 2vw 0 0;
  }

  .col-is-6 .banner.banner--DELTA {
    height: calc(100% - 20px);
  }

  .col-is-6 .banner.banner--DELTA.banner--text-overlap img,
  .col-is-12 .banner.banner--DELTA.banner--text-overlap img {
    width: 55%;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner.banner--DELTA,
  .col-lg-6 .banner.banner--DELTA,
  .col-xl-6 .banner.banner--DELTA {
    min-height: 185px;
  }

  .col-md-6 .banner.banner--DELTA img,
  .col-lg-6 .banner.banner--DELTA img,
  .col-xl-6 .banner.banner--DELTA img {
    width: 275px;
    height: auto;
    margin: 20px 0 0;
  }
}

@media (min-width: 992px) and (min-width: 480px) and (max-width: 991px) {
  .col-md-6 .banner.banner--DELTA img,
  .col-lg-6 .banner.banner--DELTA img,
  .col-xl-6 .banner.banner--DELTA img {
    width: 100%;
    margin: 10px 0 0;
  }
}

@media (min-width: 992px) and (max-width: 479px) {
  .col-md-6 .banner.banner--DELTA img,
  .col-lg-6 .banner.banner--DELTA img,
  .col-xl-6 .banner.banner--DELTA img {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 992px) {
  .col-md-6 .banner.banner--DELTA .main,
  .col-lg-6 .banner.banner--DELTA .main,
  .col-xl-6 .banner.banner--DELTA .main {
    display: block;
    min-height: 185px;
    padding: 20px 0 20px 20px;
  }

  .col-md-6 .banner.banner--DELTA .image,
  .col-lg-6 .banner.banner--DELTA .image,
  .col-xl-6 .banner.banner--DELTA .image {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .col-md-3 .banner.banner--DELTA,
  .col-lg-3 .banner.banner--DELTA,
  .col-xl-3 .banner.banner--DELTA {
    background-size: auto 100%;
  }

  .col-md-3 .banner.banner--DELTA .main,
  .col-lg-3 .banner.banner--DELTA .main,
  .col-xl-3 .banner.banner--DELTA .main {
    display: block;
    width: 100%;
    padding: 20px 0 145px 20px;
  }

  .col-md-3 .banner.banner--DELTA .image,
  .col-lg-3 .banner.banner--DELTA .image,
  .col-xl-3 .banner.banner--DELTA .image {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
  }

  .col-md-3 .banner.banner--DELTA .image img,
  .col-lg-3 .banner.banner--DELTA .image img,
  .col-xl-3 .banner.banner--DELTA .image img {
    float: none;
    width: 218px;
    height: auto;
  }
}

.banner.banner--MINI {
  width: 280px;
}

@media (min-width: 480px) {
  .banner.banner--MINI {
    width: auto;
  }
}

.banner.banner--MINI img {
  height: auto;
  max-height: 100%;
  max-width: 280px;
  width: 280px;
}

@media (min-width: 480px) {
  .banner.banner--MINI img {
    width: auto;
  }
}

.banner.banner--MINI .copy {
  padding-right: 10px;
  padding-bottom: 0;
  display: inline-block;
}

@media (min-width: 480px) {
  .banner.banner--MINI .copy {
    width: auto;
    padding-bottom: 10px;
    padding-right: 0;
  }
}

.banner.banner--MINI .copy .cursor {
  vertical-align: bottom;
}

.row__cms {
  position: relative;
  box-sizing: border-box;
}

.row__cms.CUSTOM_GUTTER {
  margin-left: -4px;
  margin-right: -4px;
}

@media (min-width: 992px) {
  .row__cms.CUSTOM_GUTTER .col__cms {
    margin-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms.CUSTOM_GUTTER .col__cms {
    margin-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
  }
}

.row__cms .col__cms {
  min-height: 0;
}

@media (min-width: 992px) {
  .row__cms .col__cms {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms[data-mh='banner-col-children'] {
    margin-bottom: 0;
  }
}

.row__cms .col__cms:last-child .banner {
  margin-right: 0;
}

@media (max-width: 992px) {
  .row__cms .col__cms a.banner {
    margin-bottom: 20px;
  }
}

.row__cms .col__cms a.banner.banner--LIFESTYLE .copy {
  padding: 25px 40px;
}

.row__cms .col__cms.col-md-12 .banner-- {
  min-height: 55px;
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-12 .banner-- img {
    margin-right: -webkit-calc(25% + 5px);
    margin-right: -moz-calc(25% + 5px);
    margin-right: calc(25% + 5px);
    left: auto;
    height: 100%;
    width: auto;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-12 .banner-- .copy {
    padding: 0;
  }

  .row__cms .col__cms.col-md-12 .banner-- .copy .headline {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    left: 0;
    top: 50%;
    padding-left: 10px;
  }

  .row__cms .col__cms.col-md-12 .banner-- .copy .content {
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 10px;
    position: absolute;
    right: 0;
    top: 50%;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-5 .banner img {
    width: auto;
    height: 50%;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-4 img {
    margin-right: 0;
    width: auto;
    height: 50%;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-4 .row__cms .col-md-12 img {
    margin-right: 0;
    width: auto;
    height: 50%;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-3 img {
    margin: 0 auto;
    left: 0;
    width: auto;
    height: 50%;
  }

  .row__cms .col__cms.col-md-3 .copy {
    padding-bottom: 70%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-3 .col-md-12 .banner img {
    margin-right: 0;
    width: auto;
    height: 50%;
  }
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-md-8 .banner--BETA img {
    height: 100%;
    width: auto;
  }
}

.row__cms .col__cms.col-sm-6 .banner--BETA img {
  height: auto;
  width: 50%;
}

@media (min-width: 992px) {
  .row__cms .col__cms.col-sm-6 .banner--BETA img {
    width: auto;
  }
}

@media (max-width: 991px) {
  .row__cms .col__cms.col-xs-12 .copy {
    padding-bottom: 20%;
  }
}

.row__cms .col__cms.col-xs-12 .banner--MINI .copy {
  padding-right: 10px;
  padding-bottom: 0;
  display: inline-block;
}

@media (min-width: 480px) {
  .row__cms .col__cms.col-xs-12 .banner--MINI .copy {
    width: auto;
    padding-bottom: 10px;
    padding-right: 0;
  }
}

.row__cms .col__cms.col-xs-12 .banner--MINI .copy .cursor {
  vertical-align: bottom;
}

.row__cms .row__cms {
  margin-bottom: 0;
  height: 100%;
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms {
    margin-bottom: 20px;
  }
}

.row__cms .row__cms .col__cms a.banner img.full-image {
  position: relative;
  height: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-12 .banner--CHARLIE img {
    width: 50%;
    height: auto;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-12 .banner--CHARLIE img {
    height: auto;
    width: 100%;
    left: auto;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-12 .banner--CHARLIE .copy {
    padding-bottom: 50%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-12 .banner--CHARLIE .copy {
    padding-bottom: 70%;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-12 .copy {
    padding: 10px 0 0 10px;
    padding-bottom: 10%;
  }

  .row__cms .row__cms .col__cms.col-md-12 .copy .headline {
    position: relative;
    top: auto;
    transform: none;
    padding: 0;
  }

  .row__cms .row__cms .col__cms.col-md-12 .copy .content {
    position: relative;
    width: 100%;
    transform: none;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-4 img {
    margin: 0 auto;
    left: 0;
    width: auto;
    height: 50%;
  }

  .row__cms .row__cms .col__cms.col-md-4 .copy {
    padding-bottom: 60%;
    padding-right: 0;
  }
}

@media (min-width: 9999px) {
  .row__cms .row__cms .col__cms.col-xl-3 .copy {
    padding-bottom: 50%;
  }
}

@media (min-width: 992px) and (max-width: 9998px) {
  .row__cms .row__cms .col__cms.col-sm-12 img {
    width: auto;
    height: 90%;
  }
}

@media (min-width: 992px) {
  .row__cms .row__cms .col__cms.col-md-8 img {
    width: 50%;
    height: auto;
  }
}

.yCmsComponent a.banner {
  margin-bottom: 20px;
}

.facet__navigation a.banner--BETA img {
  width: 50%;
  height: auto;
}

@media (min-width: 992px) {
  .facet__navigation a.banner--BETA img {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .facet__navigation a.banner--CHARLIE .copy {
    padding-bottom: 50%;
  }
}

.mega-menu-list a.banner {
  margin-top: 20px;
}

.order-history-controller {
  display: none;
  margin-left: 10px;
  font-size: 14px;
}

@media (max-width: 992px) {
  .order-history-controller {
    display: block;
    color: #09f;
    cursor: pointer;
  }
}

.order-history-wrapper {
  position: relative;
}

@media (max-width: 992px) {
  .order-history-wrapper {
    display: none;
  }
}

.order-history-arrow {
  display: none;
}

@media (max-width: 992px) {
  .order-history {
    display: none;
    margin-bottom: 20px;
  }

  .order-history-arrow {
    width: 15px;
    height: 15px;
    position: absolute;
    top: -7.5px;
    background-color: #f4f3f1;
    left: 20px;
    transform: rotate(45deg);
    display: block;
  }
}

.order-history-filter {
  height: auto;
  overflow: hidden;
  background-color: #f4f3f1;
  border: 2px solid #eae7e3;
  padding: 9px 5px 0;
}

@media (max-width: 992px) {
  .order-history-filter {
    padding: 10px 10px 20px;
    position: relative;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0 -20px 20px;
  }
}

.order-history-filter .btn-primary {
  height: 32px;
}

.order-history-filter .select2-selection--single {
  height: 35px;
}

.order-history-filter .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

.order-history-filter .select2-selection--single .select2-selection__arrow {
  top: 1px;
}

.order-history-filter__split {
  text-align: center;
  display: block;
}

.order-history-filter__split p {
  margin-top: 32px;
  position: relative;
  z-index: 10;
  font-size: 14px;
}

.order-history-filter__split p:before {
  width: 45%;
  position: absolute;
  content: '';
  border-top: 1px solid #cac2b8;
  left: -12px;
  top: 11px;
}

.order-history-filter__split p:after {
  width: 45%;
  position: absolute;
  content: '';
  border-top: 1px solid #cac2b8;
  right: -12px;
  top: 11px;
}

@media (max-width: 992px) {
  .order-history-filter__split p {
    margin-top: 13px;
    margin-bottom: 5px;
  }

  .order-history-filter__split p:before {
    left: 0;
  }

  .order-history-filter__split p:after {
    right: 0;
  }
}

.order-history-filter__manual {
  margin-bottom: 0;
}

.order-history-filter__manual .form-control {
  height: 35px;
}

.order-history-filter__reset {
  text-align: center;
  margin-top: 24px;
}

@media (max-width: 992px) {
  .order-history-filter__reset {
    margin-top: 5px;
    text-align: left;
  }
}

.order-history-list .add-to-cart-btn .icomoon-cart {
  padding: 0 30px;
}

@media (max-width: 991px) {
  .order-history-list--error {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .order-history-list .error-container {
    margin-top: 10px;
    padding-left: 16px;
  }
}

.order-history-list .item-row__track-trace-panel {
  position: relative;
  display: none;
  margin-top: 10px;
  box-shadow: none;
}

.order-history-list .item-row__track-trace-panel:after,
.order-history-list .item-row__track-trace-panel:before {
  display: block;
  content: '';
  position: absolute;
  left: auto;
  right: 20px;
  height: 0;
  width: 0;
  top: auto;
  bottom: 100%;
  border: solid transparent;
  pointer-events: none;
}

@media (min-width: 992px) {
  .order-history-list .item-row__track-trace-panel:after,
  .order-history-list .item-row__track-trace-panel:before {
    display: block;
  }
}

.order-history-list .item-row__track-trace-panel:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
  right: 21px;
}

.order-history-list .item-row__track-trace-panel:before {
  border-color: transparent;
  border-bottom-color: #eae7e3;
  border-width: 11px;
  margin-left: -11px;
}

.order-history-list .item-row__track-trace-panel .track-trace-panel__item {
  padding: 15px;
}

.order-history-list .item-row__track-trace-panel .track-trace-panel__container:last-child {
  border-bottom: none;
}

.order-history-list .item-row__track-trace-panel.active {
  display: block;
}

.order-history-list__hide-order-container {
  display: none;
  border-bottom: 2px solid #eae7e3;
  padding: 0 0 10px;
  margin: 10px 0 10px 15px;
  color: #09f;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  .order-history-list__hide-order-container {
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 0;
  }
}

.order-history-list__hide-order-container.details-active {
  display: block;
}

.order-history-list__hide-order-container .hide-order-details {
  display: none;
}

.order-history-list__hide-order-container .hide-order-details.active {
  display: block;
}

.order-history-list__hide-order-container .hide-order-details:after {
  font-family: 'icomoon';
  font-size: 10px;
  content: '\e607';
  color: #09f;
  margin-left: 10px;
  font-weight: normal;
}

.order-history-list__hide-order-container .show-order-details {
  display: none;
}

.order-history-list__hide-order-container .show-order-details.active {
  display: block;
}

.order-history-list__hide-order-container .show-order-details:after {
  font-family: 'icomoon';
  font-size: 10px;
  content: '\e604';
  color: #09f;
  margin-left: 10px;
  font-weight: normal;
}

.order-history-list .reorder {
  display: none;
}

.order-history-list .reorder__switch {
  padding-bottom: 10px;
}

.order-history-list .reorder__switch.activated {
  border-top: 1px dashed #cac2b8;
  margin-top: 20px;
  padding-top: 15px;
}

.order-history-list .reorder__switch button[type='submit']:first-child {
  margin-right: 20px;
}

@media (max-width: 991px) {
  .order-history-list .reorder__switch {
    margin-left: 10px;
  }

  .order-history-list .reorder__switch button {
    margin-bottom: 17px;
  }
}

.order-history-list .order-overview {
  display: block;
}

@media (max-width: 991px) {
  .order-history-list .order-overview div:first-child .items__item-row {
    border-top: 2px solid #eae7e3;
  }
}

.order-history-list .reorder-active .reorder {
  display: block;
}

.order-history-list .reorder-active .order-overview {
  display: none;
}

.order-history-list .reorder-options {
  float: left;
}

.order-history-list .reorder-options p {
  font-weight: bold;
}

.order-history-list .reorder-options .icomoon-chevron__left {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.order-history-list .reorder-options:hover {
  text-decoration: none;
}

.order-history-list .reorder-options:hover .reorder-options__back-link {
  text-decoration: underline;
}

.order-history-list .reorder-header {
  margin: 0 0 15px;
  font-size: 14px;
}

.order-history-list .reorder-header__overview {
  font-weight: bold;
  padding: 0;
}

.order-history-list .reorder-header__qty {
  text-align: right;
}

.order-history-list .reorder-header__select-all {
  margin: 0;
}

.order-history-list .reorder-header__select-all label {
  padding-left: 0;
}

.order-history-list .reorder-header__select-all .checkbox-label {
  font-weight: bold;
}

.order-history-list .reorder-header__actions {
  clear: both;
  padding: 15px 0 10px;
}

.order-history-list .reorder-products .reorder:first-child {
  border-top: 2px solid #cac2b8;
}

.order-history-list .reorder-products div.reorder-product img.product-image {
  width: 65px;
  height: 65px;
}

@media (max-width: 991px) {
  .order-history-list .reorder-products div.reorder:first-child .items__item-row {
    border-top: none;
  }
}

.order-history-list .reorder-product__checkbox {
  float: left;
  margin: 0;
}

.order-history-list .reorder-product__checkbox label {
  padding: 0;
}

.order-history-list .reorder-product__image {
  float: left;
  margin-right: 20px;
}

.order-history-list .reorder-product__image img {
  margin-bottom: 0;
}

.order-history-list .reorder-product__info {
  float: left;
}

.order-history-list .reorder-product__price {
  font-weight: normal;
}

.order-history-list .reorder-product__price__complementary {
  font-size: 12px;
  color: #7b7670;
}

.order-history-list .reorder-product__qty {
  text-align: right;
}

.order-history-list .reorder-product__extra-info {
  padding: 1px 0 0;
}

.order-history-list .reorder-product__error-message {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3;
  color: #e31937;
}

.order-history-list .reorder-product__product-url {
  display: block;
}

.order-history-list .reorder-product--discontinued .reorder-product__price {
  color: #7b7670;
}

@media (max-width: 991px) {
  .order-history-list .reorder-product__overview {
    padding: 0;
  }

  .order-history-list .reorder-product__checkbox {
    float: none;
    margin-bottom: 20px;
    padding: 0;
  }

  .order-history-list .reorder-product__image {
    margin: 0 0 20px;
    padding: 0;
  }

  .order-history-list .reorder-product__price {
    margin-bottom: 10px;
  }

  .order-history-list .reorder-product__qty {
    text-align: left;
  }

  .order-history-list .reorder-product__label {
    padding: 0;
    margin-bottom: 10px;
  }

  .order-history-list .reorder-product__label strong {
    font-weight: normal;
    font-size: 12px;
    color: #7b7670;
  }
}

@media (min-width: 992px) {
  .order-history-list .reorder-product__image {
    padding: 0;
    width: auto;
  }

  .order-history-list .reorder-product__info {
    padding: 0;
  }

  .order-history-list .reorder-product__extra-info {
    padding-left: 115px;
    padding-right: 220px;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .order-history-list .reorder-product__extra-info {
    width: auto;
    margin-left: 25%;
    padding-left: 10px;
  }
}

.order-history-list .reorder-footer {
  height: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}

.order-history-list .reorder-footer__message {
  padding: 0;
  color: #7b7670;
  font-size: 12px;
}

.order-history-list .reorder-footer__actions {
  padding: 0;
  text-align: right;
}

@media (max-width: 991px) {
  .order-history-list .reorder-footer {
    padding-bottom: 0;
  }

  .order-history-list .reorder-footer__message {
    margin-bottom: 20px;
  }

  .order-history-list .reorder-footer__actions {
    margin-bottom: 20px;
    text-align: left;
  }
}

.order-history-list .order-header {
  margin-bottom: 0;
  font-weight: bold;
}

.order-history-list .sub-total-header {
  margin-bottom: 15px;
  font-weight: bold;
}

.order-history-list .items__item-row .item-row__status-block {
  text-align: right;
}

.order-history-list .items__item-row .reorderable {
  display: block;
}

.order-history-list .item-row__price-table {
  margin-left: 0;
}

.order-history-list .item-row__price-table th.volume-prices-quantity,
.order-history-list .item-row__price-table th.volume-price-amount {
  font-weight: normal;
}

@media (max-width: 991px) {
  .order-history-list .item-row__price-table th.volume-prices-quantity,
  .order-history-list .item-row__price-table th.volume-price-amount {
    font-size: 12px;
  }
}

.order-history-list .tt-link {
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
}

.order-history-list .tt-link:after {
  font-family: 'icomoon';
  font-size: 10px;
  content: '\e604';
  color: #09f;
  margin-left: 5px;
  font-weight: normal;
}

.order-history-list .tt-link.active:after {
  font-family: 'icomoon';
  font-size: 10px;
  content: '\e607';
  color: #09f;
  margin-left: 12px;
  font-weight: normal;
}

.order-history-list .content__items .shopping-list__add {
  margin-top: 10px;
}

.order-history-list .content__items .item-row__items--selected {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .order-history-list .content__items {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .order-history-list .content__items {
    margin-right: -25px;
  }
}

@media (max-width: 991px) {
  .order-history-list .order-details-section {
    display: none;
  }

  .order-history-list .order-details-section.active {
    display: block;
    padding-top: 5px;
    margin: 10px 5px 0;
  }
}

@media (min-width: 992px) {
  .order-history-list .order-details-section {
    margin: 0;
  }
}

.order-history-list .order-history-list__content {
  display: none;
  margin-left: 0;
  margin-right: 0;
}

.order-history-list .order-history-list__content.active {
  display: block;
}

.order-history-list .order-history-list__content.order-history-manual__details {
  display: block;
}

@media (min-width: 992px) {
  .order-history-list .order-history-list__content {
    display: none;
    padding: 15px 20px;
  }

  .order-history-list .order-history-list__content.active {
    display: block;
  }
}

@media (max-width: 991px) {
  .order-history-list .order-history-list__content.active hr {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.order-history-list .order-history-list__content .content__invoice-panel {
  padding: 15px;
  margin-top: 15px;
  overflow: auto;
}

@media (max-width: 992px) {
  .order-history-list .order-history-list__content .content__invoice-panel {
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .order-history-list .order-history-list__content .content__invoice-panel {
    margin-top: 4px;
    margin-right: 0;
  }
}

.order-history-list .order-history-list__content .content__invoice-panel hr {
  margin: 0 10px 10px;
  clear: both;
}

.order-history-list .order-history-list__content .content__invoice-panel h4 {
  margin: 0 0 18px;
}

.order-history-list .order-history-list__content .content__invoice-panel .term {
  font-weight: bold;
}

@media (min-width: 992px) {
  .order-history-list .order-history-list__content .content__invoice-panel .term {
    font-weight: normal;
  }
}

.order-history-list .order-history-list__content .content__add-cta {
  border-top: 1px solid #eae7e3;
  padding-top: 20px;
}

.order-history-list .order-history-list__content .item-row__direct-from-supplier {
  color: #7b7670;
}

.order-history-list .order-history-list__content .item-row__direct-from-supplier .icomoon-bus {
  margin-right: 5px;
  display: inline-block;
  transform: rotateY(180deg);
}

.order-history-list .order-history-list__content .item-row__direct-from-supplier .info-link {
  padding-bottom: 2px;
}

.order-history-list .order-history-list__content .info-link span {
  border-bottom: 1px dashed #7b7670;
}

.order-history-manual__result.ui-row-list {
  margin-bottom: 0;
  display: none;
}

@media (max-width: 992px) {
  .order-history-error .alert {
    margin-top: 0;
  }
}

.order-history-error__time-period {
  display: none;
}

.order-history-error__manual-search {
  display: none;
}

.order-history-list.manual-result .order-history-list__content {
  display: block;
}

.shopping-list .add-to-cart-btn .icomoon-cart {
  padding: 0 30px;
}

.shopping-list .shopping-list__headings .name-header,
.shopping-list .shopping-list__headings-edit .name-header {
  margin-bottom: 20px;
}

.shopping-list .shopping-list__headings .name-header:after,
.shopping-list .shopping-list__headings-edit .name-header:after {
  font-family: "icomoon";
  font-size: 14px;
  content: '\e604';
  color: #7b7670;
  float: right;
}

@media (min-width: 992px) {
  .shopping-list .shopping-list__headings .name-header:after,
  .shopping-list .shopping-list__headings-edit .name-header:after {
    content: '';
  }
}

.shopping-list .shopping-list__headings .amount-column:after,
.shopping-list .shopping-list__headings-edit .amount-column:after {
  content: '';
}

@media (min-width: 992px) {
  .shopping-list .shopping-list__headings .amount-column:after,
  .shopping-list .shopping-list__headings-edit .amount-column:after {
    font-family: "icomoon";
    font-size: 14px;
    content: '\e604';
    color: #7b7670;
    float: right;
  }
}

@media (max-width: 992px) {
  .shopping-list .shopping-list__headings .action-buttons,
  .shopping-list .shopping-list__headings-edit .action-buttons {
    margin-top: 10px;
  }
}

.shopping-list .shopping-list__headings-edit {
  display: none;
  padding: 10px 0;
}

.shopping-list .shopping-list__headings-edit span.error {
  color: #e31937;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

.shopping-list .shopping-list__headings-edit .save-shopping-list-name-btn {
  margin-right: 15px;
}

.shopping-list .shopping-list__headings-edit .cancel-shopping-list-name-btn {
  background: #cac2b8;
}

.shopping-list .shopping-list__intro {
  margin: 10px 25px 0 10px;
  display: block;
  border-bottom: 1px dashed #eae7e3;
}

.shopping-list .shopping-list__content {
  display: none;
}

.shopping-list.current .shopping-list__headings-edit {
  background-color: #ccebff;
  border-color: #09f;
}

.shopping-list.current .shopping-list__content {
  display: block;
}

.shopping-list.current .shopping-list__content label {
  font-size: 12px;
  font-weight: bold;
}

.shopping-list.editable .shopping-list__headings {
  display: none;
}

.shopping-list.editable .shopping-list__headings-edit {
  display: block;
}

.shopping-list .content__operations {
  padding: 10px 0;
}

@media (min-width: 992px) {
  .shopping-list .content__operations {
    padding: 0;
    float: right;
  }
}

.shopping-list .content__operations .operations-item {
  padding: 0;
}

@media (min-width: 992px) {
  .shopping-list .content__operations .operations-item {
    display: inline-block;
    padding: 15px 15px 0;
  }
}

@media (min-width: 992px) {
  .shopping-list .content__operations__column {
    padding: 0;
  }
}

.shopping-list .content__items .items__select-all {
  padding: 10px 0;
  margin: 0;
}

@media (min-width: 992px) {
  .shopping-list .content__items .items__select-all>div:first-child {
    padding-left: 0;
  }
}

.shopping-list .content__items .items__select-all .select-all__checkbox {
  text-align: left;
  padding: 10px;
}

@media (min-width: 992px) {
  .shopping-list .content__items .items__select-all .select-all__checkbox {
    text-align: right;
    padding: 10px 0 0;
  }
}

@media (min-width: 992px) {
  .shopping-list .content__items .items__select-all .checkbox-label {
    margin-right: 20px;
  }
}

.shopping-list .items__item-row a .notAvailable {
  opacity: 0.5;
}

.shopping-list .items__item-row .item-row__price {
  padding-top: 10px;
}

@media (min-width: 992px) {
  .shopping-list .items__item-row .item-row__price {
    padding: 10px 0 0 10px;
  }
}

.shopping-list .items__item-row .input-quantity {
  margin: 0;
}

.shopping-list .items__item-row .update-product-qty-btn,
.shopping-list .items__item-row .remove-product-btn {
  vertical-align: top;
  margin-left: 5px;
  padding: 9px 10px 3px;
}

.shopping-list .items__item-row .on-available {
  display: inline;
}

.shopping-list .items__item-row .remove-product-btn {
  display: none;
}

.shopping-list .items__item-row.checked .update-product-qty-btn {
  display: none;
}

.shopping-list .items__item-row.checked .remove-product-btn {
  display: inline-block;
}

.shopping-list .items__item-row.checked .checked-backgroung-col {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  background-color: #e5f5ff;
}

@media (min-width: 992px) {
  .shopping-list .items__item-row.checked .checked-backgroung-col {
    width: 55px;
  }
}

.shopping-list .items__item-row.discontinued {
  color: #777;
}

.shopping-list .items__item-row.discontinued .remove-product-btn {
  display: inline-block;
}

.shopping-list .items__item-row.discontinued .img-responsive {
  opacity: 0.5;
}

.shopping-list .items__item-row .checked-backgroung-col {
  display: none;
}

.shopping-list .items__item-row .item-row__select-item {
  padding: 0 0 20px 10px;
}

@media (min-width: 992px) {
  .shopping-list .items__item-row .item-row__select-item {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
  }
}

.shopping-list .items__item-row .direct-shipping {
  color: #7b7670;
  font-size: 12px;
}

.shopping-list .items__item-row .info-link span {
  border-bottom: 1px dashed;
}

.shopping-list .content__add-cta {
  padding: 15px;
}

.shopping-list .content__add-cta .btn-primary.disabled:focus {
  background-color: #f9f9f8;
  border-color: #cac2b8;
}

.shopping-list .content__add-cta .add-cta__add-btn {
  text-align: left;
  padding-top: 15px;
}

@media (max-width: 992px) {
  .shopping-list .content__add-cta .add-cta__add-btn {
    text-align: right;
    padding-top: 0;
    padding-left: 0;
  }
}

.confirmation-shopping-list-delete-modal h3,
.product-delete-modal h3 {
  margin: 0 0 10px;
}

.confirmation-shopping-list-delete-modal .modal-footer .links,
.product-delete-modal .modal-footer .links {
  float: left;
  margin: 0 10px 20px 0;
}

.ui-row-lists .ui-row-lists__headings {
  display: none;
}

@media (min-width: 992px) {
  .ui-row-lists .ui-row-lists__headings {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
    margin: 0;
  }

  .ui-row-lists .ui-row-lists__headings>div {
    display: table-cell;
    vertical-align: bottom;
    float: none;
  }
}

.ui-row-list {
  font-size: 14px;
  margin-bottom: 20px;
}

.ui-row-list .toggle-column:after {
  font-family: "icomoon";
  font-size: 14px;
  content: '\e604';
  color: #7b7670;
  float: right;
}

.ui-row-list.current .ui-row-list__headings {
  background-color: #ccebff;
  border-color: #09f;
}

.ui-row-list.current .toggle-column:after {
  content: '\e607';
  color: #09f;
}

.ui-row-list .ui-row-list__headings {
  background-color: #f4f3f1;
  border: 2px solid #eae7e3;
  padding: 15px;
  cursor: pointer;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__headings {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__headings .name-header {
    margin-bottom: 0;
  }
}

.ui-row-list .ui-row-list__headings .date-header {
  margin-bottom: 0;
  font-weight: bold;
}

.ui-row-list .ui-row-list__headings .amount-header {
  font-weight: bold;
}

.ui-row-list .ui-row-list__headings .qty-header {
  margin-bottom: 0;
  font-weight: bold;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content {
    border: 1px solid #eae7e3;
    border-top: none;
    margin: 0;
  }
}

.ui-row-list .ui-row-list__content .items__headings {
  display: none;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .items__headings {
    display: block;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #eae7e3;
    font-size: 12px;
    font-weight: bold;
  }
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .items__headings>div:first-child {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .items__headings>div:last-child {
    text-align: right;
  }
}

.ui-row-list .ui-row-list__content .items__item-row {
  position: relative;
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .items__item-row>div:first-child {
    padding-left: 0;
  }
}

.ui-row-list .ui-row-list__content .items__item-row img.product-image {
  width: 50px;
}

.ui-row-list .ui-row-list__content .items__item-row img.discontinued-prod-img {
  opacity: 0.5;
}

.ui-row-list .ui-row-list__content .items__item-row .item-row__name.a {
  text-decoration: none;
  color: #32302e;
}

.ui-row-list .ui-row-list__content .items__item-row .price-qty-block {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .items__item-row .price-qty-block {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.ui-row-list .ui-row-list__content .items__item-row .xsmall.availability-message,
.ui-row-list .ui-row-list__content .items__item-row .availability-message.od-imprint-preview-modal__description {
  color: #e31937;
  font-weight: 600;
}

.ui-row-list .ui-row-list__content .item-row__article-no {
  font-size: 12px;
  color: #7b7670;
}

.ui-row-list .ui-row-list__content .price-inc-vat .price-value {
  font-size: 12px;
  color: #7b7670;
  font-weight: 100;
}

.ui-row-list .ui-row-list__content .item-row__price {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .item-row__price {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ui-row-list .ui-row-list__content .item-row__price .aligned {
    margin-left: 0;
  }
}

.ui-row-list .ui-row-list__content .item-row__price .price-m-header {
  font-weight: bold;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .item-row__price .price-m-header {
    display: none;
  }
}

.ui-row-list .ui-row-list__content .item-row__price .price-value {
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .item-row__price .price-value {
    font-size: 14px;
  }
}

.ui-row-list .ui-row-list__content .item-row__price .price-inc-vat,
.ui-row-list .ui-row-list__content .item-row__price .price-per {
  font-size: 12px;
  color: #7b7670;
  font-weight: 100;
}

.ui-row-list .ui-row-list__content .item-row__price .price-per {
  position: absolute;
  top: 4px;
  margin-left: 6px;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .item-row__price .price-per {
    position: relative;
    top: auto;
    margin-left: 0;
  }
}

.ui-row-list .ui-row-list__content .item-row__quantity .quantity-m-header {
  font-weight: bold;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .item-row__quantity .quantity-m-header {
    display: none;
  }
}

.ui-row-list .ui-row-list__content .item-row__quantity .quantity-value {
  color: #7b7670;
}

.ui-row-list .ui-row-list__content .item-row__product-name {
  padding: 0;
  margin-bottom: 0;
}

.ui-row-list .ui-row-list__content .item-row__product-name p {
  margin: 0 0 5px;
  margin-bottom: 0;
}

.ui-row-list .ui-row-list__content .item-row__product-name a {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  color: #32302e;
}

.ui-row-list .ui-row-list__content .item-row__product-name .discontinued-prod {
  color: #7b7670;
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__content .content__items {
    padding: 15px;
    padding-left: 0;
  }
}

.ui-row-list .ui-row-list__is-mobile-js {
  content: 'mobile';
}

@media (min-width: 992px) {
  .ui-row-list .ui-row-list__is-mobile-js {
    content: 'desktop';
  }
}

.brand-links {
  display: none;
  width: 100%;
  table-layout: fixed;
}

@media (min-width: 992px) {
  .brand-links {
    display: table;
  }
}

.brand-links>div {
  background: #eae7e3;
  display: table-cell;
  vertical-align: middle;
}

.brand-links>div:last-child {
  width: 25%;
  background: #e6e3de;
  padding: 15px 0 15px 15px;
}

@media (min-width: 991px) {
  .brand-links>div:last-child {
    padding-left: 35px;
  }
}

.brand-links>div img {
  margin: 0;
}

.brand-links>div div {
  text-align: center;
}

.brand-links a {
  color: #32302e;
  font-weight: 100;
  font-size: 18px;
}

.brand-links a:hover,
.brand-links a:active {
  text-decoration: none;
}

.brand-links a span {
  display: block;
  font-size: 24px;
  font-weight: 900;
}

.brand-links a span:after {
  font-family: 'icomoon';
  content: '\e606';
  font-weight: 100;
  font-size: 10px;
  margin-left: 5px;
}

.read-more {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  padding: 20px 0 10px;
  margin-top: 20px;
  border-top: 2px solid #eae7e3;
}

@media (max-width: 480px) {
  .read-more {
    width: 100%;
  }
}

.read-more__overlay {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)),color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(rgba(255,255,255,0),#ffffff);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0),#ffffff);
  background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
  width: 100%;
  height: 30px;
  bottom: 0;
  position: absolute;
}

.moreless {
  text-decoration: none;
  font-weight: 500;
  color: #09f;
  cursor: pointer;
  font-size: 12px;
  display: block;
  margin-bottom: 20px;
}

.moreless:hover {
  text-decoration: none;
  color: #09f;
}

.spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
  margin: auto;
  transform-origin: top center;
}

.spinner__line {
  top: 80px;
  left: 93px;
  width: 14px;
  height: 40px;
  background: #32302e;
  border-radius: 8px;
  position: absolute;
}

.spinner.small {
  transform: scale(0.2);
}

.spinner.medium {
  transform: scale(0.5);
}

.spinner__line:nth-of-type(1) {
  -ms-transform: rotate(0deg) translate(0, -50px);
  -moz-transform: rotate(0deg) translate(0, -50px);
  -webkit-transform: rotate(0deg) translate(0, -50px);
  -o-transform: rotate(0deg) translate(0, -50px);
  transform: rotate(0deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s;
}

.spinner__line:nth-of-type(2) {
  -ms-transform: rotate(30deg) translate(0, -50px);
  -moz-transform: rotate(30deg) translate(0, -50px);
  -webkit-transform: rotate(30deg) translate(0, -50px);
  -o-transform: rotate(30deg) translate(0, -50px);
  transform: rotate(30deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.41666667s;
  animation-delay: -.41666667s;
}

.spinner__line:nth-of-type(3) {
  -ms-transform: rotate(60deg) translate(0, -50px);
  -moz-transform: rotate(60deg) translate(0, -50px);
  -webkit-transform: rotate(60deg) translate(0, -50px);
  -o-transform: rotate(60deg) translate(0, -50px);
  transform: rotate(60deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.33333333s;
  animation-delay: -.33333333s;
}

.spinner__line:nth-of-type(4) {
  -ms-transform: rotate(90deg) translate(0, -50px);
  -moz-transform: rotate(90deg) translate(0, -50px);
  -webkit-transform: rotate(90deg) translate(0, -50px);
  -o-transform: rotate(90deg) translate(0, -50px);
  transform: rotate(90deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.25s;
  animation-delay: -.25s;
}

.spinner__line:nth-of-type(5) {
  -ms-transform: rotate(120deg) translate(0, -50px);
  -moz-transform: rotate(120deg) translate(0, -50px);
  -webkit-transform: rotate(120deg) translate(0, -50px);
  -o-transform: rotate(120deg) translate(0, -50px);
  transform: rotate(120deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.16666667s;
  animation-delay: -.16666667s;
}

.spinner__line:nth-of-type(6) {
  -ms-transform: rotate(150deg) translate(0, -50px);
  -moz-transform: rotate(150deg) translate(0, -50px);
  -webkit-transform: rotate(150deg) translate(0, -50px);
  -o-transform: rotate(150deg) translate(0, -50px);
  transform: rotate(150deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -.08333333s;
  animation-delay: -.08333333s;
}

.spinner__line:nth-of-type(7) {
  -ms-transform: rotate(180deg) translate(0, -50px);
  -moz-transform: rotate(180deg) translate(0, -50px);
  -webkit-transform: rotate(180deg) translate(0, -50px);
  -o-transform: rotate(180deg) translate(0, -50px);
  transform: rotate(180deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.spinner__line:nth-of-type(8) {
  -ms-transform: rotate(210deg) translate(0, -50px);
  -moz-transform: rotate(210deg) translate(0, -50px);
  -webkit-transform: rotate(210deg) translate(0, -50px);
  -o-transform: rotate(210deg) translate(0, -50px);
  transform: rotate(210deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: .08333333s;
  animation-delay: .08333333s;
}

.spinner__line:nth-of-type(9) {
  -ms-transform: rotate(240deg) translate(0, -50px);
  -moz-transform: rotate(240deg) translate(0, -50px);
  -webkit-transform: rotate(240deg) translate(0, -50px);
  -o-transform: rotate(240deg) translate(0, -50px);
  transform: rotate(240deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: .16666667s;
  animation-delay: .16666667s;
}

.spinner__line:nth-of-type(10) {
  -ms-transform: rotate(270deg) translate(0, -50px);
  -moz-transform: rotate(270deg) translate(0, -50px);
  -webkit-transform: rotate(270deg) translate(0, -50px);
  -o-transform: rotate(270deg) translate(0, -50px);
  transform: rotate(270deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.spinner__line:nth-of-type(11) {
  -ms-transform: rotate(300deg) translate(0, -50px);
  -moz-transform: rotate(300deg) translate(0, -50px);
  -webkit-transform: rotate(300deg) translate(0, -50px);
  -o-transform: rotate(300deg) translate(0, -50px);
  transform: rotate(300deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: .33333333s;
  animation-delay: .33333333s;
}

.spinner__line:nth-of-type(12) {
  -ms-transform: rotate(330deg) translate(0, -50px);
  -moz-transform: rotate(330deg) translate(0, -50px);
  -webkit-transform: rotate(330deg) translate(0, -50px);
  -o-transform: rotate(330deg) translate(0, -50px);
  transform: rotate(330deg) translate(0, -50px);
  -webkit-animation: uil-default-anim 1s linear infinite;
  -o-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: .41666667s;
  animation-delay: .41666667s;
}

@keyframes uil-default-anim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.quickorder-page .add-to-cart-btn .icomoon-cart {
  padding: 0 30px;
}

.quickorder-page .quickorder-description {
  color: #7b7670;
}

.quickorder-page .quickorder-module {
  border-top: 3px solid #eae7e3;
  background: #f4f3f1;
  padding: 0;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .quickorder-page .quickorder-module {
    margin: 0;
    margin-bottom: 40px;
    padding: 0 20px 3px;
  }
}

.quickorder-page .quantity-input__wrap {
  display: none;
}

.quickorder-page .quantity-input__wrap input {
  padding: 5px 0 4px;
  text-align: center;
}

.quickorder-page .article-number-input__wrap,
.quickorder-page .quantity-input__wrap,
.quickorder-page .find-button__wrap {
  float: left;
}

@media (min-width: 992px) {
  .quickorder-page .article-number-input__wrap,
  .quickorder-page .quantity-input__wrap,
  .quickorder-page .find-button__wrap {
    display: inline;
    white-space: nowrap;
  }
}

.quickorder-page .article-number-input__wrap {
  width: 70%;
  padding-right: 10px;
  margin: 0;
  position: relative;
}

@media (min-width: 992px) {
  .quickorder-page .article-number-input__wrap {
    width: auto;
    padding-right: 20px;
  }

  .quickorder-page .article-number-input__wrap input {
    max-width: 300px;
  }
}

.quickorder-page .article-number-input__wrap .spinner {
  position: absolute;
  right: 13px;
  top: 23px;
  transform-origin: top right;
}

@media (min-width: 992px) {
  .quickorder-page .article-number-input__wrap .spinner {
    top: -1px;
    right: 20px;
  }
}

@media (min-width: 992px) {
  .quickorder-page .quantity-input__wrap input,
  .quickorder-page .article-number-input__wrap input {
    display: inline-block;
  }

  .quickorder-page .quantity-input__wrap input.search-field,
  .quickorder-page .article-number-input__wrap input.search-field {
    width: 300px;
  }

  .quickorder-page .quantity-input__wrap input.quantity,
  .quickorder-page .article-number-input__wrap input.quantity {
    width: 48px;
  }

  .quickorder-page .quantity-input__wrap label,
  .quickorder-page .article-number-input__wrap label {
    display: inline;
    margin-right: 5px;
    font-weight: normal;
    color: #32302e;
  }
}

.quickorder-page .find-button__wrap {
  margin-top: 21px;
  float: right;
}

@media (min-width: 992px) {
  .quickorder-page .find-button__wrap {
    float: left;
    margin-top: 0;
    padding-left: 20px;
  }
}

.quickorder-page .cart-entry-container {
  background: #fff;
}

.quickorder-page .cart-items__item-row {
  border-bottom: 1px solid #eae7e3;
  border-top: 1px solid #eae7e3;
  margin: 0;
  background: #fff;
}

@media (min-width: 992px) {
  .quickorder-page .cart-items__item-row {
    padding-left: 20px;
    padding-right: 20px;
    background: none;
  }
}

.quickorder-page .quickorder-update-form input.input-quantity {
  margin-left: 10px;
}

@media (min-width: 992px) {
  .quickorder-page .quickorder-update-form input.input-quantity {
    margin-left: 0;
  }
}

.quickorder-page .quickorder-update-form .update-btn {
  display: none;
}

.quickorder-page .checkout-bottom-btn {
  padding: 30px 0 20px;
}

@media (min-width: 992px) {
  .quickorder-page .checkout-bottom-btn {
    margin-left: 120px;
    padding: 20px 0;
  }
}

.quickorder-page .quickorder-add-more-items {
  padding: 10px 0;
  padding-left: 20px;
  border-bottom: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .quickorder-page .quickorder-add-more-items {
    padding-left: 120px;
  }
}

.quickorder-page .quickorder-add-more-items a {
  vertical-align: middle;
  font-size: 14px;
}

.quickorder-page .quickorder-add-more-items.disabled a {
  cursor: not-allowed;
  color: #7b7670;
}

.quickorder-page .quickorder-add-more-items.disabled a:hover,
.quickorder-page .quickorder-add-more-items.disabled a:focus {
  text-decoration: none;
}

.quickorder-page .quickorder-search-block {
  position: relative;
  border-bottom: 1px solid #eae7e3;
  padding: 20px 0;
}

.quickorder-page .quickorder-search-block.quickorder-sku-found {
  background: #fff;
  padding: 0;
}

.quickorder-page .quickorder-search-block.quickorder-sku-found .error-message {
  padding-top: 10px;
  padding-bottom: 10px;
}

.quickorder-page .quickorder-search-block:first-child.quickorder-sku-found {
  margin-top: 20px;
}

.quickorder-page .error-message {
  background: #f4f3f1;
  color: #e31937;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 5px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .quickorder-page .error-message {
    width: 300px;
    margin-left: 100px;
    white-space: normal;
  }
}

.quickorder-page .error-message .product-url {
  display: block;
  line-height: 15px;
}

.quickorder-page .add-to-basket-form-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 992px) {
  .quickorder-page .add-to-basket-form-wrapper {
    padding-left: 0;
  }
}

.quickorder-page .add-to-basket-form-wrapper .btn {
  min-width: 175px;
  margin-right: 20px;
}

@media (max-width: 479px) {
  .quickorder-page .add-to-basket-form-wrapper .btn {
    width: 100%;
  }

  .quickorder-page .add-to-basket-form-wrapper .btn.add-to-shopping-list-btn {
    margin-top: 20px;
  }
}

.quickorder-page .add-to-basket-form-wrapper .error-message {
  padding: 0;
}

.quickorder-page .item-row__price-table {
  padding: 0;
}

@media (min-width: 992px) {
  .quickorder-page .item-row__price-table {
    padding: 0 7px;
  }
}

.quickorder-page .item-row__price-table thead {
  font-size: 12px;
}

.quickorder-page .item-row__price-table table tr,
.quickorder-page .item-row__price-table table th {
  font-weight: normal;
}

.quickorder-page .item-row__price-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.quickorder-page .item-row__price-table a.toggle {
  font-size: 12px;
}

.quickorder-page .quickorder-search-form {
  padding: 0 20px;
}

.qo-save__banner {
  width: auto;
  display: inline-block;
  padding: 2px 20px;
  margin-bottom: 5px;
}

.qo-save__text {
  color: #e31937;
  margin-bottom: 5px;
  font-size: 14px;
}

@media (max-width: 992px) {
  .qo-save__text {
    margin-bottom: 0;
  }
}

.qo-product__details {
  padding-left: 0;
}

.qo-product__price-table {
  padding-left: 0;
}

.qo-product .item-row__product-name {
  padding-left: 0;
}

.qo-product .item-row__product-article {
  padding-left: 0;
}

.qo-product .item-row__price-table {
  padding-left: 0;
  margin-left: 0;
}

@media (max-width: 992px) {
  .qo-product .item-row__price {
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  .qo-product__mobile-right {
    float: right;
  }

  .qo-product__price {
    padding-left: 0;
  }
}

.mini-cart {
  clear: both;
  padding: 20px;
}

.mini-cart .item-count {
  font-size: 14px;
  font-weight: 300;
  color: #7b7670;
}

.mini-cart.dropdown-menu:before,
.mini-cart.dropdown-menu:after {
  display: none;
}

@media (min-width: 992px) {
  .mini-cart.dropdown-menu {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 430px;
    max-width: 430px;
  }

  .mini-cart.dropdown-menu:before,
  .mini-cart.dropdown-menu:after {
    display: inline-block;
    left: 90%;
  }
}

@media (min-width: 992px) {
  .mini-cart {
    width: 440px;
    right: 0;
  }
}

@media (min-width: 992px) {
  .mini-cart {
    right: 10px;
  }
}

.mini-cart .delivery__potential-message span.subtext {
  display: block;
  color: #7b7670;
  font-size: 12px;
}

.mini-cart .delivery__potential-message span.subtext a {
  font-size: 12px;
  font-weight: 500;
}

.mini-cart h3 {
  margin-top: 0;
}

.mini-cart ul.cart-items-list {
  margin: 0;
  padding: 0;
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.mini-cart ul.cart-items-list li {
  list-style: none;
  margin: 0;
  height: 70px;
  padding: 10px 0;
  border-top: 1px solid #eae7e3;
  display: table-row;
}

.mini-cart ul.cart-items-list li:last-child {
  border-bottom: 1px solid #eae7e3;
}

.mini-cart ul.cart-items-list li a.col,
.mini-cart ul.cart-items-list li p.col {
  display: table-cell;
  vertical-align: middle;
}

.mini-cart ul.cart-items-list li h5.free-gift {
  margin: 0;
  color: #fa0;
  font-size: 12px;
}

.mini-cart ul.cart-items-list p.product-name {
  font-size: 14px;
  line-height: 1.4em;
  vertical-align: top;
  padding: 15px 0 20px 20px;
}

.mini-cart ul.cart-items-list .product-link {
  color: #32302e;
}

.mini-cart ul.cart-items-list .product-link:hover {
  text-decoration: none;
}

.mini-cart ul.cart-items-list .product-image img {
  max-width: 50px;
  margin: 0;
}

.mini-cart ul.cart-items-list .product__promotional-message {
  display: block;
  font-size: 12px;
  color: #3c9;
  font-weight: 500;
  margin-top: 5px;
}

.mini-cart .mini-cart-buttons .btn {
  display: table;
  max-width: none;
}

@media (min-width: 992px) {
  .mini-cart .mini-cart-buttons .btn {
    display: inline-block;
  }
}

.mini-cart .mini-cart-buttons .btn-container {
  display: inline-block;
  margin-top: 20px;
}

.mini-cart .mini-cart-buttons .btn-container:first-child {
  margin-right: 10px;
}

.mini-cart .mini-cart-buttons .btn-container:last-child {
  margin-top: 10px;
}

.navbar-nav .mini-cart.dropdown-menu {
  position: relative;
  position: relative;
  border-top: 1px solid #cac2b8;
  background-color: #fff;
}

.navbar-nav .mini-cart.dropdown-menu:after,
.navbar-nav .mini-cart.dropdown-menu:before {
  display: block;
  content: '';
  position: absolute;
  left: auto;
  right: 24px;
  height: 0;
  width: 0;
  top: auto;
  bottom: 100%;
  border: solid transparent;
  pointer-events: none;
}

@media (min-width: 992px) {
  .navbar-nav .mini-cart.dropdown-menu:after,
  .navbar-nav .mini-cart.dropdown-menu:before {
    display: block;
  }
}

.navbar-nav .mini-cart.dropdown-menu:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
  right: 25px;
}

.navbar-nav .mini-cart.dropdown-menu:before {
  border-color: transparent;
  border-bottom-color: #cac2b8;
  border-width: 8px;
  margin-left: -8px;
}

@media (max-width: 991px) {
  .navbar-nav .mini-cart.dropdown-menu {
    top: 1px;
  }
}

@media (min-width: 992px) {
  .navbar-nav .mini-cart.dropdown-menu {
    position: absolute;
  }
}

@media (min-width: 992px) {
  .navbar-default .navbar-nav .mini-cart {
    width: 430px;
    max-width: 430px;
  }
}

nav .level-0-item .arrow {
  position: relative;
  position: absolute;
  bottom: -1px;
}

nav .level-0-item .arrow:after,
nav .level-0-item .arrow:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  height: 0;
  width: 0;
  top: auto;
  bottom: 100%;
  border: solid transparent;
  pointer-events: none;
}

@media (min-width: 992px) {
  nav .level-0-item .arrow:after,
  nav .level-0-item .arrow:before {
    display: block;
  }
}

nav .level-0-item .arrow:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

nav .level-0-item .arrow:before {
  border-color: transparent;
  border-bottom-color: #cac2b8;
  border-width: 9px;
  margin-left: -9px;
}

.mega-menu-container {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container {
    display: block;
    position: relative;
    background: #eae7e3;
    border-top: 3px solid #eae7e3;
  }
}

.mega-menu-container.open {
  position: relative;
  display: block;
  border-top: 1px solid #cac2b8;
  margin: 0;
}

.mega-menu-container.open:after,
.mega-menu-container.open:before {
  display: block;
  content: '';
  position: absolute;
  left: 65px;
  right: auto;
  height: 0;
  width: 0;
  top: auto;
  bottom: 100%;
  border: solid transparent;
  pointer-events: none;
}

@media (min-width: 992px) {
  .mega-menu-container.open:after,
  .mega-menu-container.open:before {
    display: none;
  }
}

.mega-menu-container.open:after {
  border-color: transparent;
  border-bottom-color: #eae7e3;
  border-width: 9px;
  margin-left: -9px;
}

.mega-menu-container.open:before {
  border-color: transparent;
  border-bottom-color: #cac2b8;
  border-width: 10px;
  margin-left: -10px;
}

@media (min-width: 992px) {
  .mega-menu-container.open {
    position: relative;
  }

  .mega-menu-container.open:after,
  .mega-menu-container.open:before {
    display: block;
    content: '';
    position: absolute;
    left: 65px;
    right: auto;
    height: 0;
    width: 0;
    top: auto;
    bottom: 100%;
    border: solid transparent;
    pointer-events: none;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .mega-menu-container.open:after,
  .mega-menu-container.open:before {
    display: none;
  }
}

@media (min-width: 992px) {
  .mega-menu-container.open:after {
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -9px;
  }

  .mega-menu-container.open:before {
    border-color: transparent;
    border-bottom-color: #cac2b8;
    border-width: 10px;
    margin-left: -10px;
  }
}

@media (min-width: 992px) {
  .mega-menu-container.open {
    border-top: none;
  }
}

.mega-menu-container .cl-selector-list {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .mega-menu-container .cl-selector-list {
    display: none;
  }
}

.mega-menu-container .cl-selector-list a.trigger-link {
  display: block;
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  color: #32302e;
  text-decoration: none;
  padding: 15px 20px;
  background: #eae7e3;
}

.mega-menu-container .cl-selector-list a.trigger-link:not(.no-arrow):after {
  font-family: "icomoon";
  font-size: 14px;
  font-weight: normal;
  content: '\e639';
  color: #7b7670;
  float: right;
}

.mega-menu-container .cl-selector-list .cl-selector-item.m-active .channel-selector-container {
  display: block;
}

.mega-menu-container .cl-selector-list .cl-selector-item.m-active .trigger-link:after {
  content: '';
}

.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container {
  display: none;
  background: #eae7e3;
  padding: 2px 20px 20px;
}

.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container p {
  color: #7b7670;
  margin-bottom: 20px;
}

.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container p.logged-in {
  padding-right: 10px;
  color: #32302e;
}

.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container h5 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container .b2c-container,
.mega-menu-container .cl-selector-list .cl-selector-item .channel-selector-container .b2b-container {
  margin-bottom: 30px;
}

.mega-menu-container .mega-menu-list {
  padding: 0;
}

.mega-menu-container .mega-menu-list ul {
  list-style: none;
}

.mega-menu-container .mega-menu-list a {
  color: #32302e;
}

.mega-menu-container .mega-menu-list.level-0-list {
  background-color: #fff;
  text-align: left;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list {
    background-color: transparent;
    padding: 10px;
    width: 960px;
    margin: 0 auto;
    display: table;
  }

  .mega-menu-container .mega-menu-list.level-0-list:after {
    clear: both;
    content: '';
    display: table;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item {
  display: block;
  border-bottom: 1px solid #eae7e3;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item a:after {
  display: none;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content a:after {
  display: inline-block;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.hover .arrow {
    display: block;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.hover>a {
    color: #e31937;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.hover .level-1-container {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border-top: 1px solid #cac2b8;
    border-bottom: 3px solid #cac2b8;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    z-index: 9999;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.hover .level-1-container .node-column-x3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.hover .level-1-container .node-column-x4 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-container {
  border-top: 4px solid #eae7e3;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-container .level-1-item {
  padding-left: 20px;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-container .level-1-item .level-2-list {
  margin-left: -20px;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-container .level-1-item .level-2-item {
  padding-left: 40px;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-list {
  display: block;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-item {
  background-color: #f4f3f1;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-item {
    background-color: #fff;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-item.m-active .level-2-list {
  display: block;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-item .level-2-item {
  background-color: #eae7e3;
  border-top: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.has-content.m-active .level-1-item .level-2-item {
    background-color: #fff;
    border-top: none;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item {
    display: inline-block;
    box-shadow: 4px 0 0 -3px #cac2b8;
    border-bottom: none;
    padding: 0 12px;
    vertical-align: middle;
    min-height: 35px;
    max-height: 36px;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item {
    padding: 0 25px;
    display: table-cell;
  }
}

@media (min-width: 9999px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item {
    padding: 0 37px;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item:nth-child(2) {
    padding-left: 0;
    text-align: left;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item:last-child {
  box-shadow: none;
}

@media (min-width: 991px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item:last-child {
    padding-right: 0;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.visible-mobile {
    display: none;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.visible-desktop {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.visible-desktop {
    display: inline-block;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item .arrow {
  display: none;
  z-index: 10000;
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item>a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 20px;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item>a {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item>a br {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item>a br {
    display: inline-block;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item>a:after {
  font-family: "icomoon";
  font-size: 14px;
  content: '\e639';
  color: #09f;
  float: right;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item>a:after {
    content: '';
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item>a:hover {
    color: #e31937;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item.m-active>a:after {
  content: '\e63f';
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item.m-active>a:after {
    content: '';
  }
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container {
    display: none;
    background-color: #fff;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container ul {
  padding: 0;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container a:hover,
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container li:hover {
    color: #09f;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container .container {
  padding: 0;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container .container {
    padding: 0 10px;
  }
}

.mega-menu-container .mega-menu-list.level-0-list .level-0-item .level-1-container .menu-border {
  border-bottom: 1px solid #cac2b8;
  margin-top: 20px;
}

.mega-menu-container .mega-menu-list .level-1-list {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-list {
    display: block;
    text-align: left;
    margin-top: 20px;
  }
}

.mega-menu-container .mega-menu-list .level-1-list .m-active {
  display: block;
}

.mega-menu-container .mega-menu-list .level-1-item {
  border-bottom: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item {
    border-bottom: none;
    padding: 0;
  }
}

.mega-menu-container .mega-menu-list .level-1-item>a {
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 20px;
  text-decoration: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item>a {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
  }
}

.mega-menu-container .mega-menu-list .level-1-item>a:after {
  font-family: "icomoon";
  font-size: 12px;
  content: '\e638';
  color: #7b7670;
  float: right;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item>a:after {
    content: '';
  }
}

.mega-menu-container .mega-menu-list .level-1-item>a.no-children:after {
  content: '';
}

.mega-menu-container .mega-menu-list .level-1-item.m-active>a {
  font-weight: bold;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item.m-active>a {
    color: #32302e;
  }
}

.mega-menu-container .mega-menu-list .level-1-item.m-active>a:after {
  content: '\e63e';
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item.m-active>a:after {
    content: '';
  }
}

.mega-menu-container .mega-menu-list .level-1-item.shop-item>a {
  display: inline-block;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item.shop-item>a {
    display: block;
  }
}

.mega-menu-container .mega-menu-list .level-1-item.shop-item>a:after {
  content: '';
}

.mega-menu-container .mega-menu-list .level-1-item.shop-item img {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-1-item.shop-item img {
    display: block;
  }
}

.mega-menu-container .mega-menu-list .level-1-item .level-overview {
  display: none;
}

.mega-menu-container .mega-menu-list .m-active .level-overview {
  display: block;
}

.mega-menu-container .mega-menu-list .m-active.level-1-item .level-overview {
  display: block;
}

.mega-menu-container .mega-menu-list .level-overview {
  display: none;
}

.mega-menu-container .mega-menu-list .level-2-list {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-2-list {
    display: block;
  }
}

.mega-menu-container .mega-menu-list .level-2-item {
  padding: 10px 0;
  border-bottom: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-2-item {
    border-bottom: none;
    padding: 0;
  }
}

.mega-menu-container .mega-menu-list .level-2-item.level-overview {
  margin-left: -20px;
}

.mega-menu-container .mega-menu-list .level-2-item.hidden-link {
  display: block;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-2-item.hidden-link {
    display: none;
  }
}

.mega-menu-container .mega-menu-list .level-2-item.see-all {
  display: none;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-2-item.see-all {
    display: block;
  }
}

.mega-menu-container .mega-menu-list .level-2-item.see-all a {
  color: #09f;
}

.mega-menu-container .mega-menu-list .level-2-item>a {
  font-size: 12px;
  font-weight: normal;
  padding: 0 20px;
}

@media (min-width: 992px) {
  .mega-menu-container .mega-menu-list .level-2-item>a {
    font-size: 12px;
    padding: 0;
  }
}

.compare__products {
  display: none;
  background: #fff;
}

@media (min-width: 992px) {
  .compare__products {
    display: block;
    width: 535px;
  }
}

@media (max-width: 992px) and (min-width: 991px) {
  .compare__products {
    height: auto;
    overflow-y: auto;
  }

  .compare__products .compare__holder {
    width: auto;
  }
}

@media (min-width: 991px) {
  .compare__products {
    width: 700px;
    overflow-y: auto;
  }

  .compare__products .compare__holder {
    width: auto;
  }
}

@media (min-width: 9998px) {
  .compare__products {
    width: 908px;
  }
}

@media (min-width: 9999px) {
  .compare__products {
    width: 1297px;
  }
}

.compare__products.u-toggle {
  display: none;
}

.compare__products button.close {
  font-size: 16px;
  opacity: 0.7;
  position: absolute;
  z-index: 510;
  top: 5px;
  right: 5px;
  background: #fff;
  height: 32px;
  width: 32px;
  color: #7b7670;
}

.compare__products button.close span {
  vertical-align: middle;
}

.compare__outer {
  display: none;
}

@media (min-width: 991px) {
  .compare__outer {
    position: relative;
    display: block;
  }

  .compare__close {
    font-size: 18px;
    opacity: 0.7;
    position: absolute;
    z-index: 510;
    width: 32px;
    height: 32px;
    top: 13px;
    right: 5px;
    color: #7b7670;
  }

  .compare__addone {
    padding: 0 18px;
    color: #605c58;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }

  .compare__products {
    display: block;
    bottom: 0;
    z-index: 500;
    position: fixed;
  }

  .compare__body {
    border: 1px solid #cac2b8;
    border-width: 0 1px;
    padding: 20px 18px 18px;
  }

  .compare__img,
  .compare__text--selected {
    display: none;
  }

  .compare__image-lrg.compare__img--show {
    border: 2px dashed #eae7e3;
    width: 220px;
    height: 250px;
    display: block;
    text-align: center;
    float: left;
    margin-left: 15px;
  }

  .compare__image-lrg.compare__img--show p {
    padding: 70px 45px 0;
    color: #7b7670;
  }

  .compare__image-lrg.compare__img--show .compare__close {
    top: -15px;
  }

  .compare__td-cont {
    position: relative;
    display: block;
  }

  .compare__cont {
    position: relative;
    float: left;
    width: 139px;
    margin: 0 20px 0 0;
  }

  .compare__holder {
    float: left;
  }

  .compare__title {
    color: #32302e;
  }

  .compare__cont--empty {
    margin-bottom: 10px;
  }

  .compare__cont--empty .compare__img {
    border: 2px dashed #eae7e3;
    height: 140px;
    width: 140px;
    display: table;
  }

  .compare__cont--empty button {
    display: none;
  }

  .compare__header {
    background: #7b7670;
    color: #fff;
    padding: 15px 18px;
    margin: 0;
    cursor: pointer;
    font-weight: bold;
  }

  .compare__header span {
    display: block;
    float: right;
    color: #fff;
    font-size: 16px;
    height: 16px;
    width: 16px;
    margin: 3px 3px 0 0;
  }

  .compare__buttons {
    float: right;
    width: 180px;
    margin: 47px 0 0;
  }

  .compare__buttons .btn {
    font-size: 14px;
  }

  .compare__buttons .btn:first-child {
    margin-bottom: 20px;
  }

  .compare__amount {
    margin: 0 0 25px;
  }

  .compare__amount .compare__span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #7b7670;
  }

  .product__content {
    float: left;
    width: 140px;
    margin: 0 19px 0 0;
  }

  .compare__table {
    table-layout: fixed;
    border: none;
    margin-bottom: 50px;
  }

  .compare__table .comma-list {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .compare__table .comma-list li {
    display: inline;
  }

  .compare__table .comma-list li:after {
    content: ', ';
  }

  .compare__table .comma-list li:last-child:after {
    content: '';
  }

  .compare__table .price-lead {
    display: block;
    margin-bottom: 3px;
  }

  .compare__table .big-price {
    color: #32302e;
    margin: 10px 0 0;
  }

  .compare__table .small-price {
    margin-bottom: 5px;
  }

  .compare__table .price-per.unit {
    top: 0;
    min-width: 46px;
  }

  .compare__table .product__cart-panel {
    margin-top: 10px;
    padding-bottom: 30px;
  }

  .compare__table .product__cart-panel .product-stock {
    position: absolute;
    bottom: 0;
  }

  .compare__table .product-form .product__add-to-cart-button {
    left: 70px;
  }

  .compare__table td {
    padding: 10px 20px;
    border: solid #eae7e3;
    border-width: 1px 2px;
    font-size: 14px;
    vertical-align: top;
    color: #32302e;
    font-weight: normal;
  }

  .compare__table td .compare__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #32302e;
  }

  .compare__table th {
    padding: 10px 20px;
    border: 1px solid #eae7e3;
    border-left: none;
    font-size: 14px;
    vertical-align: top;
  }

  .compare__table th.no__border {
    border: none;
    background: #fff;
  }

  .compare__table th.compare__first-th {
    min-height: 250px;
    border-top: none;
    padding-left: 0;
    padding-top: 0;
  }

  .compare__table tr:first-child {
    height: 100%;
  }

  .compare__table tr:first-child td {
    border-top-width: 2px;
  }

  .compare__table tr:last-child td {
    border-bottom-width: 2px;
  }

  .compare__table .prod-details__add-to-shopping-list {
    margin: 10px 0 20px;
  }

  .compare__table .compare__bbb {
    padding: 20px;
    position: relative;
  }

  .compare__table .compare__bbb.compare__bbb--empty {
    height: 100%;
    color: #7b7670;
    text-align: center;
    border: 2px dashed #eae7e3;
    padding: 0;
    vertical-align: middle;
  }

  .compare__table .compare__bbb.compare__bbb--empty table {
    height: 100%;
    border: 2px dashed #e31937;
    display: inline-block;
    margin-left: 11px;
  }

  .compare__table .compare__bbb.compare__bbb--empty p {
    padding: 0 80px;
    cursor: pointer;
  }

  .compare__table .product__add-to-cart-button {
    top: 20px;
  }

  .compare__info {
    min-height: 230px;
  }

  .compare__info button {
    font-size: 14px;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/_ui/common/fonts/bootstrap/glyphicons-halflings-regular.eot?1498210927);
  src: url(/_ui/common/fonts/bootstrap/glyphicons-halflings-regular.eot?&1498210927#iefix) format("embedded-opentype"),url(/_ui/common/fonts/bootstrap/glyphicons-halflings-regular.woff?ehx9kr&1498210927) format("woff"),url(/_ui/common/fonts/bootstrap/glyphicons-halflings-regular.ttf?ehx9kr&1498210927) format("truetype"),url(/_ui/common/fonts/bootstrap/glyphicons-halflings-regular.svg?ehx9kr&1498210927#glyphicons-halflings-regular) format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: '\2a';
}

.glyphicon-plus:before {
  content: '\2b';
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: '\20ac';
}

.glyphicon-minus:before {
  content: '\2212';
}

.glyphicon-cloud:before {
  content: '\2601';
}

.glyphicon-envelope:before {
  content: '\2709';
}

.glyphicon-pencil:before {
  content: '\270f';
}

.glyphicon-glass:before {
  content: '\e001';
}

.glyphicon-music:before {
  content: '\e002';
}

.glyphicon-search:before {
  content: '\e003';
}

.glyphicon-heart:before {
  content: '\e005';
}

.glyphicon-star:before {
  content: '\e006';
}

.glyphicon-star-empty:before {
  content: '\e007';
}

.glyphicon-user:before {
  content: '\e008';
}

.glyphicon-film:before {
  content: '\e009';
}

.glyphicon-th-large:before {
  content: '\e010';
}

.glyphicon-th:before {
  content: '\e011';
}

.glyphicon-th-list:before {
  content: '\e012';
}

.glyphicon-ok:before {
  content: '\e013';
}

.glyphicon-remove:before {
  content: '\e014';
}

.glyphicon-zoom-in:before {
  content: '\e015';
}

.glyphicon-zoom-out:before {
  content: '\e016';
}

.glyphicon-off:before {
  content: '\e017';
}

.glyphicon-signal:before {
  content: '\e018';
}

.glyphicon-cog:before {
  content: '\e019';
}

.glyphicon-trash:before {
  content: '\e020';
}

.glyphicon-home:before {
  content: '\e021';
}

.glyphicon-file:before {
  content: '\e022';
}

.glyphicon-time:before {
  content: '\e023';
}

.glyphicon-road:before {
  content: '\e024';
}

.glyphicon-download-alt:before {
  content: '\e025';
}

.glyphicon-download:before {
  content: '\e026';
}

.glyphicon-upload:before {
  content: '\e027';
}

.glyphicon-inbox:before {
  content: '\e028';
}

.glyphicon-play-circle:before {
  content: '\e029';
}

.glyphicon-repeat:before {
  content: '\e030';
}

.glyphicon-refresh:before {
  content: '\e031';
}

.glyphicon-list-alt:before {
  content: '\e032';
}

.glyphicon-lock:before {
  content: '\e033';
}

.glyphicon-flag:before {
  content: '\e034';
}

.glyphicon-headphones:before {
  content: '\e035';
}

.glyphicon-volume-off:before {
  content: '\e036';
}

.glyphicon-volume-down:before {
  content: '\e037';
}

.glyphicon-volume-up:before {
  content: '\e038';
}

.glyphicon-qrcode:before {
  content: '\e039';
}

.glyphicon-barcode:before {
  content: '\e040';
}

.glyphicon-tag:before {
  content: '\e041';
}

.glyphicon-tags:before {
  content: '\e042';
}

.glyphicon-book:before {
  content: '\e043';
}

.glyphicon-bookmark:before {
  content: '\e044';
}

.glyphicon-print:before {
  content: '\e045';
}

.glyphicon-camera:before {
  content: '\e046';
}

.glyphicon-font:before {
  content: '\e047';
}

.glyphicon-bold:before {
  content: '\e048';
}

.glyphicon-italic:before {
  content: '\e049';
}

.glyphicon-text-height:before {
  content: '\e050';
}

.glyphicon-text-width:before {
  content: '\e051';
}

.glyphicon-align-left:before {
  content: '\e052';
}

.glyphicon-align-center:before {
  content: '\e053';
}

.glyphicon-align-right:before {
  content: '\e054';
}

.glyphicon-align-justify:before {
  content: '\e055';
}

.glyphicon-list:before {
  content: '\e056';
}

.glyphicon-indent-left:before {
  content: '\e057';
}

.glyphicon-indent-right:before {
  content: '\e058';
}

.glyphicon-facetime-video:before {
  content: '\e059';
}

.glyphicon-picture:before {
  content: '\e060';
}

.glyphicon-map-marker:before {
  content: '\e062';
}

.glyphicon-adjust:before {
  content: '\e063';
}

.glyphicon-tint:before {
  content: '\e064';
}

.glyphicon-edit:before {
  content: '\e065';
}

.glyphicon-share:before {
  content: '\e066';
}

.glyphicon-check:before {
  content: '\e067';
}

.glyphicon-move:before {
  content: '\e068';
}

.glyphicon-step-backward:before {
  content: '\e069';
}

.glyphicon-fast-backward:before {
  content: '\e070';
}

.glyphicon-backward:before {
  content: '\e071';
}

.glyphicon-play:before {
  content: '\e072';
}

.glyphicon-pause:before {
  content: '\e073';
}

.glyphicon-stop:before {
  content: '\e074';
}

.glyphicon-forward:before {
  content: '\e075';
}

.glyphicon-fast-forward:before {
  content: '\e076';
}

.glyphicon-step-forward:before {
  content: '\e077';
}

.glyphicon-eject:before {
  content: '\e078';
}

.glyphicon-chevron-left:before {
  content: '\e079';
}

.glyphicon-chevron-right:before {
  content: '\e080';
}

.glyphicon-plus-sign:before {
  content: '\e081';
}

.glyphicon-minus-sign:before {
  content: '\e082';
}

.glyphicon-remove-sign:before {
  content: '\e083';
}

.glyphicon-ok-sign:before {
  content: '\e084';
}

.glyphicon-question-sign:before {
  content: '\e085';
}

.glyphicon-info-sign:before {
  content: '\e086';
}

.glyphicon-screenshot:before {
  content: '\e087';
}

.glyphicon-remove-circle:before {
  content: '\e088';
}

.glyphicon-ok-circle:before {
  content: '\e089';
}

.glyphicon-ban-circle:before {
  content: '\e090';
}

.glyphicon-arrow-left:before {
  content: '\e091';
}

.glyphicon-arrow-right:before {
  content: '\e092';
}

.glyphicon-arrow-up:before {
  content: '\e093';
}

.glyphicon-arrow-down:before {
  content: '\e094';
}

.glyphicon-share-alt:before {
  content: '\e095';
}

.glyphicon-resize-full:before {
  content: '\e096';
}

.glyphicon-resize-small:before {
  content: '\e097';
}

.glyphicon-exclamation-sign:before {
  content: '\e101';
}

.glyphicon-gift:before {
  content: '\e102';
}

.glyphicon-leaf:before {
  content: '\e103';
}

.glyphicon-fire:before {
  content: '\e104';
}

.glyphicon-eye-open:before {
  content: '\e105';
}

.glyphicon-eye-close:before {
  content: '\e106';
}

.glyphicon-warning-sign:before {
  content: '\e107';
}

.glyphicon-plane:before {
  content: '\e108';
}

.glyphicon-calendar:before {
  content: '\e109';
}

.glyphicon-random:before {
  content: '\e110';
}

.glyphicon-comment:before {
  content: '\e111';
}

.glyphicon-magnet:before {
  content: '\e112';
}

.glyphicon-chevron-up:before {
  content: '\e113';
}

.glyphicon-chevron-down:before {
  content: '\e114';
}

.glyphicon-retweet:before {
  content: '\e115';
}

.glyphicon-shopping-cart:before {
  content: '\e116';
}

.glyphicon-folder-close:before {
  content: '\e117';
}

.glyphicon-folder-open:before {
  content: '\e118';
}

.glyphicon-resize-vertical:before {
  content: '\e119';
}

.glyphicon-resize-horizontal:before {
  content: '\e120';
}

.glyphicon-hdd:before {
  content: '\e121';
}

.glyphicon-bullhorn:before {
  content: '\e122';
}

.glyphicon-bell:before {
  content: '\e123';
}

.glyphicon-certificate:before {
  content: '\e124';
}

.glyphicon-thumbs-up:before {
  content: '\e125';
}

.glyphicon-thumbs-down:before {
  content: '\e126';
}

.glyphicon-hand-right:before {
  content: '\e127';
}

.glyphicon-hand-left:before {
  content: '\e128';
}

.glyphicon-hand-up:before {
  content: '\e129';
}

.glyphicon-hand-down:before {
  content: '\e130';
}

.glyphicon-circle-arrow-right:before {
  content: '\e131';
}

.glyphicon-circle-arrow-left:before {
  content: '\e132';
}

.glyphicon-circle-arrow-up:before {
  content: '\e133';
}

.glyphicon-circle-arrow-down:before {
  content: '\e134';
}

.glyphicon-globe:before {
  content: '\e135';
}

.glyphicon-wrench:before {
  content: '\e136';
}

.glyphicon-tasks:before {
  content: '\e137';
}

.glyphicon-filter:before {
  content: '\e138';
}

.glyphicon-briefcase:before {
  content: '\e139';
}

.glyphicon-fullscreen:before {
  content: '\e140';
}

.glyphicon-dashboard:before {
  content: '\e141';
}

.glyphicon-paperclip:before {
  content: '\e142';
}

.glyphicon-heart-empty:before {
  content: '\e143';
}

.glyphicon-link:before {
  content: '\e144';
}

.glyphicon-phone:before {
  content: '\e145';
}

.glyphicon-pushpin:before {
  content: '\e146';
}

.glyphicon-usd:before {
  content: '\e148';
}

.glyphicon-gbp:before {
  content: '\e149';
}

.glyphicon-sort:before {
  content: '\e150';
}

.glyphicon-sort-by-alphabet:before {
  content: '\e151';
}

.glyphicon-sort-by-alphabet-alt:before {
  content: '\e152';
}

.glyphicon-sort-by-order:before {
  content: '\e153';
}

.glyphicon-sort-by-order-alt:before {
  content: '\e154';
}

.glyphicon-sort-by-attributes:before {
  content: '\e155';
}

.glyphicon-sort-by-attributes-alt:before {
  content: '\e156';
}

.glyphicon-unchecked:before {
  content: '\e157';
}

.glyphicon-expand:before {
  content: '\e158';
}

.glyphicon-collapse-down:before {
  content: '\e159';
}

.glyphicon-collapse-up:before {
  content: '\e160';
}

.glyphicon-log-in:before {
  content: '\e161';
}

.glyphicon-flash:before {
  content: '\e162';
}

.glyphicon-log-out:before {
  content: '\e163';
}

.glyphicon-new-window:before {
  content: '\e164';
}

.glyphicon-record:before {
  content: '\e165';
}

.glyphicon-save:before {
  content: '\e166';
}

.glyphicon-open:before {
  content: '\e167';
}

.glyphicon-saved:before {
  content: '\e168';
}

.glyphicon-import:before {
  content: '\e169';
}

.glyphicon-export:before {
  content: '\e170';
}

.glyphicon-send:before {
  content: '\e171';
}

.glyphicon-floppy-disk:before {
  content: '\e172';
}

.glyphicon-floppy-saved:before {
  content: '\e173';
}

.glyphicon-floppy-remove:before {
  content: '\e174';
}

.glyphicon-floppy-save:before {
  content: '\e175';
}

.glyphicon-floppy-open:before {
  content: '\e176';
}

.glyphicon-credit-card:before {
  content: '\e177';
}

.glyphicon-transfer:before {
  content: '\e178';
}

.glyphicon-cutlery:before {
  content: '\e179';
}

.glyphicon-header:before {
  content: '\e180';
}

.glyphicon-compressed:before {
  content: '\e181';
}

.glyphicon-earphone:before {
  content: '\e182';
}

.glyphicon-phone-alt:before {
  content: '\e183';
}

.glyphicon-tower:before {
  content: '\e184';
}

.glyphicon-stats:before {
  content: '\e185';
}

.glyphicon-sd-video:before {
  content: '\e186';
}

.glyphicon-hd-video:before {
  content: '\e187';
}

.glyphicon-subtitles:before {
  content: '\e188';
}

.glyphicon-sound-stereo:before {
  content: '\e189';
}

.glyphicon-sound-dolby:before {
  content: '\e190';
}

.glyphicon-sound-5-1:before {
  content: '\e191';
}

.glyphicon-sound-6-1:before {
  content: '\e192';
}

.glyphicon-sound-7-1:before {
  content: '\e193';
}

.glyphicon-copyright-mark:before {
  content: '\e194';
}

.glyphicon-registration-mark:before {
  content: '\e195';
}

.glyphicon-cloud-download:before {
  content: '\e197';
}

.glyphicon-cloud-upload:before {
  content: '\e198';
}

.glyphicon-tree-conifer:before {
  content: '\e199';
}

.glyphicon-tree-deciduous:before {
  content: '\e200';
}

.ink-toner-finder-wrapper {
  background-color: #007acc;
  margin: 0;
  padding: 0 20px 3px;
}

@media (max-width: 992px) {
  .ink-toner-finder-wrapper {
    padding: 0 20px;
  }
}

@media (max-width: 480px) {
  .ink-toner-finder-wrapper {
    padding: 0 20px 10px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.ink-toner-finder-wrapper h2 {
  color: #fff;
}

.ink-toner-finder-wrapper .or-text {
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}

.ink-toner-finder-wrapper--saved-printers .panel-default>.panel-heading {
  background-color: transparent;
  border-bottom: none;
  border-color: transparent;
}

.ink-toner-finder-wrapper--saved-printers .panel-group {
  margin-bottom: 0;
}

.ink-toner-finder-wrapper--saved-printers .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  padding-top: 0;
}

.ink-toner-finder-wrapper--saved-printers .saved-printers {
  color: #09f;
}

.ink-toner-finder-wrapper--saved-printers .ink-toner__user-actions .nav-items {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  vertical-align: top;
  width: 100%;
  float: none;
}

.ink-toner-finder-wrapper--saved-printers .panel-heading .accordion-toggle:after {
  font-family: 'Glyphicons Halflings';
  content: '\e114';
  float: right;
  color: #09f;
}

.ink-toner-finder-wrapper--saved-printers .panel-heading .accordion-toggle.collapsed:after {
  content: '\e113';
}

.ink-toner-finder {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
}

@media (max-width: 991px) {
  .ink-toner-finder__content .ink-toner-finder__search-by .form-horizontal {
    margin-top: -25px;
  }
}

.ink-toner-finder__content .ink-toner-finder__search-by .form-horizontal .radio {
  min-height: 0;
}

.ink-toner-finder__content .ink-toner-finder__search-by .ink-search-by__type {
  margin-top: 16px;
  color: #fff;
  float: left;
}

.ink-toner-finder__content .ink-toner-finder__search-by input[type=radio]+.switch {
  margin-left: -20px;
  padding: 0 10px 0 25px;
}

.ink-toner-finder__content .ink-toner-finder__search-by input[type=radio]+.switch:before {
  background-color: transparent;
  color: #fff;
}

.ink-toner-finder__content .ink-toner-finder__divider {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .ink-toner-finder__content .ink-toner-finder__divider {
    margin: 10px 0 20px;
  }
}

.ink-toner-finder__content .ink-toner-finder__divider .divider {
  border-bottom: 1px solid #fff;
  text-align: center;
  position: relative;
  width: 60px;
  margin: 0 auto;
}

.ink-toner-finder__content .ink-toner-finder__divider span {
  color: #fff;
  background-color: #007acc;
  font-size: 18px;
  margin: 0 auto;
  display: block;
  width: 40px;
  margin-bottom: -13px;
  text-align: center;
}

.ink-toner-finder__content .form-group--save {
  margin-bottom: 0;
  margin-right: -10px;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .ink-toner-finder__content .form-group--save {
    margin: -42px -10px 0 0;
  }
}

.ink-toner-finder__content .btn-save {
  color: #fff;
  font-size: 14px;
  padding-left: 0;
}

.ink-toner-finder__content .btn-save.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

.ink-toner-finder__content .glyphicon-heart {
  color: #fff;
  margin-left: 6px;
}

.ink-toner-finder__search-boxes {
  margin-bottom: 20px;
}

.ink-toner-finder__search-boxes .search-box {
  display: none;
  position: relative;
}

.ink-toner-finder__search-boxes .search-box.active {
  display: block;
}

.ink-toner-finder__text-input input.form-control:not(:first-child):not(:last-child) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-color: #fff;
  height: 41px;
}

.ink-toner-finder__text-input .open input.form-control:not(:first-child):not(:last-child) {
  border-bottom-left-radius: 0;
}

.ink-toner-finder__text-input .open button {
  border-bottom-right-radius: 0;
}

.ink-toner-finder__text-input .open .input-group-btn.last {
  border-bottom-right-radius: 0;
}

.ink-toner-finder__text-input .input-group-btn.last {
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ink-toner-finder__text-input .input-group-btn.last .btn {
  padding: 6px 14px 8px;
  right: 0;
  font-size: large;
}

.ink-toner-finder__text-input .input-group-btn.last .btn .icomoon-search {
  display: block;
  padding: 4px 0 3px;
}

@-moz-document url-prefix()  {
  .ink-toner-finder__text-input .input-group-btn.last .btn {
    padding: 6px 14px 8px;
    margin-right: 1px;
    font-size: large;
  }
}

.ink-toner-finder__text-input .btn-default:hover {
  background-color: #007acc;
}

@media (max-width: 991px) {
  .ink-toner-finder .guidedSearchForm .select2 {
    margin-bottom: 10px;
  }
}

.ink-toner__user-actions {
  border: 2px solid #eae7e3;
  display: none;
}

.ink-toner__user-actions a {
  color: #09f;
  text-decoration: none;
}

.ink-toner__user-actions a.collapse-title {
  line-height: 16px;
  font-size: 14px;
  margin-top: 5px;
}

.ink-toner__user-actions .collapse-container {
  display: block;
  box-sizing: border-box;
  padding: 6px 20px 6px 18px;
  overflow: hidden;
}

.ink-toner__user-actions .nav-items {
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  float: left;
  vertical-align: top;
  width: 90%;
}

@media (min-width: 992px) {
  .ink-toner__user-actions .nav-items {
    width: 95%;
  }
}

.ink-toner__user-actions .nav-items li {
  display: inline-block;
  margin-right: 50px;
  font-size: 14px;
  font-weight: normal;
}

.ink-toner__user-actions .nav-items li:last-child {
  float: right;
  margin-right: 0;
  color: #09f;
}

.ink-toner__user-actions .nav-items li:last-child .icomoon {
  padding-right: 0;
  top: 0;
}

.ink-toner__user-actions .nav-items .glyphicon {
  padding-right: 6px;
  top: 2px;
}

.ink-toner__user-actions .icon.icomoon-chevron__down,
.ink-toner__user-actions .icon.icomoon-chevron__up {
  line-height: 1.285714285;
}

.ink-toner__user-actions .icon.icomoon-chevron__up {
  display: none;
}

.ink-toner__user-actions .form-fields label {
  color: #32302e;
  margin-bottom: 15px;
}

.printers-table {
  border-collapse: collapse;
  border-bottom: none;
  font-size: 12px;
  margin-bottom: 0;
}

.printers-table .btn-delete {
  color: #cac2b8;
  cursor: pointer;
}

.printers-table .btn-delete:hover {
  color: #09f;
}

.printers-table .btn-delete .icomoon-cross {
  font-size: 10px;
  margin-right: 5px;
}

@media (max-width: 479px) {
  .printers-table .btn-delete .btn-delete__label {
    display: none;
  }
}

.printers-table>tbody th {
  color: #7b7670;
  font-weight: normal;
  padding-left: 24px;
}

.printers-table>tbody .saved-printer {
  color: #7b7670;
}

.printers-table>tbody .saved-printer:hover,
.printers-table>tbody .saved-printer:active {
  color: #09f;
  text-decoration: underline;
}

.printers-table>tbody th,
.printers-table>tbody tr {
  vertical-align: middle;
}

.printers-table>tbody>tr:first-child {
  border-top: 1px solid #eae7e3;
}

.printers-table>tbody>tr:nth-child(even) {
  background-color: #f9f9f8;
}

.printers-table>tbody>tr:last-child {
  border-bottom: none;
}

.printers-table>tbody>tr:last-child th,
.printers-table>tbody>tr:last-child td {
  border-bottom: none;
}

.printers-table>tbody td.remove {
  text-align: right;
  width: 20%;
}

.ink-toner__result .ink-toner__no-result.panel {
  border-top: 1px solid #eae7e3;
  background-color: #f4f3f1;
  padding: 10px 10px 20px;
}

@media (max-width: 992px) {
  .ink-toner__result .ink-toner__no-result.panel {
    margin: 0 -20px;
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .ink-toner__result .ink-toner__no-result.panel {
    margin: 0;
  }
}

.ink-toner__result .ink-toner__no-result .contact-panel {
  background-color: #fff;
  margin: 20px 0 0;
  padding: 20px;
}

@media (min-width: 992px) {
  .ink-toner__result .ink-toner__no-result .contact-panel {
    margin: 10px;
  }
}

.ink-toner__result .ink-toner__no-result .search-tips {
  color: #32302e;
}

.ink-toner__result .ink-toner__no-result .search-tips h4 {
  color: #32302e;
}

@media (min-width: 992px) {
  .ink-toner__result .ink-toner__no-result .search-tips {
    margin-top: 45px;
    margin-left: 20px;
  }
}

.ink-toner__result .ink-toner__no-result .search-tips ul {
  font-size: 14px;
  margin: 20px 0;
}

@media (min-width: 992px) {
  .ink-toner__result .ink-toner__no-result .search-tips ul {
    margin: 30px 0;
  }
}

.ink-toner__result .ink-toner__no-result .search-tips li {
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .ink-toner__result .contact-container {
    padding-left: 45px;
  }
}

.specific-brands {
  padding: 40px 0;
  font-size: 14px;
}

@media (min-width: 992px) {
  .specific-brands {
    border: 1px solid #eae7e3;
    border-top: none;
    padding: 40px 40px 0;
  }
}

.specific-brands .row__cms .col__cms .col-md-3 img {
  display: none;
}

@media (min-width: 992px) {
  .specific-brands .row__cms .col__cms .col-md-3 img {
    display: block;
    position: absolute;
    margin-left: -50%;
    bottom: 0;
    height: auto;
  }
}

.specific-brands .row__cms .col__cms p {
  margin: 0 0 4px;
}

.specific-brands .row__cms .col__cms:last-child {
  display: none;
}

@media (min-width: 992px) {
  .specific-brands .row__cms .col__cms:last-child {
    display: block;
    min-height: 170px;
  }
}

.specific-brands img {
  display: none;
}

@media (min-width: 992px) {
  .specific-brands img {
    display: block;
    position: absolute;
    margin-left: -50%;
    bottom: 0;
    height: auto;
  }
}

.specific-brands .item-container p:first-child {
  margin-bottom: 20px;
}

.device-login-required {
  display: none;
}

.device-login-required .modal-header {
  font-size: 18px;
}

.device-login-required .modal-footer {
  padding-bottom: 30px;
}

#modal-deviceDeleteModal .btn {
  margin-bottom: 20px;
}

.guided-search__title {
  color: #fff;
}

.guided-search__title-col {
  padding-left: 0;
}

.ink-toner-finder__search-by .manual-search__title {
  float: left;
  margin-right: 15px;
  color: #fff;
}

.printer-search-results {
  margin-top: 20px;
}

.modal-dialog {
  background: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
}

@media (min-width: 992px) {
  .modal-dialog {
    margin: 30px auto;
  }
}

.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
}

.modal-header {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  position: relative;
  border-bottom: none;
  padding: 15px 0 0;
  overflow: hidden;
}

@media (min-width: 992px) {
  .modal-header {
    padding-top: 20px;
  }
}

.modal-header .alert {
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .modal-header .alert {
    margin-top: 0;
    width: 92%;
  }
}

.modal-header .alert .close {
  display: none;
}

.modal-header .close {
  font-size: 24px;
  margin-top: 0;
}

.modal-body {
  padding: 10px 0 20px;
}

.modal-body table {
  margin-bottom: 20px;
}

.modal-footer {
  clear: both;
  padding: 0;
  border: none;
  text-align: left;
}

.modal-footer .links:first-child {
  margin-bottom: 20px;
}

.modal-footer .links:last-child {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .modal-footer .links {
    float: right;
  }
}

@media (min-width: 992px) {
  .modal-footer .links .btn {
    line-height: 24px;
  }
}

.modal .xsmall,
.modal .od-imprint-preview-modal__description {
  margin: 0;
  color: #7b7670;
}

.modal-async .modal-body {
  padding-top: 0;
}

.modal-async .container {
  width: auto;
}

.addto__basket .modal-body {
  padding-bottom: 0;
}

.addto__footer {
  border-top: 2px solid #cac2b8;
  padding: 20px 0;
}

.addto__product {
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #eae7e3;
  min-height: 100px;
}

.addto__product--gift {
  min-height: 120px;
}

.addto__product:first-child {
  padding-top: 0;
}

.addto__product:last-child {
  border: none;
}

.addto__title {
  margin: 0 0 16px;
  font-weight: 500;
}

.addto__thumb {
  width: 80px;
  max-width: 80px;
  max-height: 82px;
  position: absolute;
}

.addto__desc,
.addto__gift {
  margin: 0;
  padding-left: 95px;
  clear: both;
}

@media (min-width: 992px) {
  .addto__desc,
  .addto__gift {
    max-width: 90%;
  }
}

.addto__desc .addto__desc--backorder,
.addto__gift .addto__desc--backorder {
  margin-top: 20px;
}

.addto__promotion-messages {
  list-style-type: none;
  padding-left: 0;
  color: #3c9;
  font-size: 12px;
  margin: 0;
}

.addto__promotion-messages--potential {
  color: #fa0;
}

.addto__promotion-messages li:first-child {
  margin-top: 10px;
}

.addto__gift {
  float: left;
  color: #fa0;
}

.addto__qty {
  margin-right: 5px;
}

.addto__emph {
  font-weight: 600;
}

.product__cart-panel .form__help-block span {
  white-space: pre;
}

.addto__price {
  margin: 0;
}

.addto__price .price-value {
  font-size: 16px;
  color: #32302e;
}

.addto__price--inc-vat .price-value {
  font-size: 12px;
}

.addto__basket--stock .addto__product {
  border-bottom: none;
  padding-bottom: 0;
}

.addto__basket--stock fieldset {
  padding: 5px 0;
  margin: 0;
  margin-top: 15px;
  border-top: 2px dashed #eae7e3;
}

@media (min-width: 992px) {
  .addto__basket--stock fieldset {
    margin-left: 95px;
  }
}

.addto__basket--stock fieldset label {
  padding-left: 0;
}

.addto__basket--stock .addto__price .addto__emph {
  font-size: 14px;
  color: #32302e;
}

.modal__session-timeout .modal-body {
  padding: 5px 0 30px;
}

@media (min-width: 992px) {
  .modal__session-timeout p {
    padding-right: 40px;
  }
}

.odDealBadge {
  display: table;
  position: relative;
  margin: 0 10px 4px 0;
  min-width: 58px;
  background: #e31937;
  color: #fff;
  border-radius: 3px;
  font-size: 23px;
  line-height: 1;
}

.odDealBadge__content {
  display: table;
  height: 44px;
  margin: 0 auto;
  padding: 2px 0 0;
}

.odDealBadge__verticalAlignFix {
  display: table-cell;
  vertical-align: middle;
}

.odDealBadge__badgeLine {
  display: block;
  overflow: hidden;
  max-width: 90px;
  padding: 0 0 1px;
  margin: 0 5px -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.odDealBadge__prefixText {
  font-size: 11px;
}

.odDealBadge__dealText {
  font-weight: bold;
  font-family: "Roboto Condensed",arial,sans-serif;
}

.odDealBadge__postfixText {
  font-size: 13px;
}

.odDealBadge--emphasize {
  font-size: 29px;
  min-width: 73px;
}

.odDealBadge--emphasize .odDealBadge__content {
  height: 56px;
}

.odDealBadge--emphasize .odDealBadge__badgeLine {
  max-width: 110px;
  margin: 0 8px -1px;
}

.odDealBadge--deemphasize {
  font-size: 13px;
  min-width: 40px;
}

.odDealBadge--deemphasize .odDealBadge__content {
  height: 20px;
  padding: 3px 8px;
}

.odDealBadge--deemphasize .odDealBadge__badgeLine {
  display: inline;
  max-width: 70px;
  margin: 0;
  font-family: "Roboto",arial,sans-serif;
}

.odDealBadge--primaryStyle:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjkyIiBoZWlnaHQ9IjU1Ljk0IiB2aWV3Qm94PSIwIDAgOC45MiA1NS45NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMzE5Mzc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT50ZXN0NzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuODMsMzMuMDhsLTYuMjUtMjVBMywzLDAsMCwwLDEyLDUuODNWNjEuNzhhMywzLDAsMCwwLDIuNTgtMi4yNGw2LjI1LTI1QTMsMywwLDAsMCwyMC44MywzMy4wOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMiAtNS44MykiLz48L3N2Zz4=") no-repeat 0 0;
  background-size: 7px 44px;
}

.odDealBadge--primaryStyle.odDealBadge--emphasize:after {
  background-size: 9px 55px;
}

.odDealBadge--primaryStyle.odDealBadge--deemphasize:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjAxIiBoZWlnaHQ9IjIwLjA2IiB2aWV3Qm94PSIwIDAgNS4wMSAyMC4wNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMzE5Mzc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5CYWRnZV9BcnJvd19YX1NtYWxsPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01LDkuNzRsLTMuNS05QTEuNjMsMS42MywwLDAsMCwwLDBWMjBhMS42NCwxLjY0LDAsMCwwLDEuNDUtLjhsMy41LTlBMC43LDAuNywwLDAsMCw1LDkuNzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDIpIi8+PC9zdmc+");
  background-size: 5px 20px;
}

.odDealBadge--primaryStyle.odDealBadge--leftArrow:after {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -10px;
  width: 10px;
  margin-left: 2px;
}

.odDealBadge--primaryStyle.odDealBadge--rightArrow {
  margin-right: 12px;
}

.odDealBadge--primaryStyle.odDealBadge--rightArrow:after {
  left: 100%;
  width: 10px;
  margin-left: -2px;
}

.odDealBadge--newStyle {
  color: #32302e;
  background: #fb3;
}

.odDealBadge--primeStyle {
  background: #02ac8f;
}

.odDealBadge--clearanceStyle {
  background: #02ac8f;
}

.odDealBadge--bestsellerStyle {
  background: #246cd0;
}

.odDealBadge--cashbackStyle {
  background: #246cd0;
}

.odDealBadge--percentType .odDealBadge__prefixText:before {
  content: '-';
  visibility: hidden;
  font-size: 23px;
  line-height: 0;
}

.odDealBadge--percentType .odDealBadge__dealText:before {
  position: relative;
  content: '-';
  font-weight: normal;
}

.odDealBadge--percentType.odDealBadge--leftArrow .odDealBadge__badgeLine {
  margin-left: 4px;
  margin-right: 7px;
}

.odDealBadge--percentType.odDealBadge--rightArrow .odDealBadge__badgeLine {
  margin-left: 7px;
  margin-right: 4px;
}

.odDealBadge--percentType.odDealBadge--deemphasize .odDealBadge__badgeLine {
  margin: 0;
}

.odDealBadge--percentType.odDealBadge--emphasize .odDealBadge__prefixText {
  font-size: 13px;
}

.odDealBadge--percentType.odDealBadge--emphasize .odDealBadge__prefixText:before {
  font-size: 23px;
}

.odDealBadge--percentType.odDealBadge--emphasize.odDealBadge--leftArrow .odDealBadge__badgeLine {
  margin-left: 4px;
  margin-right: 10px;
}

.odDealBadge--percentType.odDealBadge--emphasize.odDealBadge--rightArrow .odDealBadge__badgeLine {
  margin-left: 11px;
  margin-right: 3px;
}

.odDealBadge--priceType .odDealBadge__prefixText:before {
  content: '-';
  visibility: hidden;
  font-size: 23px;
  line-height: 0;
}

.odDealBadge--priceType .odDealBadge__dealText:before {
  position: relative;
  content: '-';
  font-weight: normal;
  top: -2px;
}

.odDealBadge--priceType.odDealBadge--leftArrow .odDealBadge__badgeLine {
  margin-left: 5px;
  margin-right: 6px;
}

.odDealBadge--priceType.odDealBadge--rightArrow .odDealBadge__badgeLine {
  margin-left: 7px;
  margin-right: 4px;
}

.odDealBadge--priceType.odDealBadge--deemphasize .odDealBadge__badgeLine {
  margin: 0;
}

.odDealBadge--priceType.odDealBadge--deemphasize .odDealBadge__badgeLine:before {
  top: 0;
}

.odDealBadge--priceType.odDealBadge--deemphasize .odDealBadge__prefixText:before {
  content: none;
}

.odDealBadge--priceType.odDealBadge--emphasize .odDealBadge__prefixText {
  font-size: 13px;
}

.odDealBadge--priceType.odDealBadge--emphasize .odDealBadge__prefixText:before {
  font-size: 23px;
}

.odDealBadge--priceType.odDealBadge--emphasize.odDealBadge--leftArrow .odDealBadge__badgeLine {
  margin-left: 8px;
  margin-right: 9px;
}

.odDealBadge--priceType.odDealBadge--emphasize.odDealBadge--rightArrow .odDealBadge__badgeLine {
  margin-left: 11px;
  margin-right: 6px;
}

.odDealBadge--buyXGetYFreeType .odDealBadge__content {
  text-align: center;
}

.odDealBadge--buyXGetYFreeType .odDealBadge__dealText b {
  padding: 0 3px;
  font-size: 14px;
  vertical-align: middle;
  line-height: 0.1;
}

.odDealBadge--buyXGetYFreeType .odDealBadge__postfixText {
  position: relative;
  top: -2px;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--leftArrow .odDealBadge__badgeLine {
  margin-left: 4px;
  margin-right: 6px;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--rightArrow .odDealBadge__badgeLine {
  margin-left: 7px;
  margin-right: 3px;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--deemphasize .odDealBadge__badgeLine {
  margin: 0;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--deemphasize .odDealBadge__dealText b {
  font-size: 13px;
  vertical-align: initial;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--deemphasize .odDealBadge__postfixText {
  top: 0;
}

.odDealBadge--buyXGetYFreeType.odDealBadge--emphasize .odDealBadge__postfixText {
  font-size: 15px;
}

.odDealBadgeList--pdpProductImage {
  position: absolute;
  z-index: 1020;
  top: 30px;
  left: 7px;
}

.odDealBadgeList--plpProductImage {
  position: absolute;
  z-index: 1020;
  bottom: -4px;
  left: 10px;
}

.odDealBadgeList--plpProductCopy .odDealBadge {
  display: inline-block;
}

.odDealMessage {
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 14px;
}

.odDealMessage--primaryStyle {
  padding: 10px;
  border: 1px solid #e31937;
  border-radius: 3px;
}

.odDealMessage__message {
  color: #e31937;
  display: block;
}

.odDealMessageList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.odPrice--dealBadge .odPrice__currency {
  position: relative;
  top: -0.6em;
  font-size: 50%;
  font-family: "Roboto",arial,sans-serif;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid {
  box-sizing: border-box;
  width: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid:after {
  content: '';
  display: block;
  clear: both;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
  width: 16.666666667%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
  border: 4px solid #fff;
  float: left;
  box-sizing: border-box;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item a {
  text-decoration: none;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__container .grid-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
  width: 33.33333%;
  background: #fff;
  float: left;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .grid-item__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 99.8%;
  overflow: hidden;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .grid-item__container .grid-content {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-gold .advent-number p {
  color: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-gold .advent-pricing:hover {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-gold .advent-pricing p {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-grey .advent-number p {
  color: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-grey .advent-pricing:hover {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-grey .advent-pricing p {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-dark-grey .advent-number p {
  color: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-dark-grey .advent-pricing:hover {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.advent-dark-grey .advent-pricing p {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-number {
  top: 0;
  left: 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-number p {
  font-size: 72px;
  font-weight: 700;
  margin: 15px 0 0 10px;
  line-height: 50px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-content p:not(.price) {
  font-size: 18px;
  line-height: 20px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-content img {
  max-width: 80%;
  margin: 40px 0 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.today .advent-pricing:hover .price {
  display: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active.today .advent-pricing:hover .buy-now {
  display: inline-block;
  width: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing {
  width: 100%;
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .buy-now {
  display: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .buy-now {
  padding: 20px 0 14px;
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent {
  position: absolute;
  height: 73px;
  width: 89px;
  background: url("/_ui/common/images/advent/flashes/flash-gold-large.png");
  padding-top: 12px;
  top: 20px;
  right: 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .from-top,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .from-bottom {
  color: #fff;
  font-size: 24px;
  font-family: "Roboto",arial,sans-serif;
  font-weight: 400;
  line-height: 20px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .discount-bottom,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .discount-top {
  color: #fff;
  font-size: 30px;
  font-family: "Roboto",arial,sans-serif;
  font-weight: 700;
  line-height: 26px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .glyphicon-gift {
  color: #fff;
  font-size: 48px;
  top: 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .single-line {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  padding-top: 14px;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .three-line {
  margin: -7px auto 0;
  width: 90%;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .three-line .from-top,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .three-line .from-bottom {
  line-height: 13px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .three-line .discount-bottom,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 .advent-product.active .advent-pricing .flash-advent .three-line .discount-top {
  line-height: 16px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product {
  width: 100%;
  text-align: center;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product:hover .coming-soon {
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product .coming-soon {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  text-align: center;
  display: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product .coming-soon p {
  font-family: "Roboto Slab",serif;
  font-weight: bold;
  font-size: 18px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.inactive {
  cursor: default;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product .advent-number {
  height: 100%;
  line-height: 100%;
  text-align: center;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product .advent-number p {
  font-family: "Roboto Slab",serif;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-gold {
  background: url("/_ui/common/images/advent/background/bg-gold.jpg") no-repeat;
  background-size: cover;
  border: 1px solid #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-gold .coming-soon p {
  color: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-grey {
  background: url("/_ui/common/images/advent/background/bg-grey.jpg") no-repeat;
  background-size: cover;
  border: 1px solid #6b707f;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-grey .coming-soon p {
  color: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-dark-grey {
  background: url("/_ui/common/images/advent/background/bg-dark-grey.jpg") no-repeat;
  background-size: cover;
  border: 1px solid #3e424e;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.advent-dark-grey .coming-soon p {
  color: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold {
  background: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold .flash-advent {
  background: url("/_ui/common/images/advent/flashes/flash-gold.png");
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold .advent-number p {
  color: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold .advent-pricing {
  width: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold .advent-pricing p {
  background: #d09444;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-grey {
  background: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-grey .flash-advent {
  background: url("/_ui/common/images/advent/flashes/flash-grey.png");
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-grey .advent-number p {
  color: #6b707f;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-grey .advent-pricing {
  width: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-grey .advent-pricing p {
  background: #6b707f;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-dark-grey {
  background: #fff;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-dark-grey .flash-advent {
  background: url("/_ui/common/images/advent/flashes/flash-dark-grey.png");
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-dark-grey .advent-number p {
  color: #3e424e;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-dark-grey .advent-pricing {
  width: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-dark-grey .advent-pricing p {
  background: #3e424e;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-number {
  height: auto;
  line-height: 36px;
  text-align: left;
  position: absolute;
  top: 10px;
  left: 10px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-number p {
  font-family: "Roboto Slab",serif;
  font-size: 36px;
  font-weight: 700;
  color: #32302e;
  position: inherit;
  transform: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content img {
  max-width: 60%;
  margin: 10px 0 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content p {
  line-height: 16px;
  font-size: 12px;
  width: 90%;
  table-layout: fixed;
  text-align: center;
  margin: 15px auto 0;
  font-weight: 400;
  color: #32302e;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent {
  background-size: contain;
  display: block;
  padding: 3px 0 0 6px;
  position: absolute;
  text-align: center;
  height: 40px;
  width: 48px;
  top: 20px;
  right: 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .from-top,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .from-bottom {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 8px;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .from-top {
  line-height: 6px;
  margin-top: 6px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .discount-bottom,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .discount-top {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .discount-top {
  line-height: 16px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .glyphicon-gift {
  color: #fff;
  top: 4px;
  font-size: 24px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .single-line {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding-top: 7px;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .three-line {
  margin: -7px auto 0;
  width: 90%;
  display: block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .three-line .from-top,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .three-line .from-bottom {
  line-height: 13px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .three-line .discount-bottom,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing .flash-advent .three-line .discount-top {
  line-height: 16px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-pricing p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 8px 0 6px;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:hover,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link:hover,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: default;
  pointer-events: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-content,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:hover .advent-content,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link .advent-content,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link:hover .advent-content,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited .advent-content,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited:hover .advent-content {
  height: 100%;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-content p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:hover .advent-content p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link .advent-content p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link:hover .advent-content p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited .advent-content p,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited:hover .advent-content p {
  position: absolute;
  bottom: 15px;
  left: -10px;
  right: 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-content img,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:hover .advent-content img,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link .advent-content img,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:link:hover .advent-content img,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited .advent-content img,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock:visited:hover .advent-content img {
  max-width: 80%;
  margin: 15px 0 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255,255,255,0.6);
  color: rgba(255,255,255,0.6);
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper .content {
  position: absolute;
  opacity: 1;
  background-size: contain;
  background-position: center;
  width: inherit;
  height: 28px;
  top: 50%;
  transform: translateY(-50%);
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper .content p {
  margin: 4px auto 0;
  width: 75%;
  padding: 3px 0;
  background: #b5b5b5;
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper:link:hover,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper:link,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper:visited:hover,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper:visited,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper:hover,
.template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock--wrapper {
  cursor: default;
  pointer-events: none;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .decimals {
  font-size: 12px;
  vertical-align: text-top;
  margin-top: -2px;
  display: inline-block;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-banner {
  background: url("/_ui/common/images/advent/background/top-banner.png") top left no-repeat;
  height: 100px;
  padding: 10px 0;
}

.template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-banner .copy .headline {
  color: #fff;
  font-family: "Roboto Slab",serif;
  font-size: 36px;
  margin-left: 30px;
  top: 50px;
  transform: translateY(-50%);
  position: absolute;
  line-height: 36px;
}

@media (min-width: 1240px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .main-container {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
  }
}

@media (max-width: 1600px) and (min-width: 1301px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 20%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 40%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content p {
    bottom: 10px;
    left: 0;
  }
}

@media (max-width: 1300px) and (min-width: 1001px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 20%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 40%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content img {
    max-width: 60%;
    margin: 10px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-gold .advent-content img {
    max-width: 80%;
    margin: 20px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-gold .advent-content p {
    margin: 10px auto 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content img {
    max-width: 60%;
    margin: 10px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content p {
    bottom: 10px;
    left: 0;
  }
}

@media (max-width: 1000px) and (min-width: 881px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 25%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 50%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product .active .advent-content {
    padding-top: 10px;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content p {
    bottom: 10px;
    left: 0;
  }
}

@media (max-width: 880px) and (min-width: 651px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 25%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 50%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content img {
    max-width: 80%;
    margin: 20px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content p {
    margin: 3px auto 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content .advent-gold img {
    max-width: 80%;
    margin: 20px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content img {
    max-width: 80%;
    margin: 20px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content p {
    bottom: 10px;
    left: 0;
  }
}

@media (max-width: 650px) and (min-width: 571px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 50%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 100%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content {
    padding-top: 30px;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content img {
    max-width: 70%;
  }
}

@media (max-width: 570px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-sizer,
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item {
    width: 50%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .grid-item__width2 {
    width: 100%;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content {
    padding-top: 30px;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content img {
    max-width: 80%;
    margin: 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active .advent-content p {
    display: none;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .advent-product.active.advent-gold .advent-content img {
    max-width: 80%;
    margin: 20px 0 0;
  }

  .template-pages-layout-odAdventCalender-HomepageTemplatePage .out-of-stock .advent-product.active .advent-content img {
    max-width: 80%;
    margin: 0;
  }
}

@media (max-width: 570px), (max-width: 650px) and (min-width: 571px), (max-width: 880px) and (min-width: 651px), (max-width: 1000px) and (min-width: 881px), (max-width: 1300px) and (min-width: 1001px), (max-width: 1600px) and (min-width: 1300px) {
  .template-pages-layout-odAdventCalender-HomepageTemplatePage .main-container {
    padding: 0 4%;
  }
}

.breakpoint {
  height: 0;
}

.breakpoint:before {
  content: 'xs';
}

@media (min-width: 992px) {
  .breakpoint:before {
    content: 'sm';
  }
}

@media (min-width: 992px) {
  .breakpoint:before {
    content: 'md';
  }
}

@media (min-width: 9999px) {
  .breakpointbefore {
    content: 'lg';
  }
}

@media (min-width: 9999px) {
  .breakpoint:before {
    content: 'xl';
  }
}

.od-savings-flash {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.od-savings-flash span {
  width: 100%;
  display: table-cell;
}

.od-savings-flash .primary-flash,
.od-savings-flash .secondary-flash,
.od-savings-flash .tertiary-flash {
  z-index: 10;
  margin-bottom: 10px;
  display: block;
  vertical-align: bottom;
}

.od-savings-flash .primary-flash {
  background: url("/medias/sys_master/images/images/h16/hf3/8855966416926/nectar-points.png");
  height: 43px;
  width: 50px;
}

.od-savings-flash .secondary-flash {
  background: url("//odeu.scene7.com/is/image/odeu03/burst-bg?fmt=png-alpha&wid=89");
  background-size: contain;
  transform: scaleX(-1);
  filter: FlipH;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-filter: 'FlipH';
  padding: 15px 0 0 15px;
  height: 73px;
  width: 89px;
}

.od-savings-flash .secondary-flash .fromtext {
  transform: scaleX(-1);
  filter: FlipH;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-filter: 'FlipH';
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 0 7px;
}

.od-savings-flash .secondary-flash .fromtext-top {
  margin-bottom: 6px;
}

.od-savings-flash .secondary-flash .fromtext-bottom {
  display: block;
}

.od-savings-flash .secondary-flash .discounttext {
  transform: scaleX(-1);
  filter: FlipH;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-filter: 'FlipH';
  padding: 11px 7px 0;
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.od-savings-flash .secondary-flash .discounttext-top {
  line-height: 30px;
}

.od-savings-flash .secondary-flash .discounttext-bottom {
  padding: 0 7px;
}

.od-savings-flash .secondary-flash .glyphicon {
  color: #fff;
  margin-top: -3px;
  font-size: 48px;
}

.od-savings-flash .tertiary-flash {
  border-radius: 3px;
  padding: 2px 5px 0;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.od-savings-flash .tertiary-flash__new {
  background-color: #fa0;
  color: #32302e;
}

.od-savings-flash .tertiary-flash__personal {
  background-color: #3c9;
  color: #fff;
}

.od-savings-flash .tertiary-flash__prime {
  background-color: #f9f9f9;
  color: #fff;
}

.od-savings-flash .tertiary-flash__clearance {
  background-color: #b51930;
  color: #fff;
}

.od-savings-flash .tertiary-flash__bundles {
  background-color: #fff;
  color: #007acc;
  border: 1px solid #cac2b8;
}

.od-savings-flash .tertiary-flash__bestseller {
  background-color: #007acc;
  color: #fff;
}

.minibanners {
  background-color: #f4f3f1;
  margin: 0;
  text-align: center;
  width: 100%;
}

.template-pages-layout-odResponsiveHomepageTemplatePage .main-container .banner .copy {
  padding: 10px 0 0 10px;
}

.hero-banner {
  height: 160px;
  min-height: 160px;
  border: 1px #cac2b8 dashed;
  padding: 10px;
}

.hero-banner img {
  width: initial;
}

@media (min-width: 992px) and (max-width: 1239px) {
  .hero-banner img {
    max-height: 70%;
  }
}

@media (min-width: 992px) and (max-width: 1239px) {
  .is-promotion .hero-banner img {
    max-height: 100%;
  }
}

.hero-banner .copy {
  width: 60%;
  padding-right: 0;
}

.hero-banner .copy .headline {
  color: #32302e;
  display: block;
  font-family: "Roboto Condensed",arial,sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px;
}

.hero-banner .copy .content .description {
  color: #32302e;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.hero-banner .copy .content .pricing {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.hero-banner .copy .content .pricing .fromtext {
  color: #e31937;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.hero-banner .copy .content .pricing .oldprice {
  color: #32302e;
  margin-left: 5px;
  text-decoration: line-through;
}

.hero-banner .copy .content .pricing .newprice {
  color: #e31937;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.hero-banner .copy .content .pricing .newprice .unit {
  color: #7b7670;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: top;
}

.theme-shop {
  background-color: #f4f3f1;
  border: none;
  padding: 20px 20px 20px 10px;
  height: 180px;
  overflow: hidden;
}

.theme-shop img {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
}

.theme-shop .headline {
  color: #32302e;
  display: block;
  font-family: "Roboto Condensed",arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 5px;
  padding: 0;
}

.theme-shop .copy {
  padding: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.theme-shop .content {
  width: 50%;
  padding: 0;
  margin: 0;
}

.theme-shop .content .subtitle {
  color: #32302e;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0;
  margin: 0 20px 0 0;
}

.theme-shop .content .cta {
  color: #09f;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  bottom: 20px;
  padding: 0;
  margin: 0;
}

.campaign-banner {
  height: 60px;
  min-height: 60px;
}

.campaign-banner img {
  display: block;
  max-height: 55px;
  overflow: hidden;
  position: absolute;
  width: 230px;
  right: 0;
  bottom: 0;
}

.campaign-banner .copy {
  padding-left: 20px;
}

.campaign-banner .copy .headline {
  display: block;
  font-family: "Roboto Condensed",arial,sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.campaign-banner .copy .content .description {
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  margin-top: 5px;
  color: #fff;
}

.mini-banner {
  margin: 0;
  padding-top: 10px;
  border: none;
}

.mini-banner .headline {
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0;
  text-align: left;
}

.mini-banner img {
  position: relative;
  width: auto;
  display: inline-block;
  margin-top: -15px;
}

.mini-banner .copy {
  margin: 0 auto;
  width: 70%;
  display: inline-block;
}

.mini-banner .copy .content .product {
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.mini-banner .copy .content .description {
  color: #7b7670;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
}

a.banner.category-banner {
  margin-bottom: 0;
}

.category-banner {
  padding: 15px 10px;
  border: none;
}

.category-banner img {
  display: block;
  position: relative;
  margin: 0 auto 15px;
  width: auto;
}

.category-banner .copy {
  padding: 0;
}

.category-banner .content .product {
  color: #32302e;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 20px;
}

.category-banner .content .from {
  color: #e31937;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.category-banner .content .price {
  color: #e31937;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.deal-banner {
  background-color: #f4f3f1;
  margin: 0 0 20px;
  padding: 15px 10px;
  border: none;
}

.deal-banner img {
  display: block;
  text-align: center;
  position: relative;
  margin: 0 auto 15px;
  width: initial;
}

.deal-banner-outer {
  margin-bottom: 20px;
}

.deal-banner .copy {
  padding: 10px 0 0;
}

.deal-banner .content .product {
  color: #32302e;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 3px;
}

.deal-banner .content .description {
  color: #32302e;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.deal-banner .content .from {
  color: #e31937;
  display: block;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 10px;
}

.deal-banner .content .oldprice {
  color: #32302e;
  text-decoration: line-through;
}

.deal-banner .content .newprice {
  color: #e31937;
  display: flex;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 2px;
}

.deal-banner .content .newprice .unit {
  color: #7b7670;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  vertical-align: top;
  margin: 0 0 0 5px;
  display: table;
}

.flash {
  background-image: url("http://static.vikingdirekt.at/is/image/odeu03/burst-bg?fmt=png-alpha&wid=89");
  background-size: contain;
  display: block;
  padding: 15px 0 0 8px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 15px;
  height: 73px;
  width: 89px;
}

.flash .from-top {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  display: block;
}

.flash .from-bottom {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  display: block;
}

.flash .discount-bottom {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 37px;
}

.flash .discount-top {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.flash .fa {
  color: #fff;
  margin-top: -5px;
}

.flash .single-line {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 30px;
  font-weight: 700;
  padding-top: 13px;
  display: block;
}

.flash .three-line {
  margin: -7px auto 0;
  width: 90%;
  display: block;
}

.flash .three-line .from-top,
.flash .three-line .from-bottom {
  line-height: 14px;
}

.flash .three-line .discount-bottom,
.flash .three-line .discount-top {
  line-height: 27px;
}

.flash span.glyphicon-gift {
  font-size: 48px;
  color: #fff;
  top: -3px;
}

.flash-small {
  background-image: url("http://static.vikingdirekt.at/is/image/odeu03/burst-bg?fmt=png-alpha&wid=60");
  background-size: contain;
  display: block;
  padding: 10px 0 0 6px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 15px;
  height: 50px;
  width: 60px;
}

.flash-small .from-top,
.flash-small .from-bottom {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 8px;
  display: block;
}

.flash-small .discount-bottom,
.flash-small .discount-top {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.flash-small .discount-top {
  line-height: 16px;
}

.flash-small .fa {
  color: #fff;
  margin-top: -2px;
}

.flash-small .single-line {
  color: #fff;
  font-family: "Roboto",arial,sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding-top: 5px;
  display: block;
}

.flash-small .three-line {
  margin: -7px auto 0;
  width: 90%;
  display: block;
}

.flash-small .three-line .from-top,
.flash-small .three-line .from-bottom {
  line-height: 13px;
}

.flash-small .three-line .discount-bottom,
.flash-small .three-line .discount-top {
  line-height: 16px;
}

.flash-small .glyphicon-gift {
  top: 2px;
  font-size: 24px;
  color: #fff;
}

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

.brand-banners .brand {
  display: inline-block;
  position: relative;
  height: 40px;
  margin: 0 20px 20px;
  vertical-align: top;
}

.brand-banners .brand-bottom {
  margin-bottom: 15px;
  vertical-align: middle;
  width: 10%;
}

.brand-banners .brand span {
  color: #09f;
  font-family: "Roboto",arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  height: 15px;
}

@media (max-width: 1239px) {
  .category-banner .content .product {
    margin-bottom: 5px;
  }

  .deal-banner .content {
    padding: 0 0 0 10px;
  }

  .deal-banner .content .newprice {
    display: table;
  }

  .deal-banner .content .newprice .unit {
    margin: 5px 0 0;
    display: inline-block;
  }

  .deal-banner .content .from {
    margin-top: 3px;
  }

  .template-pages-layout-odResponsiveHomepageTemplatePage .main-container .theme-shop .copy {
    padding: 0 0 0 10px;
  }

  .theme-shop img {
    width: 50%;
    margin: 0 20px 20px 0;
  }
}

@media (max-width: 991px) {
  .hero-banner .copy {
    width: 60%;
  }

  .theme-shop {
    height: auto;
  }

  .theme-shop img {
    margin: 0;
    padding: 0 15px 10px;
    width: 120px;
    height: auto;
  }

  .theme-shop .copy {
    padding: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .theme-shop .content {
    width: 60%;
  }

  .theme-shop .content i {
    margin: 0 0 2px;
  }

  .theme-shop .content .cta {
    position: static;
    margin: 10px 0 0;
  }

  .deals div {
    margin-bottom: 20px;
  }

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

  .mini-banner div {
    margin-bottom: 10px;
  }

  .mini-banner img {
    width: 28px;
    height: 28px;
  }

  .mini-banner .copy {
    margin: 0 auto;
    display: inline-block;
    width: auto;
  }

  .category-banner img {
    width: auto;
    height: initial;
  }

  .category-banner .content .category__price {
    color: #e31937;
    display: block;
    font-family: "Roboto",arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
  }

  .deal-banner .content .deal__newprice {
    color: #e31937;
    display: flex;
    font-family: "Roboto",arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 2px;
  }

  .deal-banner .content .deal__newprice .hero__unit {
    color: #7b7670;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    vertical-align: top;
    margin: 4px 0 0 5px;
    display: table;
  }

  .assortment-banner .content .assortment__description {
    color: #32302e;
    display: block;
    font-family: "Roboto",arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px;
    height: 110px;
  }

  .brand-banners .brand-bottom {
    margin-bottom: 15px;
    vertical-align: middle;
    width: 20%;
  }
}

@media (max-width: 479px) {
  .hero-banner {
    min-height: 300px;
  }

  .hero-banner img {
    width: auto;
    padding-top: 20px;
    position: absolute;
  }

  .hero-banner .copy {
    width: 100%;
    margin-bottom: 20px;
  }

  .hero-banner .copy .content {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
  }

  .hero-banner .copy .content .pricing {
    margin-top: 30px;
    position: relative;
    width: 100%;
    left: 0;
  }

  .flash {
    background-image: url("http://static.vikingdirekt.at/is/image/odeu03/burst-bg?fmt=png-alpha&wid=89");
    background-size: contain;
    display: block;
    padding: 15px 0 0 8px;
    position: absolute;
    right: -10px;
    top: 73px;
    text-align: center;
    height: 73px;
    width: 89px;
  }

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

  .mini-banner div {
    margin-bottom: 10px;
  }

  .mini-banner .copy {
    margin: 0 auto;
    display: inline-block;
    width: auto;
  }

  .campaign-banner img {
    display: block;
    max-height: 55px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
  }

  .brand-banners .brand {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 0 10px 20px;
    vertical-align: top;
  }

  .brand-banners .brand img {
    display: inline-block;
  }

  .brand-banners .brand-bottom {
    margin-bottom: 15px;
    vertical-align: middle;
    width: 100%;
  }
}

.premium-product-details h1 {
  font-family: "Roboto Condensed",arial,sans-serif;
  font-size: 30px;
  color: #605c58;
}

.premium-product-details p {
  margin: 2em 0 30px;
  font-family: "Roboto Condensed",arial,sans-serif;
  line-height: 24px;
  font-size: 18px;
  color: #605c58;
}

.premium-product-details p span.product-highlight {
  color: #e31937;
}

.no-gutter>[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.od-extramargin {
  margin-top: 20px;
}

.od-dottedborder {
  border-left: 1px #cac2b8 dashed;
  border-top: 1px #cac2b8 dashed;
  margin: 0;
}

.od-dottedborder--internal {
  border-right: 1px #cac2b8 dashed;
  border-bottom: 1px #cac2b8 dashed;
}

.od-dottedborder--external {
  border: 1px #cac2b8 dashed;
}

.od-homepage-header {
  position: relative;
  font-size: 14px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin: 20px 0 10px;
  text-transform: uppercase;
  background-color: #fff;
}

.od-homepage-header:before,
.od-homepage-header:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #eae7e3;
}

.od-homepage-header:before {
  margin-left: -50%;
  text-align: right;
}

.od-homepage__top-deals {
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .od-homepage__top-deals {
    margin-bottom: 0;
  }
}

.od-homepage__top-deals img {
  height: auto;
}

@media (min-width: 1240px) {
  .template-pages-layout-odResponsiveHomepageTemplatePage main#content {
    width: 1200px;
    min-width: 1200px;
  }
}

.od-imprint-preview-modal .modal-dialog {
  margin: 30px auto;
  max-width: 850px;
  width: 100%;
}

@media (max-width: 850px) {
  .od-imprint-preview-modal .modal-dialog {
    margin: 0 auto;
  }
}

.od-imprint-preview-modal .modal-body {
  overflow-x: auto;
}

.od-imprint-preview-modal__iframe {
  border: none;
  display: block;
  height: 560px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 800px;
  width: 100%;
}

.od-imprint-preview-modal .modal-footer {
  border-top: 2px solid #cac2b8;
  padding: 20px 0;
}

@media (min-width: 480px) {
  .od-imprint-preview-modal .modal-footer {
    text-align: right;
  }
}

.ink-and-toner {
  margin-top: 20px;
  padding: 20px;
  border: 1px #cac2b8 dashed;
  height: 140px;
  font-family: "Roboto",arial,sans-serif;
  font-size: 16px;
  overflow: hidden;
}

.ink-and-toner img {
  position: absolute;
  right: 0;
  top: 20px;
  margin: 0;
  width: 50%;
}

.ink-and-toner .copy {
  padding: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.ink-and-toner .content {
  width: 50%;
}

.ink-and-toner .content sup {
  font-size: 10px;
}

.ink-and-toner .content p.greytitle {
  color: #7b7670;
  display: block;
}

.ink-and-toner .content p.redtitle {
  font-family: "Roboto Condensed",arial,sans-serif;
  color: #e31937;
  font-weight: 700;
  font-size: 18px;
}

.od-perfect-partner-promo {
  margin-top: 25px;
  margin-bottom: 5px;
  padding-top: 20px;
  border-top: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .od-perfect-partner-promo {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

.od-perfect-partner-promo:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 20px;
}

@media (min-width: 992px) {
  .od-perfect-partner-promo:first-child {
    padding-top: 3px;
  }
}

.od-perfect-partner-promo__products {
  position: relative;
  padding-left: 80px;
}

@media (min-width: 480px) {
  .od-perfect-partner-promo__products {
    padding-left: 90px;
  }
}

.od-perfect-partner-promo__products img {
  margin: 0;
}

.od-perfect-partner-promo__product {
  width: 80px;
  height: 80px;
  margin-right: 5px;
}

.od-perfect-partner-promo__product--is-base-product {
  position: absolute;
  left: 0;
}

@media (min-width: 480px) {
  .od-perfect-partner-promo__product--is-base-product {
    width: 90px;
    height: 90px;
    margin-right: 0;
  }
}

.od-perfect-partner-promo__product--is-base-product img {
  margin-bottom: 0;
}

.od-perfect-partner-promo__product--is-add-on-product {
  float: left;
  position: relative;
  margin: 0 0 15px 20px;
  padding: 9px;
  border: 1px solid #eae7e3;
}

@media (min-width: 480px) {
  .od-perfect-partner-promo__product--is-add-on-product {
    width: 90px;
    height: 90px;
    margin-left: 25px;
  }
}

.od-perfect-partner-promo__product--is-add-on-product:hover {
  border: 1px solid #7b7670;
}

.od-perfect-partner-promo__product--is-add-on-product::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  left: -10px;
  z-index: 3;
  width: 21px;
  height: 21px;
  padding: 3px;
  font-size: 14px;
  color: #09f;
  background-color: #fff;
}

@media (min-width: 480px) {
  .od-perfect-partner-promo__product--is-add-on-product::before {
    left: -11px;
    top: 34px;
  }
}

.od-perfect-partner-promo__discount {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #3c9;
}

.od-perfect-partner-promo__description {
  width: 95%;
  padding-left: 0;
}

.od-perfect-partner-promo__description li {
  display: inline;
  margin-right: 3px;
  margin-left: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.od-perfect-partner-promo__description li:first-child {
  padding-left: 0;
}

.od-perfect-partner-promo__description li a,
.od-perfect-partner-promo__description li a:link,
.od-perfect-partner-promo__description li a:visited {
  color: #32302e;
  line-height: 18px;
}

.od-perfect-partner-promo__description li .icomoon-plus {
  display: inline-block;
  color: #09f;
  padding-right: 2px;
  font-size: 8px;
  vertical-align: middle;
}

.od-perfect-partner-promo__products,
.od-perfect-partner-promo__description {
  list-style: none;
  overflow: hidden;
}

.od-perfect-partner-promo .product-purchase {
  width: auto;
  padding-top: 0;
  margin-top: 20px;
}

@media (min-width: 480px) {
  .od-perfect-partner-promo .product-purchase {
    margin-top: 0;
  }
}

.od-product-delivery-notice {
  display: block;
}

.od-product-delivery-notice .small-price.right,
.od-product-delivery-notice .small-price.right span {
  font-size: 10px;
  line-height: 14px;
  margin-bottom: 0;
}

.od-product-delivery-notice .small-price.rr-shipping-message {
  margin-top: 0;
  margin-bottom: 20px;
}

.od-product-delivery-notice a:link,
.od-product-delivery-notice a:hover,
.od-product-delivery-notice a:visited {
  color: #7b7670;
  line-height: 15px;
}

.od-product-delivery-notice a:link,
.od-product-delivery-notice a:visited {
  text-decoration: none;
  border-bottom: 1px dashed #7b7670;
}

.od-product-delivery-notice a:hover {
  border-bottom: none;
  text-decoration: underline;
}

.price-breaks-table.od-product-delivery-notice {
  margin-top: 20px;
}

.actions-mobile {
  clear: both;
}

@media (min-width: 992px) {
  .actions-mobile {
    clear: inherit;
  }
}

.cross-sell-section .product-form.od-product-delivery-notice {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .cross-sell-section .product-form.od-product-delivery-notice {
    margin-top: 0;
  }
}

.od-product-delivery-notice__modal .modal-header .close {
  font-size: 15px;
}

.od-product-delivery-notice__modal .modal-body {
  padding-bottom: 5px;
}

.od-product-delivery-notice__modal .modal-body p {
  line-height: 18px;
}

.od-product-delivery-notice__modal .modal-footer {
  padding: 20px 0 20px 15px;
  text-align: right;
  border-top: 2px solid #cac2b8;
}

.od-product-rating {
  font-size: 12px;
}

.od-product-rating b {
  font-weight: normal;
}

@media (max-width: 479px) {
  .od-product-rating b {
    display: none;
  }
}

.od-product-rating__reviews {
  display: inline-block;
}

@media (min-width: 480px) {
  .od-product-rating__write-review {
    font-size: 14px;
    font-weight: 300;
  }
}

@media (max-width: 479px) {
  .page-productDetails .od-product-rating__read-reviews {
    display: block;
    padding: 6px 0 13px;
  }

  .page-productDetails .od-product-rating__write-review {
    display: block;
    padding: 6px 0 5px;
  }
}

@media (min-width: 480px) {
  .page-productDetails .od-product-rating {
    display: inline-block;
  }

  .page-productDetails .od-product-rating:after {
    margin: 0 5px;
    content: '-\00a0';
    font-size: 14px;
    line-height: 143%;
  }
}

div.od-product-rating a.od-product-rating__read-reviews {
  margin-right: 0;
}

div.od-product-rating a.od-product-rating__read-reviews:hover,
div.od-product-rating a.od-product-rating__read-reviews:focus,
div.od-product-rating a.od-product-rating__read-reviews:active {
  text-decoration: none;
}

div.od-product-rating a.od-product-rating__read-reviews .od-product-rating__reviews:hover {
  text-decoration: underline;
}

div.od-product-rating a.od-product-rating__write-review {
  margin-right: 0;
  cursor: pointer;
}

.od-product-reference-zone .product-title a {
  font-weight: 300;
}

.od-product-reference-zone .product-purchase {
  padding-bottom: 20px;
}

.od-replacement-product {
  background: #ccebff;
  padding: 1em;
  margin-bottom: 1em;
  margin-right: 1ex;
}

.od-replacement-product .icomoon-stack {
  display: inline-block;
  float: left;
  height: 2.5em;
  margin-right: 1em;
  position: relative;
  width: 20px;
}

.od-replacement-product .icomoon-stack span {
  height: 20px;
  display: inline-block;
  line-height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 20px;
}

.od-replacement-product .icomoon-stack .icomoon-circle {
  color: #09f;
  font-size: larger;
}

.od-replacement-product .icomoon-stack .top-layer {
  color: #fff;
  font-size: smaller;
}

.od-replacement-product__heading {
  background: transparent;
  font-weight: bold;
  margin-bottom: 1em;
}

.od-replacement-product__heading p {
  margin: 0;
}

.od-replacement-product fieldset {
  border-top-color: #cac2b8;
  margin-left: 95px;
}

.od-replacement-product__input-row {
  margin-top: 10px;
  margin-bottom: 10px;
}

.od-replacement-product__input-row label {
  font-weight: bold;
}

.od-reviews-section {
  border: 1px solid #eae7e3;
}

@media (max-width: 991px) {
  .od-reviews-section.section .section-content {
    padding: 0 10px;
  }
}

@media (min-width: 992px) {
  .od-reviews-section.section .section-content {
    margin-top: 0;
    padding-bottom: 0;
  }
}

.js .od-reviews-section {
  display: none;
}

.js .od-reviews-section.od-reviews-section--is-active {
  display: block;
}

.od-shopping-list-reminder-form {
  margin-top: 7px;
  padding-left: 0;
  border-bottom: 2px dashed #eae7e3;
}

@media (max-width: 479px) {
  .od-shopping-list-reminder-form {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.od-shopping-list-reminder-form__toggle-switch {
  margin: 0 0 8px 20px;
}

.od-shopping-list-reminder-form .arrow {
  position: relative;
  top: -20px;
}

.od-shopping-list-reminder-form .arrow:after,
.od-shopping-list-reminder-form .arrow:before {
  display: block;
  content: '';
  position: absolute;
  left: 5px;
  right: auto;
  height: 0;
  width: 0;
  top: auto;
  bottom: 100%;
  border: solid transparent;
  pointer-events: none;
}

@media (min-width: 992px) {
  .od-shopping-list-reminder-form .arrow:after,
  .od-shopping-list-reminder-form .arrow:before {
    display: block;
  }
}

.od-shopping-list-reminder-form .arrow:after {
  border-color: transparent;
  border-bottom-color: #f4f3f1;
  border-width: 8px;
  margin-left: -8px;
}

.od-shopping-list-reminder-form .arrow:before {
  border-color: transparent;
  border-bottom-color: #f4f3f1;
  border-width: 8px;
  margin-left: -8px;
}

.od-shopping-list-reminder-form__select-parameters {
  display: none;
  background-color: #f4f3f1;
  padding: 20px;
}

.od-shopping-list-reminder-form__select-parameters .start-date {
  position: relative;
  float: left;
  height: 35px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.od-shopping-list-reminder-form__select-parameters .start-date:after {
  pointer-events: none;
  content: '\e601';
  position: absolute;
  top: 8px;
  right: 10px;
  color: #09f;
  font-family: "icomoon";
}

@media (max-width: 479px) {
  .od-shopping-list-reminder-form__select-parameters .start-date {
    width: 100%;
  }
}

.od-shopping-list-reminder-form__select-parameters.active {
  display: block;
}

.od-shopping-list-reminder-form__date-picker:not([type='submit']) {
  height: 35px;
  padding-right: 25px;
  font-size: 14px;
  font-weight: initial;
}

.od-shopping-list-reminder-form__frequency-select-wrapper {
  display: inline-block;
  position: relative;
}

@media (max-width: 479px) {
  .od-shopping-list-reminder-form__frequency-select-wrapper {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .od-shopping-list-reminder-form__frequency-select-wrapper .select2-container {
    min-width: 100%;
  }
}

.od-shopping-list-reminder-form__frequency-select {
  width: 205px;
  border-top-width: 1px;
  border-bottom-width: 2px;
  font-size: 14px;
}

.od-shopping-list-reminder-form__save-button {
  float: left;
  position: relative;
  top: -37px;
  left: 450px;
}

.od-shopping-list-reminder-form__form-messages .alert {
  display: none;
  margin: 8px 0 0;
  padding-left: 30px;
  padding-bottom: 0;
}

.od-shopping-list-reminder-form__form-messages .alert .icomoon-stack {
  left: 5px;
}

.od-shopping-list-reminder-form__form-messages .alert.active {
  display: block;
}

.od-shopping-list-reminder-form__message-success,
.od-shopping-list-reminder-form__message-date-frequency-error,
.od-shopping-list-reminder-form__message-frequency-error,
.od-shopping-list-reminder-form__message-unknown-error {
  background-color: transparent;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  top: -15px;
  left: 10px;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  top: -13px;
  left: 10px;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom table {
  border-bottom: none;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom tr {
  background-color: transparent;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom td {
  border-top: none;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom td:first-child,
.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom td:last-child {
  padding: 5px;
}

.od-shopping-list-reminder-form .bootstrap-datetimepicker-widget.dropdown-menu.bottom td.disabled {
  color: #cac2b8;
}

.od-shopping-list-reminder-form.has-start-date-error .start-date:after {
  color: #e31937;
}

.od-stars {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  vertical-align: sub;
  font-size: 20px;
  font-family: 'BVCustom', _sans;
  letter-spacing: 0.03em;
  line-height: 1;
}

.od-stars__background-stars {
  display: block;
  color: #eae7e3;
}

.od-stars__background-stars:after {
  content: '\2605\2605\2605\2605\2605';
}

.od-stars__foreground-stars {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  color: #fa0;
}

.od-stars__foreground-stars:after {
  content: '\2605\2605\2605\2605\2605';
}

.od-stars__description {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: none;
}

.od-stars--applied-facet-item {
  vertical-align: baseline;
}

.od-stars--facet-item,
.od-stars--applied-facet-item {
  font-size: 15px;
}

.od-stars--facet-item .od-stars__background-stars,
.od-stars--applied-facet-item .od-stars__background-stars {
  color: #fff;
}

.sas__translation {
  display: none;
}

.sas__btn {
  position: absolute;
  top: 18px;
  right: 10px;
  font-size: 12px;
  color: #e31937;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 10px;
}

@media (max-width: 992px) {
  .sas__btn {
    position: absolute;
    margin: 0 20px 10px 10px;
  }
}

@media (max-width: 480px) {
  .sas__btn {
    margin-right: 10px;
  }
}

.sas__btn:hover {
  color: #fff;
  background: #e31937;
  border-color: #e31937;
  box-shadow: 0 2px 0 0 #b51930;
}

.sas__mobile {
  display: none;
}

.plp-products--list-view .sas__overlay {
  width: 98.5%;
  padding-bottom: 8px;
}

.sas__overlay {
  position: absolute;
  top: 0;
  display: none;
  background: #fff;
  z-index: 999;
  width: 96.5%;
  margin-left: -1%;
  box-sizing: border-box;
  border: 1px solid #eae7e3;
  padding-bottom: 10px;
}

@media (max-width: 992px) {
  .sas__overlay {
    width: 96%;
    margin-left: 0;
  }
}

.sas__overlay .price-breaks-table {
  padding: 0;
}

.sas__overlay .compare-checkbox {
  text-indent: -9999px;
}

.sas__overlay .row {
  margin: 0;
}

.sas__overlay--close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #cac2b8;
  z-index: 100;
}

.sas__overlay--close:hover {
  color: #cac2b8;
  text-decoration: none;
}

.sas__overlay--banner {
  width: 95%;
  background: #e31937;
  padding: 8px 0 7px 20px;
  position: absolute;
  bottom: 0;
  left: -8px;
}

@media (max-width: 992px) {
  .sas__overlay--banner {
    bottom: -40px;
  }
}

.sas__overlay--banner:before {
  position: absolute;
  content: '';
  left: 0;
  bottom: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent #454341 transparent transparent;
}

.sas__overlay--banner p {
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
}

.sas__overlay .product-title {
  margin-top: 10px;
}

.sas__overlay .product-form {
  margin-top: -9px;
}

.sas__overlay .productCodeValue {
  display: none;
}

.plp-product__list .sas__overlay {
  width: 97.4%;
  margin: 0;
}

@media (min-width: 992px) {
  .plp-product__list .sas__overlay {
    width: 97.2%;
    margin: 0;
    padding-bottom: 10px;
  }
}

.od-toggle-switch {
  display: inline-block;
}

.od-toggle-switch__label {
  display: inline-block;
  padding-right: 17px;
  vertical-align: middle;
}

.od-toggle-switch__switch {
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 85px;
  vertical-align: middle;
}

.od-toggle-switch__switch input {
  display: none;
}

.od-toggle-switch__switch input:checked+label {
  border-left: none;
  border-right: 1px solid #cac2b8;
}

.od-toggle-switch__switch input:checked+label span {
  left: 47%;
}

.od-toggle-switch__switch label {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  display: block;
  overflow: hidden;
  height: 35px;
  margin: 0;
  border-left: 1px solid #cac2b8;
  cursor: pointer;
}

.od-toggle-switch__switch span {
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  left: -6%;
  display: block;
  width: 106%;
  height: 35px;
  border-top: 1px solid #cac2b8;
  border-bottom: 2px solid #cac2b8;
}

.od-toggle-switch__switch span:before,
.od-toggle-switch__switch span:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  top: -1px;
  display: inline-block;
  width: 50%;
  height: 32px;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 33px;
  letter-spacing: 0.05em;
  text-align: center;
}

.od-toggle-switch__switch span:before {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
  content: attr(data-on);
  left: -45.0002%;
  border-top: 1px solid #09f;
  border-bottom: 2px solid #007acc;
  color: #fff;
  background-color: #09f;
}

.od-toggle-switch__switch span:after {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
  content: attr(data-off);
  left: 0.5%;
  border-top: 1px solid #cac2b8;
  border-bottom: 2px solid #7b7670;
  color: #fff;
  background-color: #cac2b8;
}

table.prod-details__volume-prices {
  margin-top: 10px;
  font-size: 14px;
}

table.prod-details__volume-prices th,
table.prod-details__volume-prices td {
  padding: 8px 0;
}

table.prod-details__volume-prices th:first-child,
table.prod-details__volume-prices td:first-child {
  padding-left: 15px;
}

table.prod-details__volume-prices th:nth-child(2),
table.prod-details__volume-prices td:nth-child(2) {
  padding-left: 15px;
}

@media (min-width: 992px) and (max-width: 9998px) {
  table.prod-details__volume-prices th:nth-child(2),
  table.prod-details__volume-prices td:nth-child(2) {
    padding-left: 0;
  }
}

table.prod-details__volume-prices th:last-child,
table.prod-details__volume-prices td:last-child {
  text-align: right;
  padding-right: 15px;
}

table.prod-details__volume-prices td {
  color: #7b7670;
  font-weight: 100;
}

table.od-volume-prices {
  font-size: 12px;
}

table.od-volume-prices--modal {
  max-width: 250px;
}

table.od-volume-prices--modal th,
table.od-volume-prices--modal td {
  padding: 6px 0;
}

@media (max-width: 479px) {
  table.od-volume-prices--modal th {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  table.od-volume-prices--modal .od-volume-prices__quantity {
    width: 30%;
    padding-left: 10px;
  }

  table.od-volume-prices--modal .od-volume-prices__alternate-price {
    padding-left: 5px;
    padding-right: 10px;
  }

  table.od-volume-prices--modal .od-volume-prices__price {
    padding-left: 5px;
    padding-right: 10px;
  }
}

.od-volume-prices {
  margin-top: 10px;
  font-size: 14px;
}

.od-volume-prices th,
.od-volume-prices td {
  padding: 8px 0;
}

.od-volume-prices th:first-child,
.od-volume-prices td:first-child {
  padding-left: 15px;
}

.od-volume-prices th:nth-child(2),
.od-volume-prices td:nth-child(2) {
  padding-left: 15px;
}

@media (min-width: 992px) and (max-width: 9998px) {
  .od-volume-prices th:nth-child(2),
  .od-volume-prices td:nth-child(2) {
    padding-left: 0;
  }
}

.od-volume-prices th:last-child,
.od-volume-prices td:last-child {
  text-align: right;
  padding-right: 15px;
}

.od-volume-prices td {
  color: #7b7670;
  font-weight: 100;
}

.od-welcome-modal .modal-dialog {
  border: 5px solid #fff;
  padding: 10px 40px;
  width: 70%;
  max-width: 716px;
}

.od-welcome-modal .modal-content {
  background-color: transparent;
}

.od-welcome-modal .modal-header {
  padding: 10px 0;
}

.od-welcome-modal .modal-header .close {
  font-size: 18px;
}

.od-welcome-modal .modal-header h1 {
  font-size: 40px;
  line-height: 46px;
  font-family: "Roboto Condensed",arial,sans-serif;
  font-weight: 700;
  margin: 20px 0 0;
}

.od-welcome-modal .modal-body {
  padding: 0 0 20px;
}

.od-welcome-modal .modal-body ul {
  margin-top: 10px;
  padding-left: 0;
}

.od-welcome-modal .modal-body li {
  list-style-type: none;
  padding-left: 25px;
  line-height: 16px;
  margin: 0 0 10px;
  font-size: 18px;
  font-family: "Roboto",arial,sans-serif;
}

.od-welcome-modal .modal-body li:before {
  font-family: "icomoon";
  position: absolute;
  left: 0;
  color: #3c9;
  font-size: 14px;
  font-weight: 700;
}

.od-welcome-modal .modal-footer {
  margin: 0 0 30px;
  padding: 20px;
  background-color: rgba(255,255,255,0.9);
  border: 1px solid #eae7e3;
}

.od-welcome-modal .modal-footer h2 {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

.od-welcome-modal .modal-footer p {
  color: #7b7670;
  font-size: 12px;
}

.od-welcome-modal .modal-footer img {
  float: left;
  margin: 10px 5px 0 0;
}

.od-welcome-modal .modal-footer form {
  float: left;
}

.od-welcome-modal .modal-footer form .form-group {
  display: table;
}

.od-welcome-modal .modal-footer form .form-group button {
  display: table-cell;
  margin-top: -1px;
}

.od-welcome-modal .modal-footer form .form-group input {
  display: table-cell;
  height: 43px;
  margin-right: 20px;
  width: 138px;
}

.od-welcome-modal .modal-footer span.error {
  display: inline-block;
  margin: 5px 0 0 190px;
  color: #e31937;
  font-size: 12px;
  padding-right: 30px;
  font-weight: 500;
  line-height: 16px;
}

.od-welcome-modal__bg {
  background: url("/_ui/common/images/welcome-modal-background.png") top center no-repeat;
  background-size: cover;
}

.od-welcome-modal .welcome-modal__required-message {
  display: none;
}

@media (max-width: 1175px) and (min-width: 1116px) {
  .modal-footer span.error {
    display: inline-block;
    margin: 5px 0 0;
    color: #e31937;
    font-size: 12px;
    padding-right: 30px;
    font-weight: 500;
    line-height: 16px;
  }
}

@media (max-width: 1115px) and (min-width: 993px) {
  .modal-footer span.error {
    display: inline-block;
    margin: 5px 0 0;
    color: #e31937;
    font-size: 12px;
    padding-right: 30px;
    font-weight: 500;
    line-height: 16px;
  }
}

@media (max-width: 992px) and (min-width: 660px) {
  .od-welcome-modal .modal-dialog {
    width: 60%;
    margin: 30px auto;
  }

  .od-welcome-modal .modal-footer span.error {
    display: inline-block;
    margin: 2px 0 0;
    color: #e31937;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    width: 100%;
  }
}

@media (max-width: 659px) and (min-width: 481px) {
  .od-welcome-modal .modal-dialog {
    width: 60%;
    margin: 30px auto;
  }

  .od-welcome-modal .modal-footer {
    margin: 0 -20px;
    padding: 20px;
    background-color: #fff;
    border: none;
  }

  .od-welcome-modal .modal-footer form .form-group {
    width: 100%;
  }

  .od-welcome-modal .modal-footer form .form-group input {
    width: 100%;
    margin-bottom: 10px;
  }

  .od-welcome-modal .modal-footer form .form-group button {
    width: 100%;
  }

  .od-welcome-modal .modal-footer span.error {
    display: inline-block;
    margin: 2px 0 0;
    color: #e31937;
    font-size: 12px;
    padding-right: 30px;
    font-weight: 500;
    line-height: 16px;
  }
}

@media (max-width: 480px) {
  .od-welcome-modal .modal-dialog {
    border: none;
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
  }

  .od-welcome-modal .modal-header {
    padding: 20px;
    width: 100%;
    display: table-header-group;
  }

  .od-welcome-modal .modal-header .close {
    font-size: 18px;
    margin: 20px;
  }

  .od-welcome-modal .modal-header h1 {
    width: 50%;
    margin: 30px 20px 120px;
  }

  .od-welcome-modal .modal-body {
    margin: 0 -20px;
    display: table-footer-group;
    background-color: #fff;
  }

  .od-welcome-modal .modal-body ul {
    margin-left: 20px;
    padding: 20px 0 10px;
  }

  .od-welcome-modal .modal-body ul li {
    font-size: 14px;
  }

  .od-welcome-modal .modal-body ul li::before {
    left: 20px;
  }

  .od-welcome-modal .modal-footer {
    margin: 0 -20px 10px;
    padding: 20px;
    background-color: #fff;
    border: none;
    border-bottom: 2px dashed #cac2b8;
    display: table-cell;
  }

  .od-welcome-modal .modal-footer h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
  }

  .od-welcome-modal .modal-footer p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
  }

  .od-welcome-modal .modal-footer form {
    float: none;
  }

  .od-welcome-modal .modal-footer form .form-group {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .od-welcome-modal .modal-footer form .form-group input {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .od-welcome-modal .modal-footer form .form-group button {
    width: 100%;
  }

  .od-welcome-modal .modal-footer span.error {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #e31937;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    width: 100%;
  }

  .od-welcome-modal__bg {
    background-size: contain;
    background-position: top right;
  }
}

.od-viking-account-options__account-description {
  margin-bottom: 15px;
}

.od-viking-account-options__account-description-main {
  margin-bottom: 6px;
}

.od-viking-account-options__account-description-small-print {
  margin-bottom: 0;
}

.od-viking-account-options_pp-content {
  margin-bottom: 15px;
}

.od-viking-account-options__pp-title {
  font-size: 14px;
  line-height: 1.3em;
}

.od-viking-account-options__pp-description {
  font-size: 14.2px;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: -0.2px;
}

.od-viking-account-options__pp-switch {
  padding-left: 25px;
}

.payment-accordion {
  padding-top: 30px;
  border-bottom: 1px solid #eae7e3;
}

.payment-accordion h2 {
  border-top: 1px solid #eae7e3;
  padding: 10px 0;
  margin: 0;
  line-height: 16px;
  font-family: 'Roboto', arial, sans-serif;
  position: relative;
}

.payment-accordion .switch {
  padding-left: 27px;
}

.payment-accordion .panel-content {
  border-top: 3px solid #eae7e3;
  background-color: #eae7e3;
  padding: 15px 20px 10px;
  margin-bottom: 20px;
  position: relative;
}

.payment-accordion .panel-content__arrow {
  display: block;
  position: absolute;
  top: -8px;
  left: 30px;
  width: 10px;
  height: 10px;
  background: inherit;
  transform: rotate(45deg);
}

.payment-accordion .panel-content fieldset {
  border: none;
}

.payment-accordion .panel-content.control-label {
  font-size: 14px;
  line-height: 18px;
  padding-top: 0;
}

.payment-accordion .panel-content span {
  color: #7b7670;
}

.payment-accordion .panel-content .employ-number {
  max-width: 120px;
}

@media (max-width: 991px) {
  .od-account-payment-info {
    margin-top: 20px;
    border-top: 1px solid #eae7e3;
  }
}

@media (max-width: 991px) {
  .my-account .od-account-payment-info .od-account-payment-info__view.section {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
}

.od-account-payment-info__view-default-payment {
  margin-bottom: 10px;
}

.od-account-payment-info__edit-button {
  display: inline-block;
  float: right;
  color: #cac2b8;
  cursor: pointer;
  position: static;
}

.od-account-payment-info__edit-title {
  font-weight: bold;
}

.od-account-payment-info__edit-footer {
  padding: 20px 0;
}

.od-account-payment-info .od-account-payment-info__default-payment-description {
  font-size: 14px;
}

@media (max-width: 991px) {
  .od-account-payment-info .od-account-payment-info__default-payment-description {
    display: block;
    margin-bottom: 15px;
  }
}

.od-nectar-account {
  margin: 10px 0 20px;
  padding: 20px 10px 10px;
  border: 2px solid #d6f5eb;
  background: #ebfaf5;
}

@media (max-width: 991px) {
  .od-nectar-account {
    margin-left: -20px;
    margin-right: -20px;
    border-left: none;
    border-right: none;
  }
}

.od-nectar-account header {
  background: none;
}

.od-nectar-account header h2 {
  margin: 3px 0 0;
  line-height: 130%;
}

@media (max-width: 991px) {
  .od-nectar-account header h2 {
    font-size: 18px;
  }
}

.od-nectar-account header p {
  color: #7b7670;
  font-size: 14px;
  line-height: 140%;
}

.od-nectar-account footer {
  clear: both;
}

.od-nectar-account footer p {
  color: #7b7670;
  font-size: 12px;
  line-height: 140%;
}

.od-nectar-account__card-img img {
  width: 100%;
}

@media (max-width: 991px) {
  .od-nectar-account__card-img {
    width: 125px;
  }
}

@media (min-width: 992px) {
  .od-nectar-account__card-img {
    width: 27%;
  }
}

.od-nectar-account__full-card-number {
  padding: 1px 10px;
  font-size: 24px;
  font-weight: bold;
  background: #fff;
}

.od-nectar-account__update-action {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 300;
}

@media (min-width: 992px) {
  .od-nectar-account__form-section {
    width: 73%;
  }
}

.od-nectar-account__success-section {
  display: none;
}

@media (min-width: 992px) {
  .od-nectar-account__success-section {
    width: 73%;
  }
}

.od-nectar-account--is-linked .od-nectar-account__form-section {
  display: none;
}

.od-nectar-account--is-linked .od-nectar-account__success-section {
  display: block;
}

.od-nectar-card-number-form__card-number .control-label {
  font-weight: bold;
  margin-bottom: 10px;
}

.od-nectar-card-number-form__card-number .input-group-addon {
  padding: 6px 12px 5px;
  color: #7b7670;
  font-weight: 500;
  font-size: 16px;
  line-height: 144%;
}

@media (min-width: 992px) {
  .od-nectar-card-number-form__card-number .input-group {
    width: 400px;
  }
}

.od-nectar-card-number-form__actions:before,
.od-nectar-card-number-form__actions:after {
  content: " ";
  display: table;
}

.od-nectar-card-number-form__actions:after {
  clear: both;
}

.od-nectar-card-number-form__submit {
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .od-nectar-card-number-form__submit {
    float: left;
    margin-right: 20px;
  }
}

.od-nectar-card-number-form--registration-complete .od-nectar-card-number-form__additional-info,
.od-nectar-card-number-form--account .od-nectar-card-number-form__additional-info {
  padding-top: 5px;
}

.od-nectar-card-number-form--registration-complete .od-nectar-card-number-form__additional-info p,
.od-nectar-card-number-form--account .od-nectar-card-number-form__additional-info p {
  line-height: 120%;
}

.od-nectar-card-number-form--registration-complete .od-nectar-card-number-form__additional-info a,
.od-nectar-card-number-form--account .od-nectar-card-number-form__additional-info a {
  display: block;
}

.od-nectar-checkout-content {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #eae7e3;
}

.od-nectar-checkout-content__form-content p {
  color: #7b7670;
  font-size: 12px;
  line-height: 140%;
}

.od-nectar-checkout-content__success-content {
  display: none;
  height: 100%;
  overflow: hidden;
}

.od-nectar-checkout-content__success-content p {
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
}

.od-nectar-checkout-content__success-content img {
  float: left;
  margin: 0 20px 0 0;
}

@media (max-width: 991px) {
  .od-nectar-checkout-content__success-content img {
    display: none;
  }
}

.od-nectar-checkout-content footer {
  clear: both;
}

.od-nectar-checkout-content footer p {
  color: #7b7670;
  font-size: 12px;
  line-height: 140%;
}

.od-nectar-checkout-content__full-card-number {
  display: inline-block;
  margin-top: 5px;
  padding: 1px 10px;
  font-size: 24px;
  font-weight: bold;
  background: #fff;
}

@media (max-width: 991px) {
  .od-nectar-checkout-content__full-card-number {
    font-size: 19px;
  }
}

.od-nectar-checkout-content--is-linked .od-nectar-checkout-content__form-content {
  display: none;
}

.od-nectar-checkout-content--is-linked .od-nectar-checkout-content__success-content {
  display: block;
}

.od-nectar-checkout-content--is-linked footer {
  display: none;
}

.od-nectar-checkout-header {
  display: inline-block;
  width: 90%;
  background: none;
}

.od-nectar-checkout-header h2 {
  margin: 0;
  font: 14px/140% "Roboto",arial,sans-serif;
  font-weight: 300;
}

.od-nectar-checkout-header img {
  float: left;
  width: 33px;
  margin: 0 20px 0 0;
}

.od-nectar-registration-complete {
  margin: 10px 0 20px;
  padding: 20px 10px 10px;
  border: 2px solid #d6f5eb;
  background: #ebfaf5;
}

@media (max-width: 991px) {
  .od-nectar-registration-complete {
    margin-left: -20px;
    margin-right: -20px;
    border-left: none;
    border-right: none;
  }
}

.od-nectar-registration-complete header {
  background: none;
}

.od-nectar-registration-complete header h2 {
  margin: 3px 0 0;
  line-height: 130%;
}

@media (max-width: 991px) {
  .od-nectar-registration-complete header h2 {
    font-size: 18px;
  }
}

.od-nectar-registration-complete header p {
  color: #7b7670;
  font-size: 14px;
  line-height: 140%;
}

.od-nectar-registration-complete footer {
  clear: both;
}

.od-nectar-registration-complete footer p {
  color: #7b7670;
  font-size: 12px;
  line-height: 140%;
}

.od-nectar-registration-complete__card-img img {
  width: 100%;
}

@media (max-width: 991px) {
  .od-nectar-registration-complete__card-img {
    width: 125px;
  }
}

.od-nectar-registration-complete__full-card-number {
  padding: 1px 10px;
  font-size: 24px;
  font-weight: bold;
  background: #fff;
}

.od-nectar-registration-complete__success-section {
  display: none;
}

.od-nectar-registration-complete--is-linked .od-nectar-registration-complete__form-section {
  display: none;
}

.od-nectar-registration-complete--is-linked .od-nectar-registration-complete__success-section {
  display: block;
}

@media (max-width: 400px) {
  payment-accordion payment-panel:nth-child(2) h2 {
    padding: 21px 0;
    margin-bottom: 5px;
  }

  payment-accordion payment-panel:nth-child(2) .od-payment-type-icons {
    width: 50%;
    text-align: right;
  }

  payment-accordion payment-panel:nth-child(2) .od-payment-type-icons__icon {
    margin-top: 10px;
  }

  payment-accordion payment-panel:nth-child(2) label {
    padding-top: 5px;
  }
}

.od-payment-type-icons {
  display: inline-block;
}

@media (min-width: 992px) {
  .od-payment-type-icons {
    float: left;
  }
}

.od-payment-type-icons span {
  display: inline-block;
  margin-right: 5px;
}

.od-payment-type-icons--account-page {
  -ms-transform: translateY(0) scale(0.8) translateX(0);
  -moz-transform: translateY(0) scale(0.8) translateX(0);
  -webkit-transform: translateY(0) scale(0.8) translateX(0);
  -o-transform: translateY(0) scale(0.8) translateX(0);
  transform: translateY(0) scale(0.8) translateX(0);
  -ms-transform-origin: center left;
  -moz-transform-origin: center left;
  -webkit-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  margin: -5px 0;
  vertical-align: middle;
}

.od-payment-type-icons--account-page .od-payment-type-icons__icon {
  vertical-align: middle;
}

.od-payment-type-icons--account-page.od-payment-type-icons--card {
  margin-right: -23px;
}

.od-payment-type-icons--account-page.od-payment-type-icons--account {
  -ms-transform: translateY(0) scale(0.7) translateX(0);
  -moz-transform: translateY(0) scale(0.7) translateX(0);
  -webkit-transform: translateY(0) scale(0.7) translateX(0);
  -o-transform: translateY(0) scale(0.7) translateX(0);
  transform: translateY(0) scale(0.7) translateX(0);
  margin-right: -15px;
}

.od-payment-type-icons--account-page.od-payment-type-icons--paypal {
  line-height: 27px;
  margin-right: -11px;
}

.accordion-panel .od-payment-type-icons {
  -ms-transform: translateY(-50%) scale(0.8) translateX(18px);
  -moz-transform: translateY(-50%) scale(0.8) translateX(18px);
  -webkit-transform: translateY(-50%) scale(0.8) translateX(18px);
  -o-transform: translateY(-50%) scale(0.8) translateX(18px);
  transform: translateY(-50%) scale(0.8) translateX(18px);
  position: absolute;
  right: 0;
  top: 50%;
}

payment-panel:last-child .od-payment-type-icons {
  -ms-transform: translateY(-45%) scale(0.6) translateX(18px);
  -moz-transform: translateY(-45%) scale(0.6) translateX(18px);
  -webkit-transform: translateY(-45%) scale(0.6) translateX(18px);
  -o-transform: translateY(-45%) scale(0.6) translateX(18px);
  transform: translateY(-45%) scale(0.6) translateX(18px);
}

.od-expand-collapse {
  margin: 0 0 20px;
  border: 2px solid #eae7e3;
  background: #f4f3f1;
}

.od-expand-collapse__toggle {
  padding: 10px 20px;
  cursor: pointer;
}

.od-expand-collapse__toggle.collapsed .od-expand-collapse__toggle-indicator:before {
  content: "";
}

.od-expand-collapse__toggle-indicator {
  color: #7b7670;
  font-size: 14px;
}

.od-expand-collapse__toggle-indicator:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.od-expand-collapse__body {
  margin: 0 20px;
}

.od-expand-collapse--nectar-checkout,
.od-expand-collapse--add-voucher {
  border: 2px solid #d6f5eb;
  background: #ebfaf5;
}

.od-expand-collapse--nectar-checkout .od-expand-collapse__toggle-indicator,
.od-expand-collapse--add-voucher .od-expand-collapse__toggle-indicator {
  color: #3c9;
}

.od-expand-collapse--add-voucher .od-expand-collapse__toggle-indicator {
  margin-top: 5px;
}

.od-expand-collapse--nectar-checkout {
  margin-top: 20px;
  margin-bottom: 0;
}

.od-expand-collapse--nectar-checkout .od-expand-collapse__toggle {
  padding: 12px 20px;
}

.od-expand-collapse--nectar-checkout.od-expand-collapse--is-disabled {
  display: none;
}

.od-popover-link:after {
  font-family: 'Glyphicons Halflings';
  font-size: 85%;
  content: '\e086';
  margin-left: 5px;
  vertical-align: bottom;
  color: #7b7670;
}

.form-group .od-popover-link--registration-account-type {
  font-size: 14px;
  line-height: 16px;
}

.od-add-voucher-header {
  display: inline-block;
  margin: 5px 0;
  color: #3c9;
  font-size: 14px;
  font-weight: 300;
  background-color: transparent;
}

.od-add-voucher-header .icomoon-star {
  margin-right: 14px;
}

.od-add-voucher-content {
  padding: 20px 0;
  border-top: 1px solid #eae7e3;
}

.od-add-voucher-content__label-voucher-code {
  margin-bottom: 14px;
}

.od-add-voucher-content__input-voucher-code.form-control {
  display: inline-block;
  width: 200px;
  margin-right: 5px;
}

.od-add-voucher-content__input-voucher-code:disabled {
  margin-right: 10px;
  color: #cac2b8;
  background: #fff;
}

.od-add-voucher-content__btn-delete {
  padding-left: 0;
  padding-right: 2px;
  font-size: 14px;
  font-weight: 300;
}

.od-add-voucher-content__additional-info {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #7b7670;
}

.od-add-voucher-content__additional-info p {
  margin: 0;
}

.od-add-voucher-content .alert-success {
  margin: 0;
  padding-top: 0;
  padding-bottom: 11px;
  padding-left: 30px;
  background-color: transparent;
  font-weight: 300;
}

.od-add-voucher-content .error-container {
  margin-top: 8px;
  color: #7b7670;
  font-weight: normal;
}

.od-add-voucher-content .error-container p {
  margin-bottom: 0;
}

.od-add-voucher-content .icomoon-stack {
  left: 5px;
  top: 2px;
}

.odRedeemVoucher__name {
  color: #639;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  line-height: 16px;
}

.odRedeemVoucher__details {
  font-size: 12px;
  line-height: 16px;
  color: #7b7670;
}

.odRedeemVoucher__submit {
  float: right;
}

@media (max-width: 992px) {
  .odRedeemVoucher__submit {
    float: none;
  }
}

.odRedeemVoucher__submit .iconmoon-check {
  margin-right: 10px;
}

.odRedeemVoucher__submit .iconmoon-check:before {
  font-family: 'icomoon';
  content: '\e603';
  color: #cac2b8;
  font-size: 14px;
}

.odRedeemVoucher__form {
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  .odRedeemVoucher__form {
    margin-bottom: 20px;
  }
}

.odRedeemVoucher__messages p:first-child {
  margin-bottom: 0;
}

.odRedeemVoucher__messages p:last-child {
  margin-bottom: 20px;
}

.odRedeemVoucherModal__modal h3 {
  margin: 5px 0 0;
}

.odRedeemVoucherModal__info {
  margin: 0;
}

.odRedeemVoucherModal__actions {
  margin-top: 30px;
}

.odRedeemVoucherModal__btnViewBasket {
  float: left;
}

.registration-step-counter {
  margin: 30px -10px 0;
  border-bottom: 1px solid #eae7e3;
  padding-bottom: 20px;
}

@media (min-width: 992px) {
  .registration-step-counter {
    border: none;
  }
}

.registration-step-counter h1 {
  font-size: 24px;
  margin-left: 10px;
}

@media (min-width: 992px) {
  .registration-step-counter h1 {
    font-size: 30px;
  }
}

.registration__footer {
  margin: 30px 10px 0;
}

@media (min-width: 992px) {
  .registration__footer {
    margin-left: 0;
  }
}

.step-section {
  margin: 0 -10px;
  padding: 0 20px;
  margin-bottom: 4px;
}

.step-section hr {
  margin: 0 -10px;
  border-top: 2px dashed #eae7e3;
}

.step-section fieldset {
  border-top: 2px dashed #eae7e3;
  margin: 0 -20px;
  padding: 0 20px;
}

.step-section fieldset h4 {
  margin: 25px 0;
}

@media (min-width: 992px) {
  .step-section {
    margin: 0;
    padding: 0;
    border: 1px solid #eae7e3;
    margin-bottom: 6px;
  }

  .step-section fieldset {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .step-section fieldset hr {
    margin: 0;
  }
}

.step-section .section-header {
  display: table;
  width: 100%;
  margin: 20px 0 18px;
}

.step-section .section-header .header-text {
  display: inline-block;
  vertical-align: top;
  color: #09f;
  margin-left: 15px;
  margin-top: 5px;
}

@media (min-width: 992px) {
  .step-section .section-header .header-text {
    margin-left: 40px;
  }
}

.step-section .section-header .section-header__edit {
  display: none;
}

.step-section .form-info {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
}

.step-section .form-info.sub {
  font-size: 12px;
  color: #7b7670;
  margin-top: 5px;
}

.step-section input[type=checkbox]+.switch {
  font-weight: 300;
}

.step-section input[type=checkbox]+.switch:before {
  margin: 1px 5px 0 0;
}

.step-section .error {
  color: #e31937;
}

.step-section .continue-registration {
  margin: 15px 0;
}

.step-section .icon-group {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
}

@media (min-width: 992px) {
  .step-section .icon-group {
    padding-left: 20px;
  }
}

.step-section .icon-group .icon {
  position: absolute;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
}

.step-section .icon-group .icomoon-circle {
  font-size: 30px;
  color: #09f;
}

.step-section .icon-group .icomoon-check,
.step-section .icon-group .od-welcome-modal .modal-body li:before,
.od-welcome-modal .modal-body .step-section .icon-group li:before {
  display: none;
}

.step-section .icon-group .step-index {
  line-height: 30px;
}

.completed .step-section,
.not-active .step-section {
  background-color: #f4f3f1;
  padding-top: 1px;
  padding-bottom: 1px;
  border: none;
}

.completed .step-section h3.section-header,
.not-active .step-section h3.section-header {
  margin-bottom: 15px;
}

.completed .step-section h3.section-header .icon.icomoon-check,
.completed .step-section h3.section-header .od-welcome-modal .modal-body li.icon:before,
.od-welcome-modal .modal-body .completed .step-section h3.section-header li.icon:before,
.not-active .step-section h3.section-header .icon.icomoon-check,
.not-active .step-section h3.section-header .od-welcome-modal .modal-body li.icon:before,
.od-welcome-modal .modal-body .not-active .step-section h3.section-header li.icon:before {
  display: inline-block;
  line-height: 30px;
  font-size: 15px;
}

.completed .step-section h3.section-header .icon.icomoon-circle,
.not-active .step-section h3.section-header .icon.icomoon-circle {
  color: #3c9;
}

.completed .step-section h3.section-header .header-text,
.not-active .step-section h3.section-header .header-text {
  color: #3c9;
}

.completed .step-section fieldset,
.completed .step-section .not-active-section,
.not-active .step-section fieldset,
.not-active .step-section .not-active-section {
  display: none;
}

.not-active .step-section h3.section-header .icon.icomoon-check,
.not-active .step-section h3.section-header .od-welcome-modal .modal-body li.icon:before,
.od-welcome-modal .modal-body .not-active .step-section h3.section-header li.icon:before {
  display: none;
}

.not-active .step-section h3.section-header .icon.icomoon-circle {
  color: #cac2b8;
}

.not-active .step-section h3.section-header .header-text {
  color: #32302e;
}

.not-active .step-section fieldset,
.not-active .step-section .not-active-section {
  display: none;
}

.completed .step-section .icon.step-index {
  display: none;
}

.completed h3.section-header .section-header__edit {
  display: inline-block;
  float: right;
  color: #cac2b8;
  cursor: pointer;
}

@media (min-width: 992px) {
  .completed h3.section-header .section-header__edit {
    margin-right: 20px;
  }
}

.completed h3.section-header .section-header__edit:hover {
  color: #09f;
}

.order-confirmation .row .order-confirmation__left-button {
  margin-right: 0;
  margin-bottom: 20px;
}

.order-confirmation .row .order-confirmation__left-button .order-confirmation__link {
  font-weight: 500;
}

@media (min-width: 992px) {
  .order-confirmation .row .order-confirmation__left-button {
    margin-right: 20px;
    margin-bottom: 100px;
  }
}

.order-confirmation .row .order-confirmation__right-button {
  margin-bottom: 50px;
}

.order-confirmation .row .order-confirmation__right-button .order-confirmation__link {
  font-weight: 500;
}

.order-confirmation .row .order-head .order-email {
  display: block;
}

@media (min-width: 992px) {
  .order-confirmation .row .order-head .order-email {
    display: inline-block;
  }
}

.checkout-step-counter {
  margin-bottom: 22px;
}

@media (min-width: 992px) {
  .checkout-step-counter {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .checkout-step-counter h2 {
    font-size: 30px;
    margin-bottom: 23px;
  }
}

.one-page-checkout {
  border-top: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .one-page-checkout {
    border-top: none;
  }
}

.about-me-section .verdict-container {
  display: none;
}

.about-me-section .verdict-container.active {
  display: inline-block;
}

.about-me-section .form-group .icon-group {
  padding: 0;
  top: -7px;
  left: 7px;
}

.about-me-section .form-group .icon-group .icon {
  width: 25px;
  height: 25px;
}

.about-me-section .form-group .icon-group .icomoon-circle {
  font-size: 25px;
}

.about-me-section__form {
  margin-top: 20px;
}

.step-section fieldset .about-me-section__section-divider {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .billing-address-section .form-info:first-child {
    margin-top: 3px;
  }

  .billing-address-section .form-group:last-child {
    margin-bottom: 15px;
  }
}

.billing-address-section .collapse-block a {
  color: #09f;
  text-decoration: none;
}

.billing-address-section .collapse-block a.collapse-title {
  line-height: 16px;
  font-size: 14px;
  margin-top: 5px;
}

.billing-address-section .collapse-block [aria-expanded='true'] .icon.icomoon-chevron__down {
  display: none;
}

.billing-address-section .collapse-block [aria-expanded='true'] .icon.icomoon-chevron__up {
  display: inline-block;
}

.billing-address-section .collapse-block .collapse-container {
  display: block;
  min-height: 50px;
  border: 2px solid #eae7e3;
  background-color: #f4f3f1;
  box-sizing: border-box;
  padding: 10px 20px 10px 18px;
  margin-bottom: 20px;
  color: #eae7e3;
  overflow: hidden;
}

.billing-address-section .collapse-block .title-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857143;
  vertical-align: top;
  width: 90%;
  float: left;
}

@media (min-width: 992px) {
  .billing-address-section .collapse-block .title-text {
    width: 95%;
  }
}

.billing-address-section .collapse-block .icon.icomoon-star,
.billing-address-section .collapse-block .icon.icomoon-envelope {
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
}

.billing-address-section .collapse-block .icon.icomoon-chevron__down,
.billing-address-section .collapse-block .icon.icomoon-chevron__up {
  line-height: 1.285714285;
}

.billing-address-section .collapse-block .icon.icomoon-chevron__up {
  display: none;
}

.billing-address-section .collapse-block .well {
  padding: 15px 0 10px;
  margin-top: 10px;
  border-top: 1px solid #eae7e3;
}

.billing-address-section .collapse-block .form-fields label {
  color: #32302e;
  margin-bottom: 15px;
}

.billing-address-section .collapse-block p.instruction {
  font-size: 14px;
  line-height: 1.42857143;
  margin-bottom: 20px;
  color: #32302e;
}

.billing-address-section .account-link {
  margin: 30px 0;
}

@media (min-width: 992px) {
  .billing-address-section .account-link {
    margin: 30px 0;
  }

  .billing-address-section .account-link .control-input {
    padding-left: 0;
  }
}

.billing-address-section .account-link .collapse-container {
  border: 2px solid #ccebff;
  background-color: #e5f5ff;
}

.billing-address-section .account-link a.collapse-title {
  color: #09f;
  display: inline-block;
  width: 100%;
}

.billing-address-section .account-link .alert-danger {
  margin-top: 0;
}

.billing-address-section .account-link .well {
  border-top: 2px solid #ccebff;
  padding-bottom: 0;
}

.billing-address-section .account-link .form-group.first {
  margin-bottom: 40px;
}

.billing-address-section .account-link .form-fields label {
  color: #32302e;
}

.billing-address-section .account-link .control-label {
  font-weight: 300;
}

.billing-address-section .account-link__form--disabled .form-group label {
  color: #cac2b8;
}

.billing-address-section .account-link-section__actions {
  padding-top: 5px;
  margin-bottom: 5px;
}

.billing-address-section .account-link-section__actions .btn {
  vertical-align: top;
}

.billing-address-section .account-link-section__actions .btn-primary {
  margin-right: 13px;
  margin-bottom: 10px;
}

.billing-address-section .account-link-section__actions .btn-cancel {
  padding-left: 0;
}

@media (min-width: 992px) {
  .billing-address-section .account-link-section__actions .col {
    padding-left: 0;
  }
}

.billing-address-section .edit-account-link {
  padding: 20px 0 10px;
}

.billing-address-section .edit-account-link__success-message {
  margin-bottom: 35px;
}

.billing-address-section .edit-account-link__billing-address-group {
  margin-bottom: 30px;
}

.billing-address-section .edit-account-link__billing-address-details {
  color: #32302e;
  font-size: 14px;
}

.billing-address-section .edit-account-link__billing-address-message {
  line-height: 1.333333333;
}

.billing-address-section .edit-account-link__actions-message-group {
  margin: 0;
  padding: 7px 0 20px;
  border-top: 1px solid #eae7e3;
  color: #7b7670;
}

.billing-address-section .edit-account-link__actions-message-group p {
  line-height: 1.333333333;
}

.billing-address-section .edit-account-link__actions-group {
  height: 100%;
  overflow: hidden;
}

.billing-address-section .edit-account-link__cancel {
  border-top: 1px solid #eae7e3;
  margin-top: 20px;
  margin-left: 10px;
  padding-left: 0;
  padding-top: 5px;
}

.billing-address-section .edit-account-link__cancel__option {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  padding: 10px 5px 7px 0;
}

.billing-address-section .edit-account-link__spinner {
  display: none;
}

.billing-address-section .edit-account-link .btn-cancel {
  padding-left: 0;
}

.billing-address-section .edit-account-link .btn-cancel.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
}

.billing-address-section .edit-account-link__terms-conditions-group {
  margin-bottom: 0;
}

.billing-address-section .edit-account-link__terms-conditions-group .terms-conditions--account-link {
  margin-bottom: 28px;
}

@media (min-width: 992px) {
  .billing-address-section .edit-account-link__terms-conditions-group .terms-conditions--account-link {
    margin-bottom: 18px;
  }
}

.billing-address-section .edit-account-link__terms-conditions-message {
  display: none;
}

.billing-address-section .account-link-form__spinner {
  display: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

.billing-address-section .account-link-form__spinner--is-active {
  display: inline-block;
}

.billing-address-section .account-link-form__spinner .spinner {
  transform-origin: top left;
}

.billing-address-section .billing-details-info {
  margin-top: 25px;
}

.billing-address-section .billing-details-info .address-details {
  font-size: 14px;
}

.billing-address-section .noedit {
  margin: 13px 0;
  color: #7b7670;
  font-size: 12px;
  line-height: 16px;
}

.billing-address-section .form-group .noedit p {
  line-height: 16px;
}

.billing-address-section .first-address-field {
  margin-top: 40px;
}

.billing-address-section .btn-link.cancel {
  margin-top: 15px;
  padding-left: 0;
}

.billing-address-section .or {
  margin-top: 15px;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  line-height: 47px;
}

.billing-address-section .col-xs-3 {
  max-width: 100px;
  margin-bottom: 20px;
}

.billing-address-section ul.section-actions {
  list-style: none;
  padding-left: 0;
}

.billing-address-section ul.section-actions li {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.billing-address-section ul.section-actions li .btn {
  margin-top: 0;
}

.billing-address-section .radio label,
.billing-address-section .checkbox label {
  padding-left: 0;
}

.billing-address-section .terms-conditions {
  margin-top: 15px;
}

.billing-address-section .terms-conditions .switch {
  padding-left: 25px;
}

.one-page-checkout .billing-address-section .billing-info-text {
  margin-bottom: 25px;
}

.one-page-checkout .billing-address-section .billing-info-text .form-info {
  display: none;
}

.one-page-checkout .billing-address-section .terms-conditions {
  display: none;
}

.one-page-checkout .billing-address-section .terms-conditions--account-link {
  display: block;
}

.shipping-address-section .modal .modal-backdrop {
  height: 100%;
}

.shipping-address-section .modal .modal-dialog {
  margin-top: 15%;
}

.shipping-details__no-address .section {
  padding: 20px;
}

.shipping-details-section .make-as-billing {
  margin-top: 20px;
  margin-bottom: 20px;
}

.shipping-details-section .default-address__title {
  font-size: 14px;
  display: none;
}

@media (min-width: 992px) {
  .shipping-details-section .default-address__title {
    margin-top: 20px;
    display: block;
    padding-left: 0;
  }
}

.shipping-details-section .address-container {
  font-size: 14px;
}

.shipping-details-section .section-container {
  position: relative;
  display: block;
  border-bottom: 1px solid #eae7e3;
}

.shipping-details-section .section-container p.default-address__title {
  display: none;
}

@media (max-width: 991px) {
  .shipping-details-section .section-container p.default-address__title {
    display: block;
  }
}

.shipping-details-section .add-new-address-btn__container {
  margin: 30px 0;
}

@media (min-width: 992px) {
  .shipping-details-section .add-new-address-btn__container {
    margin-left: 25%;
  }
}

.shipping-details-section .shipping-address {
  margin: 20px;
}

.shipping-details-section .shipping-address fieldset {
  border: 1px solid #eae7e3;
}

.shipping-details-section .shipping-address fieldset p {
  margin: 0 0 5px;
  line-height: 14px;
}

.shipping-details-section .shipping-address fieldset .make-default {
  margin: 10px 0;
}

.shipping-details-section .shipping-address .edit-address {
  float: right;
}

.shipping-details-section .od-address__contact {
  margin-left: -147px;
  margin-top: 1em;
}

.shipping-details-section .od-address__contact label {
  font-weight: bold;
  width: 143px;
}

.shipping-details-section .od-address__actions {
  margin-left: -1px;
  margin-top: 1em;
}

.shipping-details-section .shipping-details__new-address {
  border-bottom: 1px solid #eae7e3;
}

.shipping-details-section .section {
  position: relative;
  padding: 20px 0;
}

@media (min-width: 992px) {
  .shipping-details-section .section {
    margin-left: 25%;
  }
}

.shipping-details-section .section .editable-section__header {
  right: 0;
}

.shipping-details-section .back-to-overview {
  margin: 30px 0;
}

@media (min-width: 992px) {
  .shipping-details-section .back-to-overview {
    margin-left: 25%;
  }
}

.shipping-details-section.completed .back-to-overview,
.shipping-details-section.saved .back-to-overview {
  display: none;
}

.shipping-details-section .editable-section {
  line-height: 18px;
}

.shipping-details-section .editable-section .remove-address {
  display: none;
}

.shipping-details-section .form-comment .comment-title {
  background-color: #e5f5ff;
  border-color: #ccebff;
  color: #09f;
  padding: 10px;
  cursor: pointer;
}

.shipping-details-section .form-comment .comment-title .text {
  display: inline-block;
  width: 90%;
}

.shipping-details-section .form-comment .comment-title .icomoon-chevron__down {
  float: right;
}

.shipping-details-section .form-comment .comment-textarea {
  display: none;
}

.shipping-details-section .form-comment.active .comment-title {
  display: none;
}

.shipping-details-section .form-comment.active .comment-textarea {
  display: block;
}

.shipping-details-section .in-edit-mode .back-to-overview,
.shipping-details-section .in-edit-mode .address-container,
.shipping-details-section .in-edit-mode .default-address__title {
  display: none;
}

.shipping-details-section .in-edit-mode .default-address__title {
  padding-left: 0;
}

.shipping-details-section .in-edit-mode .address-container.active {
  display: block;
}

.shipping-details-section .in-edit-mode .section-container {
  border-bottom: none;
}

.shipping-details-section .in-edit-mode .section {
  margin-bottom: 0;
  padding-top: 30px;
}

@media (min-width: 992px) {
  .shipping-details-section .in-edit-mode .section {
    margin-left: 0%;
  }
}

.shipping-details-section .in-edit-mode .set-as-default {
  margin-top: 17px;
}

.shipping-details-section .in-edit-mode .btn-link.cancel {
  padding-left: 0;
}

.shipping-details-section .in-edit-mode .or {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  line-height: 47px;
}

.shipping-details-section .in-edit-mode .col-xs-3 {
  max-width: 100px;
}

.shipping-details-section ul.section-actions {
  list-style: none;
  padding-left: 0;
}

.shipping-details-section ul.section-actions li {
  display: inline-block;
  width: auto;
  margin-right: 15px;
}

.shipping-details-section ul.section-actions li .btn {
  margin-top: 0;
}

@media (max-width: 480px) {
  .shipping-details-section .first-checkbox {
    padding-top: 12px;
    padding-bottom: 0;
    margin-bottom: -13px;
  }
}

@media (min-width: 481px) {
  .shipping-details-section .first-checkbox {
    padding-top: 18px;
  }
}

.shipping-details-section .first-name-field {
  padding-top: 13px;
}

.shipping-details-section .first-address-field {
  padding-top: 20px;
}

.shipping-details-section .btn-primary {
  margin-bottom: 15px;
}

@media (max-width: 480px) {
  .shipping-details-section .second-checkbox {
    padding: 15px 0;
  }
}

@media (min-width: 481px) {
  .shipping-details-section .second-checkbox {
    padding: 20px 0;
  }
}

@media (min-width: 992px) {
  .payment-section .panel-content fieldset {
    padding: 0;
  }

  .payment-section .panel-content fieldset p.small,
  .payment-section .panel-content fieldset .footer .footer-links p,
  .footer .footer-links .payment-section .panel-content fieldset p {
    margin-bottom: 35px;
  }

  .payment-section .panel-content fieldset p.xsmall,
  .payment-section .panel-content fieldset p.od-imprint-preview-modal__description {
    margin-top: 20px;
    color: #7b7670;
  }
}

.payment-section .submit-payment {
  margin: 30px 0;
}

.order-review-section .select2 {
  padding-bottom: 3px;
}

.order-review-section p {
  margin: 0 0 2px;
}

.order-review-section p .successful {
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 991px) {
  .order-review-section.not-active,
  .order-review-section.completed {
    border-bottom: none;
  }
}

.order-review-section .section {
  border-bottom: 1px solid #eae7e3;
  padding: 25px 0;
  font-size: 14px;
}

@media (min-width: 992px) {
  .order-review-section .section {
    padding: 25px 0 15px;
  }
}

.order-review-section .section button.section__edit {
  float: right;
  color: #cac2b8;
  cursor: pointer;
}

.order-review-section .section p {
  margin: 0 0 2px;
}

.order-review-section .section p.successful {
  font-size: 14px;
  line-height: 18px;
}

.order-review-section .edit-basket {
  padding: 0 0 40px 20px;
}

.order-review-section .control-label {
  font-weight: 600;
}

.order-review-section .billing-address {
  margin-bottom: 0;
}

.order-review-section .shipping-address {
  margin-bottom: 0;
}

.order-review-section .payment-details {
  margin-bottom: 5px;
}

.order-review-section .review-products {
  padding: 5px 0 20px;
}

.order-review-section .review-products h4 {
  margin: 0;
}

.order-review-section .review-products__stock-level-text {
  font-size: 12px;
  color: #7b7670;
  margin-top: 5px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #eae7e3;
}

.order-review-section .product {
  border-bottom: 2px dashed #eae7e3;
  min-height: 90px;
  padding: 20px 0;
}

.order-review-section .product__exclusions {
  font-size: 12px;
}

.order-review-section .product__exclusions p {
  font-weight: normal;
  margin-bottom: 9px;
}

@media (min-width: 992px) {
  .order-review-section .product__image {
    max-height: 120px;
    overflow: hidden;
  }
}

.order-review-section .product__image .helper {
  float: left;
}

@media (min-width: 992px) {
  .order-review-section .product__image .helper {
    float: none;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

.order-review-section .product__image img {
  width: 100%;
  max-width: 80px;
  vertical-align: middle;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .order-review-section .product__image img {
    max-width: auto;
  }
}

.order-review-section .container__product-price {
  display: none;
}

@media (min-width: 992px) {
  .order-review-section .container__product-price {
    display: block;
  }
}

@media (min-width: 992px) {
  .order-review-section .product-info .product-info__title {
    line-height: 16px;
  }
}

.order-review-section .product-info .product-info__promotions {
  color: #3c9;
  font-weight: 500;
  margin-top: 3px;
}

.order-review-section .product-info .product-info__promotions p {
  line-height: 16px;
  font-weight: normal;
}

.order-review-section .product-info .product__price {
  margin-top: 10px;
  display: block;
}

@media (min-width: 992px) {
  .order-review-section .product-info .product__price {
    display: none;
  }
}

.order-review-section .product-info .backstock {
  font-size: 12px;
  line-height: 16px;
  color: #32302e;
  margin-top: 10px;
  font-weight: 300;
}

.order-review-section .product__price {
  color: #7b7670;
  font-weight: 300;
}

@media (min-width: 992px) {
  .order-review-section .product__price {
    line-height: 13px;
  }
}

.order-review-section .product__price .price {
  color: #32302e;
  font-size: 14px;
  font-weight: 600;
}

.order-review-section .product__price .price span {
  color: #7b7670;
  font-size: 12px;
  font-weight: 300;
}

.order-review-section .product__price .incl-vat-price {
  margin-top: 5px;
}

.order-review-section .info-link span {
  border-bottom: 1px dashed;
}

.order-review-section .collapse-block a {
  color: #eae7e3;
  text-decoration: none;
}

.order-review-section .collapse-block a.collapse-title {
  line-height: 16px;
  font-size: 14px;
  margin-top: 7px;
}

.order-review-section .collapse-block [aria-expanded='true'] .icon.icomoon-chevron__down {
  display: none;
}

.order-review-section .collapse-block [aria-expanded='true'] .icon.icomoon-chevron__up {
  display: inline-block;
}

.order-review-section .collapse-block .collapse-container {
  display: block;
  min-height: 50px;
  border: 2px solid #eae7e3;
  background-color: #f4f3f1;
  box-sizing: border-box;
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #eae7e3;
  overflow: hidden;
}

.order-review-section .collapse-block .title-text {
  font-size: 14px;
  line-height: 16px;
  vertical-align: top;
  width: 90%;
  float: left;
}

@media (min-width: 992px) {
  .order-review-section .collapse-block .title-text {
    width: 95%;
  }
}

.order-review-section .collapse-block .icon.icomoon-star,
.order-review-section .collapse-block .icon.icomoon-envelope {
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
}

.order-review-section .collapse-block .icon.icomoon-chevron__down,
.order-review-section .collapse-block .icon.icomoon-chevron__up {
  line-height: 20px;
}

.order-review-section .collapse-block .icon.icomoon-chevron__up {
  display: none;
}

.order-review-section .collapse-block .well {
  padding: 20px 0 10px;
  margin-top: 10px;
  border-top: 1px solid #eae7e3;
}

.order-review-section .collapse-block .form-fields label {
  color: #32302e;
  margin-bottom: 15px;
}

.order-review-section .additional-comments.collapse-block {
  margin: 30px 0;
}

@media (min-width: 992px) {
  .order-review-section .additional-comments.collapse-block {
    margin: 40px 0 30px;
  }
}

.order-review-section .additional-comments.collapse-block .collapse-container {
  border: 2px solid #ccebff;
  background-color: #e5f5ff;
}

.order-review-section .additional-comments.collapse-block a.collapse-title {
  color: #09f;
  display: inline-block;
  width: 100%;
}

.order-review-section .additional-comments.collapse-block a.collapse-title ul {
  margin-bottom: 0;
}

.order-review-section .additional-comments.collapse-block .well {
  border-top: 1px solid #ccebff;
  padding-bottom: 0;
}

.order-review-section .additional-comments.collapse-block .form-control {
  width: 282px;
}

.order-review-section .additional-comments.collapse-block .form-fields label {
  color: #32302e;
}

.order-review-section .additional-comments.collapse-block .control-label {
  font-weight: 300;
}

.order-review-section .order-totals {
  padding: 20px 0;
  margin: 0 -20px;
}

@media (min-width: 992px) {
  .order-review-section .order-totals {
    margin: 0;
  }
}

.order-review-section .order-totals em {
  font-style: normal;
  font-weight: 500;
}

.order-review-section .order-totals hr {
  margin: 5px 0 9px;
}

.order-review-section .order-totals hr.totals {
  margin: 15px 0;
}

.order-review-section .order-totals .summary-content {
  border-top: 3px solid #eae7e3;
  background-color: #f4f3f1;
  padding: 20px;
}

.order-review-section .order-totals .summary-label,
.order-review-section .order-totals .summary-label .price-value,
.order-review-section .order-totals .summary-price,
.order-review-section .order-totals .summary-price .price-value {
  font-size: 14px;
}

.order-review-section .order-totals .summary-label {
  color: #32302e;
  font-weight: 500;
  margin-bottom: 0;
}

.order-review-section .order-totals .summary-label span {
  font-size: 14px;
}

.order-review-section .order-totals .summary-price {
  color: #7b7670;
  font-weight: 100;
  text-align: right;
}

.order-review-section .order-totals .total {
  font-weight: bold;
  color: #32302e;
}

.order-review-section .order-totals .total,
.order-review-section .order-totals .total .price-value {
  font-size: 18px;
  line-height: 18px;
}

.order-review-section .place-order {
  overflow: hidden;
  padding: 0 0 40px;
}

.order-review-section .place-order .modal .modal-backdrop {
  height: 100%;
}

.order-review-section .place-order .checkbox label {
  margin-left: 0;
  padding-left: 0;
}

.order-review-section .place-order .terms-conditions {
  margin-bottom: 20px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .order-review-section .place-order .terms-conditions {
    margin-top: 30px;
  }
}

.order-review-section .noedit {
  color: #7b7670;
}

.order-review-section .noedit p {
  margin: 0;
  font-size: 12px;
}

.order-review-section .small {
  line-height: 16px;
  color: #7b7670;
}

@media (max-width: 480px) {
  .order-review-section .small {
    margin-bottom: 0;
  }
}

@media (min-width: 991px) {
  .order-review-section .small {
    margin-top: 18px;
  }
}

.order-review-section .voucher .collapse-container {
  border: 2px solid #d6f5eb;
  background-color: #ebfaf5;
}

.order-review-section .additional-info-form__additional-email {
  margin-bottom: 5px;
  line-height: 100%;
}

.order-review-section .additional-info-form__additional-email-help {
  display: inline-block;
  margin-top: 5px;
}

.back-to-basket__row {
  display: none;
}

.back-to-basket__row .back-to-basket {
  margin-top: 30px;
}

.price-underline {
  border-bottom: 1px dashed #7b7670;
}

.cc-payment .cc-payment__form {
  width: 100%;
  height: 100%;
  min-height: 725px;
  border: none;
  overflow: hidden;
}

@media (max-width: 991px) {
  .cc-payment .cc-payment__form {
    min-height: 745px;
  }
}

@media (max-width: 479px) {
  .cc-payment .cc-payment__form {
    min-height: 920px;
  }
}

.basket-summary .summary-header {
  padding: 25px;
  padding-bottom: 24px;
  margin: 0;
  border: 1px solid #eae7e3;
  border-bottom: none;
}

.basket-summary .summary-content {
  border-top: 3px solid #eae7e3;
  background-color: #f4f3f1;
  padding: 20px;
}

.basket-summary .summary-content .summary-label,
.basket-summary .summary-content .summary-label .price-value,
.basket-summary .summary-content .summary-price,
.basket-summary .summary-content .summary-price .price-value {
  font-size: 14px;
}

.basket-summary .summary-content .summary-label {
  color: #32302e;
  font-weight: 500;
  margin-bottom: 0;
}

.basket-summary .summary-content .summary-label span {
  font-size: 14px;
}

.basket-summary .summary-content .summary-price {
  color: #7b7670;
  font-weight: 100;
  text-align: right;
}

.basket-summary .summary-content em {
  font-style: normal;
  font-weight: 500;
}

.basket-summary .summary-content .green {
  color: #3c9;
}

.basket-summary .summary-content hr {
  margin: 4px 0 10px;
  border-top-width: 2px;
}

.basket-summary .summary-content hr.totals {
  margin: 14px 0 20px;
}

.basket-summary .summary-content .total {
  font-weight: bold;
  color: #32302e;
}

.basket-summary .summary-content .total,
.basket-summary .summary-content .total .price-value {
  font-size: 18px;
  line-height: 18px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress {
  height: 7px;
  margin-top: 4px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.progress .active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
  background-size: 40px 40px;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
}

.progress-bar-success {
  background-color: #3c9;
}

.progress-bar-info {
  background-color: #ccebff;
}

.progress-bar-warning {
  background-color: #fa0;
}

.progress-bar-danger {
  background-color: #e31937;
}

.remember-me-group label {
  float: left;
  max-width: 90%;
}

.remember-me-group .info-box {
  margin-left: 20px;
}

@media (min-width: 992px) {
  .remember-me-group .info-box {
    float: right;
    margin-left: 0;
  }
}

.page-account .page {
  overflow: hidden;
}

.my-account h1 {
  display: inline-block;
}

.my-account .spinner {
  margin-top: 30px;
}

.my-account .customer-id {
  color: #7b7670;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
}

@media (min-width: 992px) {
  .my-account .customer-id {
    text-align: right;
    float: right;
    padding-top: 35px;
  }
}

.my-account .section-container {
  border-top: 1px solid #eae7e3;
  font-size: 14px;
  padding-top: 10px;
}

.my-account .section-container h4 {
  margin-top: 30px;
}

@media (max-width: 480px) {
  .my-account .section-container h4 {
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  .my-account .section-container {
    padding-top: 10px;
  }
}

.my-account .section-container .about-me-section h4 {
  margin-top: 10px;
}

@media (max-width: 480px) {
  .my-account .section-container .about-me-section h4 {
    margin-top: 10px;
  }
}

.my-account .section-container .about-me-section>.section {
  padding: 20px 20px 2px;
}

@media (max-width: 480px) {
  .my-account .section-container .about-me-section>.section {
    padding: 0;
  }
}

.my-account .section-container .section {
  border: 1px solid #eae7e3;
  margin-bottom: 20px;
  padding: 20px 20px 9px;
}

@media (max-width: 480px) {
  .my-account .section-container .section {
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
  }
}

@media (max-width: 480px) {
  .my-account .section-container .new-address .add-new-address-btn {
    width: 100%;
  }
}

.my-account .section-container .new-address .section {
  padding: 20px;
}

.my-account .section-container .section__edit {
  display: inline-block;
  position: absolute;
  float: right;
  right: 0;
  color: #cac2b8;
  cursor: pointer;
}

.my-account .section-container .shipping-address {
  margin-bottom: 20px;
}

.my-account .section-container .default-address {
  display: block;
  padding: 20px;
  background-color: #e5f5ff;
  border: 1px solid #ccebff;
}

@media (max-width: 480px) {
  .my-account .section-container .default-address {
    border-left: none;
    border-right: none;
    padding: 20px 0 0;
  }

  .my-account .section-container .default-address:before {
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    background-color: #e5f5ff;
    left: -100%;
    top: 0;
    border-bottom: 1px solid #ccebff;
    border-top: 1px solid #ccebff;
  }

  .my-account .section-container .default-address:after {
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    background-color: #e5f5ff;
    right: -100%;
    top: 0;
    border-bottom: 1px solid #ccebff;
    border-top: 1px solid #ccebff;
  }
}

.my-account .section-container .default-address .btn-info {
  margin-right: 20px;
}

@media (max-width: 480px) {
  .my-account .section-container .default-address .btn-info {
    margin-right: 0;
  }
}

.my-account .section-container .alt-address {
  display: block;
  padding: 20px;
}

@media (max-width: 480px) {
  .my-account .section-container .alt-address {
    padding: 20px 0 0;
    border-bottom: 1px solid #eae7e3;
  }
}

.my-account .section-container .alt-address .btn-info {
  margin-right: 20px;
}

@media (max-width: 480px) {
  .my-account .section-container .alt-address .btn-info {
    margin-right: 0;
  }
}

.my-account .section-container .editable-section {
  border: none;
}

.my-account .section-container .editable-section.section {
  margin-bottom: 0;
  padding: 10px 0;
}

.my-account .section-container .editable-section:first-child {
  padding-top: 0;
}

.my-account .customer-number,
.my-account .billing-address {
  color: #7b7670;
}

.my-account .customer-number .od-address__address-line,
.my-account .billing-address .od-address__address-line {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.my-account .customer-number .od-address__contact,
.my-account .billing-address .od-address__contact {
  display: block;
  height: auto;
  margin-left: -158px;
  overflow: hidden;
  padding: 15px 0;
  width: 100%;
}

.my-account .customer-number .od-address__contact label,
.my-account .billing-address .od-address__contact label {
  width: 155px;
}

.my-account .customer-number .od-address__actions,
.my-account .billing-address .od-address__actions {
  margin-left: -1px;
}

.my-account .form-group {
  clear: both;
}

.my-account .control-label {
  font-weight: bold;
}

.my-account .noedit {
  margin-top: 15px;
}

.my-account .not-editable-section,
.my-account .personal-details,
.my-account .billing-details,
.my-account .shipping-details {
  position: relative;
}

.my-account .active .not-editable-section {
  display: none;
}

.my-account .personal-details .personal-details__password {
  position: relative;
  clear: both;
}

.my-account .personal-details .personal-details__password .email-address {
  padding-top: 30px;
}

@media (max-width: 480px) {
  .my-account .personal-details .personal-details__password .email-address {
    padding: 0;
  }
}

.my-account .personal-details .personal-details__password p {
  margin: 2px 0 0;
}

.my-account .personal-details hr {
  margin-top: 0;
}

.shipping-address-section .section {
  padding: 0;
}

@media (max-width: 480px) {
  .shipping-address-section .section {
    border-bottom: none;
  }
}

.shipping-address-section .shipping-details {
  padding: 20px;
}

@media (max-width: 480px) {
  .shipping-address-section .shipping-details {
    padding: 0;
  }
}

.editable-section:before,
.editable-section:after {
  content: " ";
  display: table;
}

.editable-section:after {
  clear: both;
}

.editable-section .editable-section__header {
  position: absolute;
  right: 0;
}

.editable-section .editable-section__header button.section__edit {
  color: #cac2b8;
}

.editable-section .editable-section__header button.section__edit:hover {
  color: #09f;
}

.editable-section .od-address__contact-name:before,
.editable-section .od-address__contact-name:after,
.editable-section .od-address__contact-phone:before,
.editable-section .od-address__contact-phone:after {
  content: " ";
  display: table;
}

.editable-section .od-address__contact-name:after,
.editable-section .od-address__contact-phone:after {
  clear: both;
}

.editable-section .od-address__contact .phone {
  padding: 20px 0;
}

.contact-panel {
  padding: 20px;
  margin-top: 20px;
}

@media (min-width: 992px) {
  .contact-panel {
    padding: 10%;
    width: 90%;
  }

  .contact-panel a {
    display: block;
  }
}

.contact-panel .contact-method,
.contact-panel p,
.contact-panel h3 {
  color: #7b7670;
}

.contact-panel h3 {
  margin: 0;
}

.contact-panel p {
  margin-top: 10px;
}

.contact-panel .border-side {
  border: 1px dashed #cac2b8;
}

.contact-panel .row__or {
  margin: 10px 0;
  position: relative;
}

.contact-panel .row__or hr {
  margin-top: 10px;
}

.contact-panel .row__or p {
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
  margin-top: -2px;
}

.contact-panel .row__or p span {
  background: #fff;
  padding: 10px;
  font-weight: 100;
  font-size: 12px;
  color: #7b7670;
}

.contact-panel .agent__image {
  margin: 20px 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 992px) {
  .contact-panel .agent__image {
    height: 100px;
  }
}

.contact-panel .agent__image img {
  position: absolute;
  height: 100%;
}

@media (min-width: 992px) {
  .contact-panel .agent__image img {
    height: auto;
    width: 100%;
  }
}

.contact-panel .contact-method {
  margin-top: 0;
  position: relative;
  display: block;
  line-height: 15px;
}

.contact-panel .contact-method span {
  display: block;
  font-size: 12px;
  font-weight: 100;
  line-height: 25px;
  white-space: pre-wrap;
  word-break: break-word;
}

.contact-panel .btn {
  padding-top: 6px;
}

.contact-panel .btn-info.btn:active,
.contact-panel .btn-info.btn.active {
  border-bottom: 3px solid #cac2b8;
  margin-top: 10px;
}

.contact-panel .btn-info:active,
.contact-panel .btn-info.active {
  border-bottom: 3px solid #cac2b8;
  margin-top: 10px;
}

.contact-panel.tam hr {
  border-top: 2px solid #eae7e3;
}

.contact-panel.tam .contact-method {
  line-height: 15px;
}

.contact-panel .tam-agent {
  margin-top: 10px;
  text-align: center;
  width: 100%;
}

.personal-deals .section-container {
  border-top: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .personal-deals .section-container {
    padding-top: 10px;
  }
}

.personal-deals .section-container .btn {
  font-weight: 500;
  margin: 30px 0;
  white-space: normal;
}

.personal-deals__advantages li {
  padding-left: 13px;
  margin-bottom: 20px;
  list-style-type: none;
  position: relative;
  font-weight: 300;
  line-height: 21px;
}

.personal-deals__advantages li:before {
  font-family: 'icomoon';
  font-size: 12px;
  content: '\e603';
  color: #3c9;
  position: absolute;
  left: -8px;
  top: 2px;
}

@media (min-width: 992px) {
  .od-contact-account-manager h1 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 20px;
  }
}

.od-contact-account-manager p {
  margin-bottom: 20px;
}

.od-contact-account-manager .form-group {
  margin-bottom: 0;
}

.od-contact-account-manager__callback-option {
  background-color: #eae7e3;
  padding-bottom: 10px;
  padding-top: 5px;
  margin-bottom: 20px;
}

.od-contact-account-manager textarea {
  color: #32302e;
  font-weight: 300;
  border: 1px solid #ccc;
}

.od-contact-account-manager .checkbox input[type=checkbox]+.switch {
  margin-left: -20px;
}

.contact-account-manager__form p.privacy-warning {
  margin: 10px 0 0;
}

.contact-account-manager__form .btn {
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.contact-account-manager__form input,
.contact-account-manager__form textarea {
  outline: 0 none;
}

@media (min-width: 992px) {
  .contact-account-manager__form input,
  .contact-account-manager__form textarea {
    width: 50%;
  }
}

.odAccountMediaProductSummary {
  margin-top: 25px;
}

.odAccountMediaProductSummary__image {
  padding-right: 20px;
  width: 70px;
}

@media (max-width: 991px) {
  .odAccountMediaProductSummary--selectItems {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .odAccountMediaProductSummary--selectItems {
    display: inline-block;
    max-width: 500px;
    margin-top: 20px;
    vertical-align: middle;
  }
}

.odAccountProductSummary p {
  line-height: 1.3;
  margin-bottom: 2px;
}

.odAccountProductSummary__productSku {
  font-size: 12px;
  color: #7b7670;
}

.odAccountProductSummary__orderedSummary {
  color: #7b7670;
}

.odAccountProductSummary__orderedSummary b {
  color: #32302e;
}

.odAccountProductSummary__productMainPrice {
  color: #32302e;
  font-weight: bold;
}

.odAccountProductSummary__productUnitOfMeasure {
  font-size: 12px;
}

.odAccountProductSummary__productAlternatePrice {
  font-size: 12px;
}

.odPrimeDealsContact {
  width: 93%;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #eae7e3;
}

@media (max-width: 992px) {
  .odPrimeDealsContact {
    width: 100%;
  }
}

.odPrimeDealsContact header {
  border-bottom: 1px dashed #cac2b8;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.odPrimeDealsContact header p {
  font-size: 14px;
  line-height: 140%;
}

.odPrimeDealsContact h2 {
  font: 600 14px/120% "Roboto",arial,sans-serif;
  margin: 0 0 5px;
}

.odPrimeDealsContact__content {
  margin-bottom: 15px;
}

.odPrimeDealsContact__contactMethod {
  display: block;
  font-size: 12px;
  line-height: 150%;
  font-family: "Roboto",arial,sans-serif;
  margin-bottom: 3px;
  color: #32302e;
}

.odPrimeDealsContact__contactMethod:hover,
.odPrimeDealsContact__contactMethod:active {
  text-decoration: none;
}

.odPrimeDealsContact__contactMethod:hover span,
.odPrimeDealsContact__contactMethod:active span {
  text-decoration: underline;
}

.odPrimeDealsContact__contactMethod:focus {
  text-decoration: none;
}

.odPrimeDealsContact__contactMethod:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 3px;
  color: #7b7670;
  font-size: 14px;
  vertical-align: middle;
  text-decoration: none;
}

.odPrimeDealsContact__contactMethod--phone:before {
  content: "";
}

.odPrimeDealsContact__contactMethod--email:before {
  content: "";
}

.odPrimeDealsContact__contactMethod--chat:before {
  content: "";
}

.odPrimeIntroSection h2 {
  font-size: 14px;
  font-family: "Roboto",arial,sans-serif;
}

.odPrimeProductsSection header {
  border-bottom: 1px solid #eae7e3;
}

.odPrimeProductsSection header:before,
.odPrimeProductsSection header:after {
  content: " ";
  display: table;
}

.odPrimeProductsSection header:after {
  clear: both;
}

.odPrimeProductsSection__heading {
  margin-bottom: 8px;
  font-size: 18px;
}

@media (min-width: 480px) {
  .odPrimeProductsSection__heading {
    float: left;
  }
}

.odPrimeProductsSection__viewAll {
  display: block;
  margin-bottom: 8px;
}

.odPrimeProductsSection__viewAll:after {
  content: ' \203A';
}

@media (min-width: 480px) {
  .odPrimeProductsSection__viewAll {
    float: right;
    margin-top: 30px;
  }
}

.odPrimeVouchersSection h2 {
  font-size: 18px;
}

.odPrimeVouchersSection__content {
  padding: 20px 20px 0;
  border: 2px dashed #eae7e3;
  background: #f9f9f9;
}

.odPrimeVouchersSection__intro {
  margin: 0 0 20px;
  border-bottom: 2px dashed #eae7e3;
}

.odPrimeVouchersSection__intro p {
  margin: 0 0 20px;
  font-size: 14px;
}

.odOrderReturnsOrderSection {
  border: 1px solid #eae7e3;
  margin: 0 0 20px;
  padding: 20px 20px 15px 10px;
}

@media (max-width: 991px) {
  .odOrderReturnsOrderSection {
    border: none;
    border-bottom: 1px solid #eae7e3;
    margin: 0 -20px;
  }

  .odOrderReturnsOrderSection:nth-of-type(1) {
    border-top: 2px solid #eae7e3;
  }
}

.odOrderReturnsOrderSection__orderDate {
  margin: 0;
  font-family: "Roboto",arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

@media (max-width: 991px) {
  .odOrderReturnsOrderSection__orderDate {
    font-size: 14px;
  }
}

.odOrderReturnsOrderSection__orderNumber {
  font-size: 12px;
  color: #7b7670;
}

@media (max-width: 991px) {
  .odOrderReturnsOrderSection__btnSubmit {
    margin: 15px 0 5px 70px;
  }
}

.odOrderReturnsSelectedItems {
  background-color: #f4f3f1;
  border: 1px solid #eae7e3;
  color: #7b7670;
  padding: 10px 20px;
}

.odOrderReturnsSelectedItems h4.odOrderReturnsSelectedItems__sectionTitle {
  font-size: 14px;
  margin: 0;
}

.odOrderReturnsSelectedItems__itemList {
  list-style: none;
  padding: 0;
}

.odOrderReturnsSelectedItems__itemRow {
  padding-left: 24px;
}

.odOrderReturnsSelectedItems__itemCount {
  font-weight: bold;
  margin-left: -24px;
  margin-right: 5px;
}

.odOrderReturnsSelectedItems__itemCount::after {
  content: 'x';
}

.odOrderReturnsSelectedItems__returnReason {
  font-size: 12px;
}

.odOrderReturnsCollectionConfirmation .odOrderReturnsSelectedItems {
  margin: 20px 0;
}

.odOrderReturnsCustomerSummary {
  border: 1px solid #eae7e3;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 10px 20px;
  width: 100%;
}

.odOrderReturnsCustomerSummary dt {
  clear: left;
  float: left;
  min-width: 150px;
}

.odOrderReturnsCustomerSummary dd {
  float: left;
}

.odOrderReturnsCollectionForm header {
  padding: 10px 20px;
  border: 1px solid #eae7e3;
  background: #f4f3f1;
}

.odOrderReturnsCollectionForm header h2 {
  margin: 0;
  font-size: 16px;
  font-family: "Roboto",arial,sans-serif;
  line-height: 1.2;
}

.odOrderReturnsCollectionForm__content {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #eae7e3;
  border-top: none;
}

.odOrderReturnsCollectionForm__selectAddress {
  margin-bottom: 10px;
  padding: 0;
  border: none;
  color: #32302e;
  font-size: 14px;
  font-weight: bold;
}

.odOrderReturnsCollectionForm__addressLine {
  display: inline-block;
}

.odOrderReturnsCollectionForm__addressLine:not(:last-child):after {
  content: ', ';
}

.odOrderReturnsCollectionForm__custom-address-form {
  border-top: 1px solid #eae7e3;
}

.odOrderReturnsCollectionForm .radio label {
  padding-left: 0;
}

.odOrderReturnsCollectionForm input [type=radio] {
  margin-left: 0;
}

.odOrderReturnsCollectionForm .error {
  display: none;
}

.odOrderReturnsCollectionForm--hasErrors .error {
  display: inline;
}

.odOrderReturnsCollectionConfirmation__message {
  font-size: 14px;
  margin-bottom: 15px;
}

.odOrderReturnsCollectionConfirmation__message .icomoon-check,
.odOrderReturnsCollectionConfirmation__message .od-welcome-modal .modal-body li:before,
.od-welcome-modal .modal-body .odOrderReturnsCollectionConfirmation__message li:before {
  color: #3c9;
  margin-right: 7px;
  position: relative;
  top: 2px;
}

.odOrderReturnsCollectionConfirmation__content {
  margin: 15px 0;
}

.odOrderReturnsCollectionConfirmation__content ol {
  font-weight: 300;
}

.odOrderReturnsCollectionConfirmation__content ol li {
  margin: 5px 0;
}

.odOrderReturnsItemsContent header {
  height: 100%;
  overflow: hidden;
  padding: 10px 20px;
  border: 1px solid #eae7e3;
  background: #f4f3f1;
}

.odOrderReturnsItemsContent header h2 {
  float: right;
  margin: 0;
  color: #7b7670;
  font-size: 14px;
  font-family: "Roboto",arial,sans-serif;
  font-weight: normal;
  line-height: 1.2;
}

.js .odOrderReturnsItemsContent__returnableItem--isNotSelected .odOrderReturnsItemsContent__qty {
  background: #eae7e3;
}

.js .odOrderReturnsItemsContent__returnableItem--isNotSelected .odOrderReturnsItemsContent__selectReasonLabel {
  display: none;
}

.no-js .odOrderReturnsItemsContent__btnSubmit.disabled {
  pointer-events: auto;
  cursor: auto;
  color: #32302e;
  opacity: 1;
}

@media (max-width: 991px) {
  .odOrderReturnsItemsContent {
    border: none;
    margin: 0 -20px;
  }
}

.odOrderReturnsItemsContent__returnableItems {
  padding: 0 20px 20px;
  border: 1px solid #eae7e3;
  border-top: none;
}

.odOrderReturnsItemsContent__selectReasonRow {
  border-bottom: 1px solid #eae7e3;
}

.odOrderReturnsItemsContent__selectReasonRow:last-child {
  border-bottom: none;
}

.odOrderReturnsItemsContent__selectReasonRow:last-child .odOrderReturnsItemsContent__selectReasonDropdown {
  margin-bottom: 0;
}

.odOrderReturnsItemsContent__nonReturnableItems {
  padding: 0 20px 20px;
  border: 1px solid #eae7e3;
  border-top: none;
}

.odOrderReturnsItemsContent__returnedItems {
  padding: 0 20px 20px;
  border: 1px solid #eae7e3;
  border-top: none;
}

.odOrderReturnsItemsContent__checkboxLabel {
  margin-top: 20px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .odOrderReturnsItemsContent__checkboxLabel {
    display: inline-block;
  }
}

.odOrderReturnsItemsContent__selectReasonLabel b {
  display: block;
  margin: 15px 0 10px;
}

@media (min-width: 992px) {
  .odOrderReturnsItemsContent__selectReasonLabel {
    margin-left: 104px;
  }
}

.odOrderReturnsItemsContent__selectReasonDropdown {
  max-width: 250px;
  margin-bottom: 20px;
}

.odOrderReturnsItemsContent__qtyLabel {
  float: right;
  margin: 20px 0;
}

.js .odOrderReturnsItemsContent__returnableItem--readonly {
  background: #eae7e3;
}

.odOrderReturnsItemsContent__actions {
  margin: 20px 0;
}

@media (max-width: 991px) {
  .odOrderReturnsItemsContent__actions {
    padding-left: 20px;
  }
}

.od-tam-manager-details {
  border-color: #eae7e3;
  padding: 20px 12px;
  margin-top: 20px;
}

.od-tam-manager-details>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #eae7e3;
}

.od-tam-manager-details>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #eae7e3;
}

.od-tam-manager-details>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.od-tam-manager-details>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #eae7e3;
}

@media (min-width: 992px) {
  .od-tam-manager-details {
    margin-right: 15px;
  }
}

.od-tam-manager-details__title {
  color: #32302e;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}

.od-tam-manager-details__agent-name {
  color: #32302e;
  font-size: 14px;
  line-height: 18px;
  margin-top: 2px;
}

.od-tam-manager-details__agent-image {
  margin-bottom: 9px;
  max-width: 152px;
}

.od-tam-manager-details__contact-method {
  color: #32302e;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 0;
  margin-bottom: 2px;
  overflow: hidden;
  padding-left: 12px;
  position: relative;
  text-indent: -12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .od-tam-manager-details__contact-method:first-child {
    margin-bottom: 8px;
  }
}

.od-tam-manager-details__contact-method:link {
  font-weight: normal;
}

.od-tam-manager-details__contact-method:active,
.od-tam-manager-details__contact-method:focus,
.od-tam-manager-details__contact-method:hover {
  overflow: initial;
  overflow-wrap: break-word;
  text-overflow: initial;
  white-space: normal;
  word-wrap: break-word;
}

.od-tam-manager-details .btn {
  padding-top: 6px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}

.od-tam-manager-details .btn-info.btn:active,
.od-tam-manager-details .btn-info.btn.active {
  border-bottom: 3px solid #cac2b8;
  margin-top: 10px;
}

.od-tam-manager-details .btn-info:active,
.od-tam-manager-details .btn-info.active {
  border-bottom: 3px solid #cac2b8;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .rr-container {
    border: none;
    position: static;
    margin: 0;
    margin-bottom: 40px;
    left: 0;
    top: 0;
  }
}

.plp-layout .rr-wrapper .rr-list-section .product__listitem .big-price__value {
  margin: 5px 5px 0 0;
}

@media (min-width: 992px) {
  .rr-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .rr-wrapper.visible-desktop {
    display: block;
  }
}

.rr-wrapper .rr-list-top-section h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  border: 1px solid #eae7e3;
  border-bottom: none;
}

@media (min-width: 992px) {
  .rr-wrapper .rr-list-top-section h4 {
    padding: 25px 20px;
  }
}

@media (min-width: 992px) {
  .rr-wrapper .rr-list-top-section h4 {
    border-bottom: 2px solid #eae7e3;
  }

  .rr-wrapper .rr-list-top-section h4 .section-heading-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 130%;
  }
}

@media (min-width: 992px) {
  .rr-wrapper .rr-list-top-section {
    background-color: #f4f3f1;
  }
}

.rr-wrapper .product-purchase {
  padding-bottom: 20px;
}

.rr-wrapper .product-add-to-basket {
  position: relative;
}

.rr-wrapper .rr-list-section {
  border: 1px solid #eae7e3;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .rr-wrapper .rr-list-section .rr-productlist {
    margin-top: 20px;
  }

  .rr-wrapper .rr-list-section .rr-productlist div.product__listitem {
    padding-left: 0;
    padding-right: 0;
  }

  .rr-wrapper .rr-list-section .product-image .img-responsive {
    max-height: 120px;
    max-width: 120px;
  }
}

.rr-wrapper .rr-list-section [class*='block-grid-'] {
  margin: 0;
}

.rr-wrapper .rr-list-section .block-grid-item {
  padding: 0;
}

.rr-wrapper .rr-list-section .block-grid-item:last-child .product__listitem {
  border-bottom: none;
}

.rr-wrapper .rr-list-section .block-grid-item:last-child .product-purchase {
  border-bottom: none;
}

.rr-wrapper .rr-list-section .block-grid-item .product__listitem {
  margin: 20px 20px 0;
  padding: 0;
  border-bottom: 2px dashed #eae7e3;
}

@media (min-width: 992px) {
  .rr-wrapper .rr-list-section .thumb {
    padding-left: 0;
  }

  .rr-wrapper .rr-list-section .product-title a {
    font-size: 14px;
    line-height: 130%;
  }

  .rr-wrapper .rr-list-section .product-price {
    margin-bottom: 3px;
  }
}

.rr-wrapper .product-meta {
  position: relative;
}

.rr-wrapper .prod-details__add-to-shopping-list {
  display: none;
}

.plp-facets .rr-list-section,
.plp-facets .rr-list-top-section {
  width: 93%;
}

@media (max-width: 992px) {
  .prod-description__sections .rr-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .prod-description__sections .rr-wrapper .section.rr-carousel-section h4 {
    font-size: 14px;
    font-weight: normal;
    margin-left: -10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: -10px;
  }
}

@media (min-width: 992px) {
  .rr-carousel-section .plp-item__image .img-responsive {
    max-height: 150px;
    max-width: 150px;
  }
}

.block-grid-item .product__listitem .big-price__value--red,
.block-grid-item .product__listitem .price-per-wrap--red,
.block-grid-item .big-price .big-price__value--red,
.block-grid-item .big-price .price-per-wrap--red,
.carousel-item .product__listitem .big-price__value--red,
.carousel-item .product__listitem .price-per-wrap--red,
.carousel-item .big-price .big-price__value--red,
.carousel-item .big-price .price-per-wrap--red {
  margin: 5px 5px 0 0;
  color: #e31937;
  font-size: 24px;
}

.block-grid-item .product__listitem .price-lead__previousprice,
.block-grid-item .big-price .price-lead__previousprice,
.carousel-item .product__listitem .price-lead__previousprice,
.carousel-item .big-price .price-lead__previousprice {
  margin-bottom: 1px;
  text-decoration: line-through;
  color: #32302e;
  font-weight: bold;
  display: inline-block;
}

.block-grid-item .product__listitem .price-saving,
.block-grid-item .big-price .price-saving,
.carousel-item .product__listitem .price-saving,
.carousel-item .big-price .price-saving {
  color: #e31937;
  display: block;
  font-size: 12px;
  font-weight: bold;
  position: relative;
}

.carousel-item .product-title {
  margin-top: 30px;
}

.carousel-item .product-title a {
  display: inline-block;
  display: -webkit-box;
  width: 100%;
  height: 36px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rr-hidden__title {
  display: none;
}

.plp-header {
  position: relative;
  margin-bottom: 20px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .plp-header {
    margin-bottom: 10px;
  }
}

.plp-header h1 {
  display: inline;
  font-size: 18px;
}

@media (min-width: 992px) {
  .plp-header h1 {
    font-size: 30px;
  }
}

.plp-header .plp-header__suggestion {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .plp-header .plp-header__suggestion {
    padding: 10px 0 20px;
  }
}

@media (min-width: 992px) {
  .plp-title {
    margin-right: 100px;
  }
}

.plp-title__count {
  font-size: 14px;
  color: #7b7670;
  white-space: nowrap;
}

.plp-title__intro {
  margin-top: 11px;
}

.plp-layout .banner {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .plp-layout .promotional-content__top {
    display: block;
  }

  .plp-layout .promotional-content__top.has-content {
    border-top: 3px solid #eae7e3;
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .plp-layout .block-grid-sm-3>.block-grid-item {
    border-bottom: 1px solid #eae7e3;
    padding-top: 0;
    padding-bottom: 0;
  }

  .plp-layout .block-grid-item:nth-of-type(3n) {
    padding-left: 0;
  }

  .plp-layout .block-grid-item:nth-of-type(3n) .product__listitem {
    padding-left: 10px;
  }

  .plp-layout .block-grid-item:nth-of-type(3n+1) {
    padding-right: 0;
  }

  .plp-layout .block-grid-item:nth-of-type(3n+1) .product__listitem {
    padding-right: 10px;
  }

  .plp-layout .block-grid-item:nth-of-type(3n+2) {
    padding-right: 0;
    padding-left: 0;
  }

  .plp-layout .block-grid-item:nth-of-type(3n+2) .product__listitem {
    padding-right: 10px;
    padding-left: 10px;
  }

  .plp-layout .block-grid-item.block-grid-item--no-border .product__listitem {
    border-bottom: none;
  }

  .plp-layout .block-grid-item .product__listitem {
    border: none;
  }
}

.product-details h1 {
  font-size: 18px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .product-details h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

.product-details .prod-meta {
  font-size: 12px;
  font-weight: normal;
  color: #7b7670;
  margin-bottom: 10px;
}

.product-details .prod-meta__brand {
  display: inline-block;
}

@media (min-width: 992px) {
  .product-details .prod-meta {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

.product-details .prod-meta a {
  margin-right: 5px;
}

.product-details .prod-meta .prod-meta__article {
  margin-left: 5px;
}

.product-details .prod-brief {
  margin-bottom: 13px;
  display: block;
}

.product-details .prod-brief h2,
.product-details .prod-brief p {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 992px) {
  .product-details .prod-brief h2,
  .product-details .prod-brief p {
    font-size: 14px;
  }
}

.product-details .prod-brief h2 {
  font-family: "Roboto",arial,sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 13px;
}

.product-details .prod-description {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}

@media (min-width: 992px) {
  .product-details .prod-description {
    margin-right: 0;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .product-details .prod-misc {
    margin-top: 40px;
  }
}

.product-details .prod-description__header {
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .product-details .prod-description__header {
    padding-top: 50px;
    display: block;
  }
}

.product-details .sections__description-section p {
  line-height: 18px;
  font-size: 14px;
}

.product-details .sections__specifications-section .comma-list {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-details .sections__specifications-section .comma-list li {
  display: inline;
}

.product-details .sections__specifications-section .comma-list li:after {
  content: ', ';
}

.product-details .sections__specifications-section .comma-list li:last-child:after {
  content: '';
}

.product-details .sections__specifications-section a {
  font-weight: 300;
}

.product-details .sections__perfect-partner-section {
  display: none;
}

.product-details .sections__attached-documents-section a {
  position: relative;
  left: 20px;
  top: 1px;
}

.product-details .sections__attached-documents-section a::before {
  content: '\e022';
  font-family: 'Glyphicons Halflings';
  left: -20px;
  position: absolute;
  top: -3px;
  color: #7b7670;
}

.product-details .variant-select {
  height: 50px;
  border: 1px solid #cac2b8;
}

.product-details .product-variants {
  padding-top: 5px;
  padding-bottom: 40px;
  margin-top: 25px;
  border-top: 1px solid #eae7e3;
  border-bottom: 1px solid #eae7e3;
}

@media (min-width: 992px) {
  .product-details .product-variants {
    border-bottom: none;
    margin-top: 5px;
  }
}

.product-details .product-variants h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}

.product-details .product-variants .variant {
  float: left;
  width: 100%;
  padding-bottom: 0;
  padding-top: 5px;
}

@media (min-width: 992px) {
  .product-details .product-variants .variant {
    width: 50%;
    padding-bottom: 5px;
    padding-top: 0;
  }
}

@media (min-width: 9999px) {
  .product-details .product-variants .variant {
    width: 33.33%;
  }
}

.product-details .product-variants select {
  width: 90%;
}

.product-details .product-variants select option {
  font-weight: 300;
  color: #32302e;
  text-align: left;
  width: 90%;
}

@media (min-width: 992px) {
  .product-details .prod-details__wrap {
    padding-left: 20px;
  }
}

.product-details .prod-details__wrap a:hover {
  text-decoration: none;
  border-bottom: 1px dashed #7b7670;
}

.product-details .prod-details__wrap a .prod-details__switch-and-save {
  background: #e31937;
  padding: 10px;
  color: #fff;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save {
    margin: 0 -20px;
    padding: 0 10px 20px;
  }
}

@media (max-width: 480px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save {
    margin: 0;
    padding: 0 10px 10px;
  }
}

.product-details .prod-details__wrap a .prod-details__switch-and-save h3 {
  display: inline-block;
  margin: 0 0 0 20px;
  width: 50%;
  font-family: "Roboto Condensed",arial,sans-serif;
  font-weight: 700;
  text-shadow: 0 1px #000;
}

@media (max-width: 992px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save h3 {
    display: inline;
    margin: 0;
    width: 100%;
  }
}

.product-details .prod-details__wrap a .prod-details__switch-and-save p {
  display: inline-block;
  margin: 0 0 0 20px;
  font-size: 14px;
  font-weight: bold;
  color: #faced5;
}

.product-details .prod-details__wrap a .prod-details__switch-and-save p span {
  color: #fff;
}

@media (max-width: 992px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save p {
    margin: 5px 10px 10px 0;
    font-size: 14px;
    font-weight: bold;
    display: inherit;
    line-height: 18px;
  }
}

.product-details .prod-details__wrap a .prod-details__switch-and-save img {
  z-index: 9999;
  margin-top: -20px;
  margin-bottom: -20px;
  float: left;
  border: 1px solid #e31937;
  background-color: #fff;
}

@media (max-width: 992px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save img {
    margin: -20px 10px 0;
  }
}

@media (max-width: 480px) {
  .product-details .prod-details__wrap a .prod-details__switch-and-save img {
    margin: -20px 20px 0 10px;
  }
}

.product-details .prod-details:before,
.product-details .prod-details:after {
  content: " ";
  display: table;
}

.product-details .prod-details:after {
  clear: both;
}

@media (min-width: 992px) {
  .product-details .prod-details {
    margin-bottom: 25px;
  }
}

.product-details .prod-details .od-customise-button {
  margin: 0 0 1px -10px;
  padding: 9px 20px 7px;
  top: 5px;
}

.product-details .prod-details__panel {
  border-bottom: 3px solid #eae7e3;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

@media (min-width: 992px) {
  .product-details .prod-details__panel {
    border: 3px solid #eae7e3;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .product-details .prod-details__panel {
    display: table;
    width: 100%;
  }
}

.product-details table.prod-details__volume-prices {
  font-size: 12px;
}

.product-details table.prod-details__volume-prices tr>th {
  font-weight: normal;
  color: #32302e;
}

.product-details table.prod-details__volume-prices th,
.product-details table.prod-details__volume-prices td {
  padding: 6px 0;
}

.product-details table.prod-details__volume-prices th:first-child,
.product-details table.prod-details__volume-prices td:first-child {
  padding-left: 15px;
}

.product-details table.prod-details__volume-prices th:nth-child(2),
.product-details table.prod-details__volume-prices td:nth-child(2) {
  padding-left: 15px;
}

@media (min-width: 992px) and (max-width: 9998px) {
  .product-details table.prod-details__volume-prices th:nth-child(2),
  .product-details table.prod-details__volume-prices td:nth-child(2) {
    padding-left: 0;
  }
}

.product-details table.prod-details__volume-prices th:last-child,
.product-details table.prod-details__volume-prices td:last-child {
  text-align: right;
  padding-right: 15px;
}

.product-details table.prod-details__volume-prices td {
  color: #7b7670;
  font-weight: 500;
}

.product-details .prod-details__panel--left,
.product-details .prod-details__panel--right {
  padding: 20px;
  margin-top: 0;
}

@media (min-width: 992px) {
  .product-details .prod-details__panel--left,
  .product-details .prod-details__panel--right {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

.product-details .prod-details__panel--right {
  background: #f4f3f1;
}

.product-details .prod-details__price .small-price {
  color: #7b7670;
}

.product-details .prod-details__price .info-link {
  border-bottom: 1px dashed #7b7670;
}

.product-details .prod-details__add-to-basket {
  position: relative;
}

.product-details .prod-details__add-to-basket .error {
  display: block;
  color: #e31937;
}

.product-details .prod-details__add-to-basket .product-stock {
  font-size: 14px;
  margin-top: 20px;
}

.product-details .prod-details__add-to-basket .product-stock .icomoon-check,
.product-details .prod-details__add-to-basket .product-stock .od-welcome-modal .modal-body li:before,
.od-welcome-modal .modal-body .product-details .prod-details__add-to-basket .product-stock li:before,
.product-details .prod-details__add-to-basket .product-stock .icomoon-cross {
  margin-right: 5px;
}

.product-details .prod-details__add-to-basket .product-stock .icomoon-check,
.product-details .prod-details__add-to-basket .product-stock .od-welcome-modal .modal-body li:before,
.od-welcome-modal .modal-body .product-details .prod-details__add-to-basket .product-stock li:before,
.product-details .prod-details__add-to-basket .product-stock .in-stock {
  color: #3c9;
}

.product-details .prod-details__add-to-basket .product-stock .icomoon-cross,
.product-details .prod-details__add-to-basket .product-stock .out-of-stock {
  color: #e31937;
}

.product-details .product-add-to-basket {
  position: relative;
}

.product-details .product-add-to-basket.atc-nojs button.addToShoppingList {
  margin: 10px 0;
}

.product-details .prod-details__add-to-shopping-list {
  margin-top: 10px;
}

.product-details .product__add-to-cart-button {
  position: absolute;
  left: 53px;
  text-align: right;
  top: 0;
}

.product-details .product__add-to-cart-button span {
  float: left;
  font-size: 18px;
  margin-top: 1px;
}

.product-details .prod-details__logistic-info {
  list-style-type: none;
  padding: 0;
  font-size: 14px;
}

.product-details .prod-details__logistic-info a {
  font-weight: 100;
}

ul.prod-description__header-list {
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #eae7e3;
}

ul.prod-description__header-list li {
  display: inline-block;
  margin: 0 40px 0 0;
  font-size: 14px;
}

ul.prod-description__header-list li a,
ul.prod-description__header-list li a:hover,
ul.prod-description__header-list li a:active,
ul.prod-description__header-list li a:visited,
ul.prod-description__header-list li a:focus {
  text-decoration: none;
  font-weight: 300;
}

ul.prod-description__header-list li span.iconmoon {
  font-size: 8px;
  margin-left: 10px;
  vertical-align: middle;
}

ul.prod-description__sections {
  list-style: none;
  padding: 0;
}

ul.prod-description__sections>li {
  color: #32302e;
  font-size: 12px;
  margin: 0;
}

@media (min-width: 992px) {
  ul.prod-description__sections>li {
    margin-top: 20px;
  }
}

ul.prod-description__sections>li h4 {
  position: relative;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 16px 20px;
  background-color: #f4f3f1;
  border-top: 1px solid #cac2b8;
}

@media (min-width: 992px) {
  ul.prod-description__sections>li h4 {
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border: none;
    padding: 20px 0;
  }
}

@media (max-width: 992px) {
  ul.prod-description__sections>li h4:before {
    font-family: 'icomoon';
    content: '\e63e';
    color: #cac2b8;
    position: absolute;
    right: 28px;
    top: 14px;
  }
}

@media (max-width: 992px) {
  ul.prod-description__sections>li.active>h4:before {
    content: '\e638';
  }
}

@media (min-width: 992px) {
  ul.prod-description__sections>li .section-heading-title {
    position: absolute;
    top: 12px;
    background-color: #fff;
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  ul.prod-description__sections>li .section-heading-bar {
    position: absolute;
    border-bottom: 2px solid #cac2b8;
    width: 100%;
  }
}

ul.prod-description__sections>li div.section-content {
  display: none;
  padding: 20px;
}

@media (min-width: 992px) {
  ul.prod-description__sections>li div.section-content {
    display: block;
    padding: 0;
    padding-bottom: 20px;
    margin-top: 13px;
  }
}

ul.prod-description__sections>li div.section-content table {
  margin-bottom: 15px;
}

ul.prod-description__sections>li:last-child h4 {
  border-bottom: 1px solid #cac2b8;
}

@media (min-width: 992px) {
  ul.prod-description__sections>li:last-child h4 {
    border-bottom: none;
  }
}

ul.prod-description__sections li.active h4 {
  border-bottom: 1px solid #cac2b8;
}

@media (min-width: 992px) {
  ul.prod-description__sections li.active h4 {
    border: none;
  }
}

ul.prod-description__sections li.active div.section-content {
  display: block;
}

ul.prod-description__sections li.active div.section-content h4 {
  border: none;
  background: none;
  padding: 16px 0;
}

.choose-shopping-list-modal .modal-header {
  padding: 15px 0 0;
}

.choose-shopping-list-modal .modal-body {
  padding: 0 15px 15px;
}

.choose-shopping-list-modal .modal-body h3.choose-list-header {
  margin-top: 0;
}

.choose-shopping-list-modal .modal-body .error {
  color: #e31937;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  word-wrap: break-word;
}

.choose-shopping-list-modal .modal-shopping-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.choose-shopping-list-modal .modal-shopping-list .modal-shopping-list__list-item {
  cursor: pointer;
  border-bottom: 1px solid #eae7e3;
  color: #09f;
  padding: 10px 0;
}

.choose-shopping-list-modal .modal-new-shopping-list {
  margin: 20px 0 10px;
  padding: 20px;
  border-radius: 3px;
  background-color: #ccebff;
}

@media (min-width: 992px) {
  .choose-shopping-list-modal .modal-new-shopping-list {
    padding: 7px;
  }
}

.choose-shopping-list-modal .modal-new-shopping-list .modal-new-shopping-list__input {
  margin: 0 0 20px;
}

@media (min-width: 992px) {
  .choose-shopping-list-modal .modal-new-shopping-list .modal-new-shopping-list__input {
    display: inline;
    margin: 0 10px 0 0;
  }
}

.choose-shopping-list-modal .spinner {
  display: none;
}

.choose-shopping-list-modal--loading .modal-shopping-list,
.choose-shopping-list-modal--loading .modal-new-shopping-list {
  display: none;
}

.choose-shopping-list-modal--loading .spinner {
  display: block;
}

.confirmation-shopping-list-modal .modal-body {
  padding: 10px 0;
}

.confirmation-shopping-list-modal .product-description .product-description__image img {
  margin: 0;
  padding-right: 10px;
}

.confirmation-shopping-list-modal .product-description .product-description__product-name p {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #32302e;
  margin: 0;
}

.confirmation-shopping-list-modal .product-description .product-description__product-article {
  font-size: 12px;
  color: #7b7670;
}

.confirmation-shopping-list-modal .action-buttons {
  text-align: left;
}

@media (min-width: 992px) {
  .confirmation-shopping-list-modal .action-buttons {
    text-align: right;
  }
}

.confirmation-shopping-list-modal .action-buttons>div.button-container {
  margin: 0 0 10px;
}

@media (min-width: 992px) {
  .confirmation-shopping-list-modal .action-buttons>div.button-container {
    display: inline-block;
    margin: 0 0 0 10px;
  }
}

h1.login-page__title {
  font-size: 24px;
}

@media (min-width: 992px) {
  h1.login-page__title {
    font-size: 30px;
  }
}

.login-panel {
  border-top: solid 1px #eae7e3;
  border-bottom: solid 1px #eae7e3;
  margin-top: 20px;
  padding-top: 5px;
}

@media (min-width: 992px) {
  .login-panel {
    border: solid 1px #eae7e3;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    padding-left: 30px;
  }
}

.login-panel h4 {
  font-size: 16px;
}

@media (min-width: 992px) {
  .login-panel h4 {
    font-size: 16px;
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .login-panel .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
  }
}

@media (min-width: 992px) {
  .login-panel__singup {
    border-right: solid 1px #eae7e3;
    padding-top: 15px;
    padding-bottom: 10px;
  }
}

.login-panel__singup input[type=checkbox]+.switch,
.login-panel__singup input[type=radio]+.switch {
  padding-left: 27px;
  font-weight: 300;
}

.login-panel__singup h4 {
  margin-top: 20px;
  margin-bottom: 18px;
}

.login-panel__singup fieldset {
  padding-bottom: 15px;
}

.login-panel__singup .password-forgotten {
  font-size: 12px;
  font-weight: 300;
}

@media (min-width: 992px) {
  .login-panel__singup .password-forgotten {
    font-size: 14px;
  }
}

.login-panel__new-customer {
  border-top: dashed 2px #eae7e3;
}

.login-panel__new-customer .btn-container {
  margin: 15px 0 20px;
}

@media (min-width: 992px) {
  .login-panel__new-customer .btn-container {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .login-panel__new-customer {
    padding-left: 40px;
    border-top: none;
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}

.login-panel__new-customer h4 {
  margin-top: 20px;
  margin-bottom: 18px;
}

.login-panel__new-customer .login-panel__benefits {
  overflow: hidden;
  margin: 10px 0;
}

@media (min-width: 992px) {
  .login-panel__new-customer .login-panel__benefits {
    margin-top: 30px;
  }
}

.login-panel__footer {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .login-panel__footer.checkout {
    margin-left: 0;
  }
}

.error__404 .row {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .error__404 .row {
    padding: 6% 25% 5% 2%;
    background: #f4f3f1 url("/_ui/common/images/error-stock-photo.png") no-repeat;
    background-size: 240px;
    background-position: 107% 90px;
  }

  .error__404 .row>h3:first-of-type {
    width: 50%;
    float: left;
  }
}

@media (min-width: 991px) {
  .error__404 .row {
    background-position: 97% 90px;
    padding: 8% 30% 8% 8%;
  }
}

@media (min-width: 9999px) {
  .error__404 .row {
    background-position: 90% 90px;
  }
}

.error__404 .row h1 {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 20px 180px 20px 30px;
  min-height: 230px;
  background: #f4f3f1 url("/_ui/common/images/error-stock-photo.png") no-repeat;
  background-size: contain;
  background-position: 90% 30px;
}

@media (min-width: 992px) {
  .error__404 .row h1 {
    background: none;
    min-height: 0;
    padding: 0;
    padding-bottom: 40px;
    font-size: 40px;
    border-bottom: 2px dashed #eae7e3;
    display: inline-block;
    margin-left: 20px;
  }
}

@media (min-width: 991px) {
  .error__404 .row h1 {
    font-size: 45px;
  }
}

.error__404 .row h3,
.error__404 .row ul,
.error__404 .row a {
  margin-left: 20px;
}

.error__404 .row a {
  padding: 10px 0 20px;
  display: block;
}

.error__404 .row a:before {
  font-family: 'icomoon';
  font-size: 24px;
  content: '\e625';
  color: #7b7670;
  margin-right: 20px;
  float: left;
}

.error__404 .row a:last-child:before {
  content: '\e626';
}

.error__404 .row a:hover {
  text-decoration: none;
}

.error__404 .row ul {
  padding-bottom: 20px;
  border-bottom: 2px dashed #eae7e3;
  width: 88%;
}

@media (min-width: 992px) {
  .error__404 .row ul {
    width: 50%;
    float: left;
    margin-top: 13px;
    border-bottom: none;
  }

  .error__404 .row ul li {
    width: 80%;
  }
}

.error__404 .row ul li {
  margin-bottom: 8px;
}

.error__404 .row ul a {
  margin-left: 0;
  padding: 0;
  display: inline;
}

.error__404 .row ul a:last-child:before {
  content: '';
  margin-right: 0;
}

.page-site-map h1 {
  margin-bottom: 30px;
}

.page-site-map .row__cms li {
  list-style-type: none;
}

.page-site-map .row__cms ul {
  padding: 0;
}

.page-site-map .row__cms .level-0-item>a {
  color: #32302e;
  font-size: 18px;
  display: block;
  font-weight: 900;
  padding: 20px 0;
  border-bottom: 1px solid #eae7e3;
  margin-bottom: 10px;
}

.page-site-map .row__cms .level-1-container .container {
  padding: 0;
  width: auto;
}

.page-site-map .row__cms .level-1-container li {
  margin-bottom: 5px;
}

.page-site-map .row__cms .level-1-container .level-1-item {
  margin-bottom: 15px;
}

.page-site-map .row__cms .level-1-item>a {
  color: #32302e;
  font-weight: 900;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}

.page-site-map .row__cms .level-2-list a {
  color: #7b7670;
  font-size: 12px;
}

.page-site-map .col__cms .half-height {
  margin: 0;
}

@media (min-width: 992px) {
  .page-site-map .col__cms:first-child {
    width: 20%;
    margin-right: 5%;
  }
}

.page-site-map .col__cms:first-child .level-0-item {
  background: #eae7e3;
  padding: 0 20px;
  display: block;
}

.page-site-map .col__cms:first-child .container {
  background: #eae7e3;
}

.registration-complete__buttons .btn-container:first-child {
  margin-bottom: 30px;
  margin-top: 10px;
}

.registration-complete__buttons .btn-container:last-child {
  margin-bottom: 20px;
}

.registration-complete__buttons hr {
  border-color: #eae7e3;
}

.registration-complete__buttons .alert-success {
  margin-bottom: 30px;
}

.supergroup-title h1 {
  margin-top: 10px;
}

.supergroup-content .read-more {
  border: none;
  margin-top: 0;
}

.od-address span {
  display: block;
}

.odCarousel__items {
  padding: 0 25px;
}

.odCarousel__item {
  float: left;
}

.odCarousel--primeDealsProducts [class*='block-grid-'] {
  margin: 0;
}

.odCarousel--primeDealsProducts .block-grid-item {
  padding: 0;
}

.odCarousel--primeDealsProducts .plp-item__image {
  padding-left: 0;
}

@media (max-width: 479px) {
  .odCarousel--primeDealsProducts .odCarousel__item:nth-of-type(1n+2) {
    display: none;
  }
}

@media (min-width: 480px) {
  .odCarousel--primeDealsProducts .odCarousel__item:nth-of-type(1n+4) {
    display: none;
  }
}

.odCarousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.odCarousel .slick-slider .slick-track,
.odCarousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.odCarousel .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.odCarousel .slick-list:focus {
  outline: none;
}

.odCarousel .slick-list.dragging {
  cursor: pointer;
}

.odCarousel .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.odCarousel .slick-track:before,
.odCarousel .slick-track:after {
  content: '';
  display: table;
}

.odCarousel .slick-track:after {
  clear: both;
}

.slick-loading .odCarousel .slick-track {
  visibility: hidden;
}

.odCarousel .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir='rtl'] .odCarousel .slick-slide {
  float: right;
}

.odCarousel .slick-slide img {
  display: block;
}

.odCarousel .slick-slide.slick-loading img {
  display: none;
}

.odCarousel .slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .odCarousel .slick-slide {
  visibility: hidden;
}

.slick-vertical .odCarousel .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.odCarousel .slick-initialized .slick-slide {
  display: block;
  padding-right: 0;
}

.odCarousel .slick-disabled {
  opacity: .25;
}

.odCarousel .slick-hidden {
  display: none;
}

.odCarousel .slick-arrow {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.odCarousel .slick-prev,
.odCarousel .slick-next {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.odCarousel .slick-prev:hover,
.odCarousel .slick-prev:focus,
.odCarousel .slick-next:hover,
.odCarousel .slick-next:focus {
  background: transparent;
  color: transparent;
  outline: none;
}

.odCarousel .slick-prev:before,
.odCarousel .slick-next:before {
  font-size: 18px;
  line-height: 1;
  color: #09f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.odCarousel .slick-prev {
  left: -10px;
}

.odCarousel .slick-prev:before {
  content: "";
}

.odCarousel .slick-next {
  right: -10px;
}

.odCarousel .slick-next:before {
  content: "";
}