@import "style-ie9-splitted.1.css";

@media only screen and (min-width: 64em) {
  .my-account__split-header__title {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .my-account__split-header__title {
    text-align: center;
  }
}

.my-account__split-header__right-side {
  display: block;
  text-align: right;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__split-header__right-side {
    display: none;
  }
}

.my-account__title-link {
  width: 100%;
  margin-bottom: 5px;
}

.accountNav {
  padding-left: 0;
}

.accountNav ul li {
  padding: 0.5em 0;
  font-weight: bold;
  border-bottom: 1px solid #e7e7e7;
}

.my-account__panel .profile-page {
  margin-top: 30px;
}

@media only screen and (min-width: 69em) {
  .my-account__panel .profile-page {
    margin-top: 7px;
    padding-right: 0;
  }
}

.my-account__panel .profile-page .form__label {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  display: inline-block;
}

.my-account__panel .profile-page .form-group {
  margin-bottom: 20px;
}

.my-account__panel .profile-page .form__item {
  margin-bottom: 0;
}

.my-account__panel .profile-page .edit-profile-link {
  margin-bottom: 25px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .profile-page .edit-profile-link {
    text-align: center;
    margin-bottom: 40px;
  }
}

.my-account__panel #christUpdateProfileForm .radios__label,
.my-account__panel #christAddressProfileForm .radios__label {
  display: block;
}

.my-account__panel #christUpdateProfileForm .fancy-input,
.my-account__panel #christAddressProfileForm .fancy-input {
  max-width: none;
}

.my-account__panel #christUpdateProfileForm .fancy-input label,
.my-account__panel #christAddressProfileForm .fancy-input label {
  display: block;
}

.my-account__panel #christUpdateProfileForm .form__item,
.my-account__panel #christAddressProfileForm .form__item {
  margin-bottom: 10px;
}

.my-account__panel #christUpdateProfileForm .my-account__split-header .row,
.my-account__panel #christAddressProfileForm .my-account__split-header .row {
  width: 100%;
}

.my-account__panel #christUpdateProfileForm .tele-select,
.my-account__panel #christAddressProfileForm .tele-select {
  height: 3.19rem;
}

.my-account__panel #christAddressProfileForm .my-account__fieldset:last-child {
  margin-top: 40px;
}

.my-account__panel #christAddressProfileForm .my-account__fieldset .my-account__submit-row {
  margin-top: 25px;
}

.my-account__panel #updatePwdForm .btn-default::before,
.my-account__panel #forgottenPwdForm .btn-default::before {
  display: none;
}

.my-account__panel .ring-size-container {
  position: relative;
  height: 920px;
  margin-top: 30px;
}

@media only screen and (min-width: 69em) {
  .my-account__panel .ring-size-container {
    padding-right: 0;
    margin-top: 7px;
  }
}

.my-account__panel .ring-size-container .ring-background-frame {
  position: absolute;
  background-color: white;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-background-frame {
    left: -40px;
  }
}

.my-account__panel .ring-size-container .ring-background-container {
  display: inline-block;
}

.my-account__panel .ring-size-container .ring-content-container {
  position: relative;
  background-color: white;
  display: inline-block;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .img-wrapper {
    width: 416.88px;
    height: auto;
  }
}

.my-account__panel .ring-size-container .ring-content-container .img-wrapper img {
  max-height: 100%;
  position: static;
  max-width: none;
  width: auto;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .ring-desktop {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .ring-mobile {
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.right-hand,
  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.left-hand {
    display: none !important;
  }
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.ring-mobile-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.ring-mobile-btns .btn-left-hand.deactivate,
  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.ring-mobile-btns .btn-right-hand.deactivate {
    pointer-events: none;
  }

  .my-account__panel .ring-size-container .ring-content-container .ring-mobile.left-hand.active {
    display: block;
  }
}

.my-account__panel .ring-size-container .ring-content-container .ring-mobile.ring-mobile-btns {
  width: 100%;
  margin-bottom: 30px;
}

.my-account__panel .ring-size-container .ring-content-container .ring-mobile.ring-mobile-btns div span:last-child {
  margin-left: 15px;
}

.my-account__panel .ring-size-container .ring-content-container .finger-values {
  position: absolute;
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:first-of-type {
  top: 163px;
  left: 250px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:first-of-type {
    top: 220px;
    left: 245px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:first-of-type.active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:first-of-type.deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(2) {
  top: 188px;
  left: 167px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(2) {
    top: 237px;
    left: 173px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(2).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(2).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(3) {
  top: 233px;
  left: 102px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(3) {
    top: 282px;
    left: 119px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(3).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(3).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(4) {
  top: 285px;
  left: 58px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(4) {
    top: 337px;
    left: 75px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(4).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(4).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(5) {
  top: 295px;
  left: 365px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(5) {
    top: 333px;
    left: 360px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(5).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(5).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(6) {
  top: 160px;
  left: 595px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(6) {
    display: none;
    top: 245px;
    left: 157px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(6).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(6).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(7) {
  top: 144px;
  left: 680px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(7) {
    display: none;
    top: 225px;
    left: 225px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(7).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(7).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(8) {
  top: 187px;
  left: 740px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(8) {
    display: none;
    top: 265px;
    left: 275px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(8).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(8).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(9) {
  top: 243px;
  left: 790px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(9) {
    display: none;
    top: 307px;
    left: 320px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(9).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(9).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(10) {
  top: 295px;
  left: 502px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(10) {
    display: none;
    top: 337px;
    left: 60px;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(10).active {
    display: block;
  }

  .my-account__panel .ring-size-container .ring-content-container .finger-values:nth-of-type(10).deactive {
    display: none;
  }
}

.my-account__panel .ring-size-container .ring-content-container .finger-values .form__input__finger {
  display: block;
  width: 55px;
  height: 35px;
  border: 1px solid #e7e7e7;
  background-color: #e7e7e7;
  text-align: center;
  padding-top: 5px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

.my-account__panel .ring-size-container .ring-content-container .finger-values .form__input__finger.editable {
  background-color: #ffffff;
}

.my-account__panel .ring-size-container .ring-size-action .btn-default {
  cursor: pointer;
  text-transform: uppercase !important;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .ring-size-container .ring-size-action .btn-default {
    width: 100%;
  }
}

.my-account__panel .ring-size-container .ring-size-action .btn-default::before {
  display: none;
}

.my-account__panel .ring-size-container .ring-size-action .btn-default.btn__action-save {
  border: 2px solid #bdb09b;
  color: #bdb09b;
  background: #ffffff;
  -webkit-transition: border 150ms, color 150ms;
  transition: border 150ms, color 150ms;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.my-account__panel .ring-size-container .ring-size-action .btn-default.btn__action-save:not(.unhover):hover {
  border-color: rgba(189, 176, 155, 0.7);
  color: rgba(189, 176, 155, 0.7);
}

.my-account__panel .ring-size-container .ring-size-action .btn-default.btn__action-save.btn--disabled {
  border-color: #c0c0c0;
  color: #c0c0c0;
  pointer-events: none;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel #christSupercardForm .my-account__submit-row {
    padding-left: 0;
    padding-right: 0;
  }

  .my-account__panel #christSupercardForm .my-account__submit-row .btn,
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox__button-add-to-basket,
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox__button-choose,
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox-big__button-add-to-basket,
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox-big__button-choose,
  .my-account__panel #christSupercardForm .my-account__submit-row .btn:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox__button-add-to-basket:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox__button-choose:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .my-account__panel #christSupercardForm .my-account__submit-row .basket-button__paddle-blackbox-big__button-choose:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose) {
    width: 100%;
  }
}

.my-account__panel #christSupercardForm .removeSupercard {
  display: block;
  margin-top: 10px;
}

.my-account__panel #christSupercardForm .supercard-balance {
  font-size: 12px;
  line-height: 20px;
}

.my-account__panel #editSupercard .form__item {
  display: block;
}

.my-account__panel #editSupercard .supercard-info-txt {
  margin-bottom: 15px;
}

.my-account__panel #creditCardArea {
  margin-top: 40px;
}

.my-account__panel #creditCardArea .credit-info-row {
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
}

.my-account__panel #creditCardArea .credit-info-row:first-child {
  border-top: 1px solid #e7e7e7;
}

.my-account__panel #creditCardArea .credit-info-row .form__input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel #creditCardArea .credit-info-row .form__input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.my-account__panel #creditCardArea .credit-info-row .form__input p {
  width: 200px;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel #creditCardArea .credit-info-row .form__input p {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel #creditCardArea .credit-info-row .form__input .my-account__links-in-a-row {
    margin-bottom: 0;
  }
}

.my-account__panel .address-book {
  margin-top: 30px;
}

@media only screen and (min-width: 69em) {
  .my-account__panel .address-book {
    margin-top: 7px;
    padding-right: 0;
  }
}

.my-account__panel .address-book .my-account__links-in-a-row {
  margin-bottom: 30px;
}

.my-account__panel .address-book .my-account__links-in-a-row__link {
  margin-right: 20px;
}

.my-account__panel .address-book .my-account__links-in-a-row__link:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 63.9375em) {
  .my-account__panel .address-book .my-account__links-in-a-row__link {
    margin-right: 0;
    margin-bottom: 15px;
    display: block;
  }
}

.my-account__panel .address-book .my-account__adresses-text {
  margin-bottom: 5px;
}

.my-account__panel .address-book .form__label {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.search-results {
  position: relative;
  /**
		content
	 */
}

.search-results__head-area {
  position: relative;
}

@media only screen and (min-width: 64em) {
  .search-results__head-area {
    margin-bottom: 30px;
  }
}

.search-results__head-area .list--horizontal.list--pipe.list--horizontal-reduced,
.search-results__head-area .list--pipe.list--pipe.list--horizontal-reduced {
  width: 70%;
}

@media only screen and (min-width: 64em) {
  .search-results__head-area .list--horizontal.list--pipe.list--horizontal-reduced,
  .search-results__head-area .list--pipe.list--pipe.list--horizontal-reduced {
    width: 70%;
  }
}

.search-results__head-area .content {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (max-width: 63.9375em) {
  .search-results__head-area {
    margin: 15px;
  }
}

.search-results__site-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .search-results__site-title {
    max-width: 75%;
    margin-bottom: 0;
    padding-top: 0;
    padding-top: 15px;
    text-align: left;
  }
}

@media only screen and (min-width: 64em) {
  .search-results__icon::before {
    width: 25px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .search-results__icon {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 46px;
    text-align: center;
  }
}

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

@media only screen and (min-width: 69em) {
  .search-results__text {
    text-align: left;
  }
}

.search-results__back-link {
  margin-bottom: 30px;
}

@media only screen and (min-width: 64em) {
  .search-results__back-link {
    display: none;
  }
}

.search-results__details {
  position: relative;
}

.search-results__details,
.search-results__details b {
  font-weight: bold;
}

.search-results__sort {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  margin-top: 0;
}

@media only screen and (min-width: 64em) {
  .search-results__sort {
    width: calc(30% - 150px);
    margin-top: 4px;
  }
}

.search-results__content {
  margin-top: 20px;
}

.search-results__content--middle {
  margin-top: 30px;
  text-align: center;
}

@media only screen and (max-width: 63.9375em) {
  .search-results__content--middle {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 64em) {
  .search-results__content--middle {
    text-align: left;
  }
}

.search-results__details {
  margin-top: 15px;
}

@media only screen and (min-width: 64em) {
  .search-results__details {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .search-results__result-text {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ui-menu-item .price {
  padding-left: 10px;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

.newsletter-sign-up-box {
  padding: 15px;
  background-color: #313249;
  color: white;
  display: block;
}

@media only screen and (min-width: 64em) {
  .newsletter-sign-up-box {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.newsletter-sign-up-box__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .newsletter-sign-up-box__title {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 64em) {
  .newsletter-sign-up-box__title {
    padding: 0 0 0 20px;
    text-align: left;
    width: 35%;
  }
}

.newsletter-sign-up-box__text {
  margin: 0;
  padding-bottom: 20px;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .newsletter-sign-up-box__text {
    padding-bottom: 0;
    text-align: left;
    width: 35%;
  }
}

@media only screen and (min-width: 64em) {
  .newsletter-sign-up-box__form {
    width: 25%;
  }
}

.newsletter-sign-up-box .input-button-combo-rd input {
  padding-right: 50px;
  color: #000000;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-property: -webkit-transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-property: -webkit-transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  -webkit-transition-property: -webkit-transform, height, -webkit-transform;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  -webkit-transition: 200ms -webkit-transform, 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  -webkit-transition: 200ms -webkit-transform, 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  -webkit-transition: 200ms -webkit-transform, 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.product-carousel {
  padding: 0 30px;
  position: relative;
}

@media only screen and (min-width: 64em) {
  .product-carousel {
    padding: 0;
  }

  .product-carousel .slick-arrow {
    top: 47%;
  }

  .product-carousel-item {
    height: 100%;
  }

  .product-carousel-item .product-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .product-carousel-item .product-item__button-wrapper {
    box-sizing: border-box;
  }
}

.product-carousel-item > div {
  margin-left: 5px;
  margin-right: 5px;
  box-sizing: border-box;
}

.product-carousel__nav-prev {
  left: 5px;
}

@media only screen and (min-width: 64em) {
  .product-carousel__nav-prev {
    left: -25px;
  }
}

.product-carousel__nav-prev:before {
  content: '\e949';
}

.product-carousel__nav-next {
  right: 5px;
}

@media only screen and (min-width: 64em) {
  .product-carousel__nav-next {
    right: -25px;
  }
}

.product-carousel__nav-next:after {
  content: '\e94b';
}

.product-carousel__nav-prev,
.product-carousel__nav-next {
  cursor: pointer;
  position: absolute;
  background: transparent;
  outline: none;
  border: none;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px 10px;
}

.product-carousel__nav-prev:after,
.product-carousel__nav-next:after,
.product-carousel__nav-prev:before,
.product-carousel__nav-next:before {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #000000;
  text-align: center;
  -webkit-transition: 250ms ease color;
  transition: 250ms ease color;
}

.product-carousel__nav-prev:hover,
.product-carousel__nav-next:hover {
  color: #bdb09b;
}

.product-carousel--static .swiper-slide {
  width: 50%;
}

@media only screen and (min-width: 44em) {
  .product-carousel--static .swiper-slide {
    width: 33.3%;
  }
}

@media only screen and (min-width: 64em) {
  .product-carousel--static .swiper-slide {
    width: 25%;
  }
}

.product-carousel--static .product-carousel__nav-next,
.product-carousel--static .product-carousel__nav-prev {
  display: none;
}

@media only screen and (min-width: 64em) {
  .product-carousel--static.product-carousel--half .swiper-slide {
    width: 50%;
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: static;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.previous-orders {
  font-size: 1rem;
}

.previous-orders .previous-orders__title {
  margin: 0;
  font-size: 1.2857142857142858rem;
}

@media only screen and (min-width: 64em) {
  .previous-orders .previous-orders__title {
    font-size: 1.1428571428571428rem;
  }
}

@media only screen and (min-width: 64em) {
  .previous-orders {
    font-size: 0.8571428571428571rem;
  }
}

.previous-orders .previous-orders__link-container {
  margin-top: 10px;
}

@media only screen and (min-width: 64em) {
  .previous-orders .previous-orders__link-container {
    margin-top: 0;
  }
}

.previous-orders .previous-orders__link {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.9285714285714286rem;
}

@media only screen and (min-width: 64em) {
  .previous-orders .previous-orders__link {
    font-size: 0.8571428571428571rem;
    text-transform: none;
  }
}

.previous-orders .previous-orders__row {
  padding: 10px 0;
}

.previous-orders .previous-orders__row:first-child {
  border-bottom: 3px solid #000000;
}

.previous-orders .previous-orders__row {
  border-bottom: 1px solid #000000;
}

.previous-orders .previous-orders__link {
  margin-left: 10px;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.gift-process-form__label {
  font-size: 1.0714285714285714rem;
}

.gift-process-form__label + .form__input textarea {
  border: 1px solid black;
}

.gift-process-btn-cancel {
  text-decoration: underline;
  text-align: center;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

@media only screen and (min-width: 64em) {
  .brand-page {
    margin-top: -212px;
  }
}

.brand-page__header {
  display: block;
}

@media only screen and (min-width: 64em) {
  .brand-page__header {
    display: none;
  }
}

.brand-page__header--desktop {
  display: none;
  padding: 40px 40px 10px 40px;
  background-color: #ffffff;
}

@media only screen and (min-width: 64em) {
  .brand-page__header--desktop {
    display: block;
  }
}

.brand-page__header__logo-container--desktop {
  text-align: center;
}

.brand-page__header__logo-container-mobile {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .brand-page__header__logo-container-mobile {
    display: none;
  }
}

.brand-page__header__logo-wrapper-mobile {
  display: inline-block;
  max-width: 50%;
  padding: 5px;
  background-color: #ffffff;
}

@media only screen and (min-width: 64em) {
  .brand-page__header__logo-wrapper-mobile {
    display: none;
  }
}

.brand-page__header__logo {
  display: inline-block;
}

@media only screen and (min-width: 64em) {
  .brand-page__introduction-text1 {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 1rem;
    line-height: 1.444em;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__introduction-text2 {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 1rem;
    line-height: 1.714em;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__content-header {
    width: 70%;
    margin: auto;
  }
}

.brand-page__title {
  display: none;
}

@media only screen and (min-width: 64em) {
  .brand-page__title {
    margin-top: 30px;
    display: block;
  }
}

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

.brand-page__section-container,
.brand-page__section-container--background1 {
  padding: 15px 0;
}

@media only screen and (min-width: 64em) {
  .brand-page__section-container,
  .brand-page__section-container--background1 {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__section-container--background1 {
    background-color: #f3f3f3;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__section-row {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__section--padding-left .brand-page__section__contents {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 64em) {
  .brand-page__section--padding-right .brand-page__section__contents {
    padding-right: 15px;
  }
}

.brand-page__section__title {
  margin-top: 10px;
}

@media only screen and (min-width: 64em) {
  .brand-page__section__title {
    margin-top: 0;
  }
}

.brand-page__section__content {
  margin-bottom: 20px;
}

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

.brand-page__section__media img {
  display: inline-block;
}

.section-contents-container {
  display: none;
}

.brand-page__section--text-centered {
  text-align: center;
}

.brand-page__tab__back-link {
  margin-bottom: 50px;
}

@media only screen and (min-width: 64em) {
  .brand-page__tab__back-link {
    display: none;
  }
}

.brand-page__section__teaser-image-container {
  text-align: center;
}

.brand-page__section__teaser-image {
  display: inline-block;
}

.brand-page__view-tab-link {
  margin-bottom: 50px;
}

.brand-page__summary-text {
  font-size: 1.2857142857142858rem;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .brand-page__summary-text {
    font-size: 1rem;
  }
}

.brand-page__tab-menu-container {
  display: none;
}

@media only screen and (min-width: 64em) {
  .brand-page__tab-menu-container {
    display: block;
  }
}

.brand-page__tab-menu::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  height: 1px;
  background-color: #000000;
  bottom: 0;
  left: 0;
  right: 0;
}

.brand-page__tab-menu {
  webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-page__tab-menu li {
  margin: 0;
  padding: 0;
}

.brand-page__tab-menu .brand-page__tab-menu__link,
.brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu__link:hover,
.brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu__link--active,
.brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu__link--active:hover {
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.286em;
  font-family: "OpenSansRegular", sans-serif;
  color: #000000;
  cursor: pointer;
  border: 1px solid #000000;
  padding: 0 10px;
  border-bottom: none;
  border-right: none;
  display: table-cell;
  vertical-align: middle;
  width: 15.714rem;
  height: 4.286rem;
}

.brand-page__tab-menu li:last-child .brand-page__tab-menu__link,
.brand-page__tab-menu li:last-child .brand-page__tab-menu .brand-page__tab-menu__link:hover,
.brand-page__tab-menu li:last-child .brand-page__tab-menu .brand-page__tab-menu__link--active,
.brand-page__tab-menu li:last-child .brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu__link--active:hover {
  border-right: 1px solid #000000;
}

.brand-page__tab-menu .brand-page__tab-menu__link:hover,
.brand-page__tab-menu .brand-page__tab-menu__link--active,
.brand-page__tab-menu .brand-page__tab-menu .brand-page__tab-menu__link--active:hover {
  font-family: "OpenSansBold", sans-serif;
}

.brand-page__tab-menu .brand-page__tab-menu__link--active {
  border-bottom: 1px solid #ffffff;
}

.brand-page__hero-image-spacer {
  /* spacer for adjust the abolute positioned mobile logo overlapping the hero image */
  height: 50px;
}

@media only screen and (min-width: 64em) {
  .brand-page__hero-image-spacer {
    display: none;
  }
}

.brand-page__hero-image {
  width: 100%;
}

.brand-page__hero-image-container {
  position: relative;
  margin-top: -10px;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 64em) {
  .brand-page__hero-image-container {
    margin-top: -230px;
    max-width: 1370px;
    z-index: -2;
    left: 50%;
    margin-left: -685px;
  }
}

.brand-page__sub-menu-container {
  margin-bottom: 30px;
}

.brand-page__sub-menu {
  margin-top: 10px;
}

.brand-page__sub-menu-title {
  margin-top: 0;
  cursor: pointer;
  font-size: 1.4285714285714286rem;
}

@media only screen and (min-width: 64em) {
  .brand-page__sub-menu-title {
    display: block;
    color: #000000;
    border-bottom: 3px solid #000000;
    margin-bottom: 10px;
    font-size: 1.4285714285714286rem;
    line-height: 1.5em;
    font-family: "FuturaPT-Book", "OpenSansRegular", sans-serif;
  }
}

.brand-page__sub-menu__item {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 64em) {
  .brand-page__sub-menu__link {
    font-size: 1.4285714285714286rem;
    font-family: "FuturaPT-Book", "OpenSansRegular", sans-serif;
    text-decoration: none;
    color: #000000;
  }
}

.brand-page__section-list-container {
  padding: 20px;
}

.brand-page__section-list {
  margin: 0;
}

.brand-page__section-list-title {
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
  font-family: "FuturaPT-Medium", "OpenSansBold", sans-serif;
}

.brand-page__section-list__item-content {
  border-bottom: 1px solid #999999;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.register-and-login__empy-label-col {
  /* Pseudo Label col for checkboxes and radios etc, where the col is empty */
  display: none;
}

@media only screen and (min-width: 64em) {
  .register-and-login__empy-label-col {
    display: block;
  }
}

.register-and-login__tab__switcher__radio {
  display: none;
}

.register-and-login__tab-switcher__label {
  display: block;
  float: left;
  width: 50%;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  margin: 0;
  background-color: #999999;
  padding: 20px 0 20px 0;
}

@media only screen and (min-width: 64em) {
  .register-and-login__tabs__content {
    background-color: #e1e1e1;
    display: none;
    width: 100%;
    float: left;
    padding: 20px;
  }
}

@media only screen and (min-width: 64em) {
  .register-and-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }

  .register-and-login__panel {
    padding-top: 40px;
    padding-bottom: 40px;
    background: url("../img/core/background-pattern/bg-pattern-dotted.svg") top left repeat;
    position: relative;
    overflow: hidden;
    z-index: 0;
  }

  .register-and-login__panel:not(.constrained) {
    padding-left: 40px;
    padding-right: 40px;
  }

  .register-and-login__panel::before,
  .register-and-login__panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    -moz-transform: scale(0.9999);
  }

  .register-and-login__panel::before,
  .register-and-login__panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    -moz-transform: scale(0.9999);
  }

  .register-and-login__panel.panel--narrow {
    padding: 15px;
  }

  .register-and-login__panel + .panel--dotted::after {
    left: 0;
  }

  .register-and-login__panel::before,
  .register-and-login__panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    -moz-transform: scale(0.9999);
  }

  .register-and-login__panel::before,
  .register-and-login__panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    -moz-transform: scale(0.9999);
  }

  .register-and-login__panel:not(.constrained) {
    padding: 45px 65px;
  }

  .register-and-login__panel::before {
    height: 0;
    margin-left: 0;
    border: 0 solid transparent;
    border-width: 0 0 45px 60px;
    border-color: transparent transparent #ffffff;
  }

  .register-and-login__panel::after {
    top: 60px;
    background: #ffffff;
  }

  .register-and-login__tabs__content {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
  }

  .register-and-login__tab-switcher__label {
    display: none;
  }
}

@media only screen and (min-width: 64em) and (min-width: 64em) {
  .register-and-login__tabs__content {
    float: left;
    width: 50%;
  }
}

/* -------------------------------------------------
* css tabswitch for mobile view 
* -------------------------------------------------- */

@media only screen and (min-width: 64em) {
  .register-and-login__tabs [id^="register-and-login__tab__switcher"]:checked + label {
    background-color: #e1e1e1;
  }

  #register-and-login__tab__switcher-new-customer:checked ~ #register-and-login__tab__content-new-customer,
  #register-and-login__tab__switcher-bought-here-before:checked ~ #register-and-login__tab__content-bought-here-before {
    display: block;
  }
}

/** Register Form Styling **/

.checkout__form .form__label {
  display: none;
}

.checkout__form .form__input select,
.checkout__form .form__input input {
  padding: 0 15px;
}

.checkout__form .fancy-select {
  position: relative;
}

.checkout__form .fancy-select input::-ms-clear {
  display: none;
}

.checkout__form .fancy-select .icon-arrow-down {
  position: absolute;
  width: 20px;
  padding-left: 8px;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 8px;
  pointer-events: none;
  cursor: pointer;
  /* fix to hide the chrome datepicker icon */
  background-color: white;
}

.checkout__form .fancy-input {
  margin-bottom: 0;
}

.checkout__form .checkout__additional-info {
  display: none;
}

.checkout__form .register-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

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

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.no-user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-filter-single {
  border: 1px solid #c0c0c0;
}

.product-filter-single .product-filter-single__title {
  -webkit-transition: 250ms color;
  transition: 250ms color;
  cursor: pointer;
}

.product-filter-single .product-filter-single__title:hover {
  color: #d0b467;
}

.product-filter-single.selections {
  border-left: 2px #d0b467 solid;
  margin-left: -1px;
}

.product-filter-single__no-results {
  margin: 0 3px !important;
}

.product-filter-single__wrapper {
  margin-bottom: 0;
}

.product-filter-single__wrapper > .product-filter-single {
  border-bottom-width: 0;
}

@media only screen and (min-width: 64em) {
  .product-filter-single__wrapper {
    margin-bottom: 10px;
  }

  .product-filter-single__wrapper > .product-filter-single {
    border-bottom-width: 1px;
    -webkit-transition: border 330ms ease-in-out;
    transition: border 330ms ease-in-out;
  }
}

.product-filter-single__title {
  position: relative;
  margin: 0 35px 0 0;
  width: 100%;
  height: 44px;
  line-height: 44px;
  -webkit-transition: height 250ms;
  transition: height 250ms;
  padding: 0 0 0 10px;
  overflow: hidden;
  z-index: 1000;
}

.product-filter-single__title--arrow-up {
  margin-bottom: 1px;
  height: 60px;
  background-color: white;
  border-bottom: 1px solid white;
  z-index: 1003;
}

.product-filter-single__title--arrow-up::after {
  -webkit-transform: rotate(270deg) !important;
  transform: rotate(270deg) !important;
}

.product-filter-single__arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 100%;
  margin-top: -1px;
  z-index: 1000;
}

.product-filter-single__arrow::before {
  position: absolute;
  height: 12px;
  top: 11px;
  right: 20px;
  box-shadow: 0 5px 15px 15px #ffffff;
  content: "";
  z-index: 1;
}

.product-filter-single__arrow::after {
  display: inline-block;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  content: '\e94b';
  position: absolute;
  right: 12px;
  font-size: 16px;
  top: 16px;
  width: auto;
  line-height: 1em;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
  z-index: 2;
}

.product-filter-single__content {
  position: absolute;
  left: 0;
  top: auto;
  width: calc(100% - 10px);
  margin-top: -1px;
  padding: 20px;
  border: 1px solid #c0c0c0;
  background-color: white;
  opacity: 0;
  z-index: 5001;
  -webkit-transition: opacity 100ms;
  transition: opacity 100ms;
  pointer-events: none;
}

.product-filter-single__content.rendering {
  opacity: 0 !important;
}

.product-filter-single__content-label {
  width: 50%;
  line-height: 1.2rem;
  margin-bottom: 5px;
}

.product-filter-single__content-label--disabled {
  opacity: 0.4;
}

.product-filter-single__content-label--disabled a:hover,
.product-filter-single__content-label--disabled .tooltip__close:hover {
  color: #555555;
}

.product-filter-single__content-label--right {
  text-align: right;
}

@media only screen and (min-width: 64em) {
  .product-filter-single__close {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    position: absolute;
    -webkit-transition: color 150ms;
    transition: color 150ms;
  }

  .product-filter-single__close::after {
    display: inline-block;
    width: auto;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: left;
    /* For safety - reset parent styles, that can break glyph codes */
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    content: '\e94f';
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
  }

  .product-filter-single__close:hover {
    color: #d0b467;
  }
}

.product-filter-single__show-all-toggle {
  background-color: #000000;
  text-align: center;
  color: #ffffff;
  display: block;
  text-decoration: none;
  margin-top: 10px;
  text-transform: uppercase;
  padding: 10px 5px;
}

.product-filter-single__show-all-toggle:hover {
  color: white;
}

.product-filter-single__count:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
}

.product-filter-single.opened {
  border-bottom: 0;
  height: 60px;
}

.product-filter-single.opened .product-filter-single__arrow {
  z-index: 5004;
}

.product-filter-single.opened .product-filter-single__arrow::after {
  -webkit-transform: rotate(270deg) !important;
  transform: rotate(270deg) !important;
}

@media only screen and (min-width: 64em) {
  .product-filter.product-filter--uncollapsed .product-filter__item:not(.opened) .product-filter-single__title--numbered .product-filter-single__title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    /* max-width: 90%; */
    width: 100%;
  }

  .product-filter.product-filter--uncollapsed .product-filter__item:not(.opened) .product-filter-single__title--numbered .product-filter-single__title-text .product-filter-single__name {
    display: inline-block;
    overflow: hidden;
    position: relative;
  }

  .product-filter.product-filter--uncollapsed .product-filter__item:not(.opened) .product-filter-single__title--numbered .product-filter-single__title-text .product-filter-single__name::before {
    position: absolute;
    height: 12px;
    top: 11px;
    right: -5px;
    box-shadow: 0 5px 15px 15px #ffffff;
    content: "";
    z-index: 1;
  }

  .product-filter.product-filter--uncollapsed .product-filter__item:not(.opened) .product-filter-single__title--numbered .product-filter-single__title-text .product-filter-single__count {
    padding-left: 5px;
  }

  .product-filter.product-filter--uncollapsed .product-filter__item:not(.opened) .product-filter-single__title--numbered .product-filter-single__title-text .product-filter-single__arrow::before {
    display: none;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

label > * {
  pointer-events: none;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

.wish-list {
  margin-top: 15px;
}

@media only screen and (min-width: 64em) {
  .wish-list {
    margin-top: 50px;
  }
}

.wish-list__action-wrapper {
  margin-top: 20px;
}

.wish-list__action-wrapper__back-btn {
  text-align: center;
  margin-bottom: 20px;
}

.wish-list__action-wrapper__link {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media only screen and (min-width: 64em) {
  .wish-list__action-wrapper {
    margin-top: 40px;
  }

  .wish-list__action-wrapper__back-btn {
    float: left;
    text-align: left;
    margin-bottom: 50px;
  }

  .wish-list__action-wrapper__link {
    float: right;
    margin: 25px 0 0 25px;
  }
}

.wish-list__action-wrapper .only-mobile .icon-cross:before,
.wish-list__action-wrapper .only-mobile .icon-letter-send:before,
.wish-list__action-wrapper .only-mobile .icon-print:before,
.wish-list__action-wrapper .only-mobile .icon-heart:before {
  text-align: center;
  width: 1.9em;
}

.wish-list__action-wrapper .only-mobile .icon-cross:before {
  width: 2.4em;
}

.wish-list__wrapper {
  margin-left: 15px;
  margin-right: 15px;
}

.wish-list__item-count-message {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary-wrapper {
    text-align: right;
  }

  .wish-list__summary {
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    min-width: 350px;
  }
}

.wish-list__summary__data__value,
.wish-list__summary__total__value {
  text-align: right;
}

.wish-list__summary__data {
  margin-bottom: 5px;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary__data {
    padding: 5px;
  }
}

.wish-list__summary__data__label {
  font-size: 0.8571428571428571rem;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary__data__label {
    font-size: 1.1428571428571428rem;
  }
}

.wish-list__summary__total-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wish-list__summary__total {
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary__total {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}

.wish-list__summary__total__label {
  line-height: 1em;
  font-size: 1.6428571428571428rem;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary__total__label {
    font-size: 1.4285714285714286rem;
  }
}

.wish-list__summary__total__value {
  white-space: nowrap;
  line-height: 1em;
  font-size: 1.6428571428571428rem;
}

@media only screen and (min-width: 64em) {
  .wish-list__summary__total__value {
    font-size: 1.4285714285714286rem;
  }
}

.wish-list__totals-desktop-up {
  display: none;
}

.wish-list__totals-desktop-up__summary__data {
  background-color: #e1e1e1;
}

@media only screen and (min-width: 64em) {
  .wish-list__totals-desktop-up {
    display: block;
  }
}

@media only screen and (min-width: 64em) {
  .wish-list__mobile-summary-spacer {
    display: none;
  }
}

@media only screen and (max-width: 63.9375em) {
  .wish-list__continue-cta {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 64em) {
  .wish-list__title,
  .wish-list__section-title-wrapper,
  .wish-list__product-list-wrapper {
    display: block;
  }

  .wish-list__section-title-wrapper {
    margin-top: 40px;
  }
}

.wish-list__mobile-summary-container {
  z-index: 7500;
  border-top: 1px solid #e1e1e1;
  padding: 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
}

@media only screen and (min-width: 64em) {
  .wish-list__mobile-summary-container {
    display: none;
  }
}

.wish-list__totals__cta {
  display: block;
  padding: 15px;
  text-align: center;
  cursor: pointer;
}

@media print {
  .wish-list__wrapper {
    padding-top: 15px;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.wish-list-entry {
  position: relative;
  padding: 40px 15px 15px;
  border-bottom: 1px solid #e7e7e7;
}

.wish-list-entry:first-child {
  border-top: 1px solid #e7e7e7;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0 20px;
  }

  .wish-list-entry__name {
    display: inline;
  }
}

.wish-list-entry .close-x {
  position: absolute;
  top: 10px;
  right: 15px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__image-wrapper {
    margin-top: -30px;
  }
}

.wish-list-entry__image-wrapper .flag {
  margin-left: 15px;
  margin-right: 15px;
}

.wish-list-entry__image-wrapper .flag.flag--exclusive {
  top: auto;
  bottom: 0;
}

.wish-list-entry__brand {
  text-transform: uppercase;
  color: #999999;
  margin-bottom: 5px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__brand {
    margin-bottom: 0;
  }
}

.wish-list-entry__variant {
  display: inline;
}

.wish-list-entry__variant__space-colon__mobile {
  display: inline;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__variant__space-colon__mobile {
    display: none;
  }
}

.wish-list-entry__variant__space-colon__desktop-up {
  display: none;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__variant__space-colon__desktop-up {
    display: inline;
  }
}

.wish-list-entry__description {
  display: inline;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__description {
    margin-top: -5px;
    text-decoration: underline;
    display: block;
  }
}

.wish-list-entry__rating {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 15px;
}

.wish-list-entry__rating .rating__count {
  margin-left: 5px;
}

.wish-list-entry__product-variant-switch-wrapper {
  margin-left: -5px;
  margin-top: -10px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__product-variant-switch-wrapper {
    margin-top: 0;
  }
}

.wish-list-entry__remove-col {
  text-align: right;
}

.wish-list-entry__paddle-rb-big {
  margin-bottom: 10px;
}

@media only screen and (max-width: 63.9375em) {
  .wish-list-entry__paddle-rb-big {
    margin-top: 20px;
  }
}

.wish-list-entry__price-wrapper {
  position: relative;
  margin-top: 20px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__price-wrapper {
    margin-top: 15px;
    margin-right: 5px;
  }
}

.wish-list-entry__price {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
}

.wish-list-entry__price__currency {
  display: none;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__price__currency {
    display: inline;
  }
}

.wish-list-entry__savings {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}

.wish-list-entry__gift-ara-desktop {
  display: none;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__gift-ara-desktop {
    position: relative;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
  }
}

.wish-list-entry__gift__link {
  display: block;
  margin-bottom: 5px;
}

.wish-list-entry__gift__link .icon-not-available-single-colour-selector::before {
  color: #E4300E;
  margin-right: 5px;
  top: 0.185em;
  text-decoration: none;
}

.wish-list-entry__gift__link .icon-gift-bicolor::before {
  margin-right: 5px;
  top: 0.185em;
}

.wish-list-entry__gift__link--edit-gift {
  margin-top: -2px;
}

.wish-list-entry__gift-ara-mobile {
  text-align: right;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__gift-ara-mobile {
    display: none;
  }
}

.wish-list-entry__gift-ara-mobile__link {
  margin-left: 10px;
  display: inline-block;
}

.wish-list-entry__gift-ara-mobile__link .icon-not-available-single-colour-selector::before {
  color: #E4300E;
  margin-right: 5px;
  top: 0.185em;
}

.wish-list-entry__gift-ara-mobile__link .icon-gift-bicolor::before {
  margin-right: 5px;
  top: 0.2em;
}

.wish-list-entry__gift-ara-mobile__link--edit-gift {
  margin-top: -2px;
}

.wish-list-entry__undo-message {
  background: #f3f3f3;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 10px;
  margin-bottom: 0;
}

.wish-list-entry__mobile-button-wrapper {
  position: absolute;
  right: 15px;
  bottom: 0;
  display: block;
  min-width: 102px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__mobile-button-wrapper {
    display: none;
  }
}

.wish-list-entry__productdetails {
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry__productdetails {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.wish-list-entry .simple-tooltip {
  margin-top: 4px;
}

@media only screen and (min-width: 64em) {
  .wish-list-entry .simple-tooltip {
    margin-top: 11px;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.my-orders__panel {
  margin: 0;
}

.my-orders__panel .content {
  margin-top: 30px;
}

@media only screen and (min-width: 69em) {
  .my-orders__panel .content {
    padding-right: 0;
    margin-top: 7px;
  }
}

.my-orders__panel .content .list-page {
  margin-top: 40px;
  padding: 0;
}

.my-orders__panel .content .list-page__content {
  margin-left: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.my-orders__panel .content .list-page .row-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .row-titles {
    display: none;
  }
}

.my-orders__panel .content .list-page .row-titles span {
  display: block;
  width: 20%;
}

.my-orders__panel .content .list-page .my-orders-row {
  border-bottom: 1px solid #e7e7e7;
}

.my-orders__panel .content .list-page .my-orders-row:first-child {
  border-top: 1px solid #e7e7e7;
}

.my-orders__panel .content .list-page .my-orders-row .row-titles-mobile {
  display: none;
  font-weight: bold;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .row-titles-mobile {
    display: block;
  }
}

.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .link--secondary,
.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .utility-nav__list a,
.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .utility-nav__list .tooltip__close {
  width: calc(20% - 10px);
  margin-right: 10px;
  display: block;
  pointer-events: none;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .link--secondary,
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .utility-nav__list a,
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .utility-nav__list .tooltip__close {
    width: 100%;
    margin-bottom: 20px;
  }
}

.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .my-orders-row__detail {
  width: calc(20% - 10px);
  margin-right: 10px;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .my-orders-row__detail {
    width: 100%;
    margin-bottom: 20px;
  }
}

.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .status-link {
  width: calc(20% - 10px);
  margin-right: 10px;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .status-link {
    width: 100%;
    margin-bottom: 20px;
  }
}

.my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .details-link {
  width: 20%;
}

@media only screen and (max-width: 63.9375em) {
  .my-orders__panel .content .list-page .my-orders-row .my-orders-row__info .details-link {
    width: 100%;
  }
}

.my-orders__panel:not(.constrained) {
  padding-left: 0;
  padding-right: 0;
}

.my-orders__split-header {
  margin-bottom: 50px;
}

.my-orders__split-header__title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  margin: 0;
}

@media only screen and (min-width: 64em) {
  .my-orders__split-header__title {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 64em) {
  .my-orders__split-header__title {
    text-align: left;
  }
}

.my-orders-row__info-link {
  font-size: 1.1428571428571428rem;
}

@media only screen and (min-width: 64em) {
  .my-orders-row__info-link {
    font-size: 1.1428571428571428rem;
  }
}

.my-orders-row__info-price {
  display: block;
}

@media only screen and (min-width: 64em) {
  .my-orders-row__info-price {
    display: inline;
  }
}

.my-orders-row__info-separator {
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-orders-row__info-separator {
    display: inline;
  }
}

.my-orders-row__detail-entry {
  display: inline;
  text-decoration: none;
}

.my-orders-row__detail-entry:not(:last-child) {
  margin-right: 7px;
  border-right: 1px solid;
  padding-right: 10px;
}

.my-orders-row__detail-info {
  line-height: 1.8;
}

.my-orders-row__icon {
  float: left;
  font-size: 24px;
}

.my-orders-row__icon i::before {
  color: #E4300E;
  background-color: #ffffff;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.my-order__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-left: 0;
  background: none;
}

.my-order__panel .order-btn-row .icon-shopping-bag {
  padding-left: 8%;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__panel .order-btn-row .icon-shopping-bag {
    width: 100%;
  }
}

.my-order__panel .content {
  margin-top: 30px;
}

@media only screen and (min-width: 69em) {
  .my-order__panel .content {
    padding-right: 0;
    margin-top: 7px;
  }
}

.my-order__panel:not(.constrained) {
  padding-left: 0;
  padding-right: 0;
}

.my-order__split-header {
  margin-bottom: 10px;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__split-header {
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
  }
}

@media only screen and (min-width: 64em) {
  .my-order__split-header {
    margin-bottom: 40px;
  }
}

.my-order__split-header__title {
  margin: 0;
}

@media only screen and (min-width: 64em) {
  .my-order__split-header__title {
    padding-right: 280px;
  }
}

.my-order__split-header__sort {
  margin-top: 10px;
}

@media only screen and (min-width: 64em) {
  .my-order__split-header__sort {
    margin-top: 0px;
    position: absolute;
    right: 20px;
    top: 7px;
  }
}

.my-order__split-header__list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.my-order__split-header__list-item {
  display: inline-block;
  padding: 0px 15px 0px 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__split-header__list-item {
    display: inline-block;
    padding-bottom: 25px;
  }
}

.my-order__split-header__list-item:not(:last-child) {
  border-right: 1px solid;
  margin-right: 8px;
}

.my-order__split-header__list-item:before {
  display: none;
}

.my-order__products {
  margin-top: 20px;
}

@media only screen and (min-width: 64em) {
  .my-order__products {
    margin-top: 30px;
  }
}

.my-order__products .product-detail-price {
  padding-left: 5px;
}

.my-order__products .product-detail-price__cost--final {
  font-size: 22px;
  line-height: 22px;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__products .product-detail-price__cost--final {
    font-size: 18px;
  }
}

.my-order__products .my-order-entry {
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
}

.my-order__products .my-order-entry:first-child {
  border-top: 1px solid #e7e7e7;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__products .my-order-entry #addToCartButtonList {
    display: none;
  }
}

.my-order__products .my-order-entry .mobile-btn {
  display: none;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__products .my-order-entry .mobile-btn {
    display: block;
  }
}

@media only screen and (max-width: 63.9375em) {
  .my-order__products .my-order-entry .product-qty {
    width: auto;
  }
}

.my-order__overview-panel {
  font-size: 16px;
}

.my-order__overview-panel .overview-entry-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__overview-panel .overview-entry-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.my-order__overview-panel .overview-entry-row .entries-content {
  width: 100%;
}

.my-order__overview-links {
  width: 100%;
  margin-top: 10px;
}

@media only screen and (min-width: 64em) {
  .my-order__overview-links {
    margin-top: 0px;
    width: auto;
  }
}

.my-order__overview-link {
  text-decoration: none;
  white-space: nowrap;
}

.my-order__overview-link:first-child {
  margin-right: 20px;
}

.my-order__overview-entry .info-fields {
  max-width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.my-order__overview-entry .info-fields span:first-child {
  min-width: 49%;
  font-weight: bold;
}

@media only screen and (max-width: 63.9375em) {
  .my-order__overview-entry .info-fields span:first-child {
    width: 100%;
  }
}

.my-order__overview-entry .info-fields .price {
  font-weight: bold;
}

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

@media print {
  .my-order__panel,
  .my-order__panel:not(.constrained) {
    background: none;
    padding: 0;
  }

  .my-order__split-header__sort,
  .my-order__split-header__list,
  .my-order-entry__paddle-small-remove,
  .btn,
  .basket-button__paddle-blackbox__button-add-to-basket,
  .basket-button__paddle-blackbox__button-choose,
  .basket-button__paddle-blackbox-big__button-add-to-basket,
  .basket-button__paddle-blackbox-big__button-choose,
  .btn:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .basket-button__paddle-blackbox__button-add-to-basket:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .basket-button__paddle-blackbox__button-choose:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose),
  .basket-button__paddle-blackbox-big__button-choose:not(.btn--favourite):not(.btn--compare):not(.btn--print):not(.btn--locate):not(.basket-button__paddle-blackbox-big__button-choose) {
    display: none;
  }

  .my-order-entry__button-wrapper,
  .my-order-entry__mobile-button-wrapper {
    display: none !important;
  }

  .my-order__overview-entry {
    width: 50%;
  }

  .ASM_Barcode {
    margin: 0 0 20px -20px;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* TRY TO SEPARATE BLOCKS WITH A DESCRIPTIVE BLOCK COMMENT
* -------------------------------------------------- */

.my-order-entry {
  border-bottom: 1px solid #000000;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .my-order-entry {
    padding-bottom: 20px;
  }
}

.my-order-entry__image-wrapper .flag--small {
  margin-left: 15px;
}

.my-order-entry__name {
  color: #000000;
  font-size: 1rem;
  font-family: "Lato-Regular", sans-serif;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__name {
    display: inline;
    line-height: 1em;
    font-size: 1.1428571428571428rem;
  }
}

.my-order-entry__name a,
.my-order-entry__name .tooltip__close {
  text-decoration: none;
}

.my-order-entry__name a:hover,
.my-order-entry__name .tooltip__close:hover {
  text-decoration: none;
}

.my-order-entry__brand {
  text-transform: uppercase;
  color: #999999;
  margin-bottom: 5px;
  font-size: 0.7857142857142857rem;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__brand {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 0.8571428571428571rem;
  }
}

.my-order-entry__variant {
  display: inline;
  color: #999999;
  font-family: "FuturaPT-Book", "OpenSansRegular", sans-serif;
  font-size: 0.7857142857142857rem;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__variant {
    line-height: 1em;
    font-size: 1.1428571428571428rem;
  }
}

.my-order-entry__variant__space-colon__mobile {
  display: inline;
  font-size: 0.7857142857142857rem;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__variant__space-colon__mobile {
    display: none;
  }
}

.my-order-entry__variant__space-colon__desktop-up {
  display: none;
  font-size: 1.1428571428571428rem;
  font-family: "Lato-Regular", sans-serif;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__variant__space-colon__desktop-up {
    display: inline;
  }
}

.my-order-entry__description {
  color: #999999;
  display: inline;
  font-size: 0.7857142857142857rem;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__description {
    font-size: 1.1428571428571428rem;
    margin-top: -5px;
    font-family: "Lato-Regular", sans-serif;
    text-decoration: underline;
    display: block;
  }
}

.my-order-entry__product-variant-switch-wrapper {
  margin-left: -5px;
  margin-top: 0;
}

.my-order-entry__remove-col {
  text-align: right;
}

.my-order-entry__paddle-rb-small {
  margin-top: -6px;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__paddle-rb-small {
    display: none;
  }
}

.my-order-entry__paddle-small-remove {
  position: absolute;
  right: -5px;
  top: -35px;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__paddle-small-remove {
    display: none;
  }
}

.my-order-entry__paddle-rb-big,
.my-order-entry__paddle-big-remove {
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__paddle-rb-big,
  .my-order-entry__paddle-big-remove {
    display: block;
  }
}

.my-order-entry__paddle-rb-big {
  margin-top: -1px;
}

.my-order-entry__paddle-big-remove {
  margin-top: -3px;
}

.my-order-entry__price-wrapper {
  position: relative;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__price-wrapper {
    margin-right: 5px;
  }
}

.my-order-entry__price {
  font-size: 0.8571428571428571rem;
  text-align: right;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__price {
    font-size: 1.1428571428571428rem;
  }
}

.my-order-entry__price__currency {
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__price__currency {
    display: inline;
  }
}

.my-order-entry__savings {
  position: absolute;
  right: 0px;
  font-size: 12px;
  line-height: 20px;
  color: #E4300E;
  text-align: right;
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__savings {
    display: block;
  }
}

.my-order-entry__gift-ara-desktop {
  padding-top: 10px;
  position: relative;
  text-align: center;
  display: none;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__gift-ara-desktop {
    display: inline-block;
  }
}

.my-order-entry__gift__link {
  font-size: 12px;
  line-height: 20px;
  display: block;
  margin-bottom: 5px;
}

.my-order-entry__gift__link .icon-not-available-single-colour-selector::before {
  color: #E4300E;
  margin-right: 5px;
  top: 0.185em;
  text-decoration: none;
}

.my-order-entry__gift__link .icon-gift-bicolor::before {
  margin-right: 5px;
  top: 0.185em;
}

.my-order-entry__gift__link--edit-gift {
  margin-top: -2px;
}

.my-order-entry__gift-ara-mobile {
  text-align: right;
}

@media only screen and (min-width: 64em) {
  .my-order-entry__gift-ara-mobile {
    display: none;
  }
}

.my-order-entry__gift-ara-mobile__link {
  font-size: 0.7857142857142857rem;
  margin-left: 10px;
  display: inline-block;
}

.my-order-entry__gift-ara-mobile__link .icon-not-available-single-colour-selector::before {
  color: #E4300E;
  margin-right: 5px;
  top: 0.185em;
}

.my-order-entry__gift-ara-mobile__link .icon-gift-bicolor::before {
  margin-right: 5px;
  top: 0.2em;
}

.my-order-entry__gift-ara-mobile__link--edit-gift {
  margin-top: -2px;
}

.my-order-entry__undo-message {
  background: #f3f3f3;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 0;
}

.my-order-entry__button-wrapper {
  display: block;
}

.my-order-entry__productdetails {
  margin-bottom: 0;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

@media only screen and (max-width: 63.9375em) {
  .brand-container {
    margin: 15px;
  }
}

.brand-overview {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media only screen and (min-width: 64em) {
  .brand-overview {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

@media only screen and (max-width: 63.9375em) {
  .brand-overview {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.brand-overview__item {
  /* Workaround for Margin Bug with Columns */
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.brand-overview__item::after {
  content: '';
  display: block;
  height: 30px;
}

.brand-overview__item-title {
  margin-bottom: 0;
  line-height: 1;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

.store-finder__view {
  margin-top: 0px;
  display: none;
}

.store-finder__view-link {
  line-height: 60px;
  text-decoration: none;
  color: #afafaf;
}

.store-finder__view-link .icon-location:before {
  width: auto;
}

.store-finder__view-link--active {
  color: #000000;
}

.store-finder__view-link:first-child {
  margin-right: 20px;
}

.store-finder__view-link-wrapper {
  margin-top: 0;
  text-align: right;
}

.store-finder__view--active {
  display: block;
}

.store-finder__results {
  display: none;
}

.store-finder__results-title {
  width: auto;
  float: left;
}

@media only screen and (min-width: 44em) {
  .store-finder__results-title {
    width: 50%;
  }
}

.store-finder__results-filter {
  width: auto;
  float: right;
  margin-top: -14px;
}

@media only screen and (min-width: 44em) {
  .store-finder__results-filter {
    width: 50%;
    float: left;
  }
}

.store-finder__panel {
  padding: 0 !important;
  margin-top: 20px;
}

@media only screen and (min-width: 64em) {
  .store-finder__panel {
    margin-top: 0px;
  }
}

.store-finder__panel form button[type='submit'] {
  top: -19px;
  height: 49px;
}

.store-finder__storelist {
  border-top: 1px solid;
}

.store-finder__storelist-item {
  border-bottom: 1px solid;
}

.store-finder__storelist-item--dummy {
  display: none;
}

.store-finder__storelist-item--placeholder {
  display: block;
  list-style: none;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.store-finder__storelist-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  padding: 20px 0;
}

.store-finder__storelist-item-phone {
  text-decoration: underline;
}

.store-finder__storelist-item-title {
  display: block;
}

.store-finder__storelist-item-details {
  display: block;
  line-height: 1.6;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media screen and (min-width: 64em) {
  .store-finder__storelist-item-details {
    line-height: inherit;
  }
}

.store-finder__storelist-item-openinghours {
  font-family: "Lato-Regular", sans-serif;
  margin-top: 0;
  display: block;
}

@media only screen and (max-width: 63.9375em) {
  .store-finder__storelist-item-ohwrapper {
    width: auto;
    margin-bottom: 10px;
  }
}

.store-finder__storelist-item-imagewrapper {
  display: none;
}

@media only screen and (min-width: 64em) {
  .store-finder__storelist-item-imagewrapper {
    display: block;
  }
}

@media only screen and (max-width: 63.9375em) {
  .store-finder__storelist-item-buttonwrapper {
    float: right;
    width: auto;
  }
}

.store-finder__storelist-item-link .icon-arrow-r::before {
  text-align: right;
}

.store-finder__search-check {
  display: none;
}

@media only screen and (min-width: 64em) {
  .store-finder__search-check {
    line-height: 48px;
  }
}

.store-finder__locate-me {
  background: #ffffff url('../img/component/store-finder/img/locate_me_icon.svg') 100% 50% / cover no-repeat;
  position: absolute;
  border: 0;
  width: 30px;
  height: 30px;
  display: block;
  z-index: 999;
  top: 15%;
  left: 25px;
  outline: none;
}

.store-finder__locate-me--rotating {
  -webkit-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite;
}

.store-finder__input-choose-store {
  padding-left: 50px;
}

.store-finder__map {
  height: 500px;
  background-color: #e5e3df;
}

.store-finder__map img {
  max-height: none;
}

.store-finder__more {
  visibility: hidden;
  font-size: inherit;
  margin-top: 0px;
}

.store-finder__more-text,
.store-finder__more-link {
  color: #000000;
}

@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

.store-finder-detail__panel {
  padding: 0 !important;
}

.store-finder-detail__openinghours {
  margin: 0;
}

.store-finder-detail__openinghours-dt {
  float: left;
  width: 30%;
}

.store-finder-detail__openinghours-dd {
  float: left;
  width: 70%;
  margin: 0;
}

.store-finder-detail__openinghours--active {
  font-family: "Lato-Bold", sans-serif;
}

.store-finder-detail__info {
  margin: 0;
}

.store-finder-detail__info-dt {
  float: left;
  display: block;
  width: 95px;
  font-family: "Lato-Bold", sans-serif;
}

.store-finder-detail__info-dd {
  margin: 0;
  float: left;
  width: calc(100% - 95px);
}

.store-finder-detail__map {
  margin-top: 18px;
  clear: both;
}

.store-finder-detail__map img {
  max-height: none;
}

.store-finder-detail__map-navigation {
  text-align: right;
  position: absolute;
  right: 25px;
  margin-top: 0;
  top: 60px;
  z-index: 1;
  display: none;
}

.store-finder-detail__map-navigation-link {
  display: inline;
  text-align: left;
  margin-bottom: 0;
  width: auto;
  text-decoration: none;
}

.store-finder-detail__map-navigation-link i::before {
  top: -0.1em;
  left: 1em;
}

.store-finder-detail__map-navigation-link button {
  width: auto;
}

.store-finder-detail__map img {
  max-height: none;
}

.store-finder-detail__image-wrapper {
  margin: 25px auto 0;
  height: 170px;
  background-size: 60%;
  max-width: none;
}

.store-finder-detail__image-wrapper--store-image {
  max-width: none !important;
  margin: 0 !important;
  background-size: cover;
}

@media only screen and (min-width: 44em) {
  .store-finder-detail__image-wrapper--store-image {
    height: 220px;
  }
}

.store-finder-detail__detail-wrapper {
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 44em) {
  .store-finder-detail__detail-wrapper {
    height: 220px;
  }
}

.store-finder-detail__part--address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
}

.store-finder-detail__part {
  margin-bottom: 30px;
}

.store-finder-detail__part-title {
  margin-bottom: 10px;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

@media only screen and (min-width: 64em) {
  .product-locator {
    width: 800px;
  }
}

@media (min-width: 69em) {
  .product-locator {
    width: 900px;
  }
}

@media (min-width: 85.625em) {
  .product-locator {
    width: 1000px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .product-locator .locator-teaser {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 64em) {
  .product-locator .locator-teaser {
    float: right;
  }

  .product-locator .locator-teaser img {
    max-width: 65%;
  }
}

.product-locator .fancy-input .icon-search::before {
  color: black;
  font-size: 17px;
}

.product-locator__title {
  margin-top: 0;
}

.product-locator__product-thumbnail {
  float: left;
  margin-right: 15px;
}

.product-locator__product-metadata {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-left: 115px;
}

@media only screen and (min-width: 64em) {
  .product-locator__product-metadata {
    margin-left: 65px;
  }
}

.product-locator__locate-me {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  position: relative;
  margin: -10px 0 15px 0;
  border: 0;
  display: block;
  background: none;
}

.product-locator__locate-me::before {
  font-weight: inherit;
}

.product-locator__currently-open,
.product-locator__currently-open-label {
  display: none;
}

.product-locator__search-check {
  margin: 0 0 20px 25px;
}

@media only screen and (min-width: 64em) {
  .product-locator__search-check {
    text-align: right;
    margin: -10px 0 15px 0;
  }
}

.product-locator__searchform-button {
  position: relative !important;
}

.product-locator__searchform-button-wrapper {
  vertical-align: bottom;
}

.product-locator__input-choose-store {
  width: 100% !important;
  padding-left: 50px;
  padding-right: 10px;
  float: none !important;
  display: block;
}

.product-locator__storelist-item {
  margin: 0 0 15px 0;
  border: 1px solid #c0c0c0;
}

.product-locator__storelist-item .product-locator__storelist-item-row p:after {
  font-size: 10px;
}

.product-locator__storelist-item__wrapper--active .product-locator__storelist-item__content {
  display: block !important;
}

.product-locator__storelist-item__wrapper--active .product-locator__storelist-item-row p:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-locator__storelist-item__content {
  display: none;
  overflow: hidden;
  padding: 0 20px 20px 20px;
}

.product-locator__storelist-item__content-title {
  margin-top: 20px;
  font-size: 28px;
  margin-bottom: 10px;
}

.product-locator__storelist-item__part {
  margin-bottom: 20px;
}

.product-locator__storelist-item__detail-title {
  margin-bottom: 10px;
}

.product-locator__storelist-item__detail-openinghours {
  margin: 0;
}

.product-locator__storelist-item__detail-openinghours-dt {
  float: left;
  width: 30%;
}

.product-locator__storelist-item__detail-openinghours-dd {
  float: left;
  width: 70%;
  margin: 0;
}

.product-locator__storelist-item__detail-specialdays-date {
  margin-bottom: 5px;
}

.product-locator__storelist-item__detail-info {
  margin: 0;
}

.product-locator__storelist-item__detail-info-dt {
  float: left;
  display: block;
  width: 95px;
}

.product-locator__storelist-item__detail-info-dd {
  margin: 0;
  float: left;
  width: calc(100% - 95px);
}

.product-locator__storelist-item-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  display: block;
  width: 100%;
  padding-right: 60px;
  margin: 0;
}

.product-locator__storelist-item-title-inner-wrapper {
  display: block;
}

.product-locator__storelist-item-title-name {
  font-family: "Lato-Bold", sans-serif;
}

body.IE11 .product-locator__storelist-item-title-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-locator__storelist-item-title-distance {
  display: block;
  margin-left: 0;
}

.product-locator__storelist-item-title-openuntil {
  font-weight: normal;
}

@media only screen and (min-width: 64em) {
  .product-locator__storelist-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-locator__storelist-item-title-name {
    font-family: "Lato-Bold", sans-serif;
    margin-right: 20px;
  }

  .product-locator__storelist-item-title-distance {
    display: inline-block;
  }

  .product-locator__storelist-item-title-openuntil {
    margin-left: 20px;
  }
}

.product-locator__storelist-item--dummy {
  display: none;
}

.product-locator__storelist-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0 15px 20px;
  text-decoration: none;
}

.product-locator__storelist-item-row:hover {
  border-bottom-color: #555555;
}

.product-locator__storelist-item-row p::after {
  content: '\e948';
  font-family: fontello;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -11px;
}

.product-locator__map img {
  max-height: none;
}

@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pac-container {
  z-index: 10002;
}

.reservation .text-input {
  width: 100%;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* teaser container
* -------------------------------------------------- */

.modal-tooltip {
  cursor: pointer;
  margin-left: 2px;
}

.simple-tooltip {
  position: absolute;
  display: inline-block;
  margin-top: -6px;
  right: -7px;
}

@media only screen and (min-width: 64em) {
  .simple-tooltip {
    right: inherit;
  }
}

.simple-tooltip__inner-wrapper {
  font-size: 14px;
  line-height: 22px;
  display: none;
  position: absolute;
  z-index: 1000000;
  width: 300px;
  margin-left: -137px;
  padding: 15px;
  bottom: 45px;
  color: #000000;
  border: 1px solid #c0c0c0;
  background: white;
  box-shadow: 0 0 12px 6px #e7e7e7;
}

.simple-tooltip__inner-wrapper::before,
.simple-tooltip__inner-wrapper::after {
  content: "";
  position: absolute;
  display: block;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -13px;
}

.simple-tooltip__inner-wrapper::before {
  border-top: 13px solid #c0c0c0;
  margin-top: 0px;
}

.simple-tooltip__inner-wrapper::after {
  border-top: 13px solid white;
  margin-top: -1px;
}

.simple-tooltip__inner-wrapper__title {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.simple-tooltip__inner-wrapper__content {
  font-weight: normal;
}

.simple-tooltip__close {
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 10px;
}

.simple-tooltip__close:hover {
  color: #c0c0c0;
}

.simple-tooltip__close::after {
  display: inline-block;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  content: '\e94f';
  font-weight: bold;
  width: auto;
}

.simple-tooltip__close--text {
  position: relative;
  padding-left: 20px;
}

.simple-tooltip__close--text::after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.simple-tooltip__close:hover {
  color: #c0c0c0;
}

.simple-tooltip__close::after {
  display: inline-block;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  content: '\e94f';
  font-weight: bold;
  width: auto;
}

.simple-tooltip__close--text {
  position: relative;
  padding-left: 20px;
}

.simple-tooltip__close--text::after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.simple-tooltip .icon-info {
  font-size: 3em;
  height: 100%;
  cursor: pointer;
  position: relative;
}

@media only screen and (min-width: 64em) {
  .simple-tooltip .icon-info {
    font-size: 2em;
  }
}

.simple-tooltip .icon-info::before {
  top: 5px;
}

.simple-tooltip .icon-info:hover {
  color: #bdb09b;
}

.simple-tooltip .icon-info:hover .simple-tooltip__inner-wrapper {
  display: block;
}

.simple-tooltip--cart {
  margin-top: 15px;
}

.simple-tooltip--cart .simple-tooltip__inner-wrapper {
  display: block;
  margin-left: -95px;
  bottom: 25px;
  border: 1px solid #c0c0c0;
}

.simple-tooltip--cart .simple-tooltip__inner-wrapper:after,
.simple-tooltip--cart .simple-tooltip__inner-wrapper:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.simple-tooltip--cart .simple-tooltip__inner-wrapper:after {
  border-color: rgba(213, 213, 213, 0);
  border-top-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

.simple-tooltip--cart .simple-tooltip__inner-wrapper:before {
  border-color: rgba(245, 76, 76, 0);
  border-width: 10px;
  margin-left: -10px;
  border-top-color: #c0c0c0;
}

.simple-tooltip--warning .simple-tooltip__inner-wrapper {
  border: 1px solid #E61C4D;
}

.simple-tooltip--warning .simple-tooltip__inner-wrapper:before {
  border-top-color: #E61C4D;
}

.basket .simple-tooltip {
  display: none;
}

@media only screen and (max-width: 63.9375em) {
  .simple-tooltip__inner-wrapper {
    display: none !important;
  }

  .simple-tooltip--cart .simple-tooltip__inner-wrapper {
    display: block !important;
    margin-left: -255px;
    padding: 10px;
    z-index: 10;
  }

  .simple-tooltip--cart .simple-tooltip__inner-wrapper::before,
  .simple-tooltip--cart .simple-tooltip__inner-wrapper::after {
    left: 65%;
  }
}

.tooltipWrapper {
  font-size: 14px;
  line-height: 22px;
}

.tooltipWrapper h2,
.tooltipWrapper .checkout__h1 {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

.top-teaser {
  position: fixed;
  top: 0;
  display: block;
  width: 100%;
  height: 62px;
  padding: 2px 0;
  background-color: #bdb09b;
  overflow: hidden;
  z-index: 1010;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
}

.top-teaser.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 64em) {
  .top-teaser {
    height: auto;
    padding: 10px 0;
  }
}

.top-teaser__container {
  display: table;
  width: 100%;
  height: 100%;
}

.top-teaser__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 63.9375em) {
  .top-teaser__row {
    width: 100%;
    display: table;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    height: 100%;
  }
}

.top-teaser__part {
  text-align: center;
  line-height: 1.4;
  width: calc(100% - 40px);
}

@media only screen and (min-width: 64em) {
  .top-teaser__part:nth-child(1) {
    text-align: left;
  }

  .top-teaser__part:nth-child(3) {
    text-align: right;
    margin-right: 0;
  }
}

@media only screen and (max-width: 63.9375em) {
  .top-teaser__part {
    width: 100%;
    height: 16px;
    line-height: 12px;
    vertical-align: middle;
    padding: 0 10px;
  }
}

.top-teaser__point {
  text-decoration: none;
  text-align: center;
}

.top-teaser__point:hover {
  color: #555555 !important;
  text-decoration: none;
}

.top-teaser__close {
  position: absolute;
  height: 44px;
  right: 0;
  line-height: 44px;
  text-align: center;
  z-index: 1;
  width: 44px;
  text-decoration: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 63.9375em) {
  .top-teaser__close {
    top: calc(49%);
    right: -7px;
  }
}

.top-teaser__close:hover {
  color: #555555;
  text-decoration: none;
}

.top-teaser--hidden {
  display: none;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

.back-to-top {
  position: fixed;
  width: 0;
  opacity: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  bottom: 15px;
  right: 15px;
  background-color: rgba(34, 34, 34, 0.6);
  color: white;
  border: 0;
  z-index: 1000;
  -webkit-transition: visibility 250ms ease-in;
  transition: visibility 250ms ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.back-to-top.shown {
  display: block;
  max-height: none;
  width: auto;
  opacity: 1;
  padding: 10px;
}

@media only screen and (min-width: 64em) {
  .back-to-top.shown {
    padding: 5px 15px;
  }
}

.back-to-top__arrow {
  font-size: 10px;
}

.back-to-top__arrow::before {
  top: -2px;
  left: 2px;
  width: 2.5em;
  position: relative;
}

@media only screen and (min-width: 64em) {
  .back-to-top__arrow::before {
    left: 0;
  }
}

.back-to-top__text {
  display: none;
  text-transform: uppercase;
  padding-left: 3px;
  position: relative;
}

@media only screen and (min-width: 64em) {
  .back-to-top__text {
    display: inline;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

.no-js .picturefill picture {
  display: none;
}

.picturefill__image {
  max-width: 100%;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* teaser container
* -------------------------------------------------- */

.contest__header-title {
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .contest__header-subtitle {
    font-size: 1.4285714285714286rem;
  }
}

.contest__question-title {
  margin-bottom: 25px;
}

.contest__question-text {
  margin-top: 10px;
}

@media only screen and (min-width: 64em) {
  .contest__question-help {
    font-size: 1.1428571428571428rem;
  }
}

.contest__question .form__label {
  display: none;
}

.contest__form .form__label {
  display: none;
}

.contest__form .fancy-select .icon-arrow-down {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  cursor: pointer;
  font-size: .7em;
}

.contest__form .tele-select {
  height: 3.19rem;
}

.contest__notice--bold {
  font-family: "Lato-Bold", sans-serif;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/*#_asm ~ .scrolling {
	#site-wrapper > header {
		position: relative;
		top: 0 !important;
	}

	.main.container {
		margin-top: 20px;
	}
}*/

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* teaser container
* -------------------------------------------------- */

.banner-video {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.banner-video__reference {
  display: table-cell;
  float: none;
}

.banner-video__reference--productlist ~ .banner-video .banner-video__container {
  margin-top: -60px;
}

.banner-video__row {
  display: table;
}

.banner-video__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 0px;
}

.banner-video__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* this component
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* crumb-trail
* -------------------------------------------------- */

.content-nav {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.content-nav__col-wrapper {
  width: 100%;
  padding: 0;
}

.content-nav__col-wrapper:not(:first-child) {
  display: block;
}

.content-nav__col-link {
  text-decoration: none;
  display: block;
}

.content-nav__col-link-wrapper {
  margin-bottom: 10px;
}

.content-nav__col-link-wrapper:not(:last-child) {
  margin-bottom: 10px;
}

.content-nav__wrapper {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.content-nav__wrapper--notransitions {
  -webkit-transition: none;
  transition: none;
}

.content-nav__entry-image {
  position: absolute;
}

.content-nav__entry-text {
  padding-left: 70px;
  min-height: 60px;
}

.content-nav__arrows {
  display: none !important;
}

body.touchevents .content-nav__col-link:hover {
  color: #555555;
}

.header-flyout [data-dynamic-msg]:not(:empty) {
  position: relative;
  margin: 15px 0;
  padding-left: 30px;
}

.header-flyout [data-dynamic-msg]:not(:empty)::after {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  content: '\e95b';
  position: absolute;
  left: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
}

.header-flyout [data-dynamic-msg]:not(:empty).error {
  color: #ee7070;
}

.header-flyout section {
  margin: 0 15px;
  padding: 15px 0;
}

.header-flyout section:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.header-flyout section form > *,
.header-flyout section .input-wrapper .fancy-input {
  margin-bottom: 15px;
}

.header-flyout section .input-wrapper {
  width: 90%;
}

@media only screen and (min-width: 64em) {
  .header-flyout section .input-wrapper {
    width: 280px;
  }
}

.header-flyout__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.header-flyout__text {
  margin-bottom: 15px;
}

.header-flyout .accountNav {
  width: 100%;
  padding-right: 0;
}

@media only screen and (max-width: 63.9375em) {
  .header-flyout .accountNav {
    display: block;
  }
}

.header-flyout .accountNav ul li {
  border: none;
}

[data-flyout="header-search"] .site-search {
  position: relative;
  width: 100%;
  padding: 20px 15px 15px;
}

@media only screen and (max-width: 63.9375em) {
  [data-flyout="header-search"].active .site-search {
    display: block !important;
  }
}

[data-flyout="header-search"] .fancy-input {
  width: 100%;
}

.header-flyout {
  font-size: 14px;
  line-height: 22px;
  position: absolute;
  top: -20px;
  right: 0;
  width: 100vw;
  color: #000000;
  background: #ffffff;
  box-shadow: 0 0 12px 6px #c0c0c0;
  display: none;
  z-index: 100000;
}

@media only screen and (max-width: 63.9375em) {
  .header-flyout {
    top: 5px;
  }
}

@media only screen and (min-width: 64em) {
  .header-flyout {
    padding-top: 20px;
    right: 20px;
    width: 340px;
  }
}

.header-flyout.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.header-flyout .close-x {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

@media only screen and (min-width: 64em) {
  .header-flyout .close-x {
    top: 35px;
    right: 20px;
  }
}

.header-flyout .accountNav ul {
  margin: 0;
}

.header-flyout .accountNav ul li {
  padding: 5px 0;
}

/*
## product comparison
********************************************************************/

body.IE11 .product-comparison__table_details .responsive-image img {
  max-width: 150px;
  max-height: 150px;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison_center-mobile {
    text-align: center;
  }

  .product-comparison [data-add-to-basket]:not(.active) .btn__inner {
    display: none;
  }
}

@media only screen and (min-width: 64em) {
  .product-comparison_item-count {
    float: left;
  }

  .product-comparison_view-switcher {
    float: right;
  }

  .product-comparison_center-desktop {
    text-align: center;
  }

  .product-comparison .add-to-cart-button-wrapper .btn-primary.btn--disabled,
  .product-comparison .add-to-cart-button-wrapper [data-add-to-basket] {
    width: auto;
  }

  .product-comparison .add-to-cart-button-wrapper .btn-primary.btn--disabled:not(.active),
  .product-comparison .add-to-cart-button-wrapper [data-add-to-basket]:not(.active) {
    padding-left: 18px;
  }

  .product-comparison .add-to-cart-button-wrapper .btn-primary.btn--disabled:not(.active):before,
  .product-comparison .add-to-cart-button-wrapper [data-add-to-basket]:not(.active):before {
    content: "";
  }
}

.product-comparison .list-page {
  margin-top: 10px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .list-page {
    margin-top: 20px;
  }
}

.product-comparison__list {
  margin-bottom: 0;
}

@media only screen and (min-width: 64em) {
  .product-comparison__list {
    margin-bottom: 20px;
  }
}

.product-comparison__table {
  margin-bottom: 30px;
}

.product-comparison__table_actions {
  display: block;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison__table_actions {
    padding: 10px 0 15px;
    border-bottom: 1px solid #e7e7e7;
  }

  .product-comparison__table_actions button.basket-button__paddle-blackbox__button,
  .product-comparison__table_actions button.basket-button__paddle-blackbox__button--disabled,
  .product-comparison__table_actions button.basket-button__paddle-blackbox-big__button--disabled {
    width: 35px;
  }
}

.product-comparison__table_actions .button--action-icon {
  display: block;
}

.product-comparison__table_actions button:not(.basket-button__paddle-blackbox__button) {
  width: 100%;
}

.product-comparison__table_actions .button--similar-articles {
  width: 100%;
}

.product-comparison__table_mini-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-comparison__table_mini-tile .title-comp {
  margin-bottom: 0;
}

.product-comparison .offset {
  margin-top: 1em;
}

.product-comparison_header {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison_header {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 64em) {
  .product-comparison_header:before,
  .product-comparison_header:after {
    content: " ";
    display: table;
  }

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

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

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

.product-comparison_view-switcher a:not(:first-child),
.product-comparison_view-switcher .tooltip__close:not(:first-child) {
  margin-left: 1em;
}

.product-comparison_view-switcher i::before {
  width: auto;
  margin-right: 5px;
}

.product-comparison .product-compare__action-wrapper {
  box-sizing: border-box;
}

.product-comparison .product-compare-carousel * {
  box-sizing: border-box;
}

.product-comparison .product-compare__nav-prev {
  left: 5px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare__nav-prev {
    left: -25px;
  }
}

.product-comparison .product-compare__nav-prev:before {
  content: '\e949';
}

.product-comparison .product-compare__nav-next {
  right: 5px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare__nav-next {
    right: -25px;
  }
}

.product-comparison .product-compare__nav-next:after {
  content: '\e94b';
}

.product-comparison .product-compare__nav-prev,
.product-comparison .product-compare__nav-next {
  display: none;
  cursor: pointer;
  position: absolute;
  background: transparent;
  outline: none;
  border: none;
  z-index: 10;
  top: 9%;
  opacity: 0;
  padding: 0px 10px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare__nav-prev,
  .product-comparison .product-compare__nav-next {
    opacity: 1;
  }
}

.product-comparison .product-compare__nav-prev:after,
.product-comparison .product-compare__nav-next:after,
.product-comparison .product-compare__nav-prev:before,
.product-comparison .product-compare__nav-next:before {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #000000;
  text-align: center;
  -webkit-transition: 250ms ease color;
  transition: 250ms ease color;
}

.product-comparison .product-compare__nav-prev:hover,
.product-comparison .product-compare__nav-next:hover {
  color: #bdb09b;
}

.product-comparison .product-compare-entry__mini-tile .responsive-image {
  width: 55px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare-entry__mini-tile .responsive-image {
    width: 60px;
  }
}

.product-comparison .product-compare-entry__mini-tile .responsive-image .flag {
  display: none;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .product-compare-entry__mini-tile {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare-entry__mini-tile .responsive-image,
  .product-comparison .product-compare-entry__mini-tile_details {
    display: table-cell;
    vertical-align: top;
  }
}

.product-comparison .product-compare-entry__price {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

.product-comparison .product-compare-entry__details {
  position: relative;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .product-compare-entry__details {
    padding-bottom: 10px !important;
  }
}

.product-comparison .product-compare-entry_remove {
  position: absolute;
  z-index: 2;
  right: 10px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .product-compare-entry_remove {
    right: 20px;
  }
}

.product-comparison .rtable {
  /*!
		// IE needs inline-block to position scrolling shadows otherwise use:
		// display: block;
		// max-width: min-content;
		*/
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .rtable {
    overflow-x: auto;
  }
}

.product-comparison .rtable .rth,
.product-comparison .rtable .rtd {
  padding-right: 10px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable .rth,
  .product-comparison .rtable .rtd {
    padding: 5px 20px 5px 10px;
  }

  .product-comparison .rtable .rth.product-comparison__table_actions,
  .product-comparison .rtable .rtd.product-comparison__table_actions {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .rtable .rth.product-comparison__table_feature,
  .product-comparison .rtable .rtd.product-comparison__table_feature {
    line-height: 20px !important;
  }
}

.product-comparison .rtable .rth.product-comparison__table_feature:nth-child(2n),
.product-comparison .rtable .rtd.product-comparison__table_feature:nth-child(2n) {
  background-color: #f8f8f8;
}

.product-comparison .rtable .rth {
  text-align: left;
}

.product-comparison .rtable--flip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: none;
}

.product-comparison .rtable--flip > .product-comparison__table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip > .product-comparison__table-head {
    width: 20%;
  }
}

.product-comparison .rtable--flip > .product-comparison__table-head .product-comparison__table-column {
  width: 100%;
}

.product-comparison .rtable--flip > .product-comparison__table-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip > .product-comparison__table-body {
    width: 80%;
  }
}

.product-comparison .rtable--flip > .product-comparison__table-body::-webkit-scrollbar {
  display: none;
}

.product-comparison .rtable--flip > .product-comparison__table-body .swiper-container {
  overflow-x: auto;
  overflow-y: hidden;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip > .product-comparison__table-body .swiper-container {
    overflow-x: hidden;
  }
}

.product-comparison .rtable--flip > .product-comparison__table-body.slick-slider {
  max-width: 85%;
  overflow-x: visible;
  overflow-y: visible;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .rtable--flip > .product-comparison__table-body {
    overflow-y: hidden;
    max-width: 100%;
  }
}

@media only screen and (min-width: 64em) and (max-width: 68.9375em) {
  .product-comparison .rtable--flip > .product-comparison__table-body {
    max-width: 80% !important;
  }
}

.product-comparison .rtable--flip > .product-comparison__table-body .product-comparison__table-column {
  width: calc(50% + 5px);
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip > .product-comparison__table-body .product-comparison__table-column {
    width: calc(25% + 5px);
  }
}

.product-comparison .rtable--flip > .product-comparison__table-head > .product-comparison__table-column,
.product-comparison .rtable--flip > .product-comparison__table-body > .product-comparison__table-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.product-comparison .rtable--flip .rth,
.product-comparison .rtable--flip .rtd {
  position: relative;
  min-height: 40px;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip .rth.product-comparison__table_feature,
  .product-comparison .rtable--flip .rtd.product-comparison__table_feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-comparison .rtable--flip .rth {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

@media only screen and (min-width: 64em) {
  .product-comparison .rtable--flip .rth {
    min-width: 200px;
  }
}

.product-comparison .rtable--flip .rtd {
  background-image: none !important;
}

@media only screen and (max-width: 63.9375em) {
  .product-comparison .rtable--flip .product-comparison__table_feature.rth {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    padding: 5px 0 35px;
  }

  .product-comparison .rtable--flip .product-comparison__table_feature.rth span {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
  }

  .product-comparison .rtable--flip .product-comparison__table_feature.rtd {
    padding: 30px 10px 10px 0;
    margin-bottom: 0;
    text-align: center;
  }

  .product-comparison .rtable--flip .product-comparison__table_details {
    padding: 30px 0 0;
  }

  .product-comparison .rtable--flip .product-comparison__table_details.rtd {
    padding-right: 10px;
  }

  .product-comparison .rtable--flip .product-comparison__table_details.rth span {
    position: absolute;
    z-index: 2;
    top: 0;
  }

  .product-comparison .rtable--flip .product-comparison__table-column:last-child td.rtd {
    padding-right: 0;
  }
}

.product-comparison #vertical-2 .product-comparison__table-head,
.product-comparison #vertical-2 .product-comparison__table-body {
  display: inline-block;
}

.product-compare-carousel .slick-arrow {
  top: 9%;
}

@media only screen and (min-width: 69em) {
  body.page-product-detail #site-wrapper > .top-teaser.active  + header {
    top: 39px !important;
  }

  body.page-product-detail #site-wrapper > .top-teaser.active  ~ main {
    margin-top: 313px !important;
  }

  body.page-product-detail #site-wrapper > .top-teaser.active  ~ main.container-fullwidth {
    margin-top: 289px !important;
  }
}

@media only screen and (min-width: 64em) {
  body:not(.page-product-detail) #site-wrapper > .top-teaser.active  + header {
    top: 39px !important;
  }

  body:not(.page-product-detail) #site-wrapper > .top-teaser.active  ~ main {
    margin-top: 313px !important;
  }

  body:not(.page-product-detail) #site-wrapper > .top-teaser.active  ~ main.container-fullwidth {
    margin-top: 289px !important;
  }

  #site-wrapper > header {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: top 500ms, box-shadow 250ms 250ms;
    transition: top 500ms, box-shadow 250ms 250ms;
    z-index: 10000;
  }

  #site-wrapper > header .masthead__inner > .container {
    position: relative;
    max-height: 200px;
    -webkit-transition: max-height 500ms;
    transition: max-height 500ms;
  }

  #site-wrapper > header .masthead__inner > .container .masthead__container,
  #site-wrapper > header .masthead__inner > .container nav {
    background: #ffffff;
  }

  #site-wrapper > header .masthead__inner > .container .masthead__container {
    -webkit-transition: padding 250ms;
    transition: padding 250ms;
    z-index: 20;
  }

  #site-wrapper > header .masthead__inner > .container .burger {
    opacity: 0;
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
  }

  #site-wrapper > header .masthead__inner > .container .main-logo__wrapper {
    -webkit-transition: width 500ms;
    transition: width 500ms;
  }

  #site-wrapper > header .masthead__inner > .container nav {
    -webkit-transition: padding 250ms 250ms, -webkit-transform 500ms 250ms;
    transition: padding 250ms 250ms, transform 500ms 250ms;
    z-index: 10;
  }

  #site-wrapper > main {
    margin-top: 274px;
    -webkit-transition: margin-top 500ms;
    transition: margin-top 500ms;
  }

  #site-wrapper > main.container-fullwidth {
    margin-top: 250px;
  }

  #site-wrapper.sticky > header {
    top: -40px !important;
    background-color: white;
    box-shadow: 0 12px 12px -6px #c0c0c0;
  }

  #site-wrapper.sticky > header .masthead__inner > .container {
    max-height: 90px;
  }

  #site-wrapper.sticky > header .masthead__inner > .container .masthead__container {
    padding: 0;
  }

  #site-wrapper.sticky > header .masthead__inner > .container .burger {
    opacity: 1;
  }

  #site-wrapper.sticky > header .masthead__inner > .container nav {
    padding: 10px 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: padding 250ms, -webkit-transform 250ms;
    transition: padding 250ms, transform 250ms;
  }

  #site-wrapper.sticky > header.header--checkout {
    top: 0 !important;
  }

  #site-wrapper.sticky > main {
    margin-top: 240px;
  }

  #site-wrapper.active-nav > header .masthead__inner > .container {
    max-height: 185px;
  }

  #site-wrapper.active-nav > header .masthead__inner > .container nav {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: padding 250ms 250ms, -webkit-transform 500ms 250ms;
    transition: padding 250ms 250ms, transform 500ms 250ms;
  }
}

.recommendation-panel-banner {
  margin-bottom: 15px;
}

@media only screen and (max-width: 63.9375em) {
  .recommendation-panel-banner {
    position: relative;
  }
}

@media only screen and (min-width: 64em) {
  .recommendation-panel-banner {
    margin-bottom: 30px;
  }
}

.recommendation-panel-banner-links-wrapper {
  overflow: auto;
  white-space: nowrap;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 64em) {
  .recommendation-panel-banner-links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.recommendation-panel-banner-links-wrapper__link {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 40px;
  padding-bottom: 10px;
  border-bottom: 3px solid black;
  cursor: pointer;
  -webkit-transition: 250ms ease color, 250ms ease border;
  transition: 250ms ease color, 250ms ease border;
}

@media only screen and (min-width: 64em) {
  .recommendation-panel-banner-links-wrapper__link {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .recommendation-panel-banner-links-wrapper__link {
    display: inline-block;
  }
}

.recommendation-panel-banner-links-wrapper__link.active,
.recommendation-panel-banner-links-wrapper__link:hover {
  color: #bdb09b;
  border-bottom: 3px solid #bdb09b;
}

.recommendation-panel-banner__products {
  display: none;
}

.recommendation-panel-banner .fade-to-white-wrapper {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 15%;
  height: 39px;
  pointer-events: none;
}

.recommendation-panel-banner .fade-to-white {
  display: block;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  right: -1px;
  top: 0;
  position: relative;
  width: 100%;
  height: 39px;
  z-index: 40;
}

@media only screen and (min-width: 64em) {
  .recommendation-panel-banner .fade-to-white-wrapper,
  .recommendation-panel-banner .fade-to-white {
    display: none;
  }
}

.product-rde {
  margin: 15px;
}

@media only screen and (min-width: 64em) {
  .product-rde {
    margin: 30px;
    width: 800px;
  }
}

.product-rde-link {
  position: relative;
  bottom: 15px;
  left: 15px;
}

@media only screen and (min-width: 64em) {
  .product-rde-link {
    position: absolute;
    bottom: -5px;
    left: 135px;
  }
}

.product-rde-title,
.product-rde-subtitle {
  text-transform: uppercase;
}

@media only screen and (min-width: 64em) {
  .product-rde-title,
  .product-rde-subtitle {
    letter-spacing: 1px;
  }
}

.product-rde-subtitle {
  text-align: center;
}

.product-rde-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  min-height: 120px;
}

@media only screen and (min-width: 64em) {
  .product-rde-header {
    min-height: 100%;
  }
}

.product-rde-header__product-thumbnail {
  float: left;
  margin-right: 15px;
}

.product-rde-header__product-metadata {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-left: 115px;
}

@media only screen and (min-width: 64em) {
  .product-rde-header__product-metadata {
    margin-left: 65px;
  }
}

.product-rde-header__product-metadata div:nth-child(2) {
  color: #bdb09b;
}

.product-rde-productlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 63.9375em) {
  .product-rde-productlist .list-page__item {
    width: calc(50% - 5px);
    margin-right: 10px;
  }

  .product-rde-productlist .list-page__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 64em) {
  .product-rde-productlist .list-page__item {
    width: calc(33.333333333333336% - 6.66666667px);
    margin-right: 10px;
  }

  .product-rde-productlist .list-page__item:nth-child(3n) {
    margin-right: 0;
  }
}

.paragraph-ruler {
  margin: 15px 15px 30px;
  overflow: hidden;
}

@media only screen and (min-width: 64em) {
  .paragraph-ruler {
    margin: 45px 0 30px;
  }
}

.paragraph-ruler__title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .paragraph-ruler__title {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 64em) {
  .paragraph-ruler__title::before,
  .paragraph-ruler__title::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 50%;
    height: 1px;
    vertical-align: middle;
    background: #e7e7e7;
  }

  .paragraph-ruler__title::before {
    left: -0.75em;
    margin: 0 0 0 -50%;
  }

  .paragraph-ruler__title::after {
    left: 0.75em;
    margin: 0 -50% 0 0;
  }
}

@media only screen and (max-width: 63.9375em) {
  .brand-banner {
    margin-bottom: 15px;
  }

  .brand-banner.col-xs-6:nth-child(2n+1) {
    clear: left;
  }

  .brand-banner-container {
    margin: 0 -7.5px;
  }

  .brand-banner-container [class*="row"] {
    margin: 0 -7.5px;
  }

  .brand-banner-container [class*="col"] {
    padding: 0 7.5px;
  }
}

@media only screen and (min-width: 64em) {
  .brand-banner {
    margin-bottom: 30px;
  }

  .brand-banner.col-md-6:nth-child(2n+1) {
    clear: left;
  }

  .brand-banner.col-md-4:nth-child(3n+1) {
    clear: left;
  }

  .brand-banner.col-md-3:nth-child(4n+1) {
    clear: left;
  }
}

.brand-banner__banner-link {
  display: block;
}

.brand-banner__banner-link:hover {
  opacity: 0.5;
}

.brand-banner__banner-link.deactivated {
  pointer-events: none;
}

.brand-banner-content {
  display: none;
  margin-top: 10px;
  padding: 0 15px;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .brand-banner-content {
    display: block;
  }
}

.brand-banner-content__title {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.brand-banner-image-wrapper {
  display: block;
  position: relative;
}

.brand-banner-image-wrapper img {
  width: 100%;
}

.brand-banner-image-wrapper__headline {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 64em) {
  .brand-banner-image-wrapper__headline {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 27em) {
  .brand-banner-image-wrapper__headline {
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
  }
}

@media only screen and (min-width: 64em) {
  .brand-banner-image-wrapper__headline {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
  }
}

@media only screen and (min-width: 85.625em) {
  .brand-banner-image-wrapper__headline {
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
  }
}

.brand-banner-image-wrapper__headline p {
  margin: 0;
  font-weight: bold;
}

.brand-banner-image-wrapper__headline.default-color {
  color: white;
}

@media only screen and (min-width: 64em) {
  .brand-banner .col-md-4 .brand-banner-image-wrapper__headline,
  .brand-banner .col-md-6 .brand-banner-image-wrapper__headline {
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
  }
}

@media only screen and (min-width: 64em) {
  .product-panel-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }
}

.product-panel-banner-image .picturefill__image {
  width: 100%;
}

.product-panel-banner__carousel-wrapper {
  padding-right: 0px;
  padding-left: 0px;
}

@media only screen and (min-width: 64em) {
  .product-panel-banner-carousel {
    padding: 0 15px;
  }

  .product-panel-banner-carousel .product-carousel {
    padding: 0;
    margin: 0;
  }

  .product-panel-banner-carousel .product-carousel .slick-arrow {
    top: 46%;
  }

  .product-panel-banner-carousel .product-carousel .slick-prev {
    left: -20px;
  }

  .product-panel-banner-carousel .product-carousel .slick-next {
    right: -20px;
  }
}

.catalog-order .form__item .form__label {
  display: none;
}

.catalog-order .fancy-select .icon-arrow-down {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  pointer-events: none;
  cursor: pointer;
}

.pandora {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 63.9375em) {
  .pandora__facet-anchor {
    display: none;
  }

  body.IE11 .pandora {
    display: block;
  }
}

@media only screen and (min-width: 64em) {
  .pandora {
    margin-bottom: 45px;
  }
}

.pandora section {
  position: relative;
  overflow: visible;
}

.pandora__main {
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

@media only screen and (max-width: 63.9375em) {
  .pandora__main {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora__main {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.pandora__main.active {
  opacity: 1;
}

@media only screen and (max-width: 63.9375em) {
  .pandora__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-bottom: 5px;
  }

  .pandora__main .pandora-list-wrapper {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
  }
}

@media only screen and (min-width: 64em) {
  .pandora__main {
    padding: 20px 40px;
    border: 1px solid #e7e7e7;
  }
}

@media only screen and (min-width: 64em) {
  .pandora__side {
    width: 320px;
  }
}

.pandora__side > * {
  margin: 0 0 15px;
}

@media only screen and (min-width: 64em) {
  .pandora__side > * {
    margin: 0 0 20px;
  }
}

.pandora__head {
  overflow: hidden;
}

@media only screen and (max-width: 63.9375em) {
  .pandora__head {
    padding-top: 15px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
}

@media only screen and (min-width: 64em) {
  .pandora__head {
    margin-bottom: 20px;
  }
}

.pandora__head__title,
.pandora__head__subtitle,
.pandora__head__img {
  text-align: center;
}

.pandora__head__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (min-width: 64em) {
  .pandora__head__title {
    letter-spacing: 1px;
  }
}

.pandora__head__subtitle::before {
  content: '(';
}

.pandora__head__subtitle::after {
  content: ')';
}

@media only screen and (max-width: 63.9375em) {
  .pandora__head__img {
    display: none;
  }
}

@media only screen and (min-width: 64em) {
  .pandora__head__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pandora__head__img img {
    height: 70px;
    opacity: 0.05;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora__selected-charms {
    margin: 0;
  }
}

.pandora__selected-charms .accordion__element {
  margin: 0;
  border-left: none;
  border-right: none;
}

.pandora__selected-charms .accordion__content {
  padding-bottom: 0;
}

.pandora__selected-charms .accordion__head {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

.pandora__selected-charms .accordion__head::after {
  top: 22px;
}

.pandora-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 64em) {
  .pandora-nav {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora-nav .form--pagination,
  .pandora-nav .form__input,
  .pandora-nav .ui-button {
    display: block;
  }

  .pandora-nav .pandora-mobile-panel {
    margin: 0 -15px;
  }
}

.pandora-nav__desc {
  width: 100%;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-nav__desc {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-nav__desc {
    width: 45%;
  }
}

.pandora-nav__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.pandora-nav .form--pagination:not(:last-child) {
  margin-right: 20px;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-pagination {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-pagination {
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
  }
}

.pandora-pagination .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pandora-pagination .pagination .prev,
.pandora-pagination .pagination .next {
  width: 0;
}

.pandora-pagination .pagination .numb {
  width: 25px;
  text-align: center;
}

.pandora-pagination .pagination .prev a::after,
.pandora-pagination .pagination .next a::after,
.pandora-pagination .pagination .prev .tooltip__close::after,
.pandora-pagination .pagination .next .tooltip__close::after {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  position: relative;
  top: 1px;
  font-size: 21px;
}

.pandora-pagination .pagination .prev a::after,
.pandora-pagination .pagination .prev .tooltip__close::after {
  content: '\e949';
  right: 20px;
}

@media only screen and (min-width: 64em) {
  .pandora-pagination .pagination .prev a::after,
  .pandora-pagination .pagination .prev .tooltip__close::after {
    right: 25px;
  }
}

.pandora-pagination .pagination .next a::after,
.pandora-pagination .pagination .next .tooltip__close::after {
  content: '\e94b';
  left: 20px;
}

@media only screen and (min-width: 64em) {
  .pandora-pagination .pagination .next a::after,
  .pandora-pagination .pagination .next .tooltip__close::after {
    left: 25px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .mobile-panel.pandora-facet .pandora-filter__title {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    position: static;
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (max-width: 63.9375em) and only screen and (min-width: 64em) {
  .mobile-panel.pandora-facet .pandora-filter__title {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .mobile-panel.pandora-facet .pandora-filter__title {
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
    position: static;
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media only screen and (max-width: 63.9375em) and only screen and (min-width: 64em) {
  .mobile-panel.pandora-facet .pandora-filter__title {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora-filter__title,
  .pandora-filter__selected,
  .pandora-filter .product-filter__title-mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-filter {
    display: none;
  }

  .pandora-nav .pandora-filter {
    display: none;
  }
}

.pandora-filter__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .pandora-filter__title {
    margin-bottom: 20px;
  }
}

.pandora-filter .product-filter__item {
  padding: 0;
}

.pandora-filter .product-filter__selected {
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .pandora-filter .product-filter__selected {
    margin-bottom: 20px;
  }
}

.pandora-filter .product-filter__facets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.pandora-filter .product-filter-single__wrapper {
  margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .pandora-filter .product-filter-single__wrapper {
    margin-bottom: 20px;
  }
}

.pandora-filter .product-filter-single {
  border: 0;
}

.pandora-filter .product-filter-single__arrow {
  top: -1px;
}

.pandora-filter .product-filter-single__title {
  margin-bottom: 0;
  border: 1px solid #c0c0c0;
}

@media only screen and (min-width: 64em) {
  .pandora-filter .product-filter-single__title {
    height: 44px !important;
  }
}

.pandora-filter .product-filter-single__content {
  border: 0;
  min-height: 0;
  padding: 15px 0 0 1px;
}

.pandora-filter .product-filter__item.opened .product-filter-single__content {
  position: relative;
}

.pandora-filter .check-box-list__item {
  float: none;
  clear: none;
  display: block;
  width: auto;
}

@media only screen and (max-width: 63.9375em) {
  .pandora .list-page {
    margin: 15px 0;
  }

  .pandora .list-page .product-list {
    margin: 0;
  }
}

@media only screen and (min-width: 64em) {
  .pandora .list-page {
    margin-top: 30px;
  }
}

.pandora .list-page .accordion__content {
  padding-bottom: 0;
}

.pandora-list-item {
  margin-bottom: 10px;
  border: 1px solid transparent;
  -webkit-transition: border 250ms;
  transition: border 250ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-list-item {
    width: calc(25% - 7.5px);
    margin-right: 10px;
  }

  .pandora-list-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-list-item {
    width: calc(12.5% - 8.75px);
    margin-right: 10px;
  }

  .pandora-list-item:nth-child(8n) {
    margin-right: 0;
  }

  .pandora-list-item:hover {
    border-color: #e7e7e7;
  }
}

.pandora-list-item.inactive {
  opacity: 0.2;
  pointer-events: none;
}

.pandora-list-item img {
  position: relative;
  margin: 0 auto;
  z-index: -1;
}

@media only screen and (min-width: 64em) {
  .pandora-list-item img {
    width: 94px;
    height: 94px;
  }
}

.pandora-list-item .product-detail-price {
  text-align: center;
  margin-top: 5px;
}

@media only screen and (min-width: 64em) {
  .pandora-list-item .product-detail-price {
    margin-top: 10px;
  }
}

.pandora-list-item .product-detail-price__cost--final {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.pandora-list-item .product-detail-price__cost--old {
  font-size: 12px;
  line-height: 20px;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-list-item .product-detail-price__cost--old {
    margin: 0;
  }

  .pandora-list-item .product-detail-price__cost--old .chf {
    display: none;
  }
}

.pandora .selected-charm-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding: 10px 0;
  box-sizing: content-box;
  overflow: hidden;
}

.pandora .selected-charm-item:first-child {
  padding-top: 0;
}

.pandora .selected-charm-item:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

.pandora .selected-charm-item img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.pandora .selected-charm-item .title-comp,
.pandora .selected-charm-item .product-detail-price {
  margin: 0 10px 0 0;
}

.pandora .selected-charm-item .title-comp {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pandora .selected-charm-item .product-detail-price .product-detail-price__cost--final {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.pandora .selected-charm-item .product-detail-price .product-detail-price__cost--old {
  display: none;
}

.pandora .selected-charm-item .close-x {
  width: 30px;
  text-align: center;
}

.pandora .selected-charm-item--bracelet .close-x::after {
  content: '';
}

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

@media only screen and (min-width: 64em) {
  .pandora-head__title {
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 64em) and only screen and (min-width: 64em) {
  .pandora-head__title {
    letter-spacing: 1px;
  }
}

.pandora-head__steps {
  margin-bottom: 15px;
}

@media only screen and (min-width: 64em) {
  .pandora-head__steps {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora-head .progress-bar__list::before {
    top: 21px;
    left: 15vw;
    right: 50%;
  }

  .pandora-head .progress-bar__list::after {
    top: 21px;
    left: 50%;
    right: 15vw;
  }

  .pandora-head .progress-bar__list__element {
    width: 33vw;
  }

  .pandora-head .progress-bar__link__text {
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
    line-height: 14px;
    display: block;
  }

  .pandora-head .progress-bar__link__circle {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}

.pandora-modal {
  padding: 20px;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-modal {
    width: calc(100vw - 30px);
  }
}

@media only screen and (min-width: 44em) and (max-width: 63.9375em) {
  .pandora-modal {
    width: calc(100vw - 200px);
  }
}

@media only screen and (min-width: 64em) {
  .pandora-modal {
    min-width: 750px;
    padding: 40px;
  }

  .pandora-modal .section-wrapper section:not(:last-child) {
    margin-right: 40px;
  }
}

.pandora-modal__head {
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}

@media only screen and (min-width: 64em) {
  .pandora-modal__head {
    padding-bottom: 20px;
  }
}

.pandora-modal__main {
  padding-bottom: 10px;
}

@media only screen and (min-width: 64em) {
  .pandora-modal__main {
    padding-bottom: 20px;
  }
}

.pandora-modal__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media only screen and (min-width: 64em) {
  .pandora-modal__details {
    margin-top: 40px;
  }
}

.pandora-modal__details .title-comp,
.pandora-modal__details .top-attributes,
.pandora-modal__details .product-detail-price,
.pandora-modal__details .product-variant-switch {
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 64em) {
  .pandora-modal__details .title-comp,
  .pandora-modal__details .top-attributes,
  .pandora-modal__details .product-detail-price,
  .pandora-modal__details .product-variant-switch {
    margin-bottom: 20px;
  }
}

.pandora-modal__btn-wrapper {
  margin: 5px 0;
}

@media only screen and (min-width: 64em) {
  .pandora-modal__btn-wrapper {
    margin: 10px 0;
  }
}

.pandora-modal__btn-wrapper a,
.pandora-modal__btn-wrapper .tooltip__close {
  width: auto;
}

.pandora-modal .responsive-image {
  max-width: 180px;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-modal .reviews-list {
    display: none;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-modal .reviews-list {
    margin-bottom: 0;
  }
}

.pandora-summery {
  background: #e7e7e7;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-summery {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 63.9375em) {
  .pandora-summery {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-summery {
    padding: 20px;
  }
}

.pandora-summery__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-summery__title {
    padding: 10px;
  }
}

@media only screen and (min-width: 64em) {
  .pandora-summery__title {
    margin-bottom: 20px;
  }
}

.pandora-summery__wrapper {
  float: right;
  margin-bottom: 20px;
}

@media only screen and (max-width: 63.9375em) {
  .pandora-summery__wrapper {
    margin: 0 10px 15px;
  }
}

.pandora-summery__wrapper tr:not(:last-child) td {
  padding-bottom: 10px;
}

.pandora-summery__wrapper td:first-child {
  text-align: right;
}

.pandora-summery__wrapper td:first-child::after {
  content: ':';
}

.pandora-summery__wrapper td:last-child {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  padding-left: 15px;
}

.charm-item {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 100;
  max-width: 66px;
  max-height: 153px;
}

.charm-item img {
  width: 100%;
  pointer-events: none;
  -webkit-transform-origin: 50% 27.3913%;
  transform-origin: 50% 27.3913%;
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
}

.charm-item.transition {
  -webkit-transition: -webkit-transform 250ms, -webkit-filter 250ms, -webkit-transform 250ms, filter 250ms;
  transition: transform 250ms, filter 250ms;
}

.charm-item.dragging {
  position: fixed;
  cursor: none;
}

.charm-item.remove img,
.pandora-bracelet__slot.active-hover .charm-item img {
  -webkit-filter: grayscale(100%) opacity(80%);
  filter: grayscale(100%) opacity(80%);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.charm-item .close-x {
  position: absolute;
  top: -20px;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 250ms 250ms;
  transition: opacity 250ms 250ms;
}

.pandora-bracelet__slot .charm-item .close-x {
  opacity: 1;
}

.charm-item.switch img,
.pandora-bracelet__slot.active-hover .charm-item img {
  -webkit-transform: translateY(-50%) scale(0.8);
  transform: translateY(-50%) scale(0.8);
}

.charm-item.switch .close-x,
.pandora-bracelet__slot.active-hover .charm-item .close-x {
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  opacity: 0 !important;
}

.pandora-bracelet {
  margin-bottom: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pandora-bracelet__wrapper {
  position: relative;
  margin-bottom: 5px;
}

@media only screen and (min-width: 64em) {
  .pandora-bracelet__wrapper {
    margin-bottom: 10px;
  }
}

.pandora-bracelet__link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

.pandora-bracelet__img {
  margin: 0 20px;
}

.pandora-bracelet__img img {
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  max-height: 130px;
}

.pandora-bracelet__slider {
  position: absolute;
  top: 0;
  left: 51.5%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pandora-bracelet__slots {
  -webkit-transition: -webkit-transform 250ms;
  transition: transform 250ms;
}

.pandora-bracelet__slot {
  position: relative;
  float: left;
  margin: 0 1vw;
  max-width: 66px;
  max-height: 153px;
  opacity: 1;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

@media only screen and (min-width: 64em) {
  .pandora-bracelet__slot {
    margin: 0 0.5vw;
  }
}

.pandora-bracelet__slot.inactive {
  opacity: 0;
  pointer-events: none;
}

.pandora-bracelet__slot::after {
  position: absolute;
  top: 27.3913%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 20px solid transparent;
  -webkit-transition: border 500ms;
  transition: border 500ms;
  z-index: 0;
  content: '';
}

.pandora-bracelet__slots.active .pandora-bracelet__slot:not(.active-hover)::after {
  border-color: rgba(224, 219, 208, 0.7);
}

.pandora-bracelet__slot.active-hover::after {
  border-color: rgba(208, 180, 103, 0.7);
}

.pandora-bracelet__left,
.pandora-bracelet__right {
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 30px;
  text-align: center;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.pandora-bracelet__left::after,
.pandora-bracelet__right::after {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  font-size: 21px;
}

.pandora-bracelet__left:not(.visible),
.pandora-bracelet__right:not(.visible) {
  opacity: 0;
  pointer-events: none;
}

.pandora-bracelet__left {
  left: -10px;
}

.pandora-bracelet__left::after {
  content: '\e949';
  width: auto;
}

.pandora-bracelet__right {
  right: -10px;
}

.pandora-bracelet__right::after {
  content: '\e94b';
  width: auto;
}

.image-banner {
  position: relative;
  margin-bottom: 30px;
}

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

.image-banner__image-wrapper .picturefill__image.lazyloaded,
.image-banner__image-wrapper .image-wrapper__image.lazyloaded {
  width: 100%;
}

.image-banner--half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-banner--half .image-banner__content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
}

.image-banner--half .image-banner__image-container {
  width: 100%;
}

@media only screen and (min-width: 64em) {
  .image-banner--half .image-banner__image-container {
    width: 50%;
  }
}

.image-banner--full .image-banner__content {
  background-color: transparent !important;
  position: absolute;
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
}

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

.image-banner__content.text-alignment-left {
  text-align: left;
}

.image-banner__content.text-alignment-right {
  text-align: right;
}

.image-banner__title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (min-width: 64em) {
  .image-banner__title {
    letter-spacing: 1px;
  }
}

.image-banner__text {
  margin-bottom: 20px;
}

.image-banner__btn-link {
  color: #d0b467;
  cursor: pointer;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  text-transform: uppercase;
  font-weight: bold;
}

.image-banner__btn-link.active,
.image-banner__btn-link:not(.unhover):hover {
  color: #c0c0c0;
}

.text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 25px;
  margin-bottom: 30px;
}

.product-panel-banner .text-block,
.theme-panel .text-block {
  margin-bottom: 0;
}

.text-block__headline,
.text-block__text {
  margin-bottom: 20px;
}

.text-block__headline {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 64em) {
  .text-block__headline {
    letter-spacing: 1px;
  }
}

.text-block__text {
  width: 100%;
  text-align: center;
}

.text-block__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  position: relative;
  height: 45px;
  line-height: 125% !important;
  padding: 0 18px;
  border-radius: 0;
  outline: none;
  border: 1px solid #bdb09b;
  color: #ffffff;
  background: #bdb09b;
  -webkit-transition: background 150ms;
  transition: background 150ms;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (min-width: 64em) {
  .text-block__link {
    letter-spacing: 1px;
  }
}

.text-block__link:not(.unhover):hover {
  border-color: rgba(189, 176, 155, 0.7);
  background: rgba(189, 176, 155, 0.7);
  color: #ffffff;
}

.text-block__link.btn--disabled:not(.btn--progress) {
  border-color: #c0c0c0;
  background: #c0c0c0;
  pointer-events: none;
}

.text-block__link.btn--disabled:not(.btn--progress):hover {
  border-color: #c0c0c0;
  background: #c0c0c0;
  color: #ffffff;
}

@media only screen and (min-width: 64em) {
  .text-block__link {
    letter-spacing: 1px;
  }
}

.text-block__link:not(.unhover):hover {
  border-color: rgba(189, 176, 155, 0.7);
  background: rgba(189, 176, 155, 0.7);
  color: #ffffff;
}

.text-block__link.btn--disabled:not(.btn--progress) {
  border-color: #c0c0c0;
  background: #c0c0c0;
  pointer-events: none;
}

.text-block__link.btn--disabled:not(.btn--progress):hover {
  border-color: #c0c0c0;
  background: #c0c0c0;
  color: #ffffff;
}

@media only screen and (min-width: 69em) {
  .text-block__link {
    margin-bottom: 0;
  }
}

.product-panel-banner .text-block__link,
.theme-panel .text-block__link {
  cursor: pointer;
  color: #bdb09b;
  font-weight: bold;
  background: white;
  border: white;
  height: auto;
  letter-spacing: 0;
  text-transform: initial;
  -webkit-transition: color 150ms;
  transition: color 150ms;
}

.product-panel-banner .text-block__link:not(.unhover):hover,
.theme-panel .text-block__link:not(.unhover):hover {
  color: #000000;
}

.product-panel-banner .text-block__link.disabled,
.theme-panel .text-block__link.disabled {
  color: #c0c0c0 !important;
}

.product-panel-banner .text-block__link::after,
.theme-panel .text-block__link::after {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  content: '\e943';
  margin-left: 0.2em;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.product-panel-banner .text-block__link:not(.unhover):hover,
.theme-panel .text-block__link:not(.unhover):hover {
  color: #000000;
}

.product-panel-banner .text-block__link.disabled,
.theme-panel .text-block__link.disabled {
  color: #c0c0c0 !important;
}

.product-panel-banner .text-block__link::after,
.theme-panel .text-block__link::after {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  content: '\e943';
  margin-left: 0.2em;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.product-panel-banner .text-block__link:hover,
.theme-panel .text-block__link:hover {
  background: white;
}

.theme-panel {
  margin-bottom: 30px;
}

.theme-image-banner a,
.theme-image-banner .tooltip__close {
  display: block;
}

.theme-image-banner a:hover,
.theme-image-banner .tooltip__close:hover {
  opacity: 0.5;
}

.theme-image-banner__inner-wrapper {
  position: relative;
}

.theme-image-banner__label {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 64em) {
  .theme-image-banner__label {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 44em) and (max-width: 63.9375em) {
  .theme-image-banner__label {
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
  }
}

.theme-image-banner__image {
  max-width: 100%;
  height: auto;
}

.brand-banner-carousel {
  margin-bottom: 30px;
}

.brand-banner-carousel__banner-list {
  position: relative;
  padding: 10px 0;
}

.brand-banner-carousel .image-banner {
  margin: 0 30px;
}

.brand-banner-carousel .image-banner__content {
  display: none;
}

.brand-banner-carousel .image-banner img {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 69em) {

}

.brand-banner-carousel__btn-link-wrapper {
  display: none;
  margin-top: 30px;
  text-align: center;
}

@media only screen and (min-width: 69em) {
  .brand-banner-carousel__btn-link-wrapper {
    display: block;
  }
}

.brand-banner-carousel .slick-track {
  padding-top: 0;
}

.brand-banner-carousel .slick-prev,
.brand-banner-carousel .slick-next {
  top: 32%;
}

.brand-banner-carousel__banner-list-wrapper {
  position: relative;
  display: block;
}

.brand-banner-carousel__nav-prev {
  left: 5px;
}

@media only screen and (min-width: 64em) {
  .brand-banner-carousel__nav-prev {
    left: -25px;
  }
}

.brand-banner-carousel__nav-prev:before {
  content: '\e949';
}

.brand-banner-carousel__nav-next {
  right: 5px;
}

@media only screen and (min-width: 64em) {
  .brand-banner-carousel__nav-next {
    right: -35px;
  }
}

.brand-banner-carousel__nav-next:after {
  content: '\e94b';
}

.brand-banner-carousel__nav-prev,
.brand-banner-carousel__nav-next {
  display: none;
  cursor: pointer;
  position: absolute;
  background: transparent;
  outline: none;
  border: none;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px 10px;
}

@media only screen and (min-width: 64em) {
  .brand-banner-carousel__nav-prev,
  .brand-banner-carousel__nav-next {
    display: block;
  }
}

.brand-banner-carousel__nav-prev:after,
.brand-banner-carousel__nav-next:after,
.brand-banner-carousel__nav-prev:before,
.brand-banner-carousel__nav-next:before {
  display: inline-block;
  width: auto;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #000000;
  text-align: center;
  -webkit-transition: 250ms ease color;
  transition: 250ms ease color;
}

.brand-banner-carousel__nav-prev:hover,
.brand-banner-carousel__nav-next:hover {
  color: #bdb09b;
}

.brand-banner-carousel__fade-to-white-wrapper {
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

.brand-banner-carousel__fade-to-white-wrapper.left {
  left: 0;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
}

.brand-banner-carousel__fade-to-white-wrapper.right {
  left: auto;
  right: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}

.brand-banner-carousel__banner-list-layer {
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  z-index: -1;
}

.brand-banner-carousel .swiper-container {
  width: 600px;
  left: calc(-1*(600px - 100%)/2);
  position: relative;
}

@media screen and (min-width: 600px) {
  .brand-banner-carousel .swiper-container {
    width: 100%;
    left: auto;
    position: static;
  }
}

.banner-puzzle .image-banner {
  margin: 0;
}

.banner-puzzle .image-banner__content,
.banner-puzzle .image-banner__title,
.banner-puzzle .image-banner__btn-link {
  width: 100%;
}

.banner-puzzle .image-banner__text {
  display: none;
}

.banner-puzzle .image-banner__title {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.banner-puzzle .image-banner__btn-link {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.banner-puzzle-container .banner-puzzle-container__banner {
  margin-bottom: 20px;
}

@media only screen and (min-width: 69em) {
  .banner-puzzle-container .banner-puzzle-container__banner {
    margin: 0;
  }
}

@media only screen and (min-width: 69em) {
  .banner-puzzle-container {
    display: grid;
    grid-template-columns: auto 20px auto 20px auto 20px auto;
    grid-template-rows: auto 20px auto;
  }

  .banner-puzzle-container.layout-two .banner-puzzle-container__banner--big-0,
  .banner-puzzle-container.layout-four .banner-puzzle-container__banner--big-0 {
    grid-column: auto / span 3;
    grid-row: auto / span 3;
  }

  .banner-puzzle-container.layout-two .banner-puzzle-container__banner--big-1,
  .banner-puzzle-container.layout-four .banner-puzzle-container__banner--big-1 {
    grid-column: 5 / span 3;
    grid-row: auto / span 3;
  }

  .banner-puzzle-container.layout-two .banner-puzzle-container__banner--middle,
  .banner-puzzle-container.layout-four .banner-puzzle-container__banner--middle {
    grid-column-start: 7;
    grid-row: auto / span 3;
  }

  .banner-puzzle-container.layout-two .banner-puzzle-container__banner--small-0,
  .banner-puzzle-container.layout-four .banner-puzzle-container__banner--small-0 {
    grid-column: 5 / span 1;
    grid-row: 1;
  }

  .banner-puzzle-container.layout-two .banner-puzzle-container__banner--small-1,
  .banner-puzzle-container.layout-four .banner-puzzle-container__banner--small-1 {
    grid-column: 5 / span 1;
    grid-row: 3;
  }
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* teaser container
* -------------------------------------------------- */

.banner-action {
  z-index: 1000;
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 0px;
  color: white;
  text-transform: uppercase;
  width: 50%;
}

.banner-action__title,
.banner-action__action {
  text-align: center;
  font-weight: 700;
}

.banner-action__title {
  font-size: 22px;
  line-height: 30px;
}

.banner-action__action {
  font-size: 14px;
}

.banner-action__action-link {
  display: inline-block;
  color: #bdb09b;
}

.banner-action__action-link--arrow:after {
  display: inline-block;
  width: auto;
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  speak: none;
  text-decoration: inherit;
  text-align: left;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  content: "\e943";
  margin-left: .2em;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.banner-action .banner-action__action {
  margin-top: auto;
}

@media screen and (min-width: 44em) and (max-width: 63.9375em) {
  .banner-action--left--tablet {
    width: 50%;
  }
}

@media screen and (max-width: 43.9375em) {
  .banner-action--left--mobile {
    width: 50%;
  }
}

.banner-action--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 26.9375em) {
  .banner-action--center {
    width: 80%;
  }
}

@media screen and (min-width: 44em) and (max-width: 63.9375em) {
  .banner-action--center--tablet {
    width: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 43.9375em) {
  .banner-action--center--mobile {
    width: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 26.9375em) {
  .banner-action--center--mobile {
    width: 80%;
  }
}

.banner-action--right {
  right: 0;
}

@media screen and (min-width: 44em) and (max-width: 63.9375em) {
  .banner-action--right--tablet {
    width: 50%;
    right: 0;
    left: auto;
  }
}

@media screen and (max-width: 43.9375em) {
  .banner-action--right--mobile {
    width: 50%;
    right: 0;
    left: auto;
  }
}

.banner-action__text {
  font-size: 14px;
  text-transform: none;
  max-width: 100%;
}

.banner-action__title--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.banner-action--half {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0px 30px;
  position: static;
  color: black;
  text-align: center;
  height: auto;
}

.banner-action--half .banner-action__title {
  margin-bottom: 20px;
}

.banner-action--half .banner-action__action {
  margin-top: 10px;
}

/* -------------------------------------------------
* Summarize all needed variables and styles for
* teaser container
* -------------------------------------------------- */

/* -------------------------------------------------
* General settings for component
* includes assignment of global variables to local ones
* settings for spacings etc.
* -------------------------------------------------- */

/* -------------------------------------------------
* Contains style definitions for component
* teaser container
* -------------------------------------------------- */

.flowbox--homepage {
  margin-left: 30px;
  margin-right: 30px;
}

@media only screen and (min-width: 64em) {
  .flowbox--homepage {
    margin: 0 -5px;
  }
}

.flowbox--homepage .bzfy-c-carousel-slider-wrapper__inner {
  padding: 0;
}

.flowbox--homepage .bzfy-c-mobile-circle {
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flowbox--homepage .bzfy-c-mobile-circle img {
  display: none;
}

.flowbox--homepage .bzfy-c-carousel-slide-wrap {
  padding-right: 5px;
  padding-left: 5px;
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control,
.flowbox--homepage .bzfy-c-mobile-circle {
  background-color: transparent !important;
  width: 30px;
  height: 40px;
  line-height: 40px;
  font-size: 21px !important;
  border-radius: 0!important;
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control .bzfy-icon,
.flowbox--homepage .bzfy-c-mobile-circle .bzfy-icon {
  display: none;
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control svg,
.flowbox--homepage .bzfy-c-mobile-circle svg {
  display: none;
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control:before,
.flowbox--homepage .bzfy-c-mobile-circle:before {
  position: absolute;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control:not(.bzfy-c-carousel-control--right),
.flowbox--homepage .bzfy-c-mobile-circle:not(.bzfy-c-right) {
  left: -15px !important;
}

@media only screen and (min-width: 44em) {
  .flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control:not(.bzfy-c-carousel-control--right),
  .flowbox--homepage .bzfy-c-mobile-circle:not(.bzfy-c-right) {
    left: -25px !important;
  }
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-control:not(.bzfy-c-carousel-control--right):before,
.flowbox--homepage .bzfy-c-mobile-circle:not(.bzfy-c-right):before {
  left: -5px !important;
  content: '\e949';
  color: black;
}

.flowbox--homepage .bzfy-c-mobile-circle:not(.bzfy-c-right) {
  left: -30px !important;
}

@media only screen and (min-width: 64em) {
  .flowbox--homepage .bzfy-c-mobile-circle:not(.bzfy-c-right) {
    left: -25px !important;
  }
}

.flowbox--homepage .bzfy-c-carousel-control.bzfy-c-carousel-control--right,
.flowbox--homepage .bzfy-c-mobile-circle.bzfy-c-right {
  right: -15px !important;
  /*@media @screen-md-up {
                right: -25px !important;
            }*/
}

@media only screen and (min-width: 44em) {
  .flowbox--homepage .bzfy-c-carousel-control.bzfy-c-carousel-control--right,
  .flowbox--homepage .bzfy-c-mobile-circle.bzfy-c-right {
    right: -25px !important;
  }
}

.flowbox--homepage .bzfy-c-carousel-control.bzfy-c-carousel-control--right:before,
.flowbox--homepage .bzfy-c-mobile-circle.bzfy-c-right:before {
  content: '\e94b';
  left: -5px !important;
  color: black;
}

.flowbox--homepage .bzfy-c-mobile-circle.bzfy-c-right {
  right: -30px !important;
}

@media only screen and (min-width: 64em) {
  .flowbox--homepage .bzfy-c-mobile-circle.bzfy-c-right {
    right: -25px !important;
  }
}

.flowbox--homepage .bzfy-t-feed-carousel .bzfy-c-carousel-post {
  max-width: none !important;
}

.flowbox--page .bzfy-t-feed-card-flow .bzfy-feed {
  padding: 0px !important;
}

.bzfy-feed-gate-modal {
  border-radius: 0  !important;
}

.bzfy-feed-gate-control {
  background-color: transparent !important;
  width: 60px !important;
  height: 60px !important;
  font-size: 30px !important;
  border-radius: 0!important;
}

.bzfy-feed-gate-control .bzfy-icon {
  display: none;
}

.bzfy-feed-gate-control .bzfy-icon {
  display: none;
}

.bzfy-feed-gate-control svg {
  display: none;
}

.bzfy-feed-gate-control:before {
  position: absolute;
  font-family: "fontello";
  font-style: normal;
  font-size: 36px;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes */
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.bzfy-feed-gate-control.bzfy-feed-gate-control--right:before {
  content: '\e94b';
}

.bzfy-feed-gate-control:not(.bzfy-feed-gate-control--right):before {
  content: '\e949';
}

.bzfy-feed-gate.bzfy-feed-gate--visible {
  background-color: #bdb09b !important;
}

.bzfy-feed-gate-modal-image {
  border-top-left-radius: 0px !important;
  border-bottom-radius: 0px !important;
}

.bzfy-t-feed-tile-grid .bzfy-c-tilegrid-post__overlay {
  padding: 7px 10px !important;
}

.bzfy-c-tilegrid-post__profile-name {
  line-height: normal !important;
}

.bzfy-feed-gate-close:hover path {
  fill: #fff !important;
}

.ui-autocomplete {
  max-height: 360px;
}

.ui-autocomplete .ui-menu-item.ui-state-focus a,
.ui-autocomplete .ui-menu-item.ui-state-focus .tooltip__close {
  background-color: #e1e1e1;
  color: #222222;
}

.product-variant-switch--box .product-variant-switch__size-no-price {
  display: block;
  font-size: 1rem;
  line-height: 2.2;
}

.product-detail-price__cost--black {
  color: #333333;
  font-weight: bold;
}

.checkout-lodaing-modal-div {
  background-color: gray;
  height: 100%;
  left: 0;
  opacity: 0.69;
  position: fixed;
  top: 0;
  width: 100%;
  visibility: hidden;
}

.checkout-loading-modal-div-img {
  height: 50px;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  width: 50px;
}

a[type="submit"],
.tooltip__close[type="submit"] {
  cursor: pointer;
}

.sovendus-headline,
.sovendus-image,
.sovendus-copy {
  display: none !important;
}

.sovendus-button a,
.sovendus-button .tooltip__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  position: relative;
  height: 45px;
  line-height: 125% !important;
  padding: 0 18px;
  border-radius: 0;
  outline: none;
  border: 2px solid #bdb09b;
  color: #bdb09b;
  background: #ffffff;
  -webkit-transition: border 150ms, color 150ms;
  transition: border 150ms, color 150ms;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0 !important;
  float: none !important;
  line-height: inherit !important;
  width: inherit !important;
  height: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: bold !important;
  background: white !important;
  color: #bdb09b !important;
  -webkit-transition: color 150ms !important;
  transition: color 150ms !important;
}

@media only screen and (min-width: 64em) {
  .sovendus-button a,
  .sovendus-button .tooltip__close {
    letter-spacing: 1px;
  }
}

.sovendus-button a:not(.unhover):hover,
.sovendus-button .tooltip__close:not(.unhover):hover {
  border-color: rgba(189, 176, 155, 0.7);
  color: rgba(189, 176, 155, 0.7);
}

.sovendus-button a.btn--disabled,
.sovendus-button .tooltip__close.btn--disabled {
  border-color: #c0c0c0;
  color: #c0c0c0;
  pointer-events: none;
}

@media only screen and (min-width: 64em) {
  .sovendus-button a,
  .sovendus-button .tooltip__close {
    letter-spacing: 1px;
  }
}

.sovendus-button a:not(.unhover):hover,
.sovendus-button .tooltip__close:not(.unhover):hover {
  border-color: rgba(189, 176, 155, 0.7);
  color: rgba(189, 176, 155, 0.7);
}

.sovendus-button a.btn--disabled,
.sovendus-button .tooltip__close.btn--disabled {
  border-color: #c0c0c0;
  color: #c0c0c0;
  pointer-events: none;
}

.sovendus-button a:hover,
.sovendus-button .tooltip__close:hover {
  border-color: rgba(189, 176, 155, 0.7) !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: rgba(189, 176, 155, 0.7) !important;
}

.sovendus-button:hover {
  background: none !important;
}

.sovendus-container {
  text-align: center !important;
}

/*
## Order
********************************************************************/

.orderBoxes {
  margin: 20px 0;
}

.orderBox {
  float: left;
  margin: 0 20px 0 0;
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px;
  width: 180px;
  height: 190px;
}

.orderBox .headline {
  border-bottom: 1px dotted #a5a5a5;
  font-size: 1em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.orderBox.payment {
  margin: 0;
  width: 424px;
}

.orderBox.payment .left {
  width: 50%;
}

.orderList {
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px;
  margin: 0 0 20px 0;
}

.orderList .headline {
  border-bottom: 1px dotted #a5a5a5;
  font-size: 1em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.orderList .orderListTable {
  width: 100%;
}

.orderList .orderListTable thead th {
  border-bottom: 1px dotted #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
}

.orderList .orderListTable .item td {
  vertical-align: top;
  border-bottom: 1px dotted #a5a5a5;
  padding: 20px 0 0 0;
}

.orderList .orderListTable .item td.thumb {
  border-bottom: 0;
  padding-right: 20px;
  width: 96px;
}

.orderList .orderListTable tbody td {
  vertical-align: top;
  padding-top: 5px;
  text-align: center;
}

.orderList .orderListTable tbody td p {
  margin-bottom: 5px;
}

.orderList .orderListTable tbody td a,
.orderList .orderListTable tbody td .tooltip__close {
  text-decoration: underline;
}

/*
## orderTotals
********************************************************************/

#orderTotals {
  width: 100%;
}

#orderTotals td {
  text-align: right;
}

#orderTotals td:first-child {
  text-align: left;
  vertical-align: top;
}

#orderTotals thead td {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  white-space: nowrap;
  padding-left: 5px;
  background-color: #f6f6f6;
}

#orderTotals tbody td {
  height: 30px;
  line-height: 30px;
}

#orderTotals tfoot td {
  border-top: 1px dotted #a5a5a5;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 1.1em;
}

#orderTotals #countryIso {
  width: 150px;
}

#orderTotals #estimateTaxesButton {
  margin: 8px 0 8px 8px;
}

/*
## searchPOS
********************************************************************/

.searchPOS {
  margin: 20px;
  width: auto;
  overflow: hidden;
  height: 555px;
}

.searchPOS .headline {
  border-bottom: 1px dotted #a5a5a5;
  font-size: 1em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.searchPOS .prod_grid {
  width: 160px;
  margin: 0 20px 0 0;
}

.searchPOS .prod_grid img {
  width: 160px;
}

.searchPOS .searchPOSContent {
  width: 630px;
}

.searchPOS .searchPOSForm {
  margin: 0;
}

.searchPOS .searchPOSForm .control-group {
  width: 378px;
}

.searchPOS .searchPOSForm .control-group input {
  margin: 1px 0;
}

.searchPOS .searchPOSForm button {
  margin: 0 6px;
  line-height: 12px;
}

.searchPOS .searchPOSForm button#find_pickupStoresNearMe_button {
  margin: 0;
}

.searchPOS .searchPOSResultsList {
  margin: 0 -20px 0 0;
}

.searchPOS li.searchPOSResult {
  width: 305px;
  border-bottom: 1px dotted #a5a5a5;
  margin: 20px 20px 0 0;
  height: 120px;
  position: relative;
}

.searchPOS li.searchPOSResult .address {
  width: 200px;
}

.searchPOS li.searchPOSResult .resultName {
  font-weight: bold;
}

.searchPOS li.searchPOSResult .resultDistance {
  position: absolute;
  top: 0;
  right: 0;
}

.searchPOS li.searchPOSResult .resultStock {
  position: absolute;
  top: 20px;
  right: 0;
}

.searchPOS li.searchPOSResult .resultForm {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

.searchPOS .searchPOSPaging form,
.searchPOS .searchPOSPaging div {
  float: right;
  margin: 0;
}

.searchPOS .searchPOSPaging div button {
  font-weight: bold;
}

/*
## userRegister
********************************************************************/

.userRegister {
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px 20px;
}

.userRegister .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 33px;
  line-height: 39px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.userRegister .description {
  margin: 0 0 20px 0;
}

.userRegister form {
  margin: 0;
}

#recaptcha_widget {
  margin: 20px 0 0 0;
}

/*
## userLogin
********************************************************************/

.userLogin {
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px 20px;
}

.userLogin .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 33px;
  line-height: 39px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.userLogin .description {
  margin: 0 0 5px 0;
}

.userLogin form {
  margin: 0;
}

.userLogin .expressCheckoutLogin {
  margin: 20px 0 0 0;
}

.userLogin .expressCheckoutLogin ul li {
  list-style: disc outside none;
  margin: 0 0 5px 13px;
}

.forgottenPwd {
  padding: 20px;
}

.forgottenPwd .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 39px;
  line-height: 39px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.forgottenPwd .description {
  margin: 0 0 20px 0;
}

.expressCheckoutCheckbox {
  margin: 0 0 10px 0;
}

.expressCheckoutCheckbox input {
  margin: 2px 7px 0 0;
}

a.password-forgotten,
.tooltip__close.password-forgotten {
  text-decoration: underline;
}

/*
## userGuest
********************************************************************/

.userGuest {
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px 20px;
}

.userGuest .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 33px;
  line-height: 39px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.userGuest .description {
  margin: 0 0 20px 0;
}

.userGuest form {
  margin: 0;
}

/*
## Account
********************************************************************/

.accountNav .headline {
  margin: 0 0 20px 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.accountNav ul {
  margin: 0 0 20px 0;
}

.accountNav li.active a,
.accountNav li.active .tooltip__close {
  color: #bdb09b;
}

.accountContentPane .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.accountContentPane .orderList {
  border: 0;
  padding: 0;
  margin: 0;
}

.accountContentPane .addressItem {
  border-bottom: 1px dotted #a5a5a5;
  padding: 20px 0;
  position: relative;
}

.accountContentPane .addressItem .buttons {
  position: absolute;
  right: 0;
  top: 20px;
}

.accountContentPane .paymentItem {
  border-bottom: 1px dotted #a5a5a5;
  padding: 20px 0;
  position: relative;
}

.accountContentPane .paymentItem .buttons {
  position: absolute;
  right: 0;
  top: 20px;
}

.accountContentPane .i18nAddressForm {
  margin-right: -20px;
}

.accountContentPane .control-group {
  float: left;
  width: 305px;
  margin-right: 20px;
}

.accountContentPane .form-actions {
  clear: both;
}

.accountContentPane .orderBoxes {
  margin: 20px -20px 0 0;
  clear: left;
}

.accountContentPane .orderBoxes .orderBox {
  width: 343px;
  margin: 0 20px 20px 0;
}

.accountContentPane .accountnavigationcollectioncomponent {
  margin: 0 -20px 0 0;
}

.accountContentPane .accountnavigationcollectioncomponent .accountNav {
  border: 1px dotted #a5a5a5;
  padding: 0 20px 20px;
  width: 343px;
  margin: 0 20px 20px 0;
  height: 100px;
  float: left;
}

.accountContentPane .accountnavigationcollectioncomponent .accountNav .headline {
  background: none;
  padding: 0;
}

.accountContentPane .accountnavigationcollectioncomponent .accountNav a,
.accountContentPane .accountnavigationcollectioncomponent .accountNav .tooltip__close {
  display: block;
}

.account-profile-data tr > td {
  min-width: 70px;
  padding: 0 5px 5px 0;
}

/*
## cartItems
********************************************************************/

#cartItems {
  width: 100%;
  margin-bottom: 15px;
}

#cartItems .headline {
  border-bottom: 1px solid #a5a5a5;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}

#cartItems .headline .cartId {
  color: #c7c7c7;
  font-weight: normal;
  font-size: 0.8em;
  margin: 0 0 0 20px;
}

#cartItems table.cart {
  width: 100%;
}

#cartItems thead th#header3,
#cartItems thead th#header4 {
  text-align: center;
}

#cartItems thead th {
  border-bottom: 1px dotted #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
}

#cartItems thead th#header6 {
  text-align: right;
}

#cartItems .cartItem td {
  vertical-align: top;
  border-bottom: 1px dotted #a5a5a5;
  padding: 20px 0 0 0;
}

#cartItems .cartItem td.thumb {
  border-bottom: 0;
  padding-right: 20px;
  width: 96px;
}

#cartItems .cartItem td.itemPrice {
  width: 115px;
  width: 96px;
  text-align: center;
}

#cartItems .cartItem td.total {
  width: 115px;
  width: 96px;
  text-align: right;
}

#cartItems .cartItem td.quantity {
  width: 115px;
}

#cartItems .cartItem td.quantity .updateQuantityProduct,
#cartItems .cartItem td.quantity .submitRemoveProduct {
  text-decoration: underline;
  display: block;
  text-align: center;
}

#cartItems .cartItem td.quantity form {
  margin: 0 0 10px 0;
}

#cartItems .cartItem td.quantity .qty {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 40px;
}

#cartItems .cartItem td.shipping {
  width: 200px;
}

#cartItems .cartItem td.shipping .pointOfServiceName {
  font-size: 11px;
  color: #999999;
}

#cartItems .cartItem td.shipping .pickupInStoreButton {
  text-decoration: underline;
}

td.multidimensional {
  width: 40px;
}

td.multidimensional a.updateQuantityProduct-toggle,
td.multidimensional .tooltip__close.updateQuantityProduct-toggle {
  display: block;
  text-align: center;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  vertical-align: middle;
  margin-left: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-decoration: none !important;
}

.expressCheckoutBox .headline {
  border-bottom: 1px solid #a5a5a5;
  font-size: 1.2em;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
}

.expressCheckoutBox .description {
  line-height: 30px;
}

.expressCheckoutBox ul li {
  list-style: disc outside none;
  margin: 0 0 5px 13px;
}

button.doCheckoutBut {
  font-size: 140%;
  margin-top: 20px;
}

/*
## Account
********************************************************************/

.category--teaser-text {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  width: 100%;
  position: relative;
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 64em) {
  .category--teaser-text {
    display: none;
  }
}

/*
## landingLayout2Page
********************************************************************/

.section1 {
  margin: 10px 0;
}

.zoneA .disp-img {
  height: 108px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #a5a5a5;
  position: relative;
}

.zoneA .disp-img a,
.zoneA .disp-img .tooltip__close {
  display: block;
}

.zoneA .disp-img .title {
  display: block;
  margin-left: 106px;
  border-bottom: 1px dotted #a5a5a5;
  margin-bottom: 10px;
}

.zoneA .disp-img .thumb {
  position: absolute;
  top: 0;
}

.zoneA .disp-img .details {
  width: 124px;
  height: 96px;
  margin-left: 106px;
  display: block;
}

.zoneA .disp-img .action {
  display: none;
}

.zoneA .disp-img:first-child {
  margin: 0;
}

.zoneB .simple_disp-img:first-child {
  margin: 0 0 10px 0;
}

#homepage_slider .svw {
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}

#homepage_slider .tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border: 5px solid #dedede;
}

.svw ul {
  position: relative;
  left: -999em;
}

#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: 0;
}

#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}

#homepage_slider.stripViewer ul li {
  float: left;
}

.stripTransmitter {
  overflow: auto;
  padding: 0 15px;
  width: 438px !important;
  height: 51px;
  border-bottom: 1px dotted #a5a5a5;
  background-color: #eeeeee;
}

.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

.stripTransmitter ul li {
  width: 30px;
  float: left;
}

.stripTransmitter a,
.stripTransmitter .tooltip__close {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}

.stripTransmitter a:hover,
a.current,
.stripTransmitter .tooltip__close:hover,
.tooltip__close.current {
  font-weight: bold;
}

.tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px dotted #a5a5a5;
}

.section4 .disp-img {
  margin: 0 0 15px 0;
}

.section4 .disp-img .title {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 0 0 10px 0;
}

.section4 .disp-img .thumb {
  margin: 0 0 5px 0;
  display: block;
}

.section4 .disp-img .action {
  display: none;
}

/*
## Product details page
********************************************************************/

.product-detail .image-gallery__thumbs__wrapper {
  width: 100px;
}

.product-detail .image-gallery__thumbs .owl-wrapper {
  height: 440px;
}

.product-detail .image-gallery__thumbs .owl-item {
  width: 100px !important;
  position: relative;
}

.product-detail-teaser-background {
  position: absolute;
  width: 100%;
  height: 58px;
  background: #D0B568;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 64em) {
  .product-detail-teaser-background {
    height: 44.61538462px;
  }
}

@media only screen and (min-width: 69em) {
  .product-detail-teaser-background {
    height: 55.23809524px;
  }
}

@media only screen and (min-width: 85.625em) {
  .product-detail-teaser-background {
    height: 58px;
  }
}

.payment {
  overflow: visible;
}

.sprite {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-image: url(../img/component/payment/sprite-payment.png);
}

@media only screen and (min-width: 64em) {
  .sprite {
    margin-left: 10px;
    margin-right: 0;
  }
}

.sprite.sprite-payment-amex {
  background-position: -5px -5px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-dinersclub {
  background-position: -82px -5px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-discover {
  background-position: -5px -59px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-mastercard {
  background-position: -82px -59px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-masterpass {
  background-position: -5px -113px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-postfinance {
  background-position: -82px -113px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-twint {
  background-position: -5px -167px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-visa {
  background-position: -82px -167px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-invoice {
  background-position: -159px -5px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-payment-paycard {
  background-position: -159px -59px;
  width: 67px;
  height: 44px;
}

.sprite.sprite-sovendus-logo {
  background-position: -5px -221px;
  width: 190px;
  height: 35px;
}

.contact-us-form .fancy-select .icon-arrow-down {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  pointer-events: none;
  cursor: pointer;
}

.contact-us-form textarea {
  width: 100%;
  padding: 1em 15px;
  border-color: #c0c0c0;
}

.contact-us-form textarea::-webkit-input-placeholder {
  color: #c0c0c0;
}

.contact-us-form textarea::-moz-placeholder {
  color: #c0c0c0;
}

.contact-us-form textarea:-ms-input-placeholder {
  color: #c0c0c0;
}

.contact-us-form textarea::placeholder {
  color: #c0c0c0;
}

.contact-us-form .form__item--error textarea {
  border-color: #ee7070;
}