@import "style-ie.1.css";
.js-hero-carousel.owl-carousel .owl-item img,
.js-hero-carousel.carousel .owl-item img {
  max-width: 100%;
}

.owl-carousel .owl-nav.disabled,
.carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-dots,
.carousel .owl-dots {
  text-align: center;
  margin-top: 10px;
}

@media (min-width: 1280px) {
  .owl-carousel .owl-dots,
  .carousel .owl-dots {
    display: none !important;
  }
}

.owl-carousel .owl-dot,
.carousel .owl-dot {
  cursor: pointer;
  width: 26px;
  height: 26px;
  padding: 3px 3px;
  display: inline-block;
}

.owl-carousel .owl-dot span,
.carousel .owl-dot span {
  display: block;
  width: 20px;
  height: 20px;
  background: #929292;
  border-radius: 50px;
}

.owl-carousel .owl-dot.active span,
.carousel .owl-dot.active span {
  background: #32374b;
}

.owl-carousel .owl-nav .owl-prev,
.carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.carousel .owl-nav .owl-next,
.owl-carousel .owl-dot,
.carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav .owl-prev.disabled,
.carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled,
.carousel .owl-nav .owl-next.disabled {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.owl-carousel.owl-loading,
.carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden,
.carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item,
.carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item,
.carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab,
.carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl,
.carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item,
.carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.rating--flexible {
  float: left;
  display: inline-block;
}

@media (min-width: 1279px) {
  .rating--flexible {
    margin-left: 0px;
  }
}

.rating:before,
.rating:after {
  content: " ";
  display: table;
}

.rating:after {
  clear: both;
}

.rating:before,
.rating:after {
  content: " ";
  display: table;
}

.rating:after {
  clear: both;
}

.rating .reviews-number {
  float: left;
  display: inline-block;
  font-size: 14px;
}

.rating .rating-stars {
  float: left;
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  letter-spacing: 50px;
}

.product-grid .rating .rating-stars {
  float: none;
  margin: 0 auto;
  display: inline-block;
}

@media (max-width: 767px) {
  .rating .rating-stars {
    font-size: 16px;
  }

  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }

  .rating .rating-stars:after {
    clear: both;
  }

  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }

  .rating .rating-stars:after {
    clear: both;
  }
}

.rating .rating-stars span {
  color: #dee3e8;
  overflow: hidden;
  position: static;
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  margin: 0 0.1em;
  font-size: 14px;
}

.rating .rating-stars span.fh {
  width: 6px;
  margin-right: 0;
}

.rating .rating-stars span.lh {
  width: 6px;
  text-indent: -6px;
  margin-left: 0;
}

.rating .rating-stars span.active {
  color: #32374b;
}

.rating.rating__tab-top span.fh {
  width: 9.5px;
}

.rating.rating__tab-top span.lh {
  width: 9.5px;
  text-indent: -9.5px;
}

.rating.rating-set .rating-stars {
  cursor: pointer;
}

.rating__tab-top {
  padding-left: 0;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
}

.rating__tab-stars {
  float: none;
  display: inline-block;
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.rating__tab-stars span.glyphicon {
  float: none;
  display: inline-block;
  width: 19px;
  height: 19px;
  font-size: 20px;
}

.rating__average-number {
  float: none;
  display: inline-block;
  margin: 5px 0 10px;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}

.rating__average-number div {
  margin-top: 5px;
}

.rating__review-entry {
  margin: 10px 0 20px;
  display: inline-block;
  width: 100%;
}

.recsBlockRating .rating {
  background: url(../images/rating-stars.png) no-repeat 0 0;
  width: 75px;
  display: inline-block;
  height: 15px;
}

.rating.star00 {
  background-position: 0 3px;
}

.rating.star01 {
  background-position: 0 3px;
}

.rating.star02 {
  background-position: 0 3px;
}

.rating.star03 {
  background-position: 0 3px;
}

.rating.star04 {
  background-position: 0 3px;
}

.rating.star05 {
  background-position: 0 -14px;
}

.rating.star06 {
  background-position: 0 -14px;
}

.rating.star07 {
  background-position: 0 -14px;
}

.rating.star08 {
  background-position: 0 -14px;
}

.rating.star09 {
  background-position: 0 -14px;
}

.rating.star10 {
  background-position: 0 -30px;
}

.rating.star11 {
  background-position: 0 -30px;
}

.rating.star12 {
  background-position: 0 -30px;
}

.rating.star13 {
  background-position: 0 -30px;
}

.rating.star14 {
  background-position: 0 -30px;
}

.rating.star15 {
  background-position: 0 -46px;
}

.rating.star16 {
  background-position: 0 -46px;
}

.rating.star17 {
  background-position: 0 -46px;
}

.rating.star18 {
  background-position: 0 -46px;
}

.rating.star19 {
  background-position: 0 -46px;
}

.rating.star20 {
  background-position: 0 -62px;
}

.rating.star21 {
  background-position: 0 -62px;
}

.rating.star22 {
  background-position: 0 -62px;
}

.rating.star23 {
  background-position: 0 -62px;
}

.rating.star24 {
  background-position: 0 -62px;
}

.rating.star25 {
  background-position: 0 -78px;
}

.rating.star26 {
  background-position: 0 -78px;
}

.rating.star27 {
  background-position: 0 -78px;
}

.rating.star28 {
  background-position: 0 -78px;
}

.rating.star29 {
  background-position: 0 -78px;
}

.rating.star30 {
  background-position: 0 -94px;
}

.rating.star31 {
  background-position: 0 -94px;
}

.rating.star32 {
  background-position: 0 -94px;
}

.rating.star33 {
  background-position: 0 -94px;
}

.rating.star34 {
  background-position: 0 -94px;
}

.rating.star35 {
  background-position: 0 -110px;
}

.rating.star36 {
  background-position: 0 -110px;
}

.rating.star37 {
  background-position: 0 -110px;
}

.rating.star38 {
  background-position: 0 -110px;
}

.rating.star39 {
  background-position: 0 -110px;
}

.rating.star40 {
  background-position: 0 -126px;
}

.rating.star41 {
  background-position: 0 -126px;
}

.rating.star42 {
  background-position: 0 -126px;
}

.rating.star43 {
  background-position: 0 -126px;
}

.rating.star44 {
  background-position: 0 -126px;
}

.rating.star45 {
  background-position: 0 -142px;
}

.rating.star46 {
  background-position: 0 -142px;
}

.rating.star47 {
  background-position: 0 -142px;
}

.rating.star48 {
  background-position: 0 -142px;
}

.rating.star49 {
  background-position: 0 -142px;
}

.rating.star50 {
  background-position: 0 -158px;
}

.rating.startab00 {
  background-position: 35px 6px;
}

.rating.startab05 {
  background-position: 35px -17px;
}

.rating.startab10 {
  background-position: 35px -40px;
}

.rating.startab15 {
  background-position: 35px -63px;
}

.rating.startab20 {
  background-position: 35px -86px;
}

.rating.startab25 {
  background-position: 35px -109px;
}

.rating.startab30 {
  background-position: 35px -132px;
}

.rating.startab35 {
  background-position: 35px -155px;
}

.rating.startab40 {
  background-position: 35px -178px;
}

.rating.startab45 {
  background-position: 35px -201px;
}

.rating.startab50 {
  background-position: 35px -224px;
}

.price del {
  color: #000;
  font-weight: bold;
}

.price ins {
  text-decoration: none;
}

.price.msrp {
  color: #666;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing .price--main {
    width: 100%;
    display: inline-block;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing .price--field.unit,
  .product-listing .price--field.vat {
    width: auto;
  }
}

.roundel {
  width: 56px;
  height: 56px;
  line-height: 1.2em;
  text-align: center;
  color: #fff;
  background: #f2243f;
  position: absolute;
  right: 20px;
  top: -15px;
  display: table;
  z-index: 2;
}

.product-grid .roundel {
  display: none;
}

.product-image .roundel {
  top: 0;
}

.roundel--grid {
  display: none;
}

.product-grid .roundel--grid {
  display: table;
  right: 10px;
  top: 0;
}

@media (max-width: 767px) {
  .roundel {
    right: 10px;
  }
}

.roundel__text {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  font-weight: 600;
}

.roundel__text--savings-percentage {
  font-size: 18px;
}

[data-lang="nl"] .roundel__text--savings-percentage {
  font-size: 17px;
}

[data-lang="pt"] .roundel__text--savings-percentage {
  font-size: 12px;
}

.roundel__text--savings-percentage2 {
  font-size: 15px;
}

[data-lang="pt"] .roundel__text--savings-percentage2 {
  font-size: 12px;
}

.roundel__text--savings-price {
  font-size: 14px;
}

[data-lang="fr"] .roundel__text--savings-price {
  font-size: 12px;
}

[data-lang="pt"] .roundel__text--savings-price {
  font-size: 13px;
}

.roundel__text--savings-price-break {
  font-size: 14px;
}

.roundel__text--product-flash-top,
.roundel__text--product-flash-middle,
.roundel__text--product-flash-bottom {
  background: #32374b;
  text-transform: uppercase;
  display: block;
  line-height: 0.8;
}

.roundel__text--product-flash-middle:before,
.roundel__text--product-flash-bottom:before {
  content: "";
  position: absolute;
  background-color: #f2243f;
  z-index: 0;
}

[data-lang="en"] .roundel__text--product-flash-top,
[data-lang="nl"] .roundel__text--product-flash-top {
  padding: 5px 0px 2px;
  font-size: 10px;
}

[data-lang="fr"] .roundel__text--product-flash-top {
  padding-top: 3px;
  font-size: 22px;
}

[data-lang="de"] .roundel__text--product-flash-top {
  padding-top: 5px;
  font-size: 16px;
}

[data-lang="en"] .roundel__text--product-flash-middle,
[data-lang="nl"] .roundel__text--product-flash-middle {
  font-size: 22px;
}

[data-lang="en"] .roundel__text--product-flash-middle:before,
[data-lang="nl"] .roundel__text--product-flash-middle:before {
  width: 48px;
  height: 3px;
  left: 4px;
  bottom: 19px;
}

[data-lang="fr"] .roundel__text--product-flash-middle {
  font-size: 9px;
  padding-top: 2px;
}

[data-lang="de"] .roundel__text--product-flash-middle {
  font-size: 15px;
  padding-top: 3px;
}

[data-lang="de"] .roundel__text--product-flash-middle:before {
  width: 50px;
  height: 2px;
  left: 3px;
  bottom: 20px;
}

.roundel__text--product-flash-bottom:after {
  content: "";
  width: 51.777777%;
  padding-bottom: 25.777777%;
  position: absolute;
  top: 56px;
  left: 0;
  transform-origin: 0 0;
  transform: rotate(-15deg) skewX(60.2deg);
  background-color: inherit;
  z-index: -1;
}

[data-lang="en"] .roundel__text--product-flash-bottom,
[data-lang="nl"] .roundel__text--product-flash-bottom {
  padding: 8px 0px 2px;
  font-size: 18px;
  z-index: 1;
}

[data-lang="fr"] .roundel__text--product-flash-bottom {
  padding: 1px 0px 5px;
  font-size: 25px;
  z-index: 1;
}

[data-lang="fr"] .roundel__text--product-flash-bottom:before {
  width: 44px;
  height: 4px;
  left: 6px;
  bottom: 1px;
}

[data-lang="de"] .roundel__text--product-flash-bottom {
  padding: 9px 0px 2px;
  font-size: 16px;
  z-index: 1;
}

.product-listing {
  padding-left: 0;
  list-style: none;
}

.product-listing__container {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
}

@media (min-width: 1280px) {
  .product-listing__container {
    float: left;
    width: 81.25%;
  }
}

.product-listing__container .blue-heading--primary {
  margin-top: 0;
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}

.product-listing__container--brandbanner {
  background-color: #ededed;
  position: relative;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .product-listing__container--brandbanner {
    padding-right: 20px;
  }
}

.product-listing__container--brandbanner p {
  font-size: 14px;
}

.product-listing__container--categorybanner {
  margin-bottom: 10px;
}

.product-listing__container--brand {
  background-color: #ededed;
  position: relative;
  padding: 10px 20% 10px 20px;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .product-listing__container--brand {
    padding-right: 20px;
  }
}

.product-listing__container--brand .brand-image {
  position: absolute;
  top: 35%;
  right: 20px;
}

@media (max-width: 639px) {
  .product-listing__container--brand .brand-image {
    position: static;
    margin-bottom: 20px;
  }
}

.product-listing__container--brand p {
  font-size: 14px;
}

.product-listing__container--brand h1.blue-heading--primary {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;
}

.product-listing__pagination {
  background-color: #ededed;
  display: inline-block;
  width: 100%;
}

.product-listing__pagination--flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing__pagination--flex {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }

  .product-listing__pagination--flex .btn--jumbo {
    padding: 10px 20px;
  }
}

.product-listing__pagination .results {
  background-color: #ededed;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.product-listing__pagination .results .blue-heading {
  display: inline-block;
  color: #32374b;
  margin: 10px 0;
  font-weight: normal;
}

.product-listing__pagination .results .blue-heading b {
  font-weight: 600;
}

@media (max-width: 767px) {
  .product-listing__pagination .results {
    padding: 10px;
    background-color: #32374b;
    text-align: right;
  }

  .product-listing__pagination .results .blue-heading {
    font-size: 16px;
    color: white;
    margin: 0;
  }
}

.product-listing__pagination .results-per-page {
  float: left;
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 639px) {
  .product-listing__pagination .results-per-page {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .product-listing__pagination .results-per-page {
    display: none !important;
  }
}

.product-listing__pagination .pagination-action {
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing__pagination .pagination-action {
    margin: 0 0 0 10px;
    background-color: #32374b;
    color: white;
    padding: 10px 20px;
    text-transform: uppercase;
    line-height: 23.9333px;
    font-size: 14px;
  }
}

.product-listing .product-item__container {
  display: inline-block;
  position: relative;
  width: 100%;
}

.product-listing .product-item .addtocart-component .product-code {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.product-listing .shop-now {
  display: none;
}

.product-listing .promo {
  color: #3e5983;
  margin-bottom: 10px;
}

a.product-listing .promo:hover {
  color: #2e4160;
}

.product-listing a.name {
  display: inline-block;
  margin: 0 0 5px;
  color: inherit;
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 768px) {
  .product-listing a.name {
    font-size: 22px;
  }
}

.product-listing .description {
  margin: 0 0 10px;
}

.product-listing .thumb {
  position: relative;
}

.product-listing .thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.product-listing .product-price {
  margin: 10px 0 20px;
}

.product-listing .product-price .product-brand-logo {
  margin-right: 10px;
  max-height: 25px;
  overflow: hidden;
}

.product-listing .product-price .product-brand-logo img {
  max-width: 46px;
}

.product-listing .product-price .from-field {
  font-size: 14px;
}

.product-listing .product-price .product-listing-price {
  display: inline-block;
  width: 100%;
}

.product-listing .product-price .price,
.product-listing .product-price .product-list-sales-price {
  color: #f2243f;
  font-size: 30px;
  line-height: 1.3;
  font-weight: bold;
}

@media (max-width: 1279px) {
  .product-listing .product-price .price,
  .product-listing .product-price .product-list-sales-price {
    font-size: 22px;
  }
}

.product-listing .product-price .price--field,
.product-listing .product-price .product-list-sales-price--field {
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  color: #32374b;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing .product-price .price--field,
  .product-listing .product-price .product-list-sales-price--field {
    width: 100%;
    margin: 0;
  }
}

.product-listing .product-price .price--field.vat,
.product-listing .product-price .product-list-sales-price--field.vat {
  color: #32374b;
}

@media (min-width: 768px) {
  .product-listing .product-price .price--field,
  .product-listing .product-price .product-list-sales-price--field {
    margin: 0;
    width: 100%;
    display: inline-block;
    float: left;
  }
}

.product-listing .product-price .price--field.unit,
.product-listing .product-price .product-list-sales-price--field.unit {
  color: #32374b;
}

.product-listing .product-price .price--field.unit b,
.product-listing .product-price .product-list-sales-price--field.unit b {
  font-weight: normal;
  font-weight: bold;
}

.product-listing .addtocart-component {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .product-listing .addtocart-component {
    float: left;
    width: 50%;
  }
}

@media (max-width: 767px) {
  .product-listing .addtocart-component {
    margin-top: 15px;
    float: right;
  }
}

.product-listing .addtocart-component .reduced-prices {
  font-size: 16px;
  padding: 10px;
  margin-bottom: 0;
  font-weight: 600;
}

.product-listing .addtocart-component .reduced-prices .table {
  background-color: white;
}

.product-listing .addtocart-component .reduced-prices .table th {
  font-size: 16px;
  padding: 5px 5px 0;
  border-bottom: 0;
}

.product-listing .addtocart-component .reduced-prices .table td {
  font-size: 16px;
  border-top: 0;
  padding-top: 0;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing .addtocart-component .reduced-prices .table th,
  .product-listing .addtocart-component .reduced-prices .table td {
    font-size: 14px;
  }
}

.product-listing.product-list .product-pod {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.product-listing.product-list .product-image {
  float: left;
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 210px;
  text-align: center;
  padding-left: 0;
}

@media (min-width: 640px) {
  .product-listing.product-list .product-image {
    float: left;
    width: 25%;
  }
}

.product-listing.product-list .product-image .icon {
  display: inherit;
  margin-top: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-list .product-image {
    height: auto;
  }
}

.product-listing.product-list .product-name {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .product-listing.product-list .product-name {
    float: left;
    width: 100%;
  }
}

.product-listing.product-list .product-name .product-brand-logo img {
  max-width: 46px;
}

.product-listing.product-list .product-item {
  padding: 10px 0 10px;
  border-bottom: 1px solid #32374b;
}

.product-listing.product-list .product-item:last-child {
  border-bottom: none;
}

.product-listing.product-list .product-item:before,
.product-listing.product-list .product-item:after {
  content: " ";
  display: table;
}

.product-listing.product-list .product-item:after {
  clear: both;
}

.product-listing.product-list .product-item:before,
.product-listing.product-list .product-item:after {
  content: " ";
  display: table;
}

.product-listing.product-list .product-item:after {
  clear: both;
}

.product-listing.product-list .product-item .product-code {
  display: inline-block;
  margin-top: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-list .product-item .product-code {
    font-size: 14px;
    width: 100%;
  }
}

.product-listing.product-list .product-item__variants {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

@media (min-width: 768px) {
  .product-listing.product-list .product-item__variants {
    float: left;
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-list .product-item__variants {
    padding: 0;
  }

  .product-listing.product-list .product-item__variants .btn--bag-icon {
    display: none;
  }
}

.product-listing.product-list .product-item + .product-item {
  margin-top: 10px;
}

.product-listing.product-list .thumb {
  float: left;
  display: block;
  width: 100%;
}

.product-listing.product-list .product-price {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.product-listing.product-list .product-price .product-brand-logo {
  float: left;
}

@media (max-width: 767px) {
  .product-listing.product-list .product-price {
    float: right;
  }

  .product-listing.product-list .product-price--variants {
    padding: 0;
  }

  .product-listing.product-list .product-price--variants + .addtocart-component {
    padding: 0;
  }

  .product-listing.product-list .product-price .price--field.vat {
    color: #f2243f;
  }

  .product-listing.product-list .product-price .price--field.vat,
  .product-listing.product-list .product-price .prod-availability-msg {
    font-size: 14px;
  }

  .product-listing.product-list .product-price .product-list-sales-price {
    font-size: 18px;
  }
}

@media (min-width: 640px) {
  .product-listing.product-list .product-price {
    float: left;
    width: 25%;
  }
}

.product-listing.product-list .addtocart {
  float: left;
  width: 83.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
}

@media (max-width: 767px) {
  .product-listing.product-list .addtocart {
    float: right;
    margin-top: 15px;
  }
}

@media (min-width: 768px) {
  .product-listing.product-list .addtocart {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .product-listing.product-list .addtocart {
    float: left;
    width: 41.66666667%;
  }
}

.page-productDetails .product-listing.product-list .addtocart {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
}

@media (min-width: 768px) {
  .page-productDetails .product-listing.product-list .addtocart {
    float: left;
    width: 41.66666667%;
  }
}

.addtocart-component .product-listing.product-list .addtocart {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .addtocart-component .product-listing.product-list .addtocart {
    float: left;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .product-listing.product-list .addtocart {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

@media (max-width: 639px) {
  .product-listing.product-list .price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}

.product-listing.product-list .addtocart-component.reduced .addtocart {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  margin-top: 0;
}

.product-listing.product-list .grid-line .grid-line-brand {
  display: block;
  min-height: 30px;
}

.product-listing.product-list .available-message .prod-availability-msg {
  font-size: 16px;
}

.product-listing.product-list .product-details .reduced-prices,
.product-listing.product-list .recommendations__price--was.recsBlockPriceWas {
  display: none;
}

.product-listing.product-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 100%;
}

.product-listing.product-grid .product-pod .row--mobile {
  padding-bottom: 10px;
}

.ie-9 .product-listing.product-grid .product-pod .row--mobile {
  display: inline-block;
  width: 100%;
}

.product-listing.product-grid .product-pod > .row {
  padding-bottom: 40px;
}

.product-listing.product-grid .available-message {
  min-height: 46px;
}

.product-listing.product-grid .available-message .prod-availability-msg {
  font-size: 16px;
}

.product-listing.product-grid .shop-now {
  display: inline-block;
  padding: 10px 0px;
}

.product-listing.product-grid .shop-now .btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.product-listing.product-grid .shop-now .btn:hover {
  background-color: #32374b;
}

.product-listing.product-grid .shop-now .btn--long {
  width: 100%;
  height: 40px;
  line-height: 28px;
  background-color: #32374b;
}

.product-listing.product-grid .atb-qty label {
  display: none;
}

.product-listing.product-grid .atb-qty .atb-qty__input {
  display: none;
}

.product-listing.product-grid .atb-qty .btn--bag-icon {
  display: none;
}

.product-listing.product-grid .product-code {
  font-size: 14px;
  text-align: right;
  height: 17px;
}

.product-listing.product-grid .product-item {
  padding: 10px;
  border-top: 2px solid #ededed;
}

.product-listing.product-grid .product-item__container {
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-grid .product-item {
    width: 100%;
  }
}

.product-listing.product-grid .addtocart-component {
  width: 100%;
}

.product-listing.product-grid .addtocart-component .btn--bag {
  width: 100%;
}

[data-lang="pt"] .product-listing.product-grid .addtocart-component .btn--bag {
  font-size: 16px;
  padding: 8px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-listing.product-grid .addtocart-component .btn--bag {
    font-size: 18px;
  }
}

.product-listing.product-grid .addtocart-component .reduced-prices {
  display: none;
}

.product-listing.product-grid .product-list-sales-price--pack .price--field.unit > span {
  display: none;
}

.product-listing.product-grid .thumb {
  display: inline-block;
  float: none;
  text-align: center;
  height: 200px;
}

.product-listing.product-grid .product-image {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
  max-height: 200px;
}

@media (min-width: 768px) {
  .product-listing.product-grid .product-image {
    float: left;
    width: 100%;
  }
}

.product-listing.product-grid .product-name {
  width: 100%;
  height: 85px;
  overflow: hidden;
  margin-bottom: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-grid .product-name {
    height: auto;
  }
}

.product-listing.product-grid .product-name a.name {
  font-size: 16px;
  margin-top: 10px;
}

.product-listing.product-grid .product-name--flex a.name {
  margin-top: 5px;
  text-align: left;
  font-size: 18px;
}

.product-listing.product-grid .product-name .row {
  margin: 0;
}

.product-listing.product-grid .product-name .description {
  display: none !important;
  visibility: hidden !important;
}

.product-listing.product-grid .product-name .product-brand-logo {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.product-listing.product-grid .product-name .product-brand-logo img {
  max-width: 50px;
}

.product-listing.product-grid .product-price {
  margin: 0;
  width: 100%;
  float: left;
  padding: 5px 0 0 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.product-listing.product-grid .product-price .price--field.vat {
  width: auto;
  float: none;
  color: #f2243f;
  margin-left: 5px;
  font-size: 14px;
}

.product-listing.product-grid .product-price .product-listing-price {
  min-height: 105px;
  border-top: 1px solid #32374b;
  border-bottom: 1px solid #32374b;
  padding: 5px 0px;
  margin: 5px 0px;
}

.product-listing.product-grid .product-price .product-listing-price .product-list-sales-price .from {
  font-size: 14px;
  text-align: left;
  display: block;
}

.product-listing.product-grid .product-price .product-listing-price .product-list-sales-price .from-field {
  text-align: left;
}

.product-listing.product-grid .product-price .product-listing-price .price--main,
.product-listing.product-grid .product-price .product-listing-price .price--field {
  text-align: left;
}

.product-listing.product-grid .product-price .product-listing-price .price--main {
  display: block;
}

.product-listing.product-grid .product-price .product-listing-price .price--field {
  display: initial;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-grid .product-price .product-listing-price .price--field.unit {
    display: block;
  }
}

.product-listing.product-grid .product-price .product-listing-price .price--field.from {
  color: #f2243f;
  display: flex;
  font-weight: bold;
}

.product-listing.product-grid .product-price .grid-line {
  position: relative;
  height: 25px;
  margin-bottom: 10px;
}

.product-listing.product-grid .product-price .grid-line .rating {
  float: left;
}

.product-listing.product-grid .product-price .grid-line .grid-line-brand {
  float: right;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-grid .product-price .grid-line .grid-line-brand {
    display: block !important;
  }
}

.product-listing.product-grid .product-price .grid-line .grid-line-brand .product-brand-logo {
  margin-right: 0px;
}

.product-listing.product-grid .product-details__promotion {
  min-height: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-listing.product-grid .product-details__promotion {
    width: 100%;
  }
}

.product-listing.product-grid .product-details__promotion .row {
  margin-bottom: 0px;
}

.product-listing.product-grid .details {
  min-height: 100px;
}

.product-listing.product-grid .details .name {
  margin: 0;
}

/* Quicklook Styling */

/* Quicklook Product Description */

.js-quick-look ul {
  margin-bottom: 0px;
}

.js-quick-look ul li {
  padding: 0px;
}

.js-quick-look .product-item__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.js-quick-look .product-item__container .product-quickLook-image {
  margin-right: 10px;
}

.js-quick-look .product-item__container .product-quickLook-image img {
  width: 180px;
  height: 180px;
  max-width: none;
}

.js-quick-look .product-item__container .product-description .name {
  line-height: 1.2;
  margin-bottom: 15px;
}

.js-quick-look .product-item__container .product-description .description {
  line-height: 1;
}

.js-quick-look .product-item__container .product-price {
  float: none;
  width: auto;
  padding: 0px;
  margin-bottom: 0px;
}

.js-quick-look .product-item__container .product-price .price--main {
  font-size: 36px;
  font-weight: 700;
  color: #f2243f;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}

.js-quick-look .product-item__container .product-price .price--field {
  display: content;
}

/* Quicklook Results */

.quicklook-dropdown {
  position: relative;
}

.quicklook-dropdown ul {
  height: 280px;
  overflow: auto;
  padding-right: 10px;
}

.quicklook-dropdown ul li:nth-last-child(1) .quickLook-container {
  margin-bottom: 0px;
}

.quicklook-dropdown:before,
.quicklook-dropdown:after {
  content: '';
  position: absolute;
  height: 10px;
  width: calc(100% - 15px);
}

.quicklook-dropdown:before {
  top: 0px;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.quicklook-dropdown:after {
  bottom: 0px;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.quicklook-options {
  font-weight: 600;
  margin-top: 30px;
}

.quicklook-error {
  color: #f2243f;
  font-size: 14px;
  font-weight: 700;
  display: none;
}

.quicklook-error p {
  margin-bottom: 0px;
}

.product-quickLook-item .quickLook-container {
  border: 1px solid #cccccc;
  padding: 15px;
  margin-bottom: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: .2s;
  flex: 1;
}

.product-quickLook-item .quickLook-container .product-name .description {
  margin: 0 0 5px;
  font-weight: 600;
  line-height: 1;
}

.product-quickLook-item .quickLook-container .product-name .prod-availability-msg {
  font-weight: 200;
  font-size: 14px;
}

.product-quickLook-item .quickLook-container .quicklook-price .price--main {
  font-size: 30px;
  font-weight: 700;
  color: #f2243f;
}

.product-quickLook-item .quickLook-container.active,
.product-quickLook-item .quickLook-container:hover {
  background-color: #32374B;
  cursor: pointer;
  border-color: transparent;
}

.product-quickLook-item .quickLook-container.active .product-name .description,
.product-quickLook-item .quickLook-container:hover .product-name .description,
.product-quickLook-item .quickLook-container.active .prod-availability-msg,
.product-quickLook-item .quickLook-container:hover .prod-availability-msg,
.product-quickLook-item .quickLook-container.active .price--main,
.product-quickLook-item .quickLook-container:hover .price--main {
  color: #fff;
}

.js-quicklook-more {
  margin-top: 10px;
}

.js-quicklook-more a {
  cursor: pointer;
  text-decoration: underline;
  padding-bottom: 10px;
}

.product-btn-container {
  padding: 30px 0px 10px;
  float: none;
}

/* PLP Quick Look Button */

.js-product-listing.product-list .js-quicklook-select,
.js-quicklook-select {
  display: none;
}

.js-quicklook-select {
  padding: 10px 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.js-quicklook-select a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  border: none;
  width: 120px;
}

/* Popup fixes */

.js-quicklook #cboxLoadedContent {
  height: auto !important;
}

.js-quicklook#colorbox,
.js-quicklook #cboxOverlay,
.js-quicklook #cboxWrapper {
  overflow: visible;
}

.js-quicklook #cboxContent {
  height: auto !important;
}

/* End of Quick Look CSS */

.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.search-empty .headline {
  margin-bottom: 20px;
}

.search-empty .search-suggestions {
  margin-bottom: 20px;
}

.ProductListComponent-ListPickUpInStoreAction,
.SearchResultsList-ListPickUpInStoreAction {
  display: none !important;
  visibility: hidden !important;
}

.product-category-page {
  margin-top: -10px;
}

.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}

.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}

.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component {
  margin-right: -20px;
}

.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}

.atb-qty {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  justify-content: space-around;
  width: 100%;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 10px;
}

.atb-qty label {
  font-size: 14px;
  margin-right: 3px;
  font-weight: bold;
}

.atb-qty input {
  width: 36px;
  height: 40px;
  text-align: center;
  border: 1px solid black;
}

.ie-old .atb-qty {
  display: inline-block;
}

.ie-old .atb-qty__input {
  position: relative;
  top: 3px;
  margin: 0 15px;
}

.ie-old .atb-qty .btn--bag,
.ie-old .atb-qty label,
.ie-old .atb-qty__input {
  float: left;
}

.ie-old .atb-qty label {
  position: relative;
  top: 10px;
}

.ie-old .atb-qty__input {
  top: 0;
}

/* Shared styling for Reduced Pricing */

.reduced-prices-h3 {
  font-size: 16px;
  padding: 10px;
  margin-bottom: 0;
}

/* Additional styling to bring pro blocks in line with PLP */

.product-grid .product-details,
.recommendations__item .product-details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  text-align: left;
  height: 38px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: start;
  -ms-align-items: start;
  align-items: start;
}

@media (min-width: 1024px) {
  .product-grid .product-details,
  .recommendations__item .product-details {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 17px;
  }
}

.product-grid .product-details .reduced-prices,
.recommendations__item .product-details .reduced-prices {
  height: 17px;
}

@media (max-width: 1023px) {
  .product-grid .product-details .reduced-prices,
  .recommendations__item .product-details .reduced-prices {
    margin: auto 0 0 0;
  }
}

.product-grid .product-details .reduced-prices h3,
.recommendations__item .product-details .reduced-prices h3 {
  font-size: 16px;
  padding: 10px;
  margin-bottom: 0;
  color: #f2243f;
  padding: 0px;
  margin-top: 0px;
  font-weight: 400;
  height: 17px;
}

.product-grid .product-details .product-code,
.recommendations__item .product-details .product-code {
  color: #32374b;
  font-size: 14px;
  text-align: right;
  height: 17px;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .product-grid .product-details .product-code,
  .recommendations__item .product-details .product-code {
    text-align: left !important;
    margin: auto 0 0 0;
  }
}

@media (max-width: 767px) {
  .product-listing .product-new,
  .recommendations__item .product-new {
    top: 0 !important;
    left: 0 !important;
    margin-top: 0px;
  }
}

.recommendations__price--was.recsBlockPriceWas span {
  font-weight: 700;
}

.product-price .from,
.recommendations__price .from,
.product-price .from-field,
.recommendations__price .from-field {
  height: 18px;
}

.rating {
  float: left;
}

.recommendations__item .available-message {
  min-height: 46px;
}

.recommendations__item .available-message .prod-availability-msg {
  font-size: 16px;
}

.recommendations__item .available-message img {
  display: inline-block;
}

@media (max-width: 1100px) {
  body[data-lang="nl"] .product-details {
    text-align: left;
    height: 38px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -ms-align-items: start;
    align-items: start;
  }
}

@media (max-width: 1100px) {
  body[data-lang="nl"] .product-details .reduced-prices {
    margin: auto 0 0 0;
  }
}

@media (max-width: 1100px) {
  body[data-lang="nl"] .product-details .product-code {
    text-align: left !important;
    margin: auto 0 0 0;
  }
}

.product-listing .variant-selection {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media (max-width: 639px) {
  .product-listing .variant-selection {
    position: static;
    width: 100%;
    margin-top: 20px;
    display: inline-block;
  }

  .product-listing .variant-selection .btn {
    width: 100%;
  }

  .product-listing .variant-selection .btn--show {
    width: 65%;
    float: right;
  }
}

.product-listing.product-grid .variant-selection {
  display: none;
}

.product-listing--variants {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.product-listing--variants .product-brand-logo img {
  max-width: 46px;
}

.product-listing.product-list .product-item.variant {
  background-color: #ededed;
  border-top: 1px solid #ccc;
  margin-top: 0;
}

.product-listing.product-list .product-item.variant .atb-qty {
  text-align: right;
}

.product-listing.product-list .product-item.variant .reduced-prices .table {
  background-color: transparent;
}

.product-listing.product-list .product-item.variant .reduced-prices .table th {
  font-size: 14px;
}

.product-listing.product-list .product-item.variant .addtocart-component--grey {
  padding: 0;
}

.product-facet {
  margin: 0 0 20px;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  .product-facet {
    float: left;
    width: 18.75%;
  }
}

@media (max-width: 768px) {
  .product-facet__container {
    border-width: 0;
  }
}

.product-facet a,
.product-facet span {
  font-size: 14px;
  word-wrap: break-word;
  display: inline-block;
}

.ie-old .product-facet a,
.ie-old .product-facet span {
  -ms-word-wrap: break-word;
  word-break: break-all;
}

.product-facet .remove-facet {
  display: inline-block;
  margin: 10px 10px 0;
}

.product-facet .facets-heading {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 10px 0px;
  margin: 0px 10px;
  border-top: 1px solid #32374b;
  border-bottom: 1px solid #32374b;
}

@media (max-width: 768px) {
  .product-facet .facets-heading {
    border-width: 0 0 1px 0;
  }
}

.product-facet .facet {
  padding: 0 0 10px;
  border: 1px solid white;
  border-top-width: 0;
}

.product-facet .facet:before,
.product-facet .facet:after {
  content: " ";
  display: table;
}

.product-facet .facet:after {
  clear: both;
}

.product-facet .facet:before,
.product-facet .facet:after {
  content: " ";
  display: table;
}

.product-facet .facet:after {
  clear: both;
}

.product-facet .facet .facet-name {
  padding: 15px 10px 0px 10px;
  font-weight: bold;
}

.product-facet .facet .facet-values {
  padding: 0 10px;
}

.product-facet .facet .facet-list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}

.product-facet .facet .facet-list li {
  display: inline-block;
  float: left;
  width: 100%;
}

.product-facet .facet .facet-list label {
  cursor: pointer;
  font-weight: normal;
  display: inline-block;
  float: left;
  margin: 0;
}

.product-facet .facet .facet-list .facet-checkbox {
  display: none;
}

.product-facet .facet .facet-list .facet-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  float: left;
}

.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text {
  color: #32374b;
}

.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text:before {
  background-color: #32374b;
  border: 1px solid white;
  z-index: 2;
  width: 13px;
  height: 13px;
  top: 6px;
  left: 1px;
}

.product-facet .facet .facet-list .facet-checkbox:checked + .facet-label .facet-text:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #32374b;
  background-color: white;
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
}

.product-facet .facet .facet-list .facet-checkbox:focus + .facet-label .facet-mark {
  border: 1px solid #32374b;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
}

.product-facet .facet .facet-list .facet-text {
  line-height: 25px;
  color: #32374b;
  position: relative;
  padding-left: 25px;
  width: 100%;
}

.product-facet .facet .facet-list .facet-text:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #32374b;
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
}

.product-facet .facet .facet-list .facet-text a {
  color: #32374b;
}

.product-facet .facet .facet-list.facet-list-hidden {
  display: none;
}

.product-facet .facet .facet-list.color-swatch {
  padding-left: 0;
  list-style: none;
}

.product-facet .facet .facet-list.color-swatch li {
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  margin: 0 9px 9px 0;
  position: relative;
  z-index: 1;
  float: left;
  display: inline-block;
}

.product-facet .facet .facet-list.color-swatch li:after {
  content: '';
  border: 3px solid white;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.product-facet .facet .facet-list.color-swatch li a {
  text-indent: -999em;
  display: block;
  position: relative;
  z-index: 3;
  height: 100%;
}

.product-facet .facet .facet-list.color-swatch li.swatch.white,
.product-facet .facet .facet-list.color-swatch li.swatch.blanc,
.product-facet .facet .facet-list.color-swatch li.swatch.wit,
.product-facet .facet .facet-list.color-swatch li.swatch.weidf,
.product-facet .facet .facet-list.color-swatch li.swatch.branco,
.product-facet .facet .facet-list.color-swatch li.swatch.blanco {
  background: #fff;
}

.product-facet .facet .facet-list.color-swatch li.swatch.black,
.product-facet .facet .facet-list.color-swatch li.swatch.noir,
.product-facet .facet .facet-list.color-swatch li.swatch.zwart,
.product-facet .facet .facet-list.color-swatch li.swatch.schwarz,
.product-facet .facet .facet-list.color-swatch li.swatch.preto,
.product-facet .facet .facet-list.color-swatch li.swatch.negro {
  background: #000;
}

.product-facet .facet .facet-list.color-swatch li.swatch.orange,
.product-facet .facet .facet-list.color-swatch li.swatch.oranje,
.product-facet .facet .facet-list.color-swatch li.swatch.laranja,
.product-facet .facet .facet-list.color-swatch li.swatch.naranja {
  background: #ff6600;
}

.product-facet .facet .facet-list.color-swatch li.swatch.pink,
.product-facet .facet .facet-list.color-swatch li.swatch.rose,
.product-facet .facet .facet-list.color-swatch li.swatch.roze,
.product-facet .facet .facet-list.color-swatch li.swatch.rosa {
  background: #f361b6;
}

.product-facet .facet .facet-list.color-swatch li.swatch.purple,
.product-facet .facet .facet-list.color-swatch li.swatch.violet,
.product-facet .facet .facet-list.color-swatch li.swatch.paars,
.product-facet .facet .facet-list.color-swatch li.swatch.lila,
.product-facet .facet .facet-list.color-swatch li.swatch.roxo,
.product-facet .facet .facet-list.color-swatch li.swatch.pfarpura {
  background: #9933FF;
}

.product-facet .facet .facet-list.color-swatch li.swatch.grey,
.product-facet .facet .facet-list.color-swatch li.swatch.gris,
.product-facet .facet .facet-list.color-swatch li.swatch.grijs,
.product-facet .facet .facet-list.color-swatch li.swatch.grau,
.product-facet .facet .facet-list.color-swatch li.swatch.cinza {
  background: #c0c0c0;
}

.product-facet .facet .facet-list.color-swatch li.swatch.brown,
.product-facet .facet .facet-list.color-swatch li.swatch.marron,
.product-facet .facet .facet-list.color-swatch li.swatch.bruin,
.product-facet .facet .facet-list.color-swatch li.swatch.braun,
.product-facet .facet .facet-list.color-swatch li.swatch.castanho,
.product-facet .facet .facet-list.color-swatch li.swatch.marrf3n {
  background: #996633;
}

.product-facet .facet .facet-list.color-swatch li.swatch.red,
.product-facet .facet .facet-list.color-swatch li.swatch.rouge,
.product-facet .facet .facet-list.color-swatch li.swatch.rood,
.product-facet .facet .facet-list.color-swatch li.swatch.rot,
.product-facet .facet .facet-list.color-swatch li.swatch.vermelho,
.product-facet .facet .facet-list.color-swatch li.swatch.rojo {
  background: #c62d1f;
}

.product-facet .facet .facet-list.color-swatch li.swatch.blue,
.product-facet .facet .facet-list.color-swatch li.swatch.bleu,
.product-facet .facet .facet-list.color-swatch li.swatch.blauw,
.product-facet .facet .facet-list.color-swatch li.swatch.blau,
.product-facet .facet .facet-list.color-swatch li.swatch.azul {
  background: #2459c9;
}

.product-facet .facet .facet-list.color-swatch li.swatch.yellow,
.product-facet .facet .facet-list.color-swatch li.swatch.jaune,
.product-facet .facet .facet-list.color-swatch li.swatch.geel,
.product-facet .facet .facet-list.color-swatch li.swatch.gelb,
.product-facet .facet .facet-list.color-swatch li.swatch.amarelo,
.product-facet .facet .facet-list.color-swatch li.swatch.amarillo {
  background: #e9e919;
}

.product-facet .facet .facet-list.color-swatch li.swatch.green,
.product-facet .facet .facet-list.color-swatch li.swatch.vert,
.product-facet .facet .facet-list.color-swatch li.swatch.groen,
.product-facet .facet .facet-list.color-swatch li.swatch.grfcn,
.product-facet .facet .facet-list.color-swatch li.swatch.verde {
  background: #109810;
}

.product-facet .facet .facet-list.color-swatch li.swatch.cream,
.product-facet .facet .facet-list.color-swatch li.swatch.cre8me,
.product-facet .facet .facet-list.color-swatch li.swatch.creme,
.product-facet .facet .facet-list.color-swatch li.swatch.crema {
  background: #FFFF99;
}

.product-facet .facet .facet-list.color-swatch li.swatch.beige,
.product-facet .facet .facet-list.color-swatch li.swatch.bege {
  background: #E2D6C6;
}

.product-facet .facet .facet-list.color-swatch li.swatch.multi,
.product-facet .facet .facet-list.color-swatch li.swatch.meerkleurig,
.product-facet .facet .facet-list.color-swatch li.swatch.mehrfarbig,
.product-facet .facet .facet-list.color-swatch li.swatch.multicolore,
.product-facet .facet .facet-list.color-swatch li.swatch.varios20colores,
.product-facet .facet .facet-list.color-swatch li.swatch.ve1rias20cores {
  background: url("../images/colourSwatch.png") no-repeat no-repeat 1px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.silver,
.product-facet .facet .facet-list.color-swatch li.swatch.zilver,
.product-facet .facet .facet-list.color-swatch li.swatch.silber,
.product-facet .facet .facet-list.color-swatch li.swatch.argent,
.product-facet .facet .facet-list.color-swatch li.swatch.plata,
.product-facet .facet .facet-list.color-swatch li.swatch.prata {
  background: url("../images/colourSwatch.png") no-repeat -25px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.patterned,
.product-facet .facet .facet-list.color-swatch li.swatch.decoratief,
.product-facet .facet .facet-list.color-swatch li.swatch.gemustert,
.product-facet .facet .facet-list.color-swatch li.swatch.a20motifs,
.product-facet .facet .facet-list.color-swatch li.swatch.esquema20colores,
.product-facet .facet .facet-list.color-swatch li.swatch.esquema20cores {
  background: url("../images/colourSwatch.png") no-repeat no-repeat -77px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.striped,
.product-facet .facet .facet-list.color-swatch li.swatch.gestreept,
.product-facet .facet .facet-list.color-swatch li.swatch.gestreift,
.product-facet .facet .facet-list.color-swatch li.swatch.raye9,
.product-facet .facet .facet-list.color-swatch li.swatch.a20rayas,
.product-facet .facet .facet-list.color-swatch li.swatch.listrado {
  background: url("../images/colourSwatch.png") no-repeat -49px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.clear,
.product-facet .facet .facet-list.color-swatch li.swatch.transparant,
.product-facet .facet .facet-list.color-swatch li.swatch.transparent,
.product-facet .facet .facet-list.color-swatch li.swatch.transparente {
  background: url("../images/colourSwatch.png") no-repeat -106px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.gold,
.product-facet .facet .facet-list.color-swatch li.swatch.goud,
.product-facet .facet .facet-list.color-swatch li.swatch.dore9,
.product-facet .facet .facet-list.color-swatch li.swatch.oro,
.product-facet .facet .facet-list.color-swatch li.swatch.ouro {
  background: url("../images/colourSwatch.png") no-repeat -130px 1px;
}

.product-facet .facet .facet-list.color-swatch li.swatch.copper,
.product-facet .facet .facet-list.color-swatch li.swatch.koper,
.product-facet .facet .facet-list.color-swatch li.swatch.kupfer,
.product-facet .facet .facet-list.color-swatch li.swatch.cuivre,
.product-facet .facet .facet-list.color-swatch li.swatch.cobre {
  background: url("../images/colourSwatch.png") no-repeat -157px 1px;
}

.product-facet .facet .facet-list.color-swatch li.selected {
  border-color: #32374b;
}

.product-facet .facet .more {
  display: block;
  text-align: center;
  font-weight: 600;
}

.product-facet .facet .more a {
  margin-top: 10px;
}

.product-facet .facet .less {
  display: none;
}

.product-facet .facet .facet-form {
  padding-top: 10px;
}

.product-facet .facet .facet-form-hidden {
  display: none;
}

.product-facet .facet .facet-container-hidden {
  display: none;
}

.facets-icon {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-facet {
    padding: 0;
  }

  .product-facet.active {
    position: fixed;
    right: 0;
    top: 0;
    display: inline-block !important;
    z-index: 10000;
    background-color: #eaeaea;
    width: 240px;
    height: 100%;
    overflow: auto;
  }

  .product-facet.active .facets-icon {
    display: inline-block;
    cursor: pointer;
  }

  .product-facet .facets-icon {
    width: 20px;
    height: 20px;
    float: left;
  }
}

@media (max-width: 767px) {
  .product-facet {
    padding: 0;
    margin: 0;
  }

  .product-facet.active {
    position: fixed;
    right: 0;
    top: 0;
    display: inline-block !important;
    z-index: 10000;
    background-color: #eaeaea;
    width: 240px;
    height: 100%;
    overflow: auto;
  }

  .product-facet.active .facets-icon {
    display: inline-block;
    cursor: pointer;
  }

  #colorbox .product-facet {
    display: block;
  }

  .product-facet .facets-icon {
    width: 20px;
    height: 20px;
    float: left;
  }

  .product-facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }

  .product-facet .facet .facet-name {
    background: #eee;
    cursor: pointer;
    padding: 10px;
  }

  .product-facet .facet.active .facet-values {
    display: block;
  }
}

.brand-index__container {
  width: 100%;
  padding: 0px 10px;
  text-align: center;
  float: left;
}

@media (min-width: 768px) {
  .brand-index__container {
    padding: 0px 10px;
  }
}

@media (min-width: 1024px) {
  .brand-index__container {
    padding: 0px 15px;
  }
}

@media (min-width: 1280px) {
  .brand-index__container {
    width: 81.25%;
  }
}

.brand-index__container .blue-heading--primary {
  margin: 5px 0 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .brand-index__container .blue-heading--primary {
    margin: 0 0 25px;
    font-size: 32px;
    font-weight: 700;
  }
}

.brand-index__container .blue-heading--secondary {
  margin: 25px 0;
  font-size: 24px;
}

.brand-index__container .show-facets-btn {
  margin-bottom: 25px;
  text-transform: uppercase;
}

.brand-index__list {
  padding-left: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .brand-index__list {
    margin: 0px -10px;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  .brand-index__list {
    margin: 0px -15px;
  }
}

.brand-index__item {
  width: 50%;
  padding: 0 0 0 10px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .brand-index__item {
    width: 25%;
    margin-bottom: 30px;
    padding: 0 10px;
  }

  .brand-index__item:hover .brand-index__image:after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 1024px) {
  .brand-index__item {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .brand-index__item:nth-child(odd) {
    padding: 0 10px 0 0;
  }
}

.brand-index__image {
  position: relative;
  max-height: 225px;
  max-width: 225px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .brand-index__image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: inherit;
    max-width: inherit;
    background-color: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    transition: .4s;
  }
}

.brand-index__image img {
  min-width: 140px;
  min-height: 140px;
}

@media (min-width: 768px) {
  .brand-index__image img {
    min-width: 172px;
    min-height: 172px;
  }
}

@media (min-width: 1024px) {
  .brand-index__image img {
    min-width: 225px;
    min-height: 225px;
  }
}

.brand-index__text {
  margin: 0px 0px 25px 0px;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .brand-index__text {
    padding-top: 10px;
  }
}

.brand-index__text .js-readmore {
  text-decoration: underline;
  cursor: pointer;
}

.brand-index__text.readmore {
  max-height: 100%;
}

.brand-index__category-title {
  margin: 10px 0 0;
  font-size: 14px;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .brand-index__category-title {
    margin: 20px 0 0;
    font-size: 16px;
  }
}

.brand-index__category-title:after {
  content: '\00a0>';
  display: inline;
}

.brand-index__icon {
  width: 12px;
  height: 19px;
}

.category__text {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0px 0px 25px 0px;
}

.brands__list {
  padding-left: 0;
  list-style: none;
  text-align: center;
  max-width: 80%;
  margin: 20px auto 20px;
}

.brands__list:before,
.brands__list:after {
  content: " ";
  display: table;
}

.brands__list:after {
  clear: both;
}

.brands__list:before,
.brands__list:after {
  content: " ";
  display: table;
}

.brands__list:after {
  clear: both;
}

.brands__list-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: none;
  padding: 10px;
  background-color: #ededed;
  margin-bottom: 20px;
  margin-right: 2%;
}

@media (min-width: 640px) {
  .brands__list-item {
    float: left;
    width: 48.33333333%;
  }
}

@media (min-width: 768px) {
  .brands__list-item {
    float: left;
    width: 23.33333333%;
  }
}

.brands__list-item:nth-of-type(4n) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .brands__list-item:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (max-width: 639px) {
  .brands__list-item {
    margin-right: 0;
  }
}

.brands__list-item img {
  background-color: white;
  padding: 10px;
}

.brands__list-item a {
  display: inline-block;
  padding: 10px;
}

.brands__name {
  margin-top: 10px;
  margin-bottom: 20px;
}

.brands__list-tabs {
  padding-left: 0;
  list-style: none;
  text-align: center;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.brands__list-tabs-items {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

.brands__list-tabs-items span {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  color: #32374b;
  font-size: 20px;
}

.brands__list-tabs-items span:after {
  content: '';
  width: 1px;
  height: 60%;
  position: absolute;
  top: 20%;
  right: -7px;
  background-color: #32374b;
}

.brands__list-tabs-items:last-child span:after {
  display: none;
}

.brands__list-tab-brands {
  display: inline-block;
  width: 100%;
  padding: 0 20px 20px;
}

.brands__list-tab-brands .btn {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  font-weight: 600;
}

.brands__allbrands {
  padding: 20px;
}

.brands__allbrands .blue-heading {
  font-size: 25px;
}

.brands__list-tab-header {
  font-size: 32px;
  color: #32374b;
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}

.brands__list-tab-header b {
  font-weight: normal;
  font-weight: bold;
}

.brands__list-tab-header b {
  background-color: white;
  padding: 5px 20px;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.brands__list-tab-header:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 49%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ededed;
}

.brands__tab-category {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .brands__tab-category {
    float: left;
    width: 33.33333333%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .brands__tab-category {
    text-align: center;
  }
}

.recommendations__block {
  padding: 10px 20px 20px;
  text-align: center;
  margin: 20px 0;
}

.recommendations__block:before,
.recommendations__block:after {
  content: " ";
  display: table;
}

.recommendations__block:after {
  clear: both;
}

.recommendations__block:before,
.recommendations__block:after {
  content: " ";
  display: table;
}

.recommendations__block:after {
  clear: both;
}

@media (max-width: 768px) {
  .recommendations__block {
    margin-top: 0;
  }
}

.recommendations__block .blue-heading--primary {
  font-size: 24px;
  margin: 0px;
  padding: 10px;
  background-color: #ededed;
}

.page-searchEmpty .recommendations__carousel {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ededed;
  padding-top: 10px;
  padding-bottom: 10px;
}

.recommendations__carousel .owl-next,
.recommendations__carousel .owl-prev {
  width: 20px;
  height: 40px;
  background-color: #32374b;
  color: white;
  top: 40%;
  position: absolute;
}

.recommendations__carousel .owl-next .glyphicon,
.recommendations__carousel .owl-prev .glyphicon {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 2px;
}

.recommendations__carousel .owl-next {
  right: -20px;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}

.recommendations__carousel .owl-prev {
  left: -20px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}

.recommendations__carousel .owl-prev .glyphicon {
  left: 4px;
}

@media (min-width: 768px) {
  .recsBlock6 .recommendations__carousel {
    padding: 0px 5px;
  }
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__carousel {
    padding: 0px;
  }
}

.recommendations__plaitem {
  text-align: center;
  font-size: 16px;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  float: left;
  max-height: 250px;
  width: 12.5%;
}

.recommendations__plaitem .recommendations__name {
  font-size: 12px;
  max-height: 40px;
  font-weight: 500;
  display: none;
}

.recommendations__plaitem .recommendations__price {
  min-height: 60px;
}

.recommendations__plaitem .recommendations__price .price--main {
  line-height: 1.3;
}

.recommendations__plaitem .recommendations__price--web {
  font-size: 12px;
}

.recommendations__plaitem img {
  max-width: 100px;
  max-height: 100px;
}

.recommendations__item {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 16px;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  max-height: 604px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 640px) {
  .recommendations__item {
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .recommendations__item {
    float: left;
    width: 20%;
  }
}

.recsBlock6 .recommendations__item {
  width: 50%;
}

.recsBlock6 .recommendations__item .product-energy-efficiency {
  bottom: 207px;
  height: 26px;
  top: auto !important;
}

@media (max-width: 767px) {
  .recsBlock6 .recommendations__item:nth-child(odd) {
    padding-right: 5px;
  }

  .recsBlock6 .recommendations__item:nth-child(even) {
    padding-left: 5px;
  }
}

@media (min-width: 768px) {
  .recsBlock6 .recommendations__item {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .recsBlock6 .recommendations__item .product-energy-efficiency {
    bottom: 204px;
    left: 5px !important;
  }
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__item {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .recsBlock6 .recommendations__item .product-energy-efficiency {
    bottom: 206px;
    left: 10px !important;
  }
}

@media (min-width: 768px) {
  .page-homepage .product-carousel__block div.recommendations__item {
    min-height: 528px;
  }
}

@media (min-width: 1024px) {
  .page-homepage .product-carousel__block div.recommendations__item {
    min-height: 568px;
  }
}

.page-productDetails .product-carousel__block div.recommendations__item {
  min-height: 522px;
}

@media (min-width: 768px) {
  .page-productDetails .product-carousel__block div.recommendations__item {
    min-height: 539px;
  }
}

.recommendations__item .product-new {
  top: 110px;
  left: 10px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
}

[data-lang="fr"] .recommendations__item .product-new {
  font-size: 14px;
}

.recsBlock6 .recommendations__item .product-new {
  top: 20px;
}

@media (max-width: 1023px) and (min-width: 768px) {
  .recsBlock6 .recommendations__item .product-new {
    left: 5px;
  }
}

.recommendations__item a.btn {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-size: 18px;
  width: 100%;
}

.recsBlock6 .recommendations__item a.btn {
  text-transform: none;
  font-size: 16px;
}

.page-homepage .recommendations__item a.btn {
  padding: 5px 0px;
  width: 100%;
}

.recommendations__item a.btn:hover {
  background-color: #32374b;
}

.page-homepage .recommendations__item {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .page-homepage .recommendations__item {
    float: left;
    width: 16.66666667%;
  }
}

.owl-item .recommendations__item {
  width: 100%;
}

@media (max-width: 768px) {
  .recommendations__item {
    margin-bottom: 3px;
  }
}

.recommendations__item:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.recommendations__item:last-child:after {
  display: none;
}

.page-productDetails .recommendations__item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 640px) {
  .page-productDetails .recommendations__item {
    float: left;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .page-productDetails .recommendations__item {
    float: left;
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .page-productDetails .recommendations__item {
    float: left;
    width: 50%;
  }
}

.page-productDetails .recommendations__item:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
}

.page-productDetails .recommendations--popular .recommendations__item {
  width: 100%;
}

.recommendations__image {
  max-height: 200px;
  position: relative;
  width: 100%;
}

.recommendations__image .roundel--grid {
  display: table;
  right: 0;
  top: 0;
}

.product-carousel__block .recommendations__image .product-energy-efficiency {
  left: -1px;
  bottom: 28px;
}

.recommendations__image a {
  height: 200px;
}

.recommendations__image a > img {
  display: block;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.recsBlock6 .recommendations__image {
  min-height: 145px;
}

@media (min-width: 768px) {
  .recsBlock6 .recommendations__image {
    min-height: 115px;
  }
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__image {
    min-height: 147px;
  }
}

@media (min-width: 1280px) {
  .recsBlock6 .recommendations__image {
    min-height: 190px;
  }
}

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

.recommendations__rr {
  float: left;
  min-height: 21px;
  text-align: center;
  margin-top: 5px;
}

.recommendations__rr .rating .rating-stars {
  float: none;
  display: inline-block;
}

.recsBlock6 .recommendations__rr {
  min-height: auto;
  height: 15px;
  margin: 10px 0px;
}

.recommendations__brand-image {
  float: right;
  top: 10px;
  right: 20px;
  width: auto;
  max-width: 45px !important;
}

[class*="template-pages-layout-content"] .recommendations__brand-image {
  width: auto;
  max-width: 45px;
}

.recommendations__name {
  width: 100%;
  min-height: 85px;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 768px) {
  .recommendations__name {
    height: 80px;
  }
}

.recsBlock6 .recommendations__name {
  margin-bottom: 0px;
  font-size: 0.9375em;
  min-height: auto;
  line-height: 1.2;
  height: 54px;
}

.recsBlock6 .recommendations__name p {
  margin: 0px;
  height: inherit;
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__name {
    height: 72px;
  }
}

@media (min-width: 1280px) {
  .recsBlock6 .recommendations__name {
    font-size: 1em;
    line-height: inherit;
    height: 65px;
  }
}

.recommendations__name a {
  margin: 5px 0px;
}

.brand-index__container .recommendations__name {
  font-size: 18px;
  font-weight: 600;
}

.recommendations__desc {
  color: #32374b;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}

.recommendations__price {
  margin: 5px 0px;
  border-top: 1px solid #32374b;
  border-bottom: 1px solid #32374b;
  padding: 5px 0px;
  text-align: left;
  color: #f2243f;
  min-height: 112px;
  font-size: 30px;
  display: inline-block;
  width: 100%;
  float: left;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.recsBlock6 .recommendations__price {
  border-top: 0px;
  border-bottom: 0px;
  margin: 0;
  padding: 0;
  min-height: auto;
  font-size: inherit;
}

@media (max-width: 1279px) {
  .recommendations__price {
    font-size: 22px;
  }

  .recsBlock6 .recommendations__price {
    font-size: inherit;
  }
}

.recommendations__price .from-field {
  font-size: 14px;
  font-weight: 700;
}

.recommendations__price .price--field {
  font-size: 14px;
}

.recommendations__price .price--field.vat {
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  color: #f2243f;
}

.recommendations__price .price--field.unit {
  font-weight: normal;
  display: inline;
}

.recommendations__price .price--field.unit > span {
  display: none;
}

.recommendations__price--label {
  margin: 0;
  font-size: 16px;
  min-height: 17px;
  text-align: left;
  width: 100%;
  margin-top: 5px;
  color: #f2243f;
}

.recommendations__price--web {
  margin: 0;
  font-size: 20px;
}

.recommendations__price--web span {
  font-weight: normal;
  font-size: 14px;
  margin-left: 5px;
}

.recommendations__price--web.recommendations__price--web.recsBlockPriceWeb {
  font-size: 30px;
  font-weight: 600;
}

.recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb {
  line-height: 1;
  margin: 10px 0px 15px;
  font-size: 1.5em;
}

@media (min-width: 768px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb {
    font-size: 1.375em;
  }
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb {
    font-size: 1.25em;
  }
}

@media (min-width: 1280px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb {
    font-size: 1.75em;
  }
}

.recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb span {
  display: block;
  margin-left: 0px;
}

@media (min-width: 425px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb span {
    display: inline-block;
    margin-left: 5px;
  }
}

@media (min-width: 768px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb span {
    display: block;
    margin-left: 0px;
  }
}

@media (min-width: 1024px) {
  .recsBlock6 .recommendations__price--web.recommendations__price--web.recsBlockPriceWeb span {
    display: inline-block;
    margin-left: 5px;
  }
}

.recommendations__price--was {
  margin: 0;
  color: #32374b;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: line-through;
}

.recommendations__price--was span {
  font-weight: normal;
}

.recommendations__button {
  width: 100%;
  margin-top: 10px;
}

.recsBlock6 .recommendations__button {
  margin-top: 0px;
}

.recommendations__grid-line {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

.recsBlock6 .recommendations__grid-line {
  margin-bottom: 0px;
}

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

.product-carousel__block:before,
.product-carousel__block:after {
  content: " ";
  display: table;
}

.product-carousel__block:after {
  clear: both;
}

.product-carousel__block:before,
.product-carousel__block:after {
  content: " ";
  display: table;
}

.product-carousel__block:after {
  clear: both;
}

.product-carousel__block .owl-prev,
.product-carousel__block .owl-next {
  position: absolute;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .product-carousel__block {
    padding: 20px;
  }

  .product-carousel__block .owl-prev {
    left: -20px;
  }

  .product-carousel__block .owl-next {
    right: -20px;
  }
}

.product-carousel__block .owl-item {
  background-color: white;
  padding: 0;
}

.product-carousel__block .owl-item:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.product-carousel__block .owl-item:last-child:after {
  display: none;
}

.plaRecs1 .recommendations__price--label {
  min-height: 22px;
}

.homeRecsTop,
.homeRecsBottom {
  display: none;
}

@media (min-width: 768px) {
  .homeRecsTop,
  .homeRecsBottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}

.cartRecs {
  display: none;
  width: 100%;
}

.cartRecs .cartRecsSection {
  margin-bottom: 10px;
}

.cartRecs .cartRecsSection .js-cart-recs-heading {
  background-color: #ededed;
  padding: 10px;
  font-weight: 600;
  cursor: pointer;
}

.cartRecs .cartRecsSection .cartRecsPlus,
.cartRecs .cartRecsSection .cartRecsMinus {
  width: 20px;
  height: 20px;
  float: right;
}

.cartRecs .cartRecsSection .cartRecsPlus {
  display: block;
}

.cartRecs .cartRecsSection .cartRecsMinus {
  display: none;
}

.cartRecs .cartRecsSection .js-cart-recs {
  display: none;
}

.cartRecs .cartRecsSection.js-cart-recs-selected .cartRecsPlus {
  display: none;
}

.cartRecs .cartRecsSection.js-cart-recs-selected .cartRecsMinus {
  display: block;
}

.cartRecs .cartRecsSection.js-cart-recs-selected .js-cart-recs {
  display: block;
}

.pagination-bar {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  line-height: 35px;
  padding: 10px 0 0;
}

.pagination-bar .show-facets-btn {
  text-transform: uppercase;
}

.pagination-bar .view-switcher {
  margin-top: 5px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  margin-left: -10px;
  margin-right: -10px;
}

.pagination-bar .view-switcher a.btn--switcher .switcher-icon {
  width: 20px;
  height: 20px;
  fill: #32374b;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.pagination-bar .view-switcher a.btn--switcher:hover {
  color: #32374b;
}

.pagination-bar .view-switcher a.btn--switcher.active .switcher-icon {
  fill: white;
}

.pagination-bar .view-switcher a.btn--switcher.active:hover {
  color: white;
}

.pagination-bar .pagination-container {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  border-top: 1px solid #cccccc;
  padding: 15px 0 0;
}

.pagination-bar .pagination {
  margin: 0;
}

.pagination-bar .pager {
  margin: 0;
  float: right;
}

.pagination-bar .form-group {
  margin: 0;
}

@media (min-width: 768px) {
  .pagination-bar .form-group {
    margin: 0;
  }

  .pagination-bar .form-group .form-control {
    width: 216px;
  }

  .pagination-bar .form-control {
    border: 1px solid #32374b;
  }
}

@media (min-width: 1279px) {
  .pagination-bar .sort-refine-bar {
    float: right !important;
    text-align: right;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pagination-bar .sort-refine-bar .form-group {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .pagination-bar.top .sort-refine-bar {
    clear: both;
    background-color: #ededed;
  }

  .pagination-bar.top .sort-refine-bar:before,
  .pagination-bar.top .sort-refine-bar:after {
    content: " ";
    display: table;
  }

  .pagination-bar.top .sort-refine-bar:after {
    clear: both;
  }

  .pagination-bar.top .sort-refine-bar:before,
  .pagination-bar.top .sort-refine-bar:after {
    content: " ";
    display: table;
  }

  .pagination-bar.top .sort-refine-bar:after {
    clear: both;
  }

  .pagination-bar.top .sort-refine-bar .form-group {
    width: 100%;
    float: left;
  }

  .pagination-bar.top .sort-refine-bar .form-group label {
    width: 20%;
    float: left;
    font-weight: normal;
    font-size: 14px;
  }

  .pagination-bar.top .sort-refine-bar .form-group select {
    height: 33px;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 0;
    font-size: 14px;
    width: 80%;
    float: left;
  }

  select.pagination-bar.top .sort-refine-bar .form-group select {
    height: 33px;
    line-height: 33px;
  }

  textarea.pagination-bar.top .sort-refine-bar .form-group select,
  select[multiple].pagination-bar.top .sort-refine-bar .form-group select {
    height: auto;
  }

  .pagination-bar.top .sort-refine-bar button {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
  }

  .pagination-bar.top .sort-refine-bar .btn--darkblue {
    width: 100%;
  }

  .pagination-bar.top .show-facets-btn {
    text-transform: uppercase;
    font-size: 12px;
  }
}

.pagination-bar.bottom {
  padding-bottom: 10px;
}

.pagination-bar.bottom .helper {
  display: none;
}

.pagination-bar.bottom .sort-refine-bar {
  display: none;
}

.product-listing.product-list .js-product-compare-add,
.product-listing.product-list .js-product-compare-remove {
  max-width: 100%;
}

.js-product-compare-add,
.js-product-compare-remove {
  display: none;
  color: #32374b;
  padding: 10px 0;
  align-items: center;
  width: 100%;
  cursor: pointer;
  font-size: 0.875em;
  line-height: 1;
  text-align: left;
  box-shadow: none !important;
  margin: 0 auto;
}

.page-productDetails .js-product-compare-add,
.page-productDetails .js-product-compare-remove {
  padding-bottom: 15px;
}

@media (min-width: 1280px) {
  .page-productDetails .js-product-compare-add,
  .page-productDetails .js-product-compare-remove {
    padding-bottom: 25px;
  }
}

.js-product-compare-add:hover,
.js-product-compare-remove:hover,
.js-product-compare-add-loaded:hover,
.js-product-compare-remove-loaded:hover {
  color: #32374b;
  text-decoration: underline;
}

.js-product-compare-add[disabled],
.js-product-compare-remove[disabled] {
  color: #32374b;
  opacity: 1;
}

.js-product-compare-add .prod-compare-icon,
.js-product-compare-remove .prod-compare-icon {
  height: 20px;
  width: 21px;
  margin: 0px 10px 0px auto;
}

.js-product-compare-add .prod-compare-icon + span,
.js-product-compare-remove .prod-compare-icon + span {
  margin-right: auto;
}

.js-product-compare-add .prod-compare-icon svg,
.js-product-compare-remove .prod-compare-icon svg {
  width: inherit;
  height: inherit;
}

@media (min-width: 768px) {
  body[data-lang="fr"] .product-grid .js-product-compare-add .prod-compare-icon + span {
    width: 80px;
  }

  body[data-lang="fr"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 96px;
  }
}

@media (min-width: 1024px) {
  body[data-lang="fr"] .product-grid .js-product-compare-add .prod-compare-icon + span {
    width: 150px;
  }

  body[data-lang="fr"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 180px;
  }
}

@media (min-width: 768px) {
  body[data-lang="de"] .product-grid .js-product-compare-add .prod-compare-icon + span,
  body[data-lang="de"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 90px;
  }
}

@media (min-width: 1024px) {
  body[data-lang="de"] .product-grid .js-product-compare-add .prod-compare-icon + span {
    width: 135px;
  }

  body[data-lang="de"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 140px;
  }
}

@media (min-width: 768px) {
  body[data-lang="nl"] .product-grid .js-product-compare-add .prod-compare-icon + span,
  body[data-lang="nl"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 80px;
  }
}

@media (min-width: 1024px) {
  body[data-lang="nl"] .product-grid .js-product-compare-add .prod-compare-icon + span,
  body[data-lang="nl"] .product-grid .js-product-compare-remove .prod-compare-icon + span {
    width: 150px;
  }
}

.prod-compare {
  position: relative;
  z-index: 1010;
  width: 100%;
  transition: 0.4s;
  clear: left;
  margin-bottom: 10px;
  height: 50px;
}

@media (min-width: 768px) {
  .prod-compare {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
}

.prod-compare .compare-spacer {
  height: 1px;
  display: block;
  clear: left;
}

.prod-compare.sticky,
.prod-compare.open {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  margin-bottom: 0px;
}

.prod-compare.sticky + .compare-spacer,
.prod-compare.open + .compare-spacer {
  height: 60px;
  display: block;
  clear: both;
}

@media (min-width: 768px) {
  .prod-compare.sticky,
  .prod-compare.open {
    top: auto;
  }

  .prod-compare.sticky + .compare-spacer,
  .prod-compare.open + .compare-spacer {
    display: none;
  }
}

.prod-compare.open {
  height: 454px;
  overflow-y: hidden;
}

@media (min-width: 768px) {
  .prod-compare.open {
    height: 75vh;
    overflow: auto;
  }
}

.prod-compare-bar {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 10px;
  background-color: #32374b;
  height: 50px;
}

.prod-compare-bar .prod-compare-close-bar-icon {
  display: none;
}

.prod-compare[data-items=""],
.prod-compare[data-items="0"] {
  display: none;
}

.prod-compare[data-items="1"] .js-product-compare-page {
  display: none;
}

.prod-compare[data-items="1"] .prod-compare-one-prod {
  display: none;
}

@media (min-width: 768px) {
  .prod-compare[data-items="1"] .prod-compare-one-prod {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}

.prod-compare[data-items="1"] .prod-compare-one-prod.mob {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

@media (min-width: 768px) {
  .prod-compare[data-items="1"] .prod-compare-one-prod.mob {
    display: none;
  }
}

.prod-compare[data-items="2"] .prod-compare-one-prod,
.prod-compare[data-items="3"] .prod-compare-one-prod {
  display: none;
}

.prod-compare[data-items="2"] .js-product-compare-page,
.prod-compare[data-items="3"] .js-product-compare-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.prod-compare[data-items="4"] .prod-compare-one-prod {
  display: none;
}

.prod-compare[data-items="4"] .js-product-compare-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.prod-compare[data-items="1"],
.prod-compare[data-items="2"],
.prod-compare[data-items="3"],
.prod-compare[data-items="4"] {
  display: block;
}

.prod-compare[data-items="2"] .prod-compare-bar,
.prod-compare[data-items="3"] .prod-compare-bar,
.prod-compare[data-items="4"] .prod-compare-bar {
  background-color: #00a89c;
}

.prod-compare[data-items="2"] .prod-compare-open-bar-icon,
.prod-compare[data-items="3"] .prod-compare-open-bar-icon,
.prod-compare[data-items="4"] .prod-compare-open-bar-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.prod-compare-container {
  max-width: 1220px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
}

.prod-compare-close-bar-icon,
.prod-compare-open-bar-icon {
  width: 20px !important;
  height: 18px !important;
  margin: auto 10px auto 0px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .prod-compare-close-bar-icon,
  .prod-compare-open-bar-icon {
    margin: auto 20px auto 0px;
  }
}

.prod-compare-open-bar-icon {
  transform: rotate(90deg);
}

@media (min-width: 768px) {
  .prod-compare-open-bar-icon {
    transform: rotate(-90deg);
  }
}

.prod-compare-max-prod,
.prod-compare-one-prod,
.prod-compare .js-product-compare-clear,
.prod-compare .js-product-compare-page {
  color: #ffffff;
  font-size: 0.875em;
  line-height: 1;
  font-weight: 200;
}

.prod-compare .js-product-compare-page {
  cursor: pointer;
  text-decoration: underline;
  line-height: 1.3;
  padding: 5px 0px;
}

.prod-compare-one-prod {
  padding: 7px 0px 5px;
}

.prod-compare .js-product-compare-clear {
  margin: auto 0px auto auto;
  padding-left: 10px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  text-decoration: underline;
  width: 80px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 28px;
  flex-shrink: 0;
}

.prod-compare .js-product-compare-clear span {
  margin: auto;
}

.prod-compare-max-prod {
  display: none;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .prod-compare-max-prod {
    margin-left: auto;
    position: relative;
    bottom: auto;
  }
}

.prod-compare-max-prod span {
  background-color: #00a89c;
  padding: 5px 10px;
  border-top: 1px solid #cccccc;
  border-radius: 0 0 5px 5px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .prod-compare-max-prod span {
    border-top: none;
    border-radius: 0;
    padding: 7px 10px;
  }
}

.prod-compare-max-prod.animation {
  -webkit-animation: shake 0.6s;
  animation: shake 0.6s;
}

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

@keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}

body.compare-open {
  position: relative;
  transition: 0.4s;
  overflow-y: hidden;
}

body.compare-open:after {
  content: '';
  background-color: #000000;
  opacity: 0.4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 9;
}

.prod-compare.open .prod-compare-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #cccccc;
}

.prod-compare.open .prod-compare-bar .js-product-compare-clear,
.prod-compare.open .prod-compare-bar .js-product-compare-page,
.prod-compare.open .prod-compare-bar .prod-compare-bar-max-prod,
.prod-compare.open .prod-compare-bar .prod-compare-bar-one-prod {
  color: #32374b !important;
}

.prod-compare.open .prod-compare-bar .js-product-compare-clear {
  border-color: #cccccc;
}

.prod-compare.open .prod-compare-bar .prod-compare-close-bar-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

.prod-compare.open .prod-compare-bar .prod-compare-open-bar-icon {
  display: none;
}

.prod-compare.open .js-product-compare-remove {
  display: block !important;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 auto;
}

.prod-compare-products {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 1280px;
  margin: 0 auto;
  height: calc(100% - 50px);
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  background-color: #f0f0f0;
}

@media (min-width: 768px) {
  .prod-compare-products {
    background-color: #ffffff;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .prod-compare-products > div:not(.top) .comp-container:hover .comp-data {
    background-color: #f0f0f0;
  }
}

.prod-compare-products > .js-product-item,
.prod-compare-products > .price-field {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

@media (min-width: 768px) {
  .prod-compare-products > .js-product-item,
  .prod-compare-products > .price-field {
    display: block;
  }
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container-top:nth-last-child(1),
  .prod-compare-products .comp-data:nth-last-child(1) {
    border-right: 1px solid #cccccc;
  }

  .prod-compare-products .comp-container-top:nth-child(1) {
    border-left: 1px solid #cccccc;
  }
}

.prod-compare-products .comp-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container {
    width: auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.prod-compare-products .comp-container.image .comp-container-top,
.prod-compare-products .comp-container.title .comp-container-top {
  background-color: #ffffff;
  padding: 10px 0px 10px 10px;
  border-top: 1px solid #cccccc;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .comp-container-top,
  .prod-compare-products .comp-container.title .comp-container-top {
    padding: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: none;
  }
}

.prod-compare-products .comp-container.image .comp-container-top:nth-child(1),
.prod-compare-products .comp-container.title .comp-container-top:nth-child(1) {
  border-top: none;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .product-image,
  .prod-compare-products .comp-container.title .product-image {
    text-align: center;
  }
}

.prod-compare-products .comp-container.image .product-image .item-image,
.prod-compare-products .comp-container.title .product-image .item-image {
  width: 70px;
  height: 70px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .product-image .item-image,
  .prod-compare-products .comp-container.title .product-image .item-image {
    max-width: 200px;
    width: 100%;
    height: auto;
    box-shadow: none;
    border-radius: 0px;
  }
}

.prod-compare-products .comp-container.image .product-listing,
.prod-compare-products .comp-container.title .product-listing {
  padding-top: 10px;
}

.prod-compare-products .comp-container.image .product-listing .name,
.prod-compare-products .comp-container.title .product-listing .name {
  font-size: 0.875em;
  line-height: 1.2;
  margin: 10px 0 0;
}

@media (min-width: 1024px) {
  .prod-compare-products .comp-container.image .product-listing .name,
  .prod-compare-products .comp-container.title .product-listing .name {
    margin: 0;
  }
}

.prod-compare-products .comp-container.image {
  position: sticky;
  position: -webkit-sticky;
  left: 0px;
  z-index: 1;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image {
    position: relative;
  }
}

.prod-compare-products .comp-container.image .comp-container-top {
  position: relative;
  background-color: #ffffff;
}

.prod-compare-products .comp-container.image .comp-container-top:nth-child(1) {
  margin-top: 40px;
  padding: 0px;
  border-top: none;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .comp-container-top:nth-child(1) {
    margin-top: 0px;
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .comp-container-top {
    border-right: 1px solid #cccccc;
  }
}

.prod-compare-products .comp-container.image .product-compare-remove {
  display: none;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .product-compare-remove {
    color: #32374b !important;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: 200;
    display: block;
  }
}

.prod-compare-products .comp-container.image .prod-compare-close-icon {
  cursor: pointer;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 8px;
  right: -10px;
  top: 0px;
  z-index: 1;
  border-radius: 100%;
  width: 35px;
  height: 35px;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .prod-compare-close-icon {
    position: relative;
    right: 0px;
    box-shadow: none;
    padding: 4px;
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.image .js-product-compare-remove-loaded {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 10px;
  }
}

.prod-compare-products .comp-container.title .comp-container-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  min-width: 150px;
  padding: 10px 10px 10px 15px;
  height: 91px;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.title .comp-container-top {
    height: 60px;
    min-width: auto;
    padding: 10px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}

.prod-compare-products .comp-container.title .comp-container-top .product-listing {
  padding-top: 0px;
  text-align: left;
  max-height: 80px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.title .comp-container-top .product-listing {
    text-align: center;
    max-height: 50px;
  }
}

.prod-compare-products .comp-container.title .comp-container-top .product-listing .name {
  margin-top: 0px;
}

.prod-compare-products .comp-container.title .comp-container-top:nth-child(1) {
  height: 40px;
  background-color: transparent;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.title .comp-container-top:nth-child(1) {
    height: 60px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}

.prod-compare-products .comp-container.title .comp-container-top:nth-last-child(1) {
  height: 91px;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-container.title .comp-container-top:nth-last-child(1) {
    height: 60px;
  }
}

body[data-lang="fr"] .prod-compare-products .comp-container.cart-btn .comp-name,
body[data-lang="de"] .prod-compare-products .comp-container.cart-btn .comp-name,
body[data-lang="fr"] .prod-compare-products .comp-container.cart-btn .comp-data,
body[data-lang="de"] .prod-compare-products .comp-container.cart-btn .comp-data {
  min-width: 160px;
}

body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .comp-name,
body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .comp-data {
  min-width: 230px;
}

@media (min-width: 768px) {
  body[data-lang="fr"] .prod-compare-products .comp-container.cart-btn .comp-name,
  body[data-lang="de"] .prod-compare-products .comp-container.cart-btn .comp-name,
  body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .comp-name,
  body[data-lang="fr"] .prod-compare-products .comp-container.cart-btn .comp-data,
  body[data-lang="de"] .prod-compare-products .comp-container.cart-btn .comp-data,
  body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .comp-data {
    min-width: auto;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .btn--compare {
    line-height: 1;
    margin: 0 5px;
  }
}

@media (max-width: 1279px) and (min-width: 768px) {
  body[data-lang="nl"] .prod-compare-products .comp-container.cart-btn .btn--compare {
    padding: 6px 10px 5px;
  }
}

.prod-compare-products .comp-name,
.prod-compare-products .comp-data {
  padding: 5px 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
  line-height: 1;
  min-width: 150px;
  text-align: center;
  height: 91px;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-name,
  .prod-compare-products .comp-data {
    height: 60px;
    min-width: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}

.prod-compare-products .comp-name {
  height: 40px;
  background-color: transparent;
  border-left: 1px solid #cccccc;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-name {
    background-color: #f0f0f0;
    height: 60px;
  }
}

.prod-compare-products .comp-data {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .prod-compare-products .comp-data {
    border-left: none;
    border-top: none;
    word-break: break-word;
  }
}

.prod-compare-products .comp-data .price--main {
  font-size: 24px;
  font-weight: 700;
  color: #f2243f;
}

.prod-compare-products .comp-data .price--field {
  font-size: 14px;
  margin-left: 5px;
  color: #32374b;
  display: block;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 1024px) {
  .prod-compare-products .comp-data .price--field {
    display: inline-block;
  }
}

.prod-compare-products .comp-data .product-list-sales-price {
  font-size: 1em;
}

.prod-compare .sticky {
  position: sticky;
  z-index: 25;
  top: 0;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.prod-compare-info-screen {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: calc(100% - 50px);
  opacity: 0;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  padding: 0px 20px;
}

@media (min-width: 768px) {
  .prod-compare-info-screen {
    display: none !important;
  }
}

.prod-compare-info-screen span {
  font-size: 1em;
  margin: auto auto 10px;
  color: #ffffff;
}

.prod-compare-info-screen .prod-compare-hand-icon {
  width: 80px;
  height: 80px;
  margin: 0px auto auto;
}

.prod-compare-info-screen.active {
  animation: opacity 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.prod-compare-info-screen.animate-active .prod-compare-hand-icon {
  animation: slide 3s cubic-bezier(0.66, 1, 0.66, 1) both;
  animation-iteration-count: 1;
}

@keyframes slide {
  0% {
    transform: translate3d(0px);
  }

  33% {
    transform: translate3d(30px, 0, 0);
  }

  66% {
    transform: translate3d(-30px, 0, 0);
  }

  100% {
    transform: translate3d(0px);
  }
}

.prod-compare-info-screen.non-active {
  animation: opacity-out 1s;
  animation-fill-mode: forwards;
}

@keyframes opacity-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  #btt-btn.btt-move {
    bottom: 60px;
  }
}

.cart-top-bar {
  background: #F2F4F7;
  padding: 10px;
}

.cart-top-bar a.help .glyphicon {
  color: #000;
  font-size: 1.5em;
}

.cart-top-bar .help-popup-content-holder {
  display: none;
}

.cart-restoration-bar {
  background: #F2F4F7;
  padding: 20px;
  margin-bottom: 20px;
}

.cart-restoration-bar * {
  line-height: 1.5;
}

.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}

.cart-top {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}

.cart-top__title {
  font-size: 34px;
  color: #32374b;
  width: 100%;
  display: inline-block;
  font-weight: 600;
  float: left;
  line-height: 1;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__title {
    padding: 15px 10px;
    background-color: #32374b;
    color: white;
    font-size: 16px;
    width: 100%;
  }
}

.cart-top__heading {
  width: 42%;
  margin: 0;
  padding: 10px 0 0 10px;
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__heading {
    width: 100%;
    padding: 0;
  }

  .cart-top__heading .cart-top__links {
    margin-top: 85px;
    border-top: 1px solid #eeeeee;
  }
}

.cart-top__cta {
  width: 58%;
  display: inline-block;
  padding: 25px 10px 0 0;
  text-align: right;
  float: right !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__cta {
    padding-right: 0;
    width: 100%;
    text-align: center;
  }

  .cart-top__cta .btn--green {
    position: absolute;
    top: 65px;
    left: 5%;
    width: 90%;
  }
}

.cart-top__cta .btn {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 15px;
  color: white;
  margin-left: 10px;
  font-weight: 600;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__cta .btn {
    margin: 0 0 10px;
  }
}

.cart-top__links {
  width: 100%;
  display: inline-block;
  margin: 5px 0;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__links {
    text-align: center;
  }
}

.cart-top__links a {
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
  color: #32374b;
}

@media (min-width: 768px) {
  .cart-top__links a {
    float: left;
  }
}

.cart-top__links a.separated {
  position: relative;
  margin-right: 20px;
}

.cart-top__links a.separated:after {
  content: '|';
  position: absolute;
  right: -13px;
  top: 0;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-top__links a {
    width: auto;
  }
}

.cart-bottom {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.cart-bottom .btn--green,
.cart-bottom .js-cart-age-restriction-bottom,
.cart-bottom .js-cart-age-verification-bottom {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 15px;
  color: white;
  margin-left: 10px;
  width: 290px;
  font-weight: 600;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-bottom .btn--green,
  .cart-bottom .js-cart-age-restriction-bottom,
  .cart-bottom .js-cart-age-verification-bottom {
    width: 90%;
    margin: 0 0 10px;
  }
}

.cart-items {
  background-color: #ededed;
  width: 100%;
  margin-top: 10px;
  padding: 0 10px;
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items {
    background-color: transparent;
    padding: 0;
  }
}

.cart-items .table-cell {
  padding: 30px 5px 15px;
  float: left;
  width: 10.86956522%;
  border: 1px solid #ededed;
  text-align: center;
}

.cart-items .table-cell .prod-availability-msg {
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-cell {
    width: 13.04347826%;
  }
}

.cart-items .table-cell .personalise-select {
  margin-bottom: 10px;
}

.cart-items .table-cell--flexible {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border-width: 0 1px 1px 0;
}

.cart-items .table-cell--flexible-applied {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--flexible-applied {
    float: left;
    width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--flexible-applied {
    border: none;
  }
}

.cart-items .table-cell--flexible.applied-pers-buttons {
  text-align: right;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--flexible.applied-pers-buttons {
    float: left;
    width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--flexible.applied-pers-buttons {
    border: none;
  }
}

.cart-items .table-cell--flexible.applied-pers-buttons form {
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--flexible.applied-pers-buttons form {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0;
  }
}

.cart-items .table-cell--item-row {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--item-row {
    float: left;
    width: 75%;
  }
}

.cart-items .table-cell--item-row .table-cell--item-personalised-applied {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--item-row .table-cell--item-personalised-applied {
    float: left;
    width: 55.41666667%;
  }
}

.cart-items .table-cell--item-row .table-cell--item-flexible-applied {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--item-row .table-cell--item-flexible-applied {
    float: left;
    width: 44.58333333%;
  }
}

.cart-items .table-cell--item {
  width: 45.65217391%;
  text-align: left;
  padding: 20px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-cell--item {
    width: 34.7826087%;
  }
}

.cart-items .table-cell--item-orders {
  position: relative;
  float: left;
  width: 60.83333333%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.cart-items .table-cell--item-personalised {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.cart-items .table-cell--item-flexible {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 640px) {
  .cart-items .table-cell--item-flexible {
    float: left;
    width: 33.33333333%;
  }
}

.cart-items .table-cell--item-saved {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--item-saved {
    float: left;
    width: 83.33333333%;
  }
}

.cart-items .table-cell--incvat {
  width: 56.52173913%;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-cell--incvat {
    width: 45.65217391%;
  }
}

.cart-items .table-cell--item,
.cart-items .table-cell--stock,
.cart-items .table-cell--price,
.cart-items .table-cell--qty,
.cart-items .table-cell--subtotal {
  border-width: 0 1px 1px 0;
}

.cart-items .table-cell--qty-saved {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .cart-items .table-cell--qty-saved {
    float: left;
    width: 16.66666667%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--qty-saved {
    padding-left: 27%;
  }
}

.cart-items .table-cell--qty form {
  width: 100%;
  display: inline-block;
}

.cart-items .table-cell--qty .form-control {
  width: 35px;
  display: inline-block;
  text-align: center;
  padding: 6px 0;
}

.cart-items .table-cell--qty .btn--dark {
  text-transform: uppercase;
  padding: 4px 6px;
  margin-top: 10px;
  font-size: 12px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--qty .btn--dark {
    margin: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell--qty {
    text-align: left;
  }
}

.account-orderdetail-item-section-body .cart-items .table-cell--qty {
  position: relative;
  float: left;
  width: 14.16666667%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.cart-items .table-cell--price,
.cart-items .table-cell--subtotal {
  color: #f2243f;
  font-weight: bold;
  font-size: 14px;
}

.account-orderdetail-item-section-body .cart-items .table-cell--price,
.account-orderdetail-item-section-body .cart-items .table-cell--subtotal {
  position: relative;
  float: left;
  width: 12.5%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.account-orderdetail-item-section-body .cart-items .table-cell--subtotal {
  border-width: 0 0 1px 0;
}

.cart-items .table-cell--delete {
  border-width: 0 0 1px 0;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-items .table-cell {
    padding-top: 0;
  }

  .cart-items .table-cell--price {
    display: none;
  }

  .cart-items .table-cell--item {
    width: 90%;
    border: none;
  }

  .cart-items .table-cell--qty {
    padding-left: 25%;
    border: none;
    width: 100%;
  }

  .cart-items .table-cell--qty form {
    width: auto;
    float: left;
  }

  .cart-items .table-cell--qty form .btn {
    padding: 2px 5px;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
  }

  .cart-items .table-cell--qty form .btn,
  .cart-items .table-cell--qty form .form-control {
    float: left;
  }

  .cart-items .table-cell--qty-saved {
    padding-left: 27%;
  }

  .cart-items .table-cell--delete {
    position: absolute;
    right: 0;
    border: none;
  }

  .cart-items .table-cell--subtotal {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    border: none;
  }

  .cart-items .table-cell .product-stock {
    font-size: 14px;
    display: inline-block;
    width: 100%;
  }

  .cart-items .table-cell .product-stock .stock-icon {
    padding-left: 0;
    width: auto;
    padding-right: 5px;
  }
}

.cart-items .table-head {
  display: table-cell;
  width: 10.86956522%;
  padding: 5px;
  text-align: center;
  color: #333;
  height: 40px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-head {
    width: 13.04347826%;
  }
}

.cart-items .table-head .thumb {
  width: 21.42857143%;
  display: inline-block;
  float: left;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-head .thumb {
    width: 31.25%;
  }
}

.cart-items .table-head .details {
  width: 78.57142857%;
  display: inline-block;
  float: left;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-head .details {
    width: 68.75%;
  }
}

.cart-items .table-head--item {
  text-align: left;
  width: 45.65217391%;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-head--item {
    width: 34.7826087%;
  }
}

.cart-items .table-head--incvat {
  width: 56.52173913%;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-items .table-head--incvat {
    width: 45.65217391%;
  }
}

.table-header {
  width: 100%;
  display: table;
}

.cart-totals {
  text-align: right;
  line-height: 2em;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
  margin: 30px 0;
}

@media (min-width: 768px) {
  .cart-totals {
    float: left;
    width: 41.66666667%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-totals {
    padding: 0;
  }
}

.cart-totals .cart-price {
  font-weight: bold;
}

.cart-totals .cart-delivery-text {
  color: red;
}

.cart-totals .discount {
  color: #f00;
}

.cart-totals .grand-total {
  margin-top: 5px;
  line-height: 2em;
  font-weight: 600;
  background-color: #ededed;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cart-totals__age-restriction {
  margin: 0 0 30px;
  font-size: 14px;
  clear: both;
}

.cart-totals__age-restriction .age-restriction-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 30px;
  top: -5px;
}

.cart-totals__age-restriction label {
  font-weight: normal;
}

.checkout-order-summary .cart-totals__age-restriction {
  display: none;
}

.cart-totals__input {
  text-align: right;
}

.express-checkout {
  display: inline-block;
  width: 100%;
  background-color: #ededed;
  padding: 9px;
  border-radius: 0;
  padding: 10px 20px;
  margin: 10px 0;
}

.express-checkout .headline {
  font-size: 20px;
  margin: 0 0 10px 0;
}

.express-checkout ul li {
  list-style-type: circle;
}

.cart-list {
  padding-left: 0;
  list-style: none;
  margin: 0 0 10px;
  display: inline-block;
  width: 100%;
}

.cart-list .product-item {
  position: relative;
  padding: 0 10px;
  background-color: white;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item {
    margin: 10px 0 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }

  .saved-basket-details .cart-list .product-item {
    padding: 0;
  }
}

.cart-list .product-item .order-subtitle {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 20px;
}

.cart-list .product-item--personalised {
  border-top: 2px solid #ededed;
  border-bottom: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item--personalised {
    padding-top: 20px;
  }
}

.cart-list .product-item .row--flexed {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .row--flexed {
    display: inline-block;
    width: 100%;
  }
}

.cart-list .product-item .remove-item {
  width: 23px;
  height: 30px;
  background: transparent;
  padding: 0;
  display: inline-block;
}

.cart-list .product-item .remove-item__icon {
  width: 100%;
  height: 100%;
}

.cart-list .product-item .thumb {
  float: left;
  width: 21.42857143%;
  text-align: center;
}

.cart-list .product-item .thumb img.item-image {
  width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .thumb {
    width: 25%;
  }

  .cart-list .product-item .thumb .item-image {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-list .product-item .thumb {
    width: 31.25%;
  }

  .cart-list .product-item .thumb .item-image {
    width: 100%;
  }
}

.cart-list .product-item .details {
  float: right;
  padding: 0 10px;
  display: inline-block;
  width: 78.57142857%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .details {
    width: 75%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cart-list .product-item .details {
    width: 68.75%;
  }
}

.cart-list .product-item .details .name {
  font-weight: bold;
  text-transform: uppercase;
}

.cart-list .product-item .details .item-sku {
  font-size: 14px;
  margin-top: 3px;
}

.cart-list .product-item .details .item-sku b {
  color: #32374b;
}

.cart-list .product-item .details--icons {
  width: 100%;
  display: inline-block;
  max-height: 25px;
}

.cart-list .product-item .details--icons .age-restriction-icon {
  width: 20px;
  height: 20px;
}

.cart-list .product-item .details--icons .product-brand-logo {
  overflow: hidden;
}

.cart-list .product-item .details--icons .product-brand-logo img {
  max-width: 46px;
}

.cart-list .product-item .details__icon {
  float: left;
  display: inline-block;
  margin-right: 5px;
}

.cart-list .product-item .details .promo {
  color: #3e5983;
  margin: 10px 0;
}

a.cart-list .product-item .details .promo:hover {
  color: #2e4160;
}

.cart-list .product-item .details .qty {
  line-height: 34px;
  margin: 10px 0;
}

.cart-list .product-item .details .qty:before,
.cart-list .product-item .details .qty:after {
  content: " ";
  display: table;
}

.cart-list .product-item .details .qty:after {
  clear: both;
}

.cart-list .product-item .details .qty:before,
.cart-list .product-item .details .qty:after {
  content: " ";
  display: table;
}

.cart-list .product-item .details .qty:after {
  clear: both;
}

.cart-list .product-item .details .qty label {
  float: left;
  margin-right: 10px;
}

.cart-list .product-item .details .qty input {
  float: left;
  width: 70px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}

.cart-list .product-item--personalised .details {
  float: left;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item--personalised .details--pushed {
    padding: 0;
  }
}

.cart-list .product-item .product-stock__icon {
  width: 15px;
  height: 15px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .product-stock__icon {
    position: relative;
    top: 3px;
    left: 3px;
  }
}

.cart-list .product-item .out-of-stock {
  color: #f2243f;
}

.cart-list .product-item .stock {
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .stock {
    margin-top: 5px;
  }
}

.cart-list .product-item .item-price,
.cart-list .product-item .price {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .cart-list .product-item .item-price,
  .cart-list .product-item .price {
    position: absolute;
    right: 10px;
    bottom: 27px;
    width: auto;
    color: #f2243f;
    font-weight: bold;
    margin-top: 10px;
  }

  .cart-list .product-item .item-price span,
  .cart-list .product-item .price span {
    color: #333;
    font-weight: 600;
  }
}

.cart-list .product-item .pickup {
  display: none !important;
  visibility: hidden !important;
  max-width: 350px;
  color: #32374b;
}

.cart-list .product-item .pickup:before,
.cart-list .product-item .pickup:after {
  content: " ";
  display: table;
}

.cart-list .product-item .pickup:after {
  clear: both;
}

.cart-list .product-item .pickup:before,
.cart-list .product-item .pickup:after {
  content: " ";
  display: table;
}

.cart-list .product-item .pickup:after {
  clear: both;
}

.cart-list .product-item .pickup .radio-column {
  float: left;
  margin: 0 10px;
}

.cart-list .product-item .pickup .radio-column input {
  display: block;
  float: left;
  margin: 10px 0;
}

.cart-list .product-item .pickup .radio-column label {
  width: 50px;
  display: block;
  text-align: left;
  margin: 0 0 0 20px;
  opacity: 0.5;
  cursor: pointer;
}

.cart-list .product-item .pickup .radio-column label span {
  display: block;
}

.cart-list .product-item .pickup .radio-column label .glyphicon {
  font-size: 1.5em;
}

.cart-list .product-item .pickup .radio-column input:checked + label {
  opacity: 1;
}

.cart-list .product-item .pickup .store-column {
  margin: 5px 0 5px 5px;
  float: left;
}

.cart-list .product-item .pickup .store-column .store-name {
  font-size: 14px;
}

.cart-list .product-item .pickup .actions {
  clear: both;
  margin: 10px 0 10px 120px;
}

@media (max-width: 767px) {
  .cart-list .product-item .pickup {
    margin-left: 110px;
  }
}

.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}

@media (max-width: 639px) {
  .continueShoppingButton,
  .checkoutButton {
    margin-bottom: 20px;
  }
}

.cart-info {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.cart-info__vouchers label {
  width: 100%;
  font-size: 14px;
  padding-top: 20px;
  margin-bottom: 10px;
}

.cart-info__vouchers input.form-control {
  max-width: 245px;
  float: left;
  margin-right: 10px;
  text-transform: uppercase;
}

.cart-info__vouchers .btn {
  font-weight: 600;
  text-transform: uppercase;
}

.cart-info__title {
  background-color: #32374b;
  color: white;
  font-size: 22px;
  margin-top: 0;
  padding: 15px;
}

.cart-info__p {
  font-size: 14px;
}

.cart-info__p--red {
  color: #f2243f;
  display: inline-block;
  width: 100%;
}

.cart-info__product-pod {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .cart-info__product-pod {
    float: left;
    width: 16.66666667%;
  }
}

.cart-info__product-pod .item-image {
  max-width: 100%;
}

.cart-info__product-pod .name a {
  color: #32374b;
  font-size: 16px;
  margin: 10px 0;
  display: inline-block;
}

.cart-info__product-pod .price {
  display: inline-block;
  margin: 10px 0;
  color: #f2243f;
  font-weight: bold;
}

.cart-info__product-pod .description {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #333;
  display: inline-block;
}

.js-cart-age-restriction,
.js-cart-age-restriction-bottom,
.js-cart-age-verification,
.js-cart-age-verification-bottom {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 15px;
  color: white;
  margin-left: 10px;
  background-color: #00a89c;
  font-weight: 600;
  white-space: normal;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}

.js-cart-age-restriction:hover,
.js-cart-age-restriction-bottom:hover,
.js-cart-age-verification:hover,
.js-cart-age-verification-bottom:hover,
.js-cart-age-restriction:focus,
.js-cart-age-restriction-bottom:focus,
.js-cart-age-verification:focus,
.js-cart-age-verification-bottom:focus {
  text-decoration: none;
  color: white;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-cart-age-restriction {
    margin: 0 0 10px;
    position: absolute;
    top: 65px;
    left: 5%;
    width: 90%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-cart-age-verification {
    margin: 0 0 10px;
    position: absolute;
    top: 65px;
    left: 5%;
    width: 90%;
  }
}

.ageRestrictionOverlay .form-group {
  text-align: center;
}

.ageRestrictionOverlay .form-group p {
  vertical-align: center;
}

.ageRestrictionOverlay .form-group .age-restriction-icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: 20px auto;
}

.ageRestrictionOverlay .form-group #ageRestrictionOverlayLabel {
  display: inline;
  color: #f2243f;
  font-weight: bold;
}

.ageRestrictionOverlay .form-group #checkoutButton {
  font-size: 14px;
  padding: 10px 15px;
  text-transform: uppercase;
}

.ageRestrictionOverlay .form-group .age-restriction-title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  margin-top: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ageRestrictionOverlay .form-group .age-restriction-title {
    font-size: 20px;
  }
}

.ageRestrictionOverlay .form-group .age-restriction-copy {
  font-size: 14px;
}

.age-verification-bullets {
  margin-bottom: 0px;
  margin-top: 10px;
}

.age-verification-bullets li {
  list-style: none;
  font-size: 14px;
}

.age-verification-bullets li:before {
  content: '';
  display: inline-block;
  height: 12px;
  width: 14px;
  background-image: url(https://media.nisbets.com/images/theme/green-tick-thick.svg);
  margin-right: 5px;
}

.age-verification-bullets.no-pad {
  padding: 0;
}

#ageVerificationPassForm p:before {
  content: '';
  display: inline-block;
  height: 35px;
  width: 40px;
  background-image: url(https://media.nisbets.com/images/theme/green-tick-thick.svg);
  margin-right: 5px;
  top: 10px;
  position: relative;
}

.ageverificationresponse a:not(.btn),
.ageverificationMaxAttempts a:not(.btn) {
  text-decoration: underline;
}

.age-verification {
  padding: 20px 0px 0px;
  font-weight: 400;
  clear: both;
}

.age-verification-intro {
  margin-bottom: 50px;
}

.age-verification-intro a:not(.btn) {
  text-decoration: underline;
}

.age-verification a:not(.btn) {
  text-decoration: underline;
}

.ageVerificationForm .checkout-content {
  margin-top: 30px;
}

.ageVerificationForm .has-error .help-block span {
  color: #f2243f;
}

.ageVerificationForm .has-error .help-block span a {
  color: #f2243f;
  text-decoration: underline;
}

.ageVerificationForm div[class*=dob-] {
  display: inline-block;
}

.ageVerificationForm .qas-container .btn {
  font-size: 14px;
  padding: 6px 15px 5px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
  text-transform: inherit;
}

.js-licence-container div[class*=dob-] {
  display: inline-block;
}

.js-passport-container div[class*=expiry-],
.js-intpassport-container div[class*=expiry-] {
  display: inline-block;
}

.js-passport-container div[class*=dob-],
.js-intpassport-container div[class*=dob-] {
  display: inline-block;
}

.js-passport-container .example-container,
.js-intpassport-container .example-container {
  width: 60%;
  background-color: #ededed;
  padding: 20px;
  margin-bottom: 20px;
}

.js-passport-container .example-container span,
.js-intpassport-container .example-container span {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container .example-container,
  .js-intpassport-container .example-container {
    width: 75%;
  }
}

.js-passport-container div.passport,
.js-intpassport-container div.passport {
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport,
  .js-intpassport-container div.passport {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.js-passport-container div.passport .passport-field.pf-1,
.js-intpassport-container div.passport .passport-field.pf-1 {
  -ms-flex: 0 0 21%;
  flex: 0 0 21%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-1,
  .js-intpassport-container div.passport .passport-field.pf-1 {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
  }
}

.js-passport-container div.passport .passport-field.pf-1 .form-group,
.js-intpassport-container div.passport .passport-field.pf-1 .form-group {
  margin-bottom: 0px;
}

.js-passport-container div.passport .passport-field.pf-2,
.js-intpassport-container div.passport .passport-field.pf-2 {
  -ms-flex: 0 0 9%;
  flex: 0 0 9%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-2,
  .js-intpassport-container div.passport .passport-field.pf-2 {
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
  }
}

.js-passport-container div.passport .passport-field.pf-2 .form-group,
.js-intpassport-container div.passport .passport-field.pf-2 .form-group {
  margin-bottom: 0px;
}

.js-passport-container div.passport .passport-field.pf-3,
.js-intpassport-container div.passport .passport-field.pf-3 {
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-3,
  .js-intpassport-container div.passport .passport-field.pf-3 {
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
  }
}

.js-passport-container div.passport .passport-field.pf-3 .form-group,
.js-intpassport-container div.passport .passport-field.pf-3 .form-group {
  margin-bottom: 0px;
}

.js-passport-container div.passport .passport-field.pf-4,
.js-intpassport-container div.passport .passport-field.pf-4 {
  -ms-flex: 0 0 6%;
  flex: 0 0 6%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-4,
  .js-intpassport-container div.passport .passport-field.pf-4 {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
  }
}

.js-passport-container div.passport .passport-field.pf-4 .form-group,
.js-intpassport-container div.passport .passport-field.pf-4 .form-group {
  margin-bottom: 0px;
}

.js-passport-container div.passport .passport-field.pf-5,
.js-intpassport-container div.passport .passport-field.pf-5 {
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-5,
  .js-intpassport-container div.passport .passport-field.pf-5 {
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
  }
}

.js-passport-container div.passport .passport-field.pf-6,
.js-intpassport-container div.passport .passport-field.pf-6 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-6,
  .js-intpassport-container div.passport .passport-field.pf-6 {
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
  }
}

.js-passport-container div.passport .passport-field.pf-7,
.js-intpassport-container div.passport .passport-field.pf-7 {
  -ms-flex: 0 0 7%;
  flex: 0 0 7%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field.pf-7,
  .js-intpassport-container div.passport .passport-field.pf-7 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .js-passport-container div.passport .passport-field .form-control,
  .js-intpassport-container div.passport .passport-field .form-control {
    padding: 6px 6px;
  }
}

.js-passport-container div.passport .passport-field label,
.js-intpassport-container div.passport .passport-field label {
  display: none;
}

@media (min-width: 1024px) {
  div.ageverificationresponse .checkout-indent {
    width: 66.66666667%;
  }
}

.js-response-form #ageVerificationDocumentFormSubmit {
  font-size: 14px;
  padding: 6px 15px 5px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}

#ageVerificationFormSubmit,
#ageVerificationDocumentFormSubmit,
#ageVerificationBackToBasket,
#ageVerificationFormSkipSubmit {
  margin: 10px auto;
  display: inline-block;
  width: 260px;
  text-transform: inherit;
}

#ageVerificationFormSubmit,
#ageVerificationDocumentFormSubmit {
  background-color: #00a89c;
}

#ageVerificationFailForm button {
  display: inline-block;
}

.ageverification-fail {
  color: #f2243f !important;
  font-weight: 400 !important;
}

.ageverification-fail-img {
  width: 40px;
  height: 40px;
  float: left;
}

.font-normal {
  font-weight: 400 !important;
}

.saved-cart {
  padding: 20px;
  margin: 20px 0;
}

@media (min-width: 640px) {
  .saved-cart {
    padding: 20px 100px;
  }
}

.saved-cart__btn {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 25px;
}

@media (min-width: 768px) {
  .saved-cart__btn {
    float: left;
    width: 25%;
  }
}

.saved-cart__btn .btn {
  text-transform: uppercase;
}

.saved-cart .control-group {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .saved-cart .control-group {
    float: left;
    width: 37.5%;
  }
}

.saved-cart__btn {
  margin-top: 25px;
}

.saved-cart__list {
  padding-left: 0;
  list-style: none;
}

.saved-cart__item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .saved-cart__item {
    float: left;
    width: 48.33333333%;
  }
}

.saved-cart__item:nth-child(2n) {
  float: right !important;
}

.saved-cart__icon {
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.saved-cart__icon--bag {
  width: 41px;
  height: 31px;
}

.saved-cart__remove {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
}

.saved-cart__remove .remove-item__icon {
  width: 23px;
  height: 31px;
}

.saved-cart__details {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.saved-cart__name {
  word-break: break-all;
  word-wrap: break-word;
}

.saved-cart__name a {
  text-decoration: underline;
}

.saved-cart__navigation {
  margin-top: 20px;
  margin-bottom: 20px;
}

.saved-cart__action-row {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  margin: 20px 0;
}

.saved-cart__action-row select {
  width: 100%;
}

.savebaseketrow {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.saved-baskets-save,
.saved-baskets-merge {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .saved-baskets-save,
  .saved-baskets-merge {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.personalise-heading {
  font-weight: 600;
  font-weight: normal;
  font-size: 20px;
  color: #32374b;
  display: inline-block;
  margin: 20px 0 10px;
}

.personalise-group {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
  background-color: white;
}

.personalise-products .option-inner input[type="radio"] {
  margin: 0;
  display: inline-block;
}

.personalise-item__price {
  color: #f2243f;
  font-weight: 600;
  margin-left: 10px;
}

.personalise-item__description,
.personalise-item__content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .personalise-item__description,
  .personalise-item__content {
    float: left;
    width: 50%;
  }
}

.personalise-item__description p {
  margin-top: 10px;
  font-size: 14px;
}

.personalise-item__content {
  border-left: 1px solid #ededed;
}

.personalise-item__image {
  max-width: 81px;
}

.personalise-item__option {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.personalise-item__positions label {
  font-size: 14px;
  text-align: center;
  padding-left: 0;
}

.personalise-item__positions label input[type="radio"] {
  margin-left: -5px;
  left: 50%;
  top: 75px;
}

.personalise-item__positions label b {
  font-weight: normal;
  padding-top: 20px;
  text-align: center;
  display: inline-block;
}

.back-to-storelist {
  display: none;
}

@media (min-width: 768px) {
  #colorbox #cboxTitle .headline-text {
    display: block;
  }
}

.pickup-component {
  padding: 0;
  margin: -10px;
}

.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}

.pickup-component .find-store-display:after {
  clear: both;
}

.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}

.pickup-component .find-store-display:after {
  clear: both;
}

.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #32374b;
}

.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}

.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}

.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}

.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 14px;
  overflow: hidden;
}

.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}

.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none;
}

.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}

.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  background: #fff;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}

.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}

.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  height: 364px;
  background: #fff;
  overflow: hidden;
}

.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}

.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}

.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}

.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}

.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}

.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}

.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}

.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}

.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}

.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}

.pickup-component .find-store-display .display-details .pickup-product {
  height: 112px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}

.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}

.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}

.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}

.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}

.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}

.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}

.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 56px;
  padding: 11px 10px;
  text-align: right;
}

.pickup-component .find-store-display .display-details .pickup-product .action button {
  vertical-align: top;
}

.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 108px;
}

.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #ededed;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ff4444;
  text-align: center;
  line-height: 56px;
}

.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

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

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

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

.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}

.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}

.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 14px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #ededed;
  border-bottom: 1px solid #ddd;
}

.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}

.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}

.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}

.inline-layer.open {
  height: auto;
}

@media (min-width: 768px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #32374b;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #32374b;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }

  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media (max-width: 767px) {
  .pickup-component {
    overflow: hidden;
  }

  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }

  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }

  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }

  .pickup-component .action {
    padding-top: 0;
  }
}

@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
  }

  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }

  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }

  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }

  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }

  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }

  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }

  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }

  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }

  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 10px;
  height: 252px;
}

.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #F6F6F6 0%, #FFFFFF 8px);
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 10px 0;
}

.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}

.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#FFFFFF, rgba(255, 255, 255, 0));
}

.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
}

.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}

.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #32374b;
}

.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent;
}

.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #32374b;
}

.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #32374b;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
}

.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #32374b;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}

.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}

.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}

.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}

.account-addressbook__list {
  padding-left: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
}

.account-addressbook__item {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px 10px;
}

.account-addressbook__item--default {
  background-color: #ededed;
}

.account-addressbook__address {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .account-addressbook__address {
    float: left;
    width: 41.66666667%;
  }
}

.account-addressbook__actions {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}

@media (min-width: 768px) {
  .account-addressbook__actions {
    float: left;
    width: 58.33333333%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-addressbook__actions .m-btn {
    float: right;
    clear: both;
  }
}

.account-addressbook__actions .btn {
  margin-left: 10px;
}

.account-addressbook__actions .btn--empty {
  padding: 6px 8px;
}

.account-addressbook__actions .btn--empty:hover {
  color: #32374b;
}

.login-section,
.register-section {
  margin-top: 20px;
  padding: 20px;
}

.login-section .headline,
.register-section .headline {
  font-weight: 600;
  color: #32374b;
  padding: 10px 0;
  font-size: 20px;
}

.login-section {
  background-color: #ededed;
}

.register-section {
  border: 1px solid #ededed;
}

.forgotten-password {
  margin-bottom: 20px;
  padding: 0;
}

.forgotten-password .description {
  margin-bottom: 10px;
}

.forgotten-password a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .login-section,
  .register-section {
    margin-bottom: 50px;
  }

  .login-section .headline,
  .register-section .headline {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
  }

  .login-section .forgotten-password,
  .register-section .forgotten-password {
    padding-top: 10px;
    margin-bottom: 30px;
  }
}

.js-vat-prefix {
  float: left;
  width: 35%;
}

.js-vat-be {
  float: left;
  width: 65%;
  margin-bottom: 20px;
}

.gdpr-terms a {
  text-decoration: underline;
}

.registerForm.nisbets-fr input[type=text] {
  text-transform: uppercase;
}

.registration-text .registration-title {
  font-size: 3em;
  line-height: 1.3;
  font-weight: 700;
}

@media (max-width: 767px) {
  .registration-text .registration-title {
    font-size: 2em;
    line-height: 1.1;
  }
}

.registration-text .registration-title .brand-underline {
  position: relative;
  z-index: 0;
}

.registration-text .registration-title .brand-underline:after {
  content: "";
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #f2243f;
  z-index: -1;
}

@media (max-width: 767px) {
  .registration-text .registration-title .brand-underline:after {
    height: 4px;
    bottom: 0;
  }
}

.export-message {
  text-align: center;
  margin-top: 20px;
}

.export-message a {
  text-decoration: underline;
}

.order-details__overview {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 640px) {
  .order-details__overview {
    float: left;
    width: 50%;
  }
}

.order-details__overview .blue-heading--secondary {
  margin-top: 10px;
  margin-bottom: 10px;
}

.order-details__overview-inner {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 10px;
  font-size: 14px;
}

.order-details__overview-inner .order-list-id {
  font-weight: bold;
}

.order-details__totals {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  margin-top: 30px;
}

.order-details__totals-inner {
  text-align: right;
}

.order-details__totals-item {
  margin: 0 0 5px;
}

.order-details__totals-label {
  font-weight: 600;
}

.order-details__actions {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}

.order-details__actions--row {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  text-align: right;
}

.order-details__actions .cancel-panel {
  float: right;
}

.js-add-to-cart-order-detail {
  margin: 10px 0px;
}

.mandatory-fields {
  font-size: 12px;
}

.account__lhn {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  .account__lhn {
    float: left;
    width: 19.16666667%;
  }
}

.account__main-page {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  .account__main-page {
    float: left;
    width: 80.83333333%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account__main-page .pagination__control {
    margin-right: 10px;
  }
}

.account__button {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 10px;
  background-color: #32374b;
  color: white;
  z-index: 5;
}

.page-accountLandingPage .account__button {
  right: 0;
}

.account__button:hover {
  text-decoration: none;
  color: white;
}

.account-nav {
  margin-bottom: 10px;
  border: 1px solid #a0a0a0;
  display: inline-block;
  width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-nav {
    border: none;
  }
}

.account-nav__title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  background-color: #5c5c5c;
  border: 1px solid white;
  display: inline-block;
  width: 100%;
}

.account-nav__links {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.account-nav__links-item {
  padding: 0;
  background-color: #eaf1f9;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  color: #393872;
  float: left;
}

.account-nav__links-item:before,
.account-nav__links-item:after {
  content: " ";
  display: table;
}

.account-nav__links-item:after {
  clear: both;
}

.account-nav__links-item:before,
.account-nav__links-item:after {
  content: " ";
  display: table;
}

.account-nav__links-item:after {
  clear: both;
}

.account-nav__links-item:first-child a,
.account-nav__links-item:last-child a {
  padding: 7px 5px;
  background-color: #32374b;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  color: white;
  font-size: 15px;
}

.account-nav__links-item.active a {
  padding: 3px 5px;
  font-weight: 600;
}

.account-nav__links-item:last-child,
.account-nav__links-item:first-child {
  border-bottom: 2px solid #fff;
}

.account-nav__links-item:first-child {
  display: none !important;
}

@media (min-width: 1280px) {
  .account-nav__links-item:first-child {
    display: block !important;
  }

  table.account-nav__links-item:first-child {
    display: table;
  }

  tr.account-nav__links-item:first-child {
    display: table-row !important;
  }

  th.account-nav__links-item:first-child,
  td.account-nav__links-item:first-child {
    display: table-cell !important;
  }
}

.account-nav__links-item a {
  padding: 3px 5px;
  display: block;
  color: #393872;
}

.account-nav__select {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: auto;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.account-nav__select:focus {
  border-color: #354153;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(53, 65, 83, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(53, 65, 83, 0.6);
}

.account-nav__select::-moz-placeholder {
  color: #777777;
  opacity: 1;
}

.account-nav__select:-ms-input-placeholder {
  color: #777777;
}

.account-nav__select::-webkit-input-placeholder {
  color: #777777;
}

.account-nav__select[disabled],
.account-nav__select[readonly],
fieldset[disabled] .account-nav__select {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.account-nav__select {
  height: auto;
}

.account-nav__select--date {
  width: auto;
}

.account-nav__select--code {
  width: 40%;
  display: inline-block;
  margin-bottom: 10px;
}

.account-nav__select--qty {
  width: 20%;
  display: inline-block;
}

.account-nav__select--name {
  width: 58%;
  display: inline-block;
  border: none;
}

.account-nav__select--lease-code {
  width: 20%;
  display: inline-block;
  margin-bottom: 10px;
}

.account-home .account-home-section {
  margin-bottom: 20px;
}

.account-home .account-home-section .account-home-section-header {
  background: #ededed;
  padding: 10px;
}

.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

@media (max-width: 767px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }

  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }

  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }

  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}

.account-section-header {
  background: #ededed;
  padding: 10px;
  font-size: 16px;
}

.account-section-header--option {
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-section-header--option {
    display: inline-block;
  }
}

.account-section-header--option label {
  margin-right: 10px;
}

.account-section-header--order-option {
  text-align: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: left;
  -ms-justify-content: left;
  justify-content: left;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-section-header--order-option {
    display: inline-block;
  }
}

.account-section-header--order-option label {
  margin-right: 10px;
}

.account-section-header label,
.account-section-header .text-small {
  font-size: 14px;
  font-weight: normal;
}

.account-section-header .and-or {
  font-weight: bold;
  text-align: center;
}

.account-section-header .form-text {
  margin-top: 30px;
}

body[data-lang="de"] .account-section-header .form-text {
  font-size: 17px;
}

@media (max-width: 767px) {
  .account-section-header .form-text {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-section-header .search-between {
    text-align: left;
    margin-bottom: 10px;
  }
}

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

.account-sections .account-section {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .account-sections .account-section {
    float: left;
    width: 33.33333333%;
  }
}

.account-sections .account-section--inner {
  border: 1px solid #ccc;
  padding: 20px 40px 20px 20px;
  height: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .account-sections .account-section--inner {
    text-align: center;
    padding: 20px;
  }
}

.account-sections .account-section--alert .glyphicon {
  color: #f2243f;
  font-size: 20px;
}

.account-sections .account-section--alert p {
  color: #f2243f;
}

.account-sections .account-section--desc {
  font-size: 14px;
}

.account-sections .account-section--desc a {
  text-decoration: underline;
}

.account-sections .account-section--actions {
  text-align: center;
  padding: 20px 0;
}

.account-sections .account-section--actions .logout-btn .btn {
  font-size: 18px;
  padding: 10px 50px;
}

.account-sections .account-section .blue-heading {
  margin-bottom: 10px;
}

.content .js-profile-enquiry-btn {
  position: absolute;
  right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .content .js-profile-enquiry-btn {
    position: static;
    margin-bottom: 10px;
    display: inline-block;
  }
}

.account-section--actions {
  padding: 0;
  text-align: center;
}

.account-section--actions .logout-btn {
  width: 100%;
  display: table;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
}

@media (min-width: 640px) {
  .account-section--actions .logout-btn {
    width: 235px;
  }
}

.account-section--actions .logout-btn .btn {
  width: 100%;
  height: 100%;
  display: table-cell;
  font-size: 16px;
}

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

.account-icon-home {
  display: none !important;
  width: 12px;
  height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 20px;
}

@media (max-width: 639px) {
  .account-icon-home {
    display: block !important;
  }

  table.account-icon-home {
    display: table;
  }

  tr.account-icon-home {
    display: table-row !important;
  }

  th.account-icon-home,
  td.account-icon-home {
    display: table-cell !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .account-icon-home {
    display: block !important;
  }

  table.account-icon-home {
    display: table;
  }

  tr.account-icon-home {
    display: table-row !important;
  }

  th.account-icon-home,
  td.account-icon-home {
    display: table-cell !important;
  }
}

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

.account-section .blue-heading + .mandatory-fields {
  position: relative;
  top: -15px;
}

.account-section .accountActions {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .account-section .accountActions .accountButtons:first-child {
    padding-bottom: 20px;
  }
}

@media (min-width: 640px) {
  .account-section .accountActions .accountButtons:first-child {
    padding-left: 10px;
  }

  .account-section .accountActions .accountButtons:last-child {
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .account-section .accountActions {
    padding-right: 20px;
  }
}

.account-section .accountActions .accountButtons {
  padding-left: 0px;
  padding-right: 0px;
}

.account-profil .account-profil-info {
  margin: 0 0 10px;
}

.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}

.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}

.account-profil a.btn {
  margin-top: 10px;
}

.account-profil .btn + .btn {
  margin-left: 10px;
}

.account-addressbook {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}

.account-addressbook .account-addressbook-list,
.account-paymentdetails .account-addressbook-list,
.account-addressbook .account-paymentdetails-list,
.account-paymentdetails .account-paymentdetails-list {
  padding-left: 0;
  list-style: none;
}

.account-addressbook .account-addressbook-list .accountAddressItem,
.account-paymentdetails .account-addressbook-list .accountAddressItem,
.account-addressbook .account-paymentdetails-list .accountAddressItem,
.account-paymentdetails .account-paymentdetails-list .accountAddressItem {
  padding: 10px;
  border-bottom: 1px solid #ededed;
}

.account-addressbook .account-addressbook-list .accountAddressItem .actions .btn,
.account-paymentdetails .account-addressbook-list .accountAddressItem .actions .btn,
.account-addressbook .account-paymentdetails-list .accountAddressItem .actions .btn,
.account-paymentdetails .account-paymentdetails-list .accountAddressItem .actions .btn {
  margin-top: 10px;
}

.account-addressbook .account-addressbook-list .accountAddressItem .actions .btn + .btn,
.account-paymentdetails .account-addressbook-list .accountAddressItem .actions .btn + .btn,
.account-addressbook .account-paymentdetails-list .accountAddressItem .actions .btn + .btn,
.account-paymentdetails .account-paymentdetails-list .accountAddressItem .actions .btn + .btn {
  margin-left: 10px;
}

.account-addressbook .account-addressbook-list .accountAddressItem .remove,
.account-paymentdetails .account-addressbook-list .accountAddressItem .remove,
.account-addressbook .account-paymentdetails-list .accountAddressItem .remove,
.account-paymentdetails .account-paymentdetails-list .accountAddressItem .remove {
  float: right;
}

.account-addressbook .account-addressbook-list .accountAddressItem + .accountAddressItem,
.account-paymentdetails .account-addressbook-list .accountAddressItem + .accountAddressItem,
.account-addressbook .account-paymentdetails-list .accountAddressItem + .accountAddressItem,
.account-paymentdetails .account-paymentdetails-list .accountAddressItem + .accountAddressItem {
  border-top: 1px solid #ededed;
}

.account-addressbook .account-addressbook-list .accountPaymentDetailsItem,
.account-paymentdetails .account-addressbook-list .accountPaymentDetailsItem,
.account-addressbook .account-paymentdetails-list .accountPaymentDetailsItem,
.account-paymentdetails .account-paymentdetails-list .accountPaymentDetailsItem {
  padding: 10px 0;
  border-top: 1px solid #ededed;
}

.account-addressbook .account-addressbook-list .accountPaymentDetailsItem .actions .btn,
.account-paymentdetails .account-addressbook-list .accountPaymentDetailsItem .actions .btn,
.account-addressbook .account-paymentdetails-list .accountPaymentDetailsItem .actions .btn,
.account-paymentdetails .account-paymentdetails-list .accountPaymentDetailsItem .actions .btn {
  margin-top: 10px;
}

.account-addressbook .account-addressbook-list .accountPaymentDetailsItem .actions .btn + .btn,
.account-paymentdetails .account-addressbook-list .accountPaymentDetailsItem .actions .btn + .btn,
.account-addressbook .account-paymentdetails-list .accountPaymentDetailsItem .actions .btn + .btn,
.account-paymentdetails .account-paymentdetails-list .accountPaymentDetailsItem .actions .btn + .btn {
  margin-left: 10px;
}

.account-addressbook .account-addressbook-list .accountPaymentDetailsItem .remove,
.account-paymentdetails .account-addressbook-list .accountPaymentDetailsItem .remove,
.account-addressbook .account-paymentdetails-list .accountPaymentDetailsItem .remove,
.account-paymentdetails .account-paymentdetails-list .accountPaymentDetailsItem .remove {
  float: right;
}

.account-addressbook .account-addressbook-list .accountPaymentDetailsItem + .accountPaymentDetailsItem,
.account-paymentdetails .account-addressbook-list .accountPaymentDetailsItem + .accountPaymentDetailsItem,
.account-addressbook .account-paymentdetails-list .accountPaymentDetailsItem + .accountPaymentDetailsItem,
.account-paymentdetails .account-paymentdetails-list .accountPaymentDetailsItem + .accountPaymentDetailsItem {
  border-top: 1px solid #ededed;
}

.account-addressbook .accountAddAddress {
  padding-left: 0;
}

.account-addressbook .remove {
  float: right;
}

.page-accountLandingPage .account-orderhistory {
  float: none;
  margin: 20px auto;
}

.page-accountLandingPage .account-orderhistory:before,
.page-accountLandingPage .account-orderhistory:after {
  content: " ";
  display: table;
}

.page-accountLandingPage .account-orderhistory:after {
  clear: both;
}

.page-accountLandingPage .account-orderhistory:before,
.page-accountLandingPage .account-orderhistory:after {
  content: " ";
  display: table;
}

.page-accountLandingPage .account-orderhistory:after {
  clear: both;
}

.page-accountLandingPage .account-orderhistory .blue-heading--secondary {
  margin: 0;
}

.account-orderhistory .paginationjs {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 20px;
}

.account-orderhistory .paginationjs ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
}

.account-orderhistory .paginationjs ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  margin: 0 10px 0 0;
  text-align: center;
  color: #32374b;
  border: 1px solid #ededed;
}

.account-orderhistory .paginationjs ul li a {
  display: block;
}

.account-orderhistory .paginationjs ul li a:hover {
  text-decoration: none;
}

.account-orderhistory .paginationjs ul li.active {
  font-weight: bold;
  border-color: #32374b;
}

.account-orderhistory .paginationjs ul li:hover {
  border-color: #32374b;
}

.account-orderhistory .account-orderhistory-pagination {
  padding-bottom: 10px;
  padding-top: 10px;
}

.account-orderhistory .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}

.account-orderhistory .account-orderhistory-pagination .pager {
  margin: 0;
}

.account-orderhistory .account-orderhistory-sort {
  background: #ededed;
  padding: 10px;
}

.account-orderhistory .account-orderhistory-list {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.account-orderhistory .account-orderhistory-list ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 10px;
  font-size: 14px;
}

@media (min-width: 768px) {
  .account-orderhistory .account-orderhistory-list .account-orderhistory-list-item {
    float: left;
    width: 48.33333333%;
  }
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item .order-history-icon {
  position: absolute;
  width: 12px;
  height: 15px;
  right: 20px;
  top: 50%;
  margin-top: -12px;
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item .pdf-icon {
  position: absolute;
  width: 35px;
  height: 30px;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  fill: #32374b;
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item .order-list-id {
  font-weight: bold;
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item a {
  color: #32374b;
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item a:hover,
.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item a:focus {
  color: #32374b;
}

@media (max-width: 639px) {
  .account-orderhistory .account-orderhistory-list .account-orderhistory-list-item .status strong {
    display: block;
  }
}

.account-orderhistory .account-orderhistory-list .account-orderhistory-list-item:nth-child(2n) {
  float: right !important;
}

.account-orderhistory .account-orderhistory-list li + li {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .account-orderdetail .text-right-md {
    text-align: right;
  }
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-orderPromotion-section {
  color: #33cc33;
}

.account-orderdetail .account-orderdetail-orderPromotion-section {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.account-orderdetail .account-orderdetail-orderPromotion-section .orderPromotion {
  padding-right: 10px;
}

.account-orderdetail .account-orderdetail-item-section-header.item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.account-orderdetail .account-orderdetail-item-section-header.item-box:before,
.account-orderdetail .account-orderdetail-item-section-header.item-box:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section-header.item-box:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section-header.item-box:before,
.account-orderdetail .account-orderdetail-item-section-header.item-box:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section-header.item-box:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section-header.order-data {
  background-color: #F2F4F7;
  padding: 10px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header {
  background: #ededed;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header .orderDetail_itemHeader {
  background-color: black;
  color: white;
  padding: 10px 20px 10px 10px;
  height: 40px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header .orderDetail_itemHeader.orderPending {
  height: 40px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:before,
.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:before,
.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-header .button-panel {
  float: right;
  max-width: 200px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .promo {
  color: #33cc33;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}

@media (min-width: 1280px) {
  .account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .promo {
    padding-left: 0px;
  }
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-footer .total-headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-footer .subtotals {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #eee;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-footer .subtotals div span {
  display: inline-block;
  width: 100px;
}

.account-orderdetail .account-orderdetail-item-section .account-orderdetail-item-section-footer .subtotals .totals {
  font-weight: bold;
}

.account-orderdetail .account-orderdetail-item-section-header .order-ship-to,
.account-orderdetail .account-orderdetail-item-section-header .order-shipping-method,
.account-orderdetail .account-orderdetail-item-section-header .order-tracking-no,
.account-orderdetail .account-orderdetail-item-section-header .order-store-address,
.account-orderdetail .account-orderdetail-item-section-header .order-store-hours {
  padding-bottom: 20px;
  padding-top: 20px;
}

.account-orderdetail .account-orderdetail-item-section-header .order-ship-to .order-track-number,
.account-orderdetail .account-orderdetail-item-section-header .order-shipping-method .order-track-number,
.account-orderdetail .account-orderdetail-item-section-header .order-tracking-no .order-track-number,
.account-orderdetail .account-orderdetail-item-section-header .order-store-address .order-track-number,
.account-orderdetail .account-orderdetail-item-section-header .order-store-hours .order-track-number {
  color: #ff4444;
}

.account-orderdetail .account-orderdetail-item-section-header .order-payment-data,
.account-orderdetail .account-orderdetail-item-section-header .order-billing-address {
  padding-top: 10px;
  padding-bottom: 10px;
}

.account-orderdetail .account-orderdetail-item-section-header .order-billing-address .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-payment-data .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-ship-to .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-shipping-method .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-tracking-no .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-store-address .label-order,
.account-orderdetail .account-orderdetail-item-section-header .order-store-hours .label-order {
  text-transform: uppercase;
  font-weight: bold;
}

.account-orderdetail .account-orderdetail-item-section-header .order-ship-to,
.account-orderdetail .account-orderdetail-item-section-header .order-store-address,
.account-orderdetail .account-orderdetail-item-section-header .order-billing-address {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .account-orderdetail .account-orderdetail-item-section-header .order-shipping-method,
  .account-orderdetail .account-orderdetail-item-section-header .order-tracking-no,
  .account-orderdetail .account-orderdetail-item-section-header .order-payment-data,
  .account-orderdetail .account-orderdetail-item-section-header .order-store-hours {
    padding-left: 20px;
  }
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer {
  padding-top: 20px;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer .total-headline {
  font-weight: bold;
  margin-bottom: 10px;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer .subtotals {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #eee;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer .subtotals div span {
  display: inline-block;
  width: 100px;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer .totals div {
  font-weight: bold;
  line-height: 300%;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:before,
.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:before,
.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:after {
  content: " ";
  display: table;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-item-section-footer:after {
  clear: both;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-orderTotalDiscount-section {
  padding: 20px 0;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-orderTotalDiscount-section .order-total-savings {
  text-align: right;
  color: #33cc33;
  font-weight: bold;
  padding-right: 10px;
}

.account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-orderTotalDiscount-section .order-total-taxes {
  text-align: right;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .account-orderdetail .account-orderdetail-item-section-header .account-orderdetail-orderTotalDiscount-section {
    margin-bottom: 20px;
  }
}

.order-separator {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.paymentsDeleteActions {
  padding-left: 0px;
  padding-right: 0px;
  width: 300px;
}

.paymentsDeleteActions :first-child {
  margin-bottom: 10px;
}

.paymentsDeleteActions .paymentsDeleteBtn {
  padding-right: 0px;
  padding-left: 0px;
}

.account-section-content {
  margin: 0 auto;
}

.account-section-content .account-details-personal-info {
  float: left;
  width: 75%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: none!important;
  margin: 0 auto;
  margin-bottom: 10px;
}

@media (min-width: 640px) {
  .account-section-content .account-details-personal-info {
    float: left;
    width: 66.66666667%;
  }
}

@media (min-width: 768px) {
  .account-section-content .account-details-personal-info {
    float: left;
    width: 41.66666667%;
  }
}

.account-section-content .account-details-personal-info .form-group {
  float: left;
  width: 100%;
}

.account-section-content .account-details-personal-info .form-group input[disabled] {
  border: none;
  background-color: transparent;
  padding: 0;
  font-weight: 800;
}

.account-section-content .account-details-personal-info .form-group {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .account-section-content .account-details-personal-info .form-control {
    max-width: 60%;
  }
}

.account-section-content .account-details-personal-info label {
  width: 40%;
  float: left;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .account-section-content .account-details-personal-info label {
    width: 100%;
  }
}

.account-section-content .account-details-personal-info--wide {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .account-section-content .account-details-personal-info--wide {
    float: left;
    width: 58.33333333%;
  }
}

.account-section-content .account-details-personal-info--wide label {
  padding-right: 10px;
  width: 35%;
}

@media (min-width: 768px) {
  .account-section-content .account-details-personal-info--wide .form-control {
    max-width: 65%;
  }
}

.account-section-content--wide .account-details-personal-info {
  max-width: 75%;
}

.account-section-content .account-section-header {
  background: transparent;
  color: #32374b;
}

.account-section-content .account-details-login-details {
  max-width: 290px;
  margin: 0 auto;
}

.accountActions {
  text-align: center;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
}

.orderhistory-heading {
  margin: 15px 0px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .fast-order {
    width: 92px;
    max-width: 92px;
  }
}

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

.fast-order__container a {
  text-decoration: underline;
}

.fast-order .btn__text {
  padding: 7px 0;
  line-height: normal;
  display: block;
  height: 100%;
}

body[data-lang="fr"] .fast-order .btn__text {
  line-height: 1;
}

body[data-lang="de"] .fast-order .btn__text {
  font-size: 13px;
  padding-bottom: 7px;
}

.fast-order--fieldset {
  display: inline-block;
}

.fast-order--td {
  width: 200px;
  position: relative;
  background-clip: padding-box;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .fast-order--td {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
  }
}

.fast-order--td-input::-ms-clear {
  display: none;
}

.fast-order--td-input + span.active {
  margin-top: 10px;
  display: inline-block;
}

.fast-order--qty {
  position: relative;
  float: left;
  width: 8.33333333%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .fast-order--qty {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
  }
}

.fast-order--num {
  width: 30px;
}

@media (min-width: 768px) {
  .fast-order--num {
    vertical-align: middle;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .fast-order--num {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
  }
}

.fast-order--name {
  float: none;
}

.fast-order--name input.form-control {
  text-align: center;
  padding: 6px 3px;
}

.fast-order--name a {
  text-decoration: none;
}

.fast-order--addrows {
  width: 50px;
  display: inline-block;
  margin-left: 5px;
  float: left;
}

.ie-old .fast-order--addrows,
.ie .fast-order--addrows {
  padding-top: 5px;
}

.fast-order__text {
  display: inline-block;
  padding: 5px 0;
  float: left;
}

.ie .fast-order__text {
  display: inherit;
}

.fast-order__icon {
  width: 20px;
  height: 20px;
  background-color: #32374b;
  padding: 5px;
  position: relative;
  bottom: -7px;
  cursor: pointer;
  fill: white;
}

.fast-order__icon-holder {
  width: 34px;
  height: 34px;
  background-color: #32374b;
  display: inline-block;
  float: left;
  text-align: center;
}

.ie .fast-order__icon-holder,
.ie-old .fast-order__icon-holder {
  height: 32px;
}

.fast-order__add-to-bag {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .fast-order__add-to-bag {
    margin-top: 0;
    text-align: right;
  }
}

.fast-order__slot img {
  display: block;
  max-width: 100%;
  height: auto;
}

.sl__form-login {
  margin: 30px auto;
  max-width: 480px;
}

.sl__copyright-links {
  text-align: center;
  padding: 40px 20px;
  border-top: 5px solid #ed1c24;
}

.sl__copyright-links li {
  display: inline-block;
  font-size: 14px;
}

.sl__copyright-links li:after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
  color: #333;
}

.sl__copyright-links li:last-child:after {
  display: none;
}

.has-error .help-block {
  color: #f2243f;
}

.has-error .form-control {
  border-color: #f2243f;
}

.help-block {
  font-size: 14px;
}

.generic-form-ws p {
  font-size: 87%;
}

.checkout-login .headline {
  padding: 10px 0 20px;
}

.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}

.checkout-login .js-logincheckout-block {
  display: none;
}

.checkout-login .help-block.js-logincheckout-error {
  display: none;
  color: #f2243f;
}

.checkout-headline {
  font-size: 30px;
  margin: 10px 0;
}

.checkout-headline span {
  color: #32374b;
}

.checkout-done {
  width: 50px;
  height: 50px;
  float: right;
}

.checkout-steps .btn--big {
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 20px;
}

.checkout-steps .headline {
  padding: 10px 0 20px;
  font-size: 20px;
}

.checkout-steps .step-head {
  background: #ededed;
  padding: 0 0 0 70px;
  color: #19212b;
  font-size: 20px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
  height: 50px;
  counter-increment: checkout;
  position: relative;
}

.checkout-steps .step-head:before {
  content: counter(checkout);
  background: #666666;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid white;
  width: 50px;
  text-align: center;
  font-size: 1.2em;
  line-height: 50px;
  color: white;
}

@media (max-width: 767px) {
  .checkout-steps .step-head {
    height: 55px;
  }
}

.checkout-steps .step-head:hover,
.checkout-steps .step-head:focus {
  text-decoration: none;
}

.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}

.checkout-steps .step-head.active {
  background: #32374b;
  color: #fff;
}

.checkout-steps .step-head.active:before {
  background-color: #32374b;
}

.checkout-steps .step-head.done {
  cursor: pointer;
  background: #a9afb7;
  font-weight: 400;
  -webkit-box-shadow: 0 2px 2px 0 #6d7989;
  box-shadow: 0 2px 2px 0 #6d7989;
}

.checkout-steps .step-head .edit {
  height: auto;
  text-align: center;
  color: #19212b;
  display: table-cell;
  vertical-align: middle;
}

.checkout-steps .step-head .edit-text {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
  text-transform: uppercase;
}

.checkout-steps .step-body > div {
  margin: 10px 0;
}

.checkout-steps .step-body div.verify-steps {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ededed;
  padding: 15px;
  font-size: 18px;
}

.checkout-steps .step-body label {
  font-weight: normal;
  font-size: 14px;
}

.checkout-steps .step-body label.saved-address {
  padding: 10px 0 0;
}

.checkout-steps .step-body label.os-extrabold {
  font-weight: 800;
}

.checkout-steps .step-body label.saved-address {
  max-width: 82%;
  padding-left: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .checkout-steps .step-body label.saved-address {
    max-width: 62%;
  }
}

.checkout-steps .step-body label.saved-address input[type="radio"] {
  position: absolute;
  top: 8px;
  left: 0;
}

.checkout-steps .step-body label.saved-address + button {
  position: absolute;
  top: 10px;
  right: 0;
}

.checkout-steps .step-body label input[type="radio"] {
  margin-right: 5px;
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
}

.checkout-steps .step-body label.store {
  font-size: 16px;
  text-align: center;
}

.checkout-steps .step-body label.store input[type="radio"] {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 15px;
}

.checkout-steps .step-body label.step {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ededed;
  padding: 15px;
  font-size: 18px;
}

body.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
  display: none !important;
}

@media (min-width: 640px) and (max-width: 767px) {
  body.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: block !important;
  }

  tablebody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table;
  }

  trbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-row !important;
  }

  thbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"],
  tdbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  body.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: block !important;
  }

  tablebody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table;
  }

  trbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-row !important;
  }

  thbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"],
  tdbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-cell !important;
  }
}

@media (min-width: 1280px) {
  body.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: block !important;
  }

  tablebody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table;
  }

  trbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-row !important;
  }

  thbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"],
  tdbody.failover-active[data-lang="en_GB"] .checkout-steps .step-body label.step[for="PayPalPaymentMode"] {
    display: table-cell !important;
  }
}

body[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
  display: none !important;
}

@media (min-width: 640px) and (max-width: 767px) {
  body[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: block !important;
  }

  tablebody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table;
  }

  trbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-row !important;
  }

  thbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"],
  tdbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  body[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: block !important;
  }

  tablebody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table;
  }

  trbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-row !important;
  }

  thbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"],
  tdbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-cell !important;
  }
}

@media (min-width: 1280px) {
  body[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: block !important;
  }

  tablebody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table;
  }

  trbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-row !important;
  }

  thbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"],
  tdbody[data-site="Nisbets UK Site"] .checkout-steps .step-body label.step[for="PayPalForcedPaymentMode"] {
    display: table-cell !important;
  }
}

.checkout-steps .step-body label.step input[type="radio"] {
  margin-right: 10px;
}

.checkout-steps .step-body label.step--white {
  background-color: white;
}

.checkout-steps .step-body label.step .text {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 30px;
}

.checkout-steps .step-body label.step b.charge {
  color: #f2243f;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .checkout-steps .step-body label.step {
    font-size: 16px;
  }
}

.checkout-steps .step-body .checkout-paymentmethod__total {
  text-align: center;
  font-size: 16px;
  display: inline-block;
  width: 100%;
}

.checkout-steps .step-body .checkout-paymentmethod__value {
  color: #f2243f;
  font-weight: bold;
  font-size: 20px;
  margin-left: 5px;
}

.checkout-steps .step-body .checkout-paymentmethod__description {
  font-size: 14px;
  padding-left: 30px;
  padding-top: 10px;
  display: inline-block;
  width: 100%;
}

.checkout-steps .step-body .go-for-payment {
  margin: 10px auto;
  text-align: right;
}

.checkout-steps hr {
  margin: 10px 0;
  border-color: #b6b6b6;
}

.checkout-steps .btn.checkout-next {
  margin: 20px 0;
  font-size: 20px;
}

.delivery-options-delivery-charge-section {
  text-align: right;
  line-height: 2em;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
  margin: 30px 0;
}

@media (min-width: 768px) {
  .delivery-options-delivery-charge-section {
    float: left;
    width: 58.33333333%;
  }
}

.checkout-content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .checkout-content {
    float: left;
    width: 95.83333333%;
  }
}

@media (min-width: 768px) {
  .checkout-content {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .checkout-content {
    padding-right: 20px;
    padding-left: 0;
  }
}

.checkout-content__select {
  max-width: 430px;
  display: inline-block;
}

@media (min-width: 768px) {
  .checkout-content__select {
    margin-left: 10px;
  }
}

.checkout-content .field-group {
  padding-top: 10px;
}

.checkout-content address.store {
  display: inline-block;
  width: 100%;
}

.checkout-content address.store * {
  font-size: 16px;
}

.checkout-content address.store em {
  display: block;
  font-style: normal;
}

.checkout-content .store-item {
  border: 1px solid #666;
  background-color: #fff;
  padding: 10px;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

.checkout-content .store-item .collection-block {
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .checkout-content .store-item label.store {
    width: 100%;
  }
}

.checkout-content .store-item .collection-radio {
  height: 10%;
}

@media (max-width: 640px) {
  .checkout-content .store-item .collection-radio {
    float: left;
    display: inline-block;
    margin-top: 50px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .checkout-content .store-item .collection-block {
    float: left;
    text-align: left;
    margin-left: 20px;
    max-width: 200px;
  }
}

.checkout-content .store-item .collection-block .collection-address {
  height: 200px;
}

@media (max-width: 767px) {
  .checkout-content .store-item .collection-block .collection-address {
    height: 160px;
  }
}

.checkout-content .store-item .collection-block .collection-address label.store {
  padding-top: 10px;
}

@media (max-width: 767px) {
  .checkout-content .store-item .collection-block .collection-address label.store {
    text-align: left;
  }
}

.checkout-content .store-item .collection-block .collection-available-message {
  height: 10%;
}

.checkout-content .store-item .collection-block .collection-opening-hours {
  height: 30%;
}

.checkout-content .store-item .store-available {
  margin: -10px -10px 5px -10px;
  padding: 8px 0px 1px 0px;
  font-size: 13px;
  background-color: #dff0d8;
  color: #325623;
}

.checkout-content .store-item .store-unavailable {
  margin: -10px -10px 5px -10px;
  padding: 8px 0px 1px 0px;
  font-size: 13px;
  background-color: #f2dede;
  color: #a94442;
}

.checkout-content .store-item .shipToStore-address {
  min-height: 150px;
}

.checkout-content .store-item-row {
  margin-top: 10px;
}

.checkout-shipping:before,
.checkout-shipping:after {
  content: " ";
  display: table;
}

.checkout-shipping:after {
  clear: both;
}

.checkout-shipping:before,
.checkout-shipping:after {
  content: " ";
  display: table;
}

.checkout-shipping:after {
  clear: both;
}

.checkout-shipping .checkout-shipping-items {
  background: #ededed;
  padding: 10px;
  margin: 10px 0;
}

.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  padding: 0 0 10px 0;
  font-size: 20px;
}

.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
}

.checkout-shipping .checkout-shipping-items ul li {
  font-size: 14px;
}

.checkout-shipping .simplify-pickup-locations {
  background: #ededed;
  padding: 10px;
}

.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #bababa;
  padding: 10px;
  line-height: 35px;
  margin: -10px -10px 10px -10px;
}

.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}

.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}

.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}

.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}

.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #bababa;
}

.checkout-shipping .simplify-pickup-locations ul a {
  color: #32374b;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}

.saved-addresses-section {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
}

@media (min-width: 768px) {
  .saved-addresses-section {
    float: left;
    width: 95.83333333%;
  }
}

.payment-iframe {
  width: 100%;
  height: 1000px;
  border: none;
  overflow: hidden;
}

#addressbook,
#savedpayments {
  display: none;
  padding-bottom: 20px;
}

#colorbox #addressbook,
#colorbox #savedpayments {
  display: block;
}

#addressbook ul,
#savedpayments ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

#addressbook ul li,
#savedpayments ul li {
  padding: 10px 0;
}

.checkout-review .checkout-review-section {
  padding: 10px 0;
}

.checkout-review .checkout-review-section .title {
  font-weight: bold;
  background: #ededed;
  padding: 10px;
}

.checkout-review .checkout-review-section .content {
  padding: 10px;
}

.checkout-review .checkout-review-list {
  padding-left: 0;
  list-style: none;
}

.checkout-review .checkout-review-list-items {
  padding: 15px 20px;
  margin: 0;
  margin-bottom: 10px;
  background: #ededed;
}

.checkout-review .checkout-review-list-items--last {
  margin-top: 10px;
  padding-right: 50px;
}

.checkout-review .checkout-review-list-items--last a {
  text-decoration: underline;
}

.checkout-review .checkout-review-list-items .order-summary-subhead,
.checkout-review .checkout-review-list-items .title_holder {
  font-weight: bold;
  margin: 0;
}

.checkout-review .checkout-review-list-items .promo ul {
  padding-left: 0;
}

.checkout-review .checkout-review-list-items .promo ul li {
  list-style-type: none;
  color: #f2243f;
  padding-bottom: 5px;
}

.checkout-review .checkout-order-summary .subtotals {
  background-color: #EAEAEA;
  color: #303030;
}

.checkout-review .checkout-order-summary .subtotals .subtotal,
.checkout-review .checkout-order-summary .subtotals .totals,
.checkout-review .checkout-order-summary .subtotals .shipping,
.checkout-review .checkout-order-summary .subtotals .savings {
  display: inline-block;
  width: 100%;
}

.checkout-review .checkout-order-summary .subtotals .checkout-order-summary-prices-column {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .checkout-review .checkout-order-summary .subtotals .checkout-order-summary-prices-column {
    float: left;
    width: 66.66666667%;
  }
}

.checkout-review .checkout-order-summary .subtotals .checkout-order-summary-details-column {
  float: left;
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 768px) {
  .checkout-review .checkout-order-summary .subtotals .checkout-order-summary-details-column {
    float: left;
    width: 33.33333333%;
  }
}

.checkout-review .checkout-order-summary .checkout-order-summary-total {
  color: #f2243f;
  font-weight: bold;
  height: 20px;
  font-size: 20px;
  display: inline-block;
  width: 100%;
}

.checkout-order-summary .headline {
  font-size: 20px;
  background: #19212b;
  padding: 0 20px;
  line-height: 44px;
  color: #fff;
}

@media (max-width: 767px) {
  .checkout-order-summary .headline {
    font-size: 16px;
  }
}

.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  padding: 0;
}

.checkout-order-summary .checkout-order-summary-list li {
  padding: 10px 0;
  border-bottom: 1px solid #b6b6b6;
}

.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}

.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}

.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}

.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}

.checkout-order-summary .checkout-order-summary-list li:last-child {
  border: 0;
}

.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 10px;
}

.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}

.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

.checkout-order-summary .checkout-order-summary-list .price span {
  font-weight: 600;
}

.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
}

.checkout-order-summary .checkout-order-summary-list .details .name {
  display: inline;
}

.checkout-order-summary .checkout-order-summary-list .details .qty {
  display: inline;
}

.checkout-order-summary .checkout-order-summary-list .details .variants {
  padding: 10px 0;
}

.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 14px;
}

.checkout-order-summary .checkout-order-summary-list li.section {
  margin-top: 10px;
  background: #ededed;
  padding: 10px 20px;
  border: 0;
}

.checkout-order-summary .checkout-order-summary-list li.section .title {
  float: left;
  margin: 0 10px 0 0;
  width: 76px;
  font-weight: bold;
  text-transform: uppercase;
}

.checkout-order-summary .checkout-order-summary-list li.section .address {
  margin-left: 86px;
  font-size: 14px;
}

.checkout-order-summary .checkout-order-summary-list li.section .alternatetitle {
  float: left;
  margin: 0 10px 0 0;
  font-weight: bold;
  text-transform: uppercase;
}

.checkout-order-summary .subtotals {
  background: #ededed;
  padding: 20px 10px;
}

.checkout-order-summary .subtotals.dark {
  background: #19212b;
  color: #fff;
}

@media (max-width: 639px) {
  .checkout-order-summary .subtotals {
    background: #19212b;
    color: #fff;
  }
}

.checkout-order-summary .subtotals .subtotal-headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.checkout-order-summary .subtotals .totals .totals-text {
  color: red;
}

.checkout-order-summary .subtotal span,
.checkout-order-summary .shipping span,
.checkout-order-summary .tax span,
.checkout-order-summary .totals span {
  float: right;
}

.checkout-success .checkout-success-headline {
  font-size: 20px;
  margin: 10px;
}

.checkout-success .checkout-success-headline span {
  color: #32374b;
}

.checkout-success .checkout-success-body {
  text-align: center;
}

.checkout-success .checkout-success-body .checkout-success-body-headline {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

.checkout-success-body-register {
  overflow: hidden;
  margin: 20px 0 35px 0;
}

.checkout-success-body-register .login-section,
.checkout-success-body-register .register-section {
  margin: 0 auto;
  float: none;
  background-color: #ededed;
  padding: 15px;
}

.checkout-success-body-register .checkout-success-body-register-email {
  display: inline-block;
  margin-left: 5px;
}

.checkout-success-body-register form {
  padding: 20px 0;
  text-align: left;
}

.termsAndConditions-section {
  padding-bottom: 20px;
}

label.terms {
  margin: 15px 0;
}

fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}

fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.order-confirmation h1 {
  color: #32374b;
  font-size: 24px;
  font-weight: bold;
  margin-left: 10px;
}

.order-confirmation h3 {
  font-size: 18px;
  margin: 10px 0 10px 10px;
}

.order-confirmation .btn--print {
  text-transform: uppercase;
  padding: 10px 20px;
  color: #32374b;
  border: 1px solid #000;
  font-size: 18px;
  background-color: #fff;
  margin-right: 10px;
}

.order-confirmation section {
  background-color: #ededed;
  margin: 0 0 10px;
  padding: 10px;
}

.order-confirmation section h3,
.order-confirmation section .order-summary-subhead {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}

.order-confirmation section.register-details {
  text-align: center;
}

.order-confirmation section.register-details ul {
  list-style-type: none;
}

.order-confirmation section.register-details ul li {
  display: inline-block;
  min-width: 50%;
  line-height: 2em;
  text-align: left;
}

.order-confirmation section.register-details ul li .checkmark {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.order-confirmation section.register-details .btn--big {
  text-transform: uppercase;
  padding: 10px 30px;
}

.order-confirmation section.age-restriction-consent {
  color: #A94442;
  background-color: #F2DEDE;
  border-color: #EBCCD1;
  padding: 10px;
  margin: 10px 0px;
}

.order-confirmation section.age-restriction-consent h3 {
  margin-bottom: 10px;
}

.order-confirmation section.whats-next h3 {
  margin-bottom: 20px;
}

.order-confirmation section .subtotals .checkout-order-summary-total {
  color: #f2243f;
  font-weight: bold;
  height: 20px;
  font-size: 18px;
}

.order-confirmation section .subtotals .checkout-order-summary-total .name,
.order-confirmation section .subtotals .checkout-order-summary-total .value {
  margin-top: 20px;
}

.order-confirmation__elements .title {
  font-size: 22px;
}

.order-confirmation__elements .basket-items li {
  background: #fff;
  padding: 10px;
  margin: 10px 0;
}

@media print {
@page {
    size: portrait;
}

  .checkout-order-summary .headline {
    line-height: normal;
  }

  #printable {
    display: inline-block !important;
  }

  #printable h1,
  #printable .subtotals,
  #printable .subtotal,
  #printable .totals,
  #printable .shipping,
  #printable .realTotals,
  #printable .checkout-order-summary-total,
  #printable section {
    width: 100%!important;
    display: inline-block !important;
    padding: 0!important;
  }

  #printable .register-details {
    display: none!important;
  }

  #printable section.order-summary,
  #printable .subtotals {
    page-break-inside: avoid;
    page-break-after: avoid;
    page-break-before: avoid;
  }

  #printable .checkout-success,
  #printable .subtotal,
  #printable .totals,
  #printable .shipping,
  #printable .realTotals,
  #printable .checkout-order-summary-total {
    display: inline-block !important;
  }

  #printable .subtotals {
    display: inline-block !important;
  }

  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    float: none!important;
    display: inline!important;
  }
}

.forgotten-pwd-container .checkout-pwd-container {
  margin: 0 auto;
  float: none;
}

.forgotten-pwd-container .change-email-link {
  color: #32374b;
}

.forgotten-pwd-container .change-email-link hover {
  text-decoration: underline;
}

.forgotten-pwd-container #forgottenPwdForm {
  padding: 30px;
}

.age-verification-alt {
  margin: 20px 0px;
  padding: 0;
}

.order-summary-side-panel {
  float: right;
  margin-bottom: 10px;
}

.order-summary-side-panel .name a {
  color: #32374b;
}

@media (max-width: 1279px) {
  .order-summary-side-panel {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
  }
}

.order-summary-side-panel .checkout-order-summary {
  background: #ededed;
  padding: 10px;
  display: inline-block;
}

@media (max-width: 1279px) {
  .order-summary-side-panel .checkout-order-summary {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
  }

  .order-summary-side-panel .checkout-order-summary p {
    margin: 0;
  }
}

.order-summary-side-panel .checkout-order-summary .summary-icon {
  border-right: 1px solid white;
  background-color: #32374b;
  width: 50px;
  height: 50px;
  float: left;
  display: inline-block;
  position: relative;
  margin-right: 15px;
}

@media (min-width: 1280px) {
  .order-summary-side-panel .checkout-order-summary .summary-icon {
    display: none !important;
  }
}

.order-summary-side-panel .checkout-order-summary .summary-icon.inactive {
  display: none;
}

.order-summary-side-panel .checkout-order-summary .summary-icon--handler {
  background-color: transparent;
  float: right;
  border: none;
  margin: 0;
}

@media print {
  .order-summary-side-panel .checkout-order-summary .summary-icon {
    display: none;
  }
}

.order-summary-side-panel .checkout-order-summary .summary-icon-basket {
  width: 30px;
  height: 23px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -11px;
}

.order-summary-side-panel .checkout-order-summary--short p.total-headline {
  margin: 0;
}

.order-summary-side-panel .checkout-order-summary .headline {
  background: none;
  color: #32374b;
  padding: 0;
  float: left;
}

.order-summary-side-panel .checkout-order-summary .summary-items-toggle {
  max-height: 475px;
}

@media (max-width: 1279px) {
  .order-summary-side-panel .checkout-order-summary .summary-items-toggle {
    width: 100%;
    float: left;
    padding: 0;
  }

  .order-summary-side-panel .checkout-order-summary .summary-items-toggle .summary-items-toggle {
    padding: 5px;
  }
}

@media only screen and (min-width: 1280px) {
  .order-summary-side-panel .checkout-order-summary .summary-items-toggle {
    display: inline-block;
  }
}

@media print {
  .order-summary-side-panel .checkout-order-summary .summary-items-toggle {
    display: inline-block !important;
  }
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li {
  background: #fff;
  margin: 5px 10px 5px 0;
  border-style: none;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .thumb {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .thumb {
    max-width: 80px;
    max-height: 80px;
  }
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .price {
  position: relative;
  float: left;
  width: 29.16666667%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 0;
  margin: 0;
  text-align: left;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .price span {
  display: inline-block;
  width: 100%;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .details {
  position: relative;
  float: left;
  width: 45.83333333%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li .promo-msg {
  display: none;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li > .price {
  float: right;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li:first-of-type {
  margin-top: 0;
}

.order-summary-side-panel .checkout-order-summary .checkout-order-summary-list li:last-of-type {
  margin-bottom: 0;
}

.order-summary-side-panel .order-summary-side-panel-total-prices {
  background: #ededed;
  margin-top: 10px;
  padding: 10px;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal {
  float: left;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
  margin-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .subtotal .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings {
  display: inline-block;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .savings .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher {
  display: inline-block;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .subtotals .voucher .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals {
  display: inline-block;
  width: 100%;
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping {
  display: inline-block;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .shipping .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher {
  display: inline-block;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .totals .voucher .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total {
  font-size: 20px;
  font-weight: bold;
  color: #f2243f;
  padding-right: 10px;
  padding-left: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total .os-side-panel-details-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total .os-side-panel-details-column {
    float: left;
    width: 50%;
  }
}

.order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total .os-side-panel-prices-column {
  text-align: right;
}

.ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total .os-side-panel-prices-column {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .ie-old .order-summary-side-panel .order-summary-side-panel-total-prices .checkout-order-summary-total .os-side-panel-prices-column {
    float: left;
    width: 50%;
  }
}

@media print {
  .order-summary-side-panel {
    display: inline-block;
    float: none!important;
    position: static;
    overflow: visible;
  }
}

@media print {
  #printable * {
    display: inline-block;
    float: none!important;
    position: static;
    overflow: visible;
  }
}

.customer-message {
  border: 1px solid #666;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 10px;
  position: relative;
  margin: 10px 0 0;
}

.customer-message .icon-holder {
  width: 20px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  float: left;
  margin: 10px 15px 0 0;
}

.customer-message__icon {
  max-height: 40px;
  height: 100%;
  width: 100%;
}

.customer-message p {
  margin: 0;
}

.large-items-form {
  background-color: #ededed;
}

.large-items-form .checkbox-fieldset .form-group {
  margin-left: 12px;
}

.delivery-total {
  font-size: 18px;
  font-weight: bold;
}

.delivery-group {
  margin-top: 10px;
  display: inline-block;
}

.checkout-steps .step-body .delivery-group--bold label {
  font-weight: 600;
  font-size: 16px;
}

.delivery-group .delivery-option-title {
  color: #32374b;
  margin: 0;
  float: left;
}

.delivery-group .delivery-title {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.delivery-group .delivery-title .delivery-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  float: left;
  display: none;
}

.delivery-group .delivery-title .delivery-icon.active {
  display: inline-block;
}

.delivery-group .delivery-title .delivery-icon .plus,
.delivery-group .delivery-title .delivery-icon .minus {
  width: 100%;
  height: 100%;
}

.delivery-group .delivery-title .delivery-option-title {
  display: inline-block;
  font-size: 18px;
  width: 85%;
  font-weight: 600;
  cursor: pointer;
}

.delivery-group .delivery-title .delivery-option-title span {
  font-size: 14px;
  color: #32374b;
  width: 100%;
  display: inline-block;
  font-weight: normal;
}

.delivery-group .delivery-group-item {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 10px 0;
  background-color: #ededed;
}

.delivery-group .delivery-option-description {
  color: #32374b;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0;
}

.delivery-group .delivery-option-description--strong {
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
}

.delivery-group .delivery-option-description--stronger {
  font-weight: bold;
  margin-top: 20px;
  display: inline-block;
}

.delivery-group .delivery-option-description--stronger span {
  font-size: 14px;
  color: #32374b;
  width: 100%;
  display: inline-block;
  font-weight: normal;
}

.delivery-group .delivery-group-tab {
  background-color: white;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 0 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.delivery-group .delivery-group-tab.transparent {
  background-color: transparent;
}

.delivery-group .delivery-group-tab.transparent .delivery-sales-item {
  background-color: white;
  padding: 10px 20px;
}

.delivery-group .delivery-service-items {
  padding-left: 0;
  list-style: none;
}

.delivery-group .delivery-service-items label.step {
  font-size: 16px;
  padding: 5px 10px;
}

.delivery-group .delivery-service-items label.step input[type="radio"] {
  top: 20px;
}

.delivery-group .delivery-sales-item {
  width: 100%;
  display: inline-block;
}

.delivery-group .delivery-large-items {
  text-align: center;
}

.delivery-group .delivery-large-items p {
  font-size: 16px;
}

.delivery-group .delivery-heading-black {
  font-size: 22px;
  color: white;
  background-color: #32374b;
  margin: 10px 0;
  padding: 20px 10px;
  display: inline-block;
  width: 100%;
}

.delivery-group .delivery-checklist {
  color: #f2243f;
  display: inline-block;
  width: 100%;
  margin: 20px 0 5px;
  font-size: 18px;
}

.delivery-group .delivery-checklist__image {
  width: 100%;
  max-width: 288px;
}

.delivery-group .additional-info-group-container {
  width: 90%;
  display: inline-block;
  float: left;
  padding: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .delivery-group .additional-info-group-container {
    width: 80%;
  }
}

.delivery-group .additional-info-group-container * {
  text-align: left;
}

.delivery-group .additional-info-group {
  background-color: white;
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  position: relative;
}

.delivery-group .additional-info-group .additional-info-group-number {
  background-color: #333;
  color: white;
  font-size: 22px;
  width: 50px;
  float: left;
  padding: 0 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.delivery-group .additional-info-group .additional-info-group-number.first {
  padding-top: 0;
  height: 70px;
  line-height: 70px;
}

.delivery-group .additional-info-group .delivery-checklist {
  margin-top: 0;
  text-align: left;
}

.qas-container {
  width: 100%;
  display: inline-block;
  background: #e2e6f3;
  padding: 10px;
}

.qas-container select {
  width: 100%;
  margin: 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
}

.qas-container .btn {
  float: right;
  text-transform: uppercase;
}

.login-section .qas-container .btn {
  float: none;
}

.login-section .qas-container .row {
  text-align: center;
}

.js-qaspostcode-input {
  text-transform: uppercase;
}

.js-postalCode {
  text-transform: uppercase;
}

.js-address-manually {
  display: block;
  cursor: pointer;
  text-decoration: underline;
  text-align: right;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
}

.js-change-qas-address {
  display: none;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
}

.js-address-form {
  margin-top: 10px;
}

.store-opening-hours {
  font-size: 87%;
  margin-left: -10px;
  margin-right: -10px;
  max-width: 60%;
  margin-bottom: 5px;
}

.store-finder {
  display: none;
  padding: 0;
}

.store-finder-headline {
  font-size: 18px;
  margin-bottom: 10px;
}

.store-finder-search .row > * {
  margin-bottom: 10px;
}

.store-finder-pagination {
  line-height: 34px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.store-finder-pagination:before,
.store-finder-pagination:after {
  content: " ";
  display: table;
}

.store-finder-pagination:after {
  clear: both;
}

.store-finder-pagination:before,
.store-finder-pagination:after {
  content: " ";
  display: table;
}

.store-finder-pagination:after {
  clear: both;
}

.store-finder-navigation {
  overflow: hidden;
  height: 561px;
}

.store-finder-navigation,
.store-finder-details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.store-finder-map {
  width: 100%;
  height: 200px;
}

.store-finder .stores-nearby {
  margin-bottom: 10px;
}

.store-finder-navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}

.store-finder-navigation-list li.loading {
  height: 56px;
  background: #ededed;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}

.store-finder-navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

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

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

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

.store-finder-navigation-list-entry {
  height: 56px;
}

.store-finder-navigation-list-entry:last-child label {
  border: 0;
}

.store-finder-navigation-list-entry input {
  display: none;
}

.store-finder-navigation-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 14px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #ededed;
  border-bottom: 1px solid #ddd;
}

.store-finder-navigation-list-entry label:hover {
  background: #f2f2f2;
}

.store-finder-navigation-list-entry input:checked + label {
  background: #32374b;
  color: #fff;
}

.store-finder-navigation-list-entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.store-finder-navigation-list-entry-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.store-finder-navigation-list-entry-name {
  display: block;
}

.store-finder-navigation-list-entry-city {
  display: block;
  font-weight: normal;
}

.store-finder-navigation-list-entry-distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}

.store-finder-navigation-list-entry-distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}

.store-finder-details-back {
  margin-bottom: 20px;
  display: none !important;
}

@media (max-width: 639px) {
  .store-finder-details-back {
    display: inline-block !important;
  }
}

.store-finder-details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}

.store-finder-details-image img {
  width: 100%;
  height: auto;
}

.store-finder-details-info {
  margin-left: 122px;
}

.store-finder-details-info-name {
  font-weight: bold;
}

.store-finder-details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}

.store-finder-details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}

.store-finder-details-map {
  background: #eee;
}

.store-finder-details-openings dl dt {
  text-align: left;
  width: 60px;
}

.store-finder-details-openings dl dd {
  margin-left: 60px;
}

.store-finder-details-openings ul {
  padding-left: 0;
  list-style: none;
}

@media (max-width: 639px) {
  .store-finder .back-to-storelist {
    margin-bottom: 10px;
  }

  .store-finder .store-finder-panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }

  .store-finder .store-finder-panel > * {
    padding: 0;
  }

  .store-finder .store-finder-panel .store-finder-details {
    display: none;
  }

  .store-finder.show-store .store-finder-pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }

  .store-finder.show-store .store-finder-pagination * {
    display: none;
  }

  .store-finder.show-store .store-finder-panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .store-finder.show-store .store-finder-panel .store-finder-navigation {
    padding-right: 20px;
  }

  .store-finder.show-store .store-finder-panel .store-finder-details {
    display: block;
  }
}

@media (min-width: 767px) {
  .view-all-stores {
    position: absolute;
    top: 25px;
    right: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .pageType-ContentPage .container > .row {
    margin: 0;
  }
}

.store__overlay .vcard {
  padding: 20px 0;
}

.store__overlay #cboxTitle {
  margin-bottom: 10px;
}

.store__map {
  height: 350px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

}

.store__block {
  display: inline-block;
  padding: 10px 20px 20px;
  width: 100%;
  margin-bottom: 10px;
}

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

.store__block--blue {
  background-color: #dadee8;
}

.store__block--left {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .store__block--left {
    float: left;
    width: 37.5%;
  }
}

.store__block--right {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 768px) {
  .store__block--right {
    float: left;
    width: 62.5%;
  }
}

.store__block img {
  max-width: 100%;
}

.store__block b,
.store__block strong {
  color: #32374b;
}

.store__new-icon {
  background-color: #f2243f;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  padding: 5px 10px;
  margin-right: 5px;
}

.store__image-map {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}

.store__image-map img {
  max-width: 565px;
}

@media (max-width: 639px) {
  .store__image-map {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .store__image-map {
    display: none !important;
  }
}

[class*="template-pages-layout-content"] .store__heading {
  font-size: 20px;
  margin: 20px 0 10px;
  font-weight: 600;
  font-weight: normal;
}

[class*="template-pages-layout-content"] .store__heading--blue {
  color: #32374b;
}

[class*="template-pages-layout-content"] .store__heading--big {
  font-size: 24px;
}

[class*="template-pages-layout-content"] .store__heading--manager {
  margin-bottom: 0;
  margin-top: 18px;
}

[class*="template-pages-layout-content"] .store__heading--manager + p {
  color: #32374b;
}

.store__video {
  position: absolute;
  top: 40px;
  right: 20px;
}

@media (max-width: 639px) {
  .store__video {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .store__video {
    display: none !important;
  }
}

.store__feedback {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.store__feedback--image {
  float: left;
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .store__feedback--image {
    float: left;
    width: 16.66666667%;
  }
}

.store__feedback--image img {
  max-width: 100%;
}

.store__feedback--details {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-right: 0;
}

@media (min-width: 768px) {
  .store__feedback--details {
    float: left;
    width: 83.33333333%;
  }
}

.store__feedback .store__heading {
  margin-top: 0;
}

.store__feedback .winner {
  margin: 20px 0 10px;
  display: inline-block;
  width: 100%;
}

.store__details-image,
.store__details-video {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 20px 0;
}

@media (min-width: 640px) {
  .store__details-image,
  .store__details-video {
    float: left;
    width: 50%;
  }
}

.store__details-image-wide {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 20px 0;
  padding: 0 10px;
}

.store__details-map {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 640px) {
  .store__details-map {
    float: left;
    width: 100%;
  }
}

.store__blue-icon {
  background-color: #32374b;
}

.store__blue-icon--circle {
  border-radius: 50px;
  padding: 3px 9px;
  color: white;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}

.store__opening-hours ul li {
  font-size: 14px;
  display: inline-block;
  margin: 0 0 3px;
  width: 100%;
}

.store__services {
  background-color: white;
  padding: 10px;
  min-height: 505px;
}

.store__services li {
  display: inline-block;
  width: 32%;
}

.store__check-row {
  margin-bottom: 20px;
}

.store__check-select {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .store__check-select {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .store__check-select {
    float: left;
    width: 25%;
  }
}

.store__check-select .form-control {
  width: 100%;
}

.store__check-input {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .store__check-input {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .store__check-input {
    float: left;
    width: 25%;
  }
}

.store__check-input .form-control {
  width: 100%;
}

.store__check-name {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .store__check-name {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .store__check-name {
    float: left;
    width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .store__check-name {
    margin: 10px 0 0;
  }
}

.store__check-name-double {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  .store__check-name-double {
    float: left;
    width: 50%;
  }
}

.store__check-value {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: right !important;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .store__check-value {
    float: left;
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .store__check-value {
    float: left;
    width: 25%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .store__check-value {
    margin: 10px 0;
  }
}

.store__check-box {
  padding: 7px 12px;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

[class*="template-pages-layout-content"] img {
  display: block;
  max-width: 100%;
  height: auto;
}

[class*="template-pages-layout-content"] img.float_r {
  float: right;
}

[class*="template-pages-layout-content"] img.float_l {
  float: left;
}

[class*="template-pages-layout-content"] table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}

[class*="template-pages-layout-content"] table > thead > tr > th,
[class*="template-pages-layout-content"] table > tbody > tr > th,
[class*="template-pages-layout-content"] table > tfoot > tr > th,
[class*="template-pages-layout-content"] table > thead > tr > td,
[class*="template-pages-layout-content"] table > tbody > tr > td,
[class*="template-pages-layout-content"] table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

[class*="template-pages-layout-content"] table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

[class*="template-pages-layout-content"] table > caption + thead > tr:first-child > th,
[class*="template-pages-layout-content"] table > colgroup + thead > tr:first-child > th,
[class*="template-pages-layout-content"] table > thead:first-child > tr:first-child > th,
[class*="template-pages-layout-content"] table > caption + thead > tr:first-child > td,
[class*="template-pages-layout-content"] table > colgroup + thead > tr:first-child > td,
[class*="template-pages-layout-content"] table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

[class*="template-pages-layout-content"] table > tbody + tbody {
  border-top: 2px solid #ddd;
}

[class*="template-pages-layout-content"] table .table {
  background-color: #ffffff;
}

[class*="template-pages-layout-content"] table--blue {
  border: 2px solid #32374b;
  font-size: 14px;
}

[class*="template-pages-layout-content"] table--blue td {
  border-color: #cedff0;
}

[class*="template-pages-layout-content"] table__td {
  border-color: #cedff0;
}

[class*="template-pages-layout-content"] table__td--fixed {
  width: 30%;
}

@media screen and (max-width: 639px) {
  [class*="template-pages-layout-content"] table {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }

  [class*="template-pages-layout-content"] table > .table {
    margin-bottom: 0;
  }

  [class*="template-pages-layout-content"] table > .table > thead > tr > th,
  [class*="template-pages-layout-content"] table > .table > tbody > tr > th,
  [class*="template-pages-layout-content"] table > .table > tfoot > tr > th,
  [class*="template-pages-layout-content"] table > .table > thead > tr > td,
  [class*="template-pages-layout-content"] table > .table > tbody > tr > td,
  [class*="template-pages-layout-content"] table > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  [class*="template-pages-layout-content"] table > .table-bordered {
    border: 0;
  }

  [class*="template-pages-layout-content"] table > .table-bordered > thead > tr > th:first-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr > th:first-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr > th:first-child,
  [class*="template-pages-layout-content"] table > .table-bordered > thead > tr > td:first-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr > td:first-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  [class*="template-pages-layout-content"] table > .table-bordered > thead > tr > th:last-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr > th:last-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr > th:last-child,
  [class*="template-pages-layout-content"] table > .table-bordered > thead > tr > td:last-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr > td:last-child,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr:last-child > th,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr:last-child > th,
  [class*="template-pages-layout-content"] table > .table-bordered > tbody > tr:last-child > td,
  [class*="template-pages-layout-content"] table > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

[class*="template-pages-layout-content"] table.countries img {
  display: inline-block;
  margin-right: 5px;
}

[class*="template-pages-layout-content"] .field-group table > tbody > tr:nth-child(odd) > td,
[class*="template-pages-layout-content"] .field-group table > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

[class*="template-pages-layout-content"] .field-group ul {
  padding-left: 0;
  list-style: none;
}

[class*="template-pages-layout-content"] .resourcenav2 ul {
  padding-left: 0;
  list-style: none;
  text-align: center;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li {
  display: inline-block;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li:before,
[class*="template-pages-layout-content"] .resourcenav2 ul li:after {
  content: " ";
  display: table;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li:after {
  clear: both;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li:before,
[class*="template-pages-layout-content"] .resourcenav2 ul li:after {
  content: " ";
  display: table;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li:after {
  clear: both;
}

[class*="template-pages-layout-content"] .resourcenav2 ul li a {
  background-color: #32374b;
  padding: 5px;
}

[class*="template-pages-layout-content"] div[id^=minishop] {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

[class*="template-pages-layout-content"] h1,
[class*="template-pages-layout-content"] h2,
[class*="template-pages-layout-content"] h3,
[class*="template-pages-layout-content"] h4,
[class*="template-pages-layout-content"] h5 {
  font-size: 32px;
  color: #32374b;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

[class*="template-pages-layout-content"] h1--centered,
[class*="template-pages-layout-content"] h2--centered,
[class*="template-pages-layout-content"] h3--centered,
[class*="template-pages-layout-content"] h4--centered,
[class*="template-pages-layout-content"] h5--centered {
  text-align: center;
}

[class*="template-pages-layout-content"] h1--image,
[class*="template-pages-layout-content"] h2--image,
[class*="template-pages-layout-content"] h3--image,
[class*="template-pages-layout-content"] h4--image,
[class*="template-pages-layout-content"] h5--image {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  margin-top: 0;
}

[class*="template-pages-layout-content"] h1--primary,
[class*="template-pages-layout-content"] h2--primary,
[class*="template-pages-layout-content"] h3--primary,
[class*="template-pages-layout-content"] h4--primary,
[class*="template-pages-layout-content"] h5--primary {
  font-size: 22px;
  margin-top: 10px;
}

.account-section [class*="template-pages-layout-content"] h1--primary,
.account-section [class*="template-pages-layout-content"] h2--primary,
.account-section [class*="template-pages-layout-content"] h3--primary,
.account-section [class*="template-pages-layout-content"] h4--primary,
.account-section [class*="template-pages-layout-content"] h5--primary {
  margin-top: 0;
}

.page-homepage [class*="template-pages-layout-content"] h1--primary,
.page-homepage [class*="template-pages-layout-content"] h2--primary,
.page-homepage [class*="template-pages-layout-content"] h3--primary,
.page-homepage [class*="template-pages-layout-content"] h4--primary,
.page-homepage [class*="template-pages-layout-content"] h5--primary {
  margin: 0 0 10px;
  font-size: 14px;
  color: #32374b;
}

[class*="template-pages-layout-content"] h1--secondary,
[class*="template-pages-layout-content"] h2--secondary,
[class*="template-pages-layout-content"] h3--secondary,
[class*="template-pages-layout-content"] h4--secondary,
[class*="template-pages-layout-content"] h5--secondary,
[class*="template-pages-layout-content"] h1--small,
[class*="template-pages-layout-content"] h2--small,
[class*="template-pages-layout-content"] h3--small,
[class*="template-pages-layout-content"] h4--small,
[class*="template-pages-layout-content"] h5--small {
  font-size: 18px;
}

.brand-index__container [class*="template-pages-layout-content"] h1--secondary,
.brand-index__container [class*="template-pages-layout-content"] h2--secondary,
.brand-index__container [class*="template-pages-layout-content"] h3--secondary,
.brand-index__container [class*="template-pages-layout-content"] h4--secondary,
.brand-index__container [class*="template-pages-layout-content"] h5--secondary,
.brand-index__container [class*="template-pages-layout-content"] h1--small,
.brand-index__container [class*="template-pages-layout-content"] h2--small,
.brand-index__container [class*="template-pages-layout-content"] h3--small,
.brand-index__container [class*="template-pages-layout-content"] h4--small,
.brand-index__container [class*="template-pages-layout-content"] h5--small {
  font-size: 18px;
}

[class*="template-pages-layout-content"] h1--small,
[class*="template-pages-layout-content"] h2--small,
[class*="template-pages-layout-content"] h3--small,
[class*="template-pages-layout-content"] h4--small,
[class*="template-pages-layout-content"] h5--small {
  margin: 10px 0 5px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .personalise-products [class*="template-pages-layout-content"] h1,
  .personalise-products [class*="template-pages-layout-content"] h2,
  .personalise-products [class*="template-pages-layout-content"] h3,
  .personalise-products [class*="template-pages-layout-content"] h4,
  .personalise-products [class*="template-pages-layout-content"] h5,
  .personalise-products [class*="template-pages-layout-content"] h1 + .red,
  .personalise-products [class*="template-pages-layout-content"] h2 + .red,
  .personalise-products [class*="template-pages-layout-content"] h3 + .red,
  .personalise-products [class*="template-pages-layout-content"] h4 + .red,
  .personalise-products [class*="template-pages-layout-content"] h5 + .red {
    padding: 0 20px;
  }
}

.page-homepage [class*="template-pages-layout-content"] h1--secondary,
.page-homepage [class*="template-pages-layout-content"] h2--secondary,
.page-homepage [class*="template-pages-layout-content"] h3--secondary,
.page-homepage [class*="template-pages-layout-content"] h4--secondary,
.page-homepage [class*="template-pages-layout-content"] h5--secondary {
  font-size: 20px;
  font-weight: 600;
}

.page-homepage [class*="template-pages-layout-content"] h1--secondary-small,
.page-homepage [class*="template-pages-layout-content"] h2--secondary-small,
.page-homepage [class*="template-pages-layout-content"] h3--secondary-small,
.page-homepage [class*="template-pages-layout-content"] h4--secondary-small,
.page-homepage [class*="template-pages-layout-content"] h5--secondary-small {
  font-size: 16px;
}

.page-brandIndexPage [class*="template-pages-layout-content"] h1,
.page-brandIndexPage [class*="template-pages-layout-content"] h2,
.page-brandIndexPage [class*="template-pages-layout-content"] h3,
.page-brandIndexPage [class*="template-pages-layout-content"] h4,
.page-brandIndexPage [class*="template-pages-layout-content"] h5 {
  font-weight: bold;
}

[class*="template-pages-layout-content"] h1 {
  font-size: 22px;
  margin-top: 10px;
}

[class*="template-pages-layout-content"] h2,
[class*="template-pages-layout-content"] h3,
[class*="template-pages-layout-content"] h4 {
  font-size: 18px;
}

[class*="template-pages-layout-content"] .ProductImage {
  float: left;
  display: inline-block;
}

[class*="template-pages-layout-content"] .static__nav {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  [class*="template-pages-layout-content"] .static__nav {
    float: left;
    width: 18.75%;
  }
}

[class*="template-pages-layout-content"] .static__main-container {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1280px) {
  [class*="template-pages-layout-content"] .static__main-container {
    float: left;
    width: 81.25%;
  }
}

[class*="template-pages-layout-content"] .static__lhn {
  width: 100%;
}

[class*="template-pages-layout-content"] .static__select {
  width: 100%;
  display: inline-block;
  margin: 10px 0 20px;
}

[class*="template-pages-layout-content"] .static__lhn-container {
  border: 1px solid #a0a0a0;
}

@media (max-width: 639px) {
  [class*="template-pages-layout-content"] .static__lhn-container {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  [class*="template-pages-layout-content"] .static__lhn-container {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  [class*="template-pages-layout-content"] .static__lhn-container {
    display: none !important;
  }
}

[class*="template-pages-layout-content"] .static__lhn-content {
  border: 1px solid white;
}

[class*="template-pages-layout-content"] .static__lhn-title {
  font-size: 18px;
  color: #fff;
  padding: 15px 10px;
  background-color: #5c5c5c;
  border: 1px solid white;
  display: inline-block;
  width: 100%;
  margin: 0;
  text-align: center;
}

[class*="template-pages-layout-content"] .static__lhn-items {
  padding-left: 0;
  list-style: none;
  background-color: #eaf1f9;
  margin: 0;
}

[class*="template-pages-layout-content"] .static__lhn-item {
  display: inline-block;
  width: 100%;
}

[class*="template-pages-layout-content"] .static__lhn-item a {
  padding: 10px 10px 0;
  display: block;
  font-size: 15px;
}

[class*="template-pages-layout-content"] .static__lhn-subtitle {
  background-color: #32374b;
  padding: 10px;
  color: white;
  margin: 10px 0 0;
  font-size: 17px;
}

[class*="template-pages-layout-content"] .static__lhn-subtitle:first-child {
  margin: 0;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
  overflow: hidden;
  padding: 0;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none;
  box-sizing: content-box;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  overflow: scroll;
  -ms-overflow-style: none;
  padding: 0;
  position: relative;
  top: 0;
  width: auto;
}

.ie-old .scroll-wrapper > .scroll-content {
  overflow-y: hidden;
  overflow-x: hidden;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}

.scroll-element div {
  box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden;
}

.scroll-textarea > .scroll-content > textarea {
  border: none;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: none;
  overflow: scroll;
  outline: none;
  padding: 2px;
  position: relative;
  top: 0;
  width: 100%;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

.datepicker {
  border-radius: 0;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #fff;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #fff;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted .badge {
  color: #d9edf7;
  background-color: #000;
}

.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #d9edf7;
  border-color: #d9edf7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.highlighted {
  color: #d9edf7;
  background-color: #fff;
  border-color: #d9edf7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
  color: #d9edf7;
  background-color: #ffffff;
  border-color: #85c5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.highlighted .badge {
  color: #d9edf7;
  background-color: #000;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #fff;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  background-image: none;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today[disabled],
fieldset[disabled] .datepicker table tr td.today,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today .badge {
  color: #ffdb99;
  background-color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffdb99;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.today {
  color: #ffdb99;
  background-color: #fff;
  border-color: #ffdb99;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open .dropdown-toggle.datepicker table tr td.today {
  background-image: none;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today[disabled],
fieldset[disabled] .datepicker table tr td.today,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active {
  color: #ffdb99;
  background-color: #fff2db;
  border-color: #ffb733;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.today .badge {
  color: #ffdb99;
  background-color: #000;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #fff;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.datepicker table tr td.range:hover,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  background-image: none;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range[disabled],
fieldset[disabled] .datepicker table tr td.range,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range[disabled]:active,
fieldset[disabled] .datepicker table tr td.range:active,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range[disabled].active,
fieldset[disabled] .datepicker table tr td.range.active {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range .badge {
  color: #eeeeee;
  background-color: #000;
}

.datepicker table tr td.range:hover,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #eeeeee;
  border-color: #eeeeee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.range {
  color: #eeeeee;
  background-color: #fff;
  border-color: #eeeeee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open .dropdown-toggle.datepicker table tr td.range {
  background-image: none;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range[disabled],
fieldset[disabled] .datepicker table tr td.range,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range[disabled]:active,
fieldset[disabled] .datepicker table tr td.range:active,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range[disabled].active,
fieldset[disabled] .datepicker table tr td.range.active {
  color: #eeeeee;
  background-color: #ffffff;
  border-color: #bbbbbb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range .badge {
  color: #eeeeee;
  background-color: #000;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #fff;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  background-image: none;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.range.highlighted,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.range.highlighted.active {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted .badge {
  color: #e4eef3;
  background-color: #000;
}

.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #e4eef3;
  border-color: #e4eef3;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.range.highlighted {
  color: #e4eef3;
  background-color: #fff;
  border-color: #e4eef3;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.range.highlighted {
  background-image: none;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.range.highlighted,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.range.highlighted.active {
  color: #e4eef3;
  background-color: #ffffff;
  border-color: #9dc1d3;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.highlighted .badge {
  color: #e4eef3;
  background-color: #000;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #fff;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  background-image: none;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today .badge {
  color: #f7ca77;
  background-color: #000;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f7ca77;
  border-color: #f7ca77;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.range.today {
  color: #f7ca77;
  background-color: #fff;
  border-color: #f7ca77;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open .dropdown-toggle.datepicker table tr td.range.today {
  background-image: none;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active {
  color: #f7ca77;
  background-color: #fbe2b6;
  border-color: #f1a417;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.range.today .badge {
  color: #f7ca77;
  background-color: #000;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #fff;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
  color: #777777;
  background-color: #fff;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #777777;
  border-color: #777777;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #777777;
  background-color: #fff;
  border-color: #777777;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
  color: #777777;
  background-color: #989898;
  border-color: #555555;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
  color: #777777;
  background-color: #fff;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #32374b;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #1e212c;
  border-color: rgba(0, 0, 0, 0);
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-image: none;
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.highlighted,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.active {
  background-color: #32374b;
  border-color: transparent;
}

.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
  color: #32374b;
  background-color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #32374b;
  border-color: #32374b;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #32374b;
  background-color: #fff;
  border-color: #32374b;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-image: none;
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.highlighted,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.active {
  color: #32374b;
  background-color: #4d5473;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
  color: #32374b;
  background-color: #fff;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #fff;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #32374b;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #1e212c;
  border-color: rgba(0, 0, 0, 0);
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #32374b;
  border-color: transparent;
}

.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #32374b;
  background-color: #fff;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #32374b;
  border-color: #32374b;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #32374b;
  background-color: #fff;
  border-color: #32374b;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  color: #32374b;
  background-color: #4d5473;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #32374b;
  background-color: #fff;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #fff;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.hop-process-form {
  display: none;
}

.guest-password-form {
  display: none;
}

.js-minicart-item-text {
  display: inline-block;
}

.order-summary-side-panel .order-summary-side-panel-total-prices .totals .checkout-order-summary-payment-charge {
  display: none;
}

.checkout-order-summary .subtotals .totals .checkout-order-summary-payment-charge {
  display: none;
}

.product-page-substitutes-link {
  cursor: pointer;
  color: #f2243f;
}

.paymentForm #i18nAddressForm {
  display: none;
}

.paypal-continue {
  display: none;
}

.mandatory {
  color: #f2243f;
}

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

@media (max-width: 1279px) {
  .confidence__bar {
    display: none;
  }
}

.confidence__list {
  padding-left: 0;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.confidence__list-item {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  padding-left: 55px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  text-align: center;
  position: relative;
  color: #32374b;
  line-height: 13px;
  font-weight: bold;
  font-size: 14px;
}

@media (min-width: 768px) {
  .confidence__list-item {
    float: left;
    width: 16.66666667%;
  }
}

.confidence__list-item:before {
  content: '';
  width: 36px;
  height: 36px;
  background: url(../images/homepage-tabs.png) no-repeat 0 0;
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 5px;
}

.confidence__list-item.trade:before {
  background-position: -41px 0;
}

.confidence__list-item.returns:before {
  background-position: -82px 0;
}

.confidence__list-item.delivery:before {
  background-position: -123px 0;
}

.confidence__list-item.lowprice:before {
  background-position: -410px 0;
}

.confidence__list-item.stores:before {
  background-position: -205px 0;
}

.ie .site-search .input-group-btn,
.ie-old .site-search .input-group-btn {
  float: left;
}

.ie .form-inline.account-details-personal-info .controls,
.ie-old .form-inline.account-details-personal-info .controls {
  display: inline;
}

.ie img[src$=".svg"],
.ie object,
.ie svg {
  width: 100%;
}

.ie svg.saved-cart__icon--bag {
  width: 41px;
}

.ie svg.carousel__icon {
  width: 20px!important;
}

.ie svg.checkout-done {
  width: 50px!important;
}

.ie .btn svg {
  display: inline;
  width: 21px;
}

.ie option.hidden {
  display: block!important;
  visibility: visible!important;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.ie object {
  width: 100%;
  height: 95px;
  display: inline-block;
}

.ie object.object-360 {
  height: 100%;
}

.ie .main-footer .container__footer-social {
  display: block;
}

.ie .main-footer .container__footer-social .icon {
  max-width: 25px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ie img[src$=".svg"] {
    width: 100%;
  }
}

.ie-old .object-360,
.ie-old .thumb--sp {
  height: 100%;
}

.ie-old img[src$=".svg"],
.ie-old object,
.ie-old svg {
  width: 100%;
}

.ie-old .product-listing.product-grid .product-item {
  width: 33%;
  float: left;
  display: inline-block;
}

.ie-old .btn svg {
  display: inline;
  width: 21px;
}

.ie-old svg.carousel__icon {
  width: 20px!important;
}

.ie-old svg.checkout-done {
  width: 50px!important;
}

.ie-old option.hidden {
  display: block!important;
  visibility: visible!important;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.ie-old object {
  width: 100%;
  height: 95px;
  display: inline-block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ie-old img[src$=".svg"] {
    width: 100%;
  }
}

.ie-old .container__footer-links {
  display: inline-block;
}

.ie-old .main-footer .container__footer-social .icon {
  max-width: 25px;
}

.ie-old .site-search .input-group .form-control {
  float: right;
}

.ie-9 .site-search .input-group-btn {
  float: none;
}

.ie-9 .site-search .input-group .form-control {
  float: right;
}

/* Quotes */

.align-items-center {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.flex-display {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

/***** Flex Styling End *****/

body[class*="quote"] {
  /***** Buttons Start *****/
  /*** Page Footer Button Styling ***/
  /***** Buttons End *****/
  /***** My Quotes Landing Page Start *****/
  /***** My Quotes Landing Page End *****/
  /***** Form Styling Start *****/
  /***** Form Styling End *****/
  /***** Comment Styling *****/
  /***** Popup Stylings *****/
}

body[class*="quote"] .account__main-page {
  width: 100%;
}

body[class*="quote"] .modify-quote-name svg {
  max-width: 20px;
  width: 100%;
  max-height: 20px;
  margin-left: 5px;
  margin-bottom: -5px;
}

body[class*="quote"] .btn--darkblue,
body[class*="quote"] .quotes-comment-submit,
body[class*="quote"] .quotes-name-submit {
  padding: 9px 10px;
  text-transform: none;
  font-size: 16px;
  width: 163px;
  flex: none;
  transition: .3s;
  height: 42px;
}

body[class*="quote"] .btn--darkblue:hover,
body[class*="quote"] .quotes-comment-submit:hover,
body[class*="quote"] .quotes-name-submit:hover {
  background-color: #191e32;
}

body[class*="quote"] .quotes-name-submit {
  width: 114px;
}

body[class*="quote"] .continueShoppingButton {
  margin-top: 30px;
}

body[class*="quote"] .quotes-comment-submit {
  margin-left: 10px;
}

body[class*="quote"] .quotes-name-submit {
  margin-left: 5px;
}

body[class*="quote"] .quote-btn-box.simple ~ .quote-btn-box:not(.simple) {
  margin-left: 0px;
}

@media (min-width: 768px) {
  body[class*="quote"] .quote-btc-btn ~ .quote-btn-box:not(.simple) {
    margin-left: auto;
  }
}

body[class*="quote"] .quote-btn-box.one {
  margin-bottom: 0px;
}

body[class*="quote"] .quote-btn-box.one button {
  margin-right: 0px;
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box.one button {
    margin: 10px auto 30px;
  }
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box.one .quote-secondary-btn.link {
    margin: 10px auto 30px;
  }
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box.two {
    margin: 20px 0px 30px;
  }

  body[class*="quote"] .quote-btn-box.two .quote-secondary > div:nth-child(2) button {
    margin-right: 0px;
  }

  body[class*="quote"] .quote-btn-box.two .quote-submit-btn button {
    margin: 0px auto 0px !important;
  }

  body[class*="quote"] .quote-btn-box.three {
    flex-direction: column;
  }

  body[class*="quote"] .quote-btn-box.three .quote-secondary {
    margin-top: 10px;
  }

  body[class*="quote"] .quote-btn-box.three .quote-secondary > div:nth-child(2) button {
    margin-right: 0px;
  }

  body[class*="quote"] .quote-btn-box.three .quote-submit-btn button {
    margin: 20px auto 30px;
  }
}

body[class*="quote"] .quote__comments + .quote-submit-btn {
  text-align: right;
}

body[class*="quote"] .quote {
  /* Action Button Flex Adjustments */
}

body[class*="quote"] .quote-btn-box.simple {
  margin-left: auto;
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box.simple {
    margin-left: 0px;
  }
}

body[class*="quote"] .quote-btn-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box {
    margin-left: 0px;
  }
}

@media (max-width: 499px) {
  body[class*="quote"] .quote-btn-box .quote-secondary,
  body[class*="quote"] .quote-btn-box .quote-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
  }
}

body[class*="quote"] .quote-secondary {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

body[class*="quote"] .quote-submit-btn button,
body[class*="quote"] .quote-secondary-btn button,
body[class*="quote"] .quote-secondary-btn a {
  text-transform: none;
  width: 140px;
  font-size: 1em;
  padding: 9px 10px;
  transition: .3s;
}

body[class*="quote"] .quote-submit-btn button.js-quote-requote-btn,
body[class*="quote"] .quote-secondary-btn button.js-quote-requote-btn,
body[class*="quote"] .quote-secondary-btn a.js-quote-requote-btn,
body[class*="quote"] .quote-submit-btn button.quote-requote-btn,
body[class*="quote"] .quote-secondary-btn button.quote-requote-btn,
body[class*="quote"] .quote-secondary-btn a.quote-requote-btn {
  width: 170px;
}

body[class*="quote"] .quote-submit-btn button.xl {
  width: 194px;
  margin-top: 20px;
}

body[class*="quote"] .quote-submit-btn button.quote-cancel-btn:hover {
  background-color: #d90b26;
}

body[class*="quote"] .quote-submit-btn button:hover,
body[class*="quote"] .quote-secondary-btn button:hover {
  background-color: #00a89c;
}

body[class*="quote"] .quote-secondary-btn button,
body[class*="quote"] .quote-secondary-btn a {
  background-color: #ffffff;
  border: 1px solid #32374b;
  color: #32374b;
}

body[class*="quote"] .quote-secondary-btn button:hover,
body[class*="quote"] .quote-secondary-btn a:hover {
  background-color: #e6e6e6;
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-submit-btn button {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  body[class*="quote"] .quote-btn-box.edit {
    /* (Customer) Submit - Edit - Cancel */
  }

  body[class*="quote"] .quote-btn-box.edit .quote-secondary-btn.cancel ~ .quote-secondary-btn.edit button {
    margin-right: 20px;
  }
}

body[class*="quote"] .quote-secondary-btn.edit button,
body[class*="quote"] .quote-btn-box.two .quote-secondary-btn button,
body[class*="quote"] .quote-btn-box.three .quote-secondary-btn button {
  margin-right: 20px;
}

body[class*="quote"] .quote-secondary-btn.link button,
body[class*="quote"] .quote-secondary-btn.link a {
  border: none;
  text-decoration: underline;
  padding: 10px 10px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

body[class*="quote"] .quote-secondary-btn.link button svg,
body[class*="quote"] .quote-secondary-btn.link a svg {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

body[class*="quote"] .btn-link {
  text-decoration: underline;
}

body[class*="quote"] .quote-btc-btn {
  align-items: center;
  display: flex;
  height: 42px;
  text-decoration: underline;
}

body[class*="quote"] .account-orderdetail .quotes-heading,
body[class*="quote"] .accountPageBottomContent .cart-items,
body[class*="quote"] .quotes-heading2 {
  margin-top: 10px;
}

body[class*="quote"] .account-orderdetail .quotes-heading .quote-btc-btn,
body[class*="quote"] .accountPageBottomContent .cart-items .quote-btc-btn,
body[class*="quote"] .quotes-heading2 .quote-btc-btn,
body[class*="quote"] .account-orderdetail .quotes-heading .quote-btn-box.simple,
body[class*="quote"] .accountPageBottomContent .cart-items .quote-btn-box.simple,
body[class*="quote"] .quotes-heading2 .quote-btn-box.simple {
  display: none;
}

body[class*="quote"] .account-orderdetail .quotes-heading .quote-btn-box:not(.simple),
body[class*="quote"] .accountPageBottomContent .cart-items .quote-btn-box:not(.simple),
body[class*="quote"] .quotes-heading2 .quote-btn-box:not(.simple) {
  margin-left: auto;
}

@media (max-width: 767px) {
  body[class*="quote"] .account-orderdetail .quotes-heading .quote-btn-box:not(.simple),
  body[class*="quote"] .accountPageBottomContent .cart-items .quote-btn-box:not(.simple),
  body[class*="quote"] .quotes-heading2 .quote-btn-box:not(.simple) {
    margin-left: 0px;
  }
}

body[class*="quote"] .cart-totals ~ div.row .quote-btc-btn {
  display: none;
}

body[class*="quote"] .cart-totals ~ div.row .quotes-heading {
  margin-top: 10px;
}

body[class*="quote"] .account-section-header {
  margin-top: 30px;
}

body[class*="quote"] .account-section-content.content-empty {
  padding: 10px;
}

body[class*="quote"] .responsive-table {
  width: 100%;
}

body[class*="quote"] .responsive-table-head {
  background-color: #32374b;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 40px;
  align-items: center;
}

body[class*="quote"] .responsive-table-head > div {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  width: 14.28571428571429%;
}

@media (min-width: 768px) {
  body[class*="quote"] .responsive-table-cell {
    height: 62px;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  body[class*="quote"] .responsive-table-cell {
    padding: 5px;
    font-size: 14px;
  }

  body[class*="quote"] .responsive-table-cell .table-head,
  body[class*="quote"] .responsive-table-cell a,
  body[class*="quote"] .responsive-table-cell span {
    width: 50%;
  }

  body[class*="quote"] .responsive-table-cell a,
  body[class*="quote"] .responsive-table-cell span {
    font-weight: 700;
  }
}

body[class*="quote"] .responsive-table-item:nth-child(even) {
  background-color: #ededed;
}

body[class*="quote"] .responsive-table-link {
  color: blue;
  text-decoration: underline;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body[class*="quote"] .responsive-table-item {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%;
}

@media (max-width: 767px) {
  body[class*="quote"] .responsive-table-item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0px;
  }
}

body[class*="quote"] .responsive-table-item .responsive-table-cell {
  width: 14.28571428571429%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

@media (max-width: 767px) {
  body[class*="quote"] .responsive-table-item .responsive-table-cell {
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

body[class*="quote"] .product-listing__pagination.bottom {
  margin-top: 20px;
}

@media (max-width: 767px) {
  body[class*="quote"] .global-alerts + .row .quotes-heading {
    margin-top: 20px;
  }
}

body[class*="quote"] .quotes-heading {
  margin: 40px 0px;
}

@media (max-width: 767px) {
  body[class*="quote"] .quotes-heading {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0px;
  }
}

body[class*="quote"] .quotes-heading2 ~ .cart-items.quotes {
  margin-top: 20px;
}

@media (max-width: 767px) {
  body[class*="quote"] .quotes-heading2 {
    justify-content: center;
  }
}

body[class*="quote"] .cart-top__title {
  width: auto;
  margin-bottom: 30px;
  margin-top: 0px;
}

@media (max-width: 767px) {
  body[class*="quote"] .cart-top__title {
    padding: 0px;
    background-color: unset;
    color: #32374b;
    font-size: 26px;
    width: 100%;
  }
}

body[class*="quote"] .quote__head--label {
  margin-left: auto;
}

body[class*="quote"] .quote__head--label .label__value {
  font-weight: 700;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body[class*="quote"] .quote__form--section .form-group {
  margin-bottom: 0px;
  margin-top: 20px;
}

body[class*="quote"] #js-quote-name,
body[class*="quote"] .cart__quote__edit input,
body[class*="quote"] .quote__comments--textarea {
  height: 42px;
}

body[class*="quote"] #js-quote-name::placeholder,
body[class*="quote"] .cart__quote__edit input::placeholder,
body[class*="quote"] .quote__comments--textarea::placeholder {
  color: #cccccc;
}

body[class*="quote"] #js-quote-name:-ms-input-placeholder,
body[class*="quote"] .cart__quote__edit input:-ms-input-placeholder,
body[class*="quote"] .quote__comments--textarea:-ms-input-placeholder {
  color: #cccccc;
}

body[class*="quote"] #js-quote-name::-ms-input-placeholder,
body[class*="quote"] .cart__quote__edit input::-ms-input-placeholder,
body[class*="quote"] .quote__comments--textarea::-ms-input-placeholder {
  color: #cccccc;
}

body[class*="quote"] #js-quote-name .control-label,
body[class*="quote"] .cart__quote__edit input .control-label,
body[class*="quote"] .quote__comments--textarea .control-label,
body[class*="quote"] #js-quote-name #js-quote-comments label,
body[class*="quote"] .cart__quote__edit input #js-quote-comments label,
body[class*="quote"] .quote__comments--textarea #js-quote-comments label {
  font-size: 14px;
}

body[class*="quote"] .quote-name {
  font-size: 16px;
  display: block;
  margin-top: 30px;
}

body[class*="quote"] .quote-subname {
  font-size: 12px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  body[class*="quote"] .quote-subname ~ .flex-display {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  body[class*="quote"] .quote-subname ~ .flex-display .form-group {
    margin-bottom: 10px;
  }

  body[class*="quote"] .quote-subname ~ .flex-display button {
    margin-left: auto;
  }
}

body[class*="quote"] .quote-subname ~ .flex-display > .form-group > label {
  display: none;
}

body[class*="quote"] .form-group {
  width: 100%;
}

body[class*="quote"] .form-control {
  font-weight: 400;
}

body[class*="quote"] .modify-expiry-date {
  font-size: 14px;
  text-decoration: underline;
  color: #f2243f;
}

body[class*="quote"] .quote__expiration {
  display: none;
}

body[class*="quote"] .quote__expiration label {
  display: none;
}

body[class*="quote"] .quote__expiration input {
  margin-top: 10px;
}

body[class*="quote"] #quoteFormDiv h3 {
  font-weight: 600;
}

body[class*="quote"] .quotes-comments .flex-display {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

body[class*="quote"] .quotes-comments > label {
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 15px;
}

body[class*="quote"] .quotes-comments .comment-container {
  background-color: #f4f5f6;
  border: 1px solid #cccccc;
  position: relative;
  align-items: flex-end;
}

body[class*="quote"] .quotes-comments .comment-container textarea {
  min-height: 80px;
  border: none;
  background-color: transparent;
  resize: vertical;
}

body[class*="quote"] .quotes-comments .comment-container textarea:focus {
  box-shadow: none;
}

body[class*="quote"] .quotes-comments .comment-container button {
  margin: 10px;
}

body[class*="quote"] .quotes-comments .comment-container .jqEasyCounterMsg {
  position: absolute;
  bottom: 10px;
  left: 12px;
}

body[class*="quote"] #commentListDiv {
  text-align: right;
}

@media (max-width: 767px) {
  body[class*="quote"] #commentListDiv {
    min-height: 0px;
    margin-top: 20px;
  }
}

body[class*="quote"] #commentListDiv .quote__comments--comment {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-weight: 100;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body[class*="quote"] #commentListDiv .quote__comments--time {
  font-size: 12px;
  margin: 0px 20px 10px 0px;
}

body[class*="quote"] #commentListDiv .quote__comments--time .quote__comments--role {
  text-transform: capitalize;
}

body[class*="quote"] #commentListDiv [id*="comment_0"] .quote__comments--comment {
  background-color: #7f97b2;
  color: #ffffff;
}

body[class*="quote"] #commentListDiv #moreCommentsAnchor,
body[class*="quote"] #commentListDiv #lessCommentsAnchor {
  text-decoration: underline;
  margin: 10px 0px 20px;
  display: block;
  font-size: 14px;
}

@media (max-width: 767px) {
  body[class*="quote"] #commentListDiv #moreCommentsAnchor,
  body[class*="quote"] #commentListDiv #lessCommentsAnchor {
    font-size: 1em;
    text-align: center;
  }
}

body[class*="quote"] .quote__comments .input-error {
  font-size: 12px;
  color: #f2243f;
  margin-top: 5px;
}

body[class*="quote"] .quote__comments .comment-container.error {
  border-color: #f2243f;
}

body[class*="quote"] .alert {
  margin-bottom: 0px;
}

body[class*="quote"] .alert button {
  display: none;
}

body[class*="quote"] .details .cart-totals {
  width: 100%;
}

body[class*="quote"] .cart-totals .cart-delivery-text {
  line-height: 1;
  margin: 5px 0px;
}

body[class*="quote"] .details:not(.details) .cart-totals {
  margin: auto;
  width: 41.66666667%;
}

@media (min-width: 640px) {
  body[class*="quote"] .details:not(.details) .cart-totals {
    width: 50%;
  }
}

@media (max-width: 639px) {
  body[class*="quote"] .details:not(.details) .cart-totals {
    width: 100%;
  }
}

@media (max-width: 1279px) {
  body[class*="quote"] .quotes-headline {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: start;
  }

  body[class*="quote"] .quotes-headline .quote__head--label {
    margin-left: 0px;
  }
}

body[class*="quote"] #colorbox #cboxLoadedContent {
  margin-top: 0px;
  padding: 20px;
  height: auto !important;
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent {
    padding: 10px;
  }
}

body[class*="quote"] #colorbox #cboxLoadedContent .modal__top--label {
  padding-top: 30px;
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent .modal__top--label {
    padding-top: 20px;
  }
}

body[class*="quote"] #colorbox #cboxLoadedContent .modal__bottom--text {
  font-weight: 100;
}

body[class*="quote"] #colorbox #cboxLoadedContent .modal__bottom--text-aus {
  font-weight: 400;
  margin-top: 30px;
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent .modal__bottom--text-aus {
    margin-top: 20px;
  }
}

body[class*="quote"] #colorbox #cboxLoadedContent form,
body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-top: 50px;
}

body[class*="quote"] #colorbox #cboxLoadedContent form .quote-btc-btn button,
body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons .quote-btc-btn button {
  font-size: 1em;
  padding: 0px;
  margin-right: 30px;
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent form .quote-btc-btn button,
  body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons .quote-btc-btn button {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 640px) {
  body[class*="quote"] #colorbox #cboxLoadedContent form .quote-btc-btn,
  body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons .quote-btc-btn {
    margin-left: auto;
  }
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent form,
  body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons {
    margin-top: 20px;
  }

  body[class*="quote"] #colorbox #cboxLoadedContent form .quote-submit-btn button,
  body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons .quote-submit-btn button {
    margin-bottom: 0px;
  }
}

@media (max-width: 639px) {
  body[class*="quote"] #colorbox #cboxLoadedContent form,
  body[class*="quote"] #colorbox #cboxLoadedContent .discount-buttons {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
  }
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form {
  margin-top: 0px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .modal__top {
  margin-bottom: 20px;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--input__label {
  width: 30px;
  text-align: center;
  height: 20px;
  margin: auto 0px;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--label {
  margin: 0px;
  height: 20px;
  margin: auto 0px;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--input {
  margin-left: auto;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--original__total,
body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--new__total {
  font-size: 22px;
  font-weight: 600;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .quote-discount__modal--original__total {
  margin: 30px -10px 20px;
}

body[class*="quote"] #colorbox #cboxLoadedContent .discount-form .discount-fields {
  margin-top: 10px;
}

body[class*="quote"] .jqEasyCounterMsg {
  max-width: 120px;
}

body[class*="quote"] .js-quote-name-count + .jqEasyCounterMsg {
  margin-top: 5px;
}

body[class*="quote"] .js-quote-name-count + .jqEasyCounterMsg,
body[class*="quote"] .js-quote-comments-count + .jqEasyCounterMsg {
  opacity: 1 !important;
}

/***** Quote Selection Page *****/

body.page-quoteSelectPage .accountPageBottomContent .quotes-heading {
  display: none;
}

body.page-quoteSelectPage .quotes-heading {
  margin-bottom: 20px;
}

body.page-quoteSelectPage .quote__head--label {
  font-size: 22px;
}

body.page-quoteSelectPage .quote-select-container {
  margin-top: 40px;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 767px) {
  body.page-quoteSelectPage .quote-select-container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner {
  padding: 30px 30px 30px 0px;
  border: 1px solid #32374b;
  height: 100%;
}

@media (max-width: 639px) {
  body.page-quoteSelectPage .quote-select-container .instant-quote-inner,
  body.page-quoteSelectPage .quote-select-container .complex-quote-inner {
    padding: 20px;
  }
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner .select-content,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner .select-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner .select-content .quote-secondary-btn,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner .select-content .quote-secondary-btn {
  margin-top: auto;
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner .select-content .quote-secondary-btn button,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner .select-content .quote-secondary-btn button {
  margin-left: auto;
}

@media (max-width: 639px) {
  body.page-quoteSelectPage .quote-select-container .instant-quote-inner .select-content .quote-secondary-btn button,
  body.page-quoteSelectPage .quote-select-container .complex-quote-inner .select-content .quote-secondary-btn button {
    margin-bottom: 0px;
  }
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner .select-content span,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner .select-content span {
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner:hover,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner:hover {
  border: 1px solid #00b07d;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

body.page-quoteSelectPage .quote-select-container .instant-quote-inner:hover button,
body.page-quoteSelectPage .quote-select-container .complex-quote-inner:hover button {
  background-color: #00b07d;
  border: 1px solid #ffffff;
  color: #ffffff;
}

body.page-quoteSelectPage .quote-select-container > .instant-quote-container {
  padding: 0px 25px 0px 10px;
}

@media (max-width: 767px) {
  body.page-quoteSelectPage .quote-select-container > .instant-quote-container {
    padding: 0px 10px;
    margin-bottom: 20px;
  }
}

body.page-quoteSelectPage .quote-select-container > .complex-quote-container {
  padding: 0px 10px 0px 25px;
}

@media (max-width: 767px) {
  body.page-quoteSelectPage .quote-select-container > .complex-quote-container {
    padding: 0px 10px;
  }
}

body.page-quoteSelectPage .quote-select-container .select-icons {
  padding: 0px 30px;
}

@media (max-width: 639px) {
  body.page-quoteSelectPage .quote-select-container .select-icons {
    padding: 0px 10px;
    text-align: left;
  }
}

body.page-quoteSelectPage .quote-select-container .select-icons svg {
  max-width: 80px;
  width: 100%;
  max-height: 80px;
}

body.page-quoteSelectPage .quote-select-container .quote-select-bullets {
  padding-left: 0px;
}

body.page-quoteSelectPage .quote-select-container .quote-select-bullets li {
  list-style: none;
  list-style-position: inside;
}

body.page-quoteSelectPage .quote-select-container .quote-select-bullets li:before {
  content: '';
  display: inline-block;
  height: 12px;
  width: 14px;
  background-image: url(https://media.nisbets.com/images/theme/green-tick-thick.svg);
  margin-right: 5px;
}

/***** Cart Container *****/

.cart-items.quotes {
  margin: 40px 0px 30px;
  /***** For width adjustment on discount column when discount available or not START *****/
  /***** For width adjustment on discount column when discount available or not END *****/
}

@media (max-width: 767px) {
  .cart-items.quotes {
    margin: 20px 0px;
  }
}

.cart-items.quotes .row--flexed {
  width: auto;
}

@media (max-width: 767px) {
  .cart-items.quotes .row--flexed {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.cart-items.quotes .discount-active .table-cell--item,
.cart-items.quotes .discount-active .table-head--item {
  width: 41.666666%;
}

@media (max-width: 767px) {
  .cart-items.quotes .discount-active .table-cell--item,
  .cart-items.quotes .discount-active .table-head--item {
    width: 100%;
  }
}

.cart-items.quotes .discount-active .table-cell--price,
.cart-items.quotes .discount-active .table-head--price,
.cart-items.quotes .discount-active .table-cell--qty,
.cart-items.quotes .discount-active .table-head--qty,
.cart-items.quotes .discount-active .table-cell--subtotal,
.cart-items.quotes .discount-active .table-head--subtotal {
  width: 14.777777%;
}

@media (max-width: 767px) {
  .cart-items.quotes .discount-active .table-cell--price,
  .cart-items.quotes .discount-active .table-head--price,
  .cart-items.quotes .discount-active .table-cell--qty,
  .cart-items.quotes .discount-active .table-head--qty,
  .cart-items.quotes .discount-active .table-cell--subtotal,
  .cart-items.quotes .discount-active .table-head--subtotal {
    width: auto;
    position: relative;
  }
}

@media print {
  .cart-items.quotes .discount-active .table-cell--price,
  .cart-items.quotes .discount-active .table-head--price,
  .cart-items.quotes .discount-active .table-cell--qty,
  .cart-items.quotes .discount-active .table-head--qty,
  .cart-items.quotes .discount-active .table-cell--subtotal,
  .cart-items.quotes .discount-active .table-head--subtotal {
    width: 14.777777%;
  }
}

.cart-items.quotes .discount-active .table-cell--subtotal span,
.cart-items.quotes .discount-active .table-head--subtotal span {
  color: #f2243f;
}

.cart-items.quotes .discount-active .table-cell.discount {
  display: flex;
}

.cart-items.quotes .discount-active .table-head.discount {
  display: table-cell;
}

.cart-items.quotes .table-cell--item,
.cart-items.quotes .table-head--item {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .cart-items.quotes .table-cell--item,
  .cart-items.quotes .table-head--item {
    width: 100%;
    padding: 0px !important;
  }
}

.cart-items.quotes .table-cell--price,
.cart-items.quotes .table-head--price,
.cart-items.quotes .table-cell--qty,
.cart-items.quotes .table-head--qty,
.cart-items.quotes .table-cell--subtotal,
.cart-items.quotes .table-head--subtotal {
  width: 16.666667%;
}

@media screen and (max-width: 767px) {
  .cart-items.quotes .table-cell--price,
  .cart-items.quotes .table-head--price,
  .cart-items.quotes .table-cell--qty,
  .cart-items.quotes .table-head--qty,
  .cart-items.quotes .table-cell--subtotal,
  .cart-items.quotes .table-head--subtotal {
    width: 75%;
    padding: 0px 0px 0px 10px !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 25%;
  }

  .cart-items.quotes .table-cell--price .title,
  .cart-items.quotes .table-head--price .title,
  .cart-items.quotes .table-cell--qty .title,
  .cart-items.quotes .table-head--qty .title,
  .cart-items.quotes .table-cell--subtotal .title,
  .cart-items.quotes .table-head--subtotal .title {
    font-weight: 400;
  }
}

.cart-items.quotes .table-head--item,
.cart-items.quotes .table-head--price,
.cart-items.quotes .table-head--qty,
.cart-items.quotes .table-head--subtotal {
  border-right: 1px solid #ededed;
}

.cart-items.quotes .table-head--item .details {
  padding: 0px;
}

.cart-items.quotes .table-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 20px 5px;
}

.cart-items.quotes .table-cell .price,
.cart-items.quotes .table-cell .item-price,
.cart-items.quotes .table-cell .quantity,
.cart-items.quotes .table-cell .details,
.cart-items.quotes .table-cell .thumb {
  margin: auto;
  float: none;
}

@media all and (-ms-high-contrast: none), all and (-ms-high-contrast: active) {
  .cart-items.quotes .table-cell .price,
  .cart-items.quotes .table-cell .item-price,
  .cart-items.quotes .table-cell .quantity,
  .cart-items.quotes .table-cell .details,
  .cart-items.quotes .table-cell .thumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .cart-items.quotes .table-cell .price,
  .cart-items.quotes .table-cell .item-price,
  .cart-items.quotes .table-cell .quantity,
  .cart-items.quotes .table-cell .details,
  .cart-items.quotes .table-cell .thumb {
    position: relative;
    right: 0px;
    bottom: 0px;
  }
}

.cart-items.quotes .table-cell .qty {
  display: none;
}

@media (max-width: 767px) {
  .cart-items.quotes .table-cell .quantity,
  .cart-items.quotes .table-cell .item-price,
  .cart-items.quotes .table-cell .price {
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
  }
}

@media screen (max-width: 767px) {
  .cart-items.quotes .table-cell.discount {
    margin: 10px 0 0 calc(25% + 10px);
  }

  .cart-items.quotes .table-cell.discount .cart-totals-right {
    text-align: left;
    padding: 0px;
  }

  .cart-items.quotes .table-cell.discount .cart-totals-right > span {
    color: #f2243f;
    font-weight: 700;
  }

  .cart-items.quotes .table-cell.discount .cart-totals-right > a > span {
    color: #32374b;
  }
}

.cart-items.quotes .table-cell .thumb {
  width: 25%;
}

.cart-items.quotes .table-cell .thumb img {
  max-width: 100px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cart-items.quotes .table-cell {
    border: none;
  }
}

.cart-items.quotes .product-item .table-cell:last-child,
.cart-items.quotes .product-item .table-head:last-child {
  border-right: none;
}

@media (max-width: 767px) {
  .cart-items.quotes .product-item {
    margin: 0px;
  }

  .cart-items.quotes .product-item:first-child {
    border-top: 1px solid #ccc;
  }
}

.cart-items.quotes ~ div .export__cart--link,
.cart-items.quotes .js-quote-discount-link-entry {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

@media (max-width: 1278px) and (min-width: 768px) {
  .cart-items.quotes ~ div .export__cart--link,
  .cart-items.quotes .js-quote-discount-link-entry {
    flex-direction: column;
  }

  .cart-items.quotes ~ div .export__cart--link .js-quote-discount-link-entry span,
  .cart-items.quotes .js-quote-discount-link-entry .js-quote-discount-link-entry span {
    padding-left: 0px;
  }
}

@media (max-width: 767px) {
  .cart-items.quotes ~ div .export__cart--link,
  .cart-items.quotes .js-quote-discount-link-entry {
    margin-bottom: 20px;
  }
}

.cart-items.quotes ~ div .export__cart--link .export-icon,
.cart-items.quotes .js-quote-discount-link-entry .export-icon {
  height: 30px;
  width: 22px;
}

.cart-items.quotes ~ div .export__cart--link .discount-icon,
.cart-items.quotes .js-quote-discount-link-entry .discount-icon {
  height: 24px;
  width: 30px;
}

.cart-items.quotes ~ div .export__cart--link span,
.cart-items.quotes .js-quote-discount-link-entry span {
  text-decoration: underline;
  font-weight: 400;
}

.cart-items.quotes .js-quote-discount-link-entry {
  justify-content: center;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .cart-items.quotes .js-quote-discount-link-entry {
    justify-content: left;
  }
}

.cart-items.quotes .js-quote-discount-link-entry span {
  padding-left: 5px;
}

body.page-quote-detail .quote__comments--header {
  display: none;
}

/***** ASM Agent Styling *****/

body[class*="quote"] #_asm ~ main .datepicker.quote__expiration > div {
  margin-bottom: 5px;
}

body[class*="quote"] #_asm ~ main #js-quote-name-wrapper > div {
  margin-top: 0px;
}

body[class*="quote"] #_asm ~ main .quotes-headline {
  align-items: start;
}

body[class*="quote"] #_asm ~ main #commentListDiv {
  min-height: 22px;
}

/***** Quote Print Styling *****/

@media print {
  .global-alerts {
    display: none;
  }

  .cart-totals {
    page-break-inside: avoid;
  }

  .page-quote-detail .cart-items.quotes .row--flexed {
    flex-direction: row;
  }

  .page-quote-detail .cart-items .table-header,
  .page-quote-detail .table-cell--subtotal {
    display: flex !important;
  }

  .page-quote-detail .cart-items .table-header {
    height: 40px !important;
  }

  .page-quote-detail .cart-items.quotes .table-cell--item,
  .page-quote-detail .cart-items.quotes .table-head--item {
    width: 50%;
  }

  .page-quote-detail .cart-items.quotes .table-cell {
    border: 1px solid #ededed;
  }

  .page-quote-detail .cart-items.quotes .table-cell--item .title,
  .page-quote-detail .cart-items.quotes .table-cell--price .title,
  .page-quote-detail .cart-items.quotes .table-cell--qty .title {
    display: none !important;
  }

  .page-quote-detail .cart-items.quotes .table-cell--qty .item-price {
    display: none !important;
  }

  .page-quote-detail .cart-items.quotes .table-cell .quantity,
  .page-quote-detail .cart-items.quotes .table-cell .item-price,
  .page-quote-detail .cart-items.quotes .table-cell .price {
    text-align: center;
  }

  .page-quote-detail .cart-list .product-item:first-child {
    border: none !important;
  }

  .page-quote-detail .flex-display {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: flex !important;
  }

  .page-quote-detail .site-logo img {
    max-width: 400px !important;
  }

  .page-quote-detail a[href]:after,
  .page-quote-detail abbr[title]:after {
    display: none;
  }

  .page-quote-detail .cart-items,
  .page-quote-detail .product-item {
    background-color: #ededed !important;
  }

  .page-quote-detail .cart-totals .grand-total {
    background-color: #ededed !important;
  }

  .page-quote-detail .cart-items .table-cell {
    background-color: #ffffff !important;
  }

  .page-quote-detail .copyright p {
    margin-bottom: 0px;
  }

  .page-quote-detail .print-headline {
    margin-top: 30px;
  }

  .page-quote-detail .print-headline > div {
    justify-content: center;
    flex-direction: column;
  }

  .page-quote-detail .quote-details {
    margin-top: 40px;
  }

  .page-quote-detail .cart-top__title {
    width: 100% !important;
  }

  .page-quote-detail .col-xs-1,
  .page-quote-detail .col-sm-1,
  .page-quote-detail .col-md-1,
  .page-quote-detail .col-lg-1,
  .page-quote-detail .col-xs-2,
  .page-quote-detail .col-sm-2,
  .page-quote-detail .col-md-2,
  .page-quote-detail .col-lg-2,
  .page-quote-detail .col-xs-3,
  .page-quote-detail .col-sm-3,
  .page-quote-detail .col-md-3,
  .page-quote-detail .col-lg-3,
  .page-quote-detail .col-xs-4,
  .page-quote-detail .col-sm-4,
  .page-quote-detail .col-md-4,
  .page-quote-detail .col-lg-4,
  .page-quote-detail .col-xs-5,
  .page-quote-detail .col-sm-5,
  .page-quote-detail .col-md-5,
  .page-quote-detail .col-lg-5,
  .page-quote-detail .col-xs-6,
  .page-quote-detail .col-sm-6,
  .page-quote-detail .col-md-6,
  .page-quote-detail .col-lg-6,
  .page-quote-detail .col-xs-7,
  .page-quote-detail .col-sm-7,
  .page-quote-detail .col-md-7,
  .page-quote-detail .col-lg-7,
  .page-quote-detail .col-xs-8,
  .page-quote-detail .col-sm-8,
  .page-quote-detail .col-md-8,
  .page-quote-detail .col-lg-8,
  .page-quote-detail .col-xs-9,
  .page-quote-detail .col-sm-9,
  .page-quote-detail .col-md-9,
  .page-quote-detail .col-lg-9,
  .page-quote-detail .col-xs-10,
  .page-quote-detail .col-sm-10,
  .page-quote-detail .col-md-10,
  .page-quote-detail .col-lg-10,
  .page-quote-detail .col-xs-11,
  .page-quote-detail .col-sm-11,
  .page-quote-detail .col-md-11,
  .page-quote-detail .col-lg-11,
  .page-quote-detail .col-xs-12,
  .page-quote-detail .col-sm-12,
  .page-quote-detail .col-md-12,
  .page-quote-detail .col-lg-12 {
    float: left !important;
    display: flex;
  }

  .page-quote-detail .quotes-heading,
  .page-quote-detail #quoteFormDiv,
  .page-quote-detail .quotes-heading2,
  .page-quote-detail .cart-list .product-item .details--icons {
    display: none !important;
  }

  .page-quote-detail .quote-head .row {
    margin: 0;
  }

  .page-quote-detail .print-container {
    display: block;
  }

  .page-quote-detail .account-orderdetail__footer > .row > div {
    width: 50%;
    margin-top: 5px;
  }

  .page-quote-detail .table-cell.table-cell--item {
    padding: 10px 0px !important;
  }
}

@media print and (max-width: 639px) {
  .page-quote-detail .site-logo img {
    max-width: 250px !important;
  }
}

@media print and (min-width: 320px) {
  .page-quote-detail .print-headline {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: flex !important;
  }
}