:root {
  --font-base: "opensans", sans-serif;
  --font-header: "opensans", sans-serif;
  --background-primary: #FFFFFF;
  --background-secondary: #f7f7f7;
  --background-secondary-opacity: rgba(240, 240, 242, 0.4);
  --background-light: #FFFFFF;
  --background-light-adv: #f8f9fa;
  --background-submit: linear-gradient(180deg, #79BA2A 0%, #69A125 100%);
  --border-primary: #EAEAF0;
  --border-hover: #DFDFE4;
  --content-primary: #555555;
  --content-secondary: #666672;
  --content-tertiary: #C0C0C6;
  --content-primary-inverted: #FFFFFF;
  --content-link: #0171E3;
  --content-link-hovered: #0171E3;
  --content-link-visited: #0171E3;
  --background-price: #30B400;
  --content-price: #175800;
  --content-price-secondary: #7E9B7A;
  --shared-feedback-success: #00843C;
  --shared-feedback-success-pressed: #458b47;
  --shared-feedback-success-border: rgba(79, 158, 81, 0.35);
  --shared-feedback-success-background: #D8FCD8;
  --shared-feedback-warning: #FCC000;
  --shared-feedback-warning-background: #FCF0CC;
  --shared-feedback-danger: #AE3030;
  --shared-feedback-danger-border: rgba(201, 54, 51, 0.35);
  --shared-feedback-danger-background: #FCEAEA;
  --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --black: #000000;
  --blue-light: #eef2ff;
  --blue: #c7d2fe;
  --blue-dark: #4f46e5;
  --green-primary: #5bb12b;
  --green-light: #f0fdf4;
  --green: #bbf7d0;
  --green-dark: #16a34a;
  --lime_green: #2e7d32;
  --orange-light: #fff7ed;
  --orange: #ffedd5;
  --orange-dark: #d1b06e;
  --violet-light: #f5f3ff;
  --violet: #ddd6fe;
  --violet-dark: #7c3aed;
  --sky-light: #e0f2fe;
  --sky: #bae6fd;
  --sky-dark: #0369a1;
}

@media (min-width: 768px) {
  .triangle-top-left {
    display: block;
    width: 14px;
    height: 15px;
    border-radius: 5px 0px 0px 5px;
    position: absolute;
    top: -1px;
    left: 0px;
  }
  .triangle-top-right {
    display: block;
    width: 14px;
    height: 15px;
    border-radius: 0px 5px 5px 0px;
    position: absolute;
    top: -1px;
    right: 14px;
  }
  .triangle-bottom-left {
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid;
    border-right: 75px solid transparent;
    position: absolute;
    top: 60px;
    left: 7px;
  }
  .triangle-bottom-right {
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid;
    border-left: 75px solid transparent;
    position: absolute;
    top: 60px;
    right: 22px;
  }
  .triangle-bottom-left-new {
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid;
    border-right: 67px solid transparent;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  .triangle-bottom-right-new {
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid;
    border-left: 67px solid transparent;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
.article-news-content-container {
  margin: 1px 0px;
  width: 72px;
  min-height: 16px;
  border-radius: 2px;
  line-height: 16px;
  text-align: center;
  float: left;
  clear: left;
}

.article-news-wrapped-container {
  position: relative;
}

.article-news-container {
  padding-top: 5px;
  padding-bottom: 5px;
}

.article-news-container.right span {
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
}

.article-news-right-header,
.article-news-right-header-new,
.triangle-top-left,
.triangle-top-right,
.triangle-bottom-left,
.triangle-bottom-right {
  display: none;
}

@media (min-width: 768px) {
  .article-news-content-container {
    position: absolute;
    top: -10px;
    right: -10px;
    overflow: hidden;
    margin: 0px;
    padding-bottom: 0px;
    width: auto;
    border-radius: 0px;
    clear: none;
    float: none;
  }
  .article-news-wrapped-container {
    padding-bottom: 20px;
  }
  .article-news-right-header {
    display: block;
    width: 89px;
    height: 0;
    border-top: 14px solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .article-news-right-header-new {
    display: none;
    width: 89px;
    height: 15px;
    border-radius: 0px 0px 8px 8px;
    position: relative;
  }
  .article-news-container.right {
    margin: 14px 22px 30px 7px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 67px;
    height: 50px;
    position: relative;
    text-align: center;
    border-radius: 1px 1px 0px 0px;
  }
  .article-news-container.right span {
    margin: auto;
    display: inline-block;
    width: 100%;
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
  .article-news-container.new-right-container.right {
    margin: 0px;
    height: auto;
    padding-top: 4px;
    padding-bottom: 10px;
  }
}
.amount-discount-container {
  margin: 1px 0px;
  width: 72px;
  min-height: 16px;
  border-radius: 2px;
  line-height: 16px;
  background: #db2800;
  text-align: center;
  float: left;
  clear: left;
}
.amount-discount-container span {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: inherit;
  margin: 0 2px;
}
.amount-discount-container span.right-news-label {
  line-height: 11px;
}
.amount-discount-container span.amount-discount-condition {
  display: inline-block;
  width: 100%;
}
.amount-discount-container.right-news {
  padding-bottom: 5px;
}

@media (min-width: 768px) {
  .amount-discount-container {
    text-align: center;
    display: inline-block;
    padding: 2px 6px 10px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);
    position: absolute;
    top: -10px;
    right: -10px;
    width: 64px;
    height: 68px;
    margin: 0;
  }
  .amount-discount-container span {
    display: inline-block;
    width: 100%;
  }
  .amount-discount-container span.amount-discount-label {
    font-size: 14px;
    padding: 0;
  }
  .amount-discount-container span.amount-discount-label .right-news-label {
    padding-right: 6px;
    padding-left: 5px;
    font-size: 12px;
  }
  .amount-discount-container span.amount-discount-percentage {
    font-size: 20px;
    line-height: 24px;
  }
  .amount-discount-container span.amount-discount-condition {
    display: block;
    margin-top: -3px;
    line-height: 16px;
  }
  .amount-discount-container.condition span.amount-discount-label {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
  }
  .amount-discount-container.condition span.amount-discount-percentage {
    font-size: 16px;
    line-height: 22px;
  }
}
.product-content .free-delivery-mark {
  border-radius: 2px;
  background: #e7ad00;
  text-align: center;
  width: 72px;
  height: 16px;
  margin: 1px 0;
  float: left;
  clear: left;
}
.product-content .free-delivery-mark span {
  color: var(--content-primary-inverted);
  font-family: var(--font-base), serif;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  line-height: 16px;
}
.product-content .free-delivery-mark span.small-visible {
  display: block;
}
.product-content .free-delivery-mark span.visible {
  display: none;
}
@media (min-width: 768px) {
  .product-content .free-delivery-mark {
    background: url("../../images/responsiveNew/common/commonFreeDeliveryMark.png") 50% 50% no-repeat;
    text-align: left;
    width: 96px;
    height: 96px;
    margin: 0;
    position: absolute;
    top: -26px;
    left: -26px;
  }
  .product-content .free-delivery-mark span {
    color: var(--content-primary-inverted);
    font-family: var(--font-base), serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: left;
    line-height: 37px;
    transform: rotate(-45deg);
  }
  .product-content .free-delivery-mark span.small-visible {
    display: none;
  }
  .product-content .free-delivery-mark span.visible {
    display: block;
  }
  .product-content .free-delivery-mark.smaller-font span {
    font-size: 11px;
  }
}

.product-data-left-border .free-delivery-mark,
.product-intro-prices-content .free-delivery-mark {
  background: #e7ad00;
  text-align: right;
  text-transform: uppercase;
  width: auto;
  max-width: 50%;
  min-width: 100px;
  height: auto;
  position: absolute;
  top: -15px;
  right: 0;
  z-index: 1;
}
.product-data-left-border .free-delivery-mark span,
.product-intro-prices-content .free-delivery-mark span {
  color: var(--content-primary-inverted);
  font-family: var(--font-base), serif;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  line-height: 16px;
  text-align: center;
  display: block;
  padding: 5px;
}
.product-data-left-border .free-delivery-mark span.small-visible,
.product-intro-prices-content .free-delivery-mark span.small-visible {
  display: none !important;
}
@media (min-width: 480px) {
  .product-data-left-border .free-delivery-mark,
  .product-intro-prices-content .free-delivery-mark {
    width: 96px;
    min-width: unset;
    max-width: none;
    height: 96px;
    background: url("../images/responsiveNew/common/productFreeDeliveryMark.png") no-repeat;
    background-size: 100% 100%;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    top: -5px;
    right: -7px;
    z-index: 1;
  }
  .product-data-left-border .free-delivery-mark span,
  .product-intro-prices-content .free-delivery-mark span {
    color: var(--content-primary-inverted);
    font-family: var(--font-base), serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: left;
    text-align: center;
    display: block;
    width: 110px;
    margin: 0;
    padding: 6px 0;
    position: absolute;
    top: 19px;
    right: -22px;
    transform: rotate(45deg);
  }
  .product-data-left-border .free-delivery-mark.smaller-font,
  .product-intro-prices-content .free-delivery-mark.smaller-font {
    white-space: nowrap;
    overflow: hidden;
  }
  .product-data-left-border .free-delivery-mark.smaller-font span,
  .product-intro-prices-content .free-delivery-mark.smaller-font span {
    font-size: 11px;
  }
}

.product-free-delivery-mark {
  width: 66px;
  height: 66px;
  background: url("../images/responsiveNew/common/productFreeDeliveryMark.png") no-repeat;
  background-size: 100% 100%;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 1;
}
.product-free-delivery-mark span {
  margin-left: 7px;
  display: block;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 37px;
  transform: rotate(45deg);
}

.left-news-mark {
  border: 0;
  border-radius: 2px;
  color: #ffffff;
  text-align: center;
  width: 72px;
  height: 16px;
  margin: 1px 0;
  float: left;
  clear: left;
}
.left-news-mark span {
  color: inherit;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
}
.left-news-mark span.small-visible {
  display: block;
}
.left-news-mark span.visible {
  display: none;
}
@media (min-width: 768px) {
  .left-news-mark {
    margin: 0px;
    background: transparent !important;
    width: 155px;
    height: 0;
    border-bottom: 34px solid transparent;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    color: #ffffff;
    text-align: center;
    line-height: 34px;
    transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    left: -56px;
  }
  .left-news-mark span {
    display: inline-block;
    width: 97px;
    height: 34px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: inherit;
  }
  .left-news-mark span.small-visible {
    display: none;
  }
  .left-news-mark span.visible {
    display: block;
  }
  .left-news-mark.smaller-font span {
    font-size: 11px;
  }
}

.cart-slider-container .left-news-mark,
.favorite-window-product-container .left-news-mark {
  margin: 0px;
  background: transparent !important;
  width: 155px;
  height: 0;
  border-bottom: 34px solid transparent;
  border-left: 34px solid transparent;
  border-right: 34px solid transparent;
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  left: -56px;
}
.cart-slider-container .left-news-mark span,
.favorite-window-product-container .left-news-mark span {
  display: inline-block;
  width: 97px;
  height: 34px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  line-height: inherit;
}
.cart-slider-container .left-news-mark span.small-visible,
.favorite-window-product-container .left-news-mark span.small-visible {
  display: none;
}
.cart-slider-container .left-news-mark span.visible,
.favorite-window-product-container .left-news-mark span.visible {
  display: block;
}
.cart-slider-container .left-news-mark.smaller-font span,
.favorite-window-product-container .left-news-mark.smaller-font span {
  font-size: 11px;
}

.product-intro-prices-content .left-news-mark {
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: 100px;
  left: auto;
  height: auto;
  top: -15px;
  right: 0;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .product-intro-prices-content .left-news-mark {
    padding-bottom: 0;
    padding-top: 0;
    height: 16px;
    top: 16px;
    right: -31px;
    width: 130px;
    transform: rotate(45deg);
  }
  .product-intro-prices-content .left-news-mark span {
    width: 75px;
  }
}
@media (min-width: 992px) {
  .product-intro-prices-content .left-news-mark {
    top: -14px;
    right: -62px;
    width: 128px;
  }
  .product-intro-prices-content .left-news-mark span {
    width: 75px;
  }
}
@media (min-width: 1200px) {
  .product-intro-prices-content .left-news-mark {
    width: 130px;
  }
  .product-intro-prices-content .left-news-mark span {
    width: 75px;
  }
}

html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  border: 0px;
  -webkit-overflow-scrolling: touch;
}

body {
  position: relative;
  background: #ffffff;
  color: #454545;
  font-family: "opensans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
}
body.search-no-scroll {
  overflow: hidden;
  height: 100vh;
}

strong, b {
  font-weight: bold;
}

a {
  color: #454545;
  text-decoration: underline;
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: 1px solid #69a125;
  outline-offset: 2px;
}

div.lv_invite {
  display: none;
}

div#lv_invite {
  display: none;
}

.modal-open-mobile-only {
  overflow: hidden;
}

.disable-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

#subscriptionOpenBox {
  position: fixed !important;
  z-index: 10;
  height: 30px !important;
}

#subscriptionBox {
  position: fixed !important;
  z-index: 10;
}

.container,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.container.white-container {
  background: #ffffff;
}

.container.grey-container {
  background: #f7f7f7;
}

.row,
.form-horizontal .form-group {
  margin-right: -10px;
  margin-left: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th,
.col-lge-5th {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5th {
  width: 20%;
  float: left;
}

.col-lge-2,
.col-lge-3 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.container.appear-fluid {
  width: 100%;
}

.header-container {
  width: 100%;
  min-height: 50px;
  max-height: 100%;
  position: fixed;
  top: 0;
  z-index: 400;
  transition: top 0.15s ease-out;
}

.header-container.wrapped-state {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
}

.header-menu {
  width: 100%;
  max-height: 70px;
  position: relative;
  background: #ffffff;
  border: 1px solid #DEDEDE;
  border-width: 0px 0px 1px 0px;
  overflow: hidden;
}

.header-container.wrapped-state .header-menu {
  max-height: 0px;
  padding: 0px;
  border: 0px;
}

.header-menu .header-menu-link {
  display: inline-block;
  margin-top: 10px;
  padding-top: 3px;
  padding-bottom: 8px;
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 13px;
}

a.header-menu-link,
a.header-menu-link:visited,
a.header-menu-link:hover {
  color: #333333;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 13px;
}

button.header-menu-link {
  background: transparent;
  border: 0px;
  outline: none;
}

.header-menu-link.left-icon-link {
  padding-right: 7px;
  margin-right: 10px;
  float: left;
}

.header-menu-link.left-icon-link.green-mark {
  margin-top: 22px;
  padding-left: 12px;
  background: url("../../images/responsiveNew/common/checkmark-green.svg") 0px 6px no-repeat;
  background-size: 9px auto;
}

.header-menu-link.right-icon-link {
  margin-left: 10px;
  padding-left: 10px;
  float: right;
}

.header-menu-link.right-icon-link.contact-icon {
  padding-right: 17px;
  background: url("../../images/icon-phone.svg") 100% 2px no-repeat;
  background-size: 9px auto;
}

.header-menu-link.right-icon-link.profile-icon {
  padding-right: 23px;
  background: url("../../images/icon-account.svg") 100% 4px no-repeat;
  background-size: auto auto;
}

.header-menu-link.right-icon-link.help-icon {
  padding-right: 26px;
  background: url("../../images/icon-customer-service.svg") 100% 4px no-repeat;
  background-size: auto auto;
}

.header-menu-link.right-icon-link.emarket-link {
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 0;
  clear: right;
}

.header-menu-link.right-icon-link.emarket-link div {
  width: 63px;
  height: 19px;
  position: relative;
}

.header-menu-link.right-icon-link.emarket-link div img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.tp-header-menu-item {
  margin-top: 3px;
  margin-right: 90px;
  margin-left: 102px;
  width: auto;
  position: relative;
  text-align: center;
}

.tp-header-menu-link {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  max-width: 120px;
  position: relative;
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
}

.tp-header-menu-link.right-icon-link {
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 14px;
  margin-left: 10px;
}

a.tp-header-menu-link,
a.tp-header-menu-link:visited,
a.tp-header-menu-link:hover {
  color: #333333;
  text-decoration: none;
  font-weight: normal;
  line-height: 15px;
}

.tp-label {
  margin-top: 2px;
  display: block;
  width: 100%;
  float: right;
}

.tp-label.text {
  visibility: hidden;
}

.tp-label.text.str-score {
  width: 180px;
  max-width: none;
  font-weight: 600;
  text-align: right;
}

.tp-header-menu-link .tp-label.tp-brandmark {
  height: 20px;
  max-width: 87px;
  background: url("../../images/icon-trustpilot.svg") center top -1px no-repeat;
  background-size: auto 18px;
  float: left;
}

.tp-header-menu-link .tp-label.stars {
  max-width: 87px;
  height: 20px;
  background: url("../../images/icon-star-grey.svg") left center repeat-x;
  background-size: 20%;
  position: relative;
  clear: right;
}

.tp-header-menu-link .tp-label.stars:after {
  content: "";
  background: url("../../images/icon-star.svg") left center repeat-x;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
}

.stars-0 .tp-label.stars:after {
  width: 0%;
  background-size: 0%;
}

.stars-10 .tp-label.stars:after {
  width: 20%;
  background-size: 100%;
}

.stars-15 .tp-label.stars:after {
  width: 30%;
  background-size: 66.66%;
}

.stars-20 .tp-label.stars:after {
  width: 40%;
  background-size: 50%;
}

.stars-25 .tp-label.stars:after {
  width: 50%;
  background-size: 40%;
}

.stars-30 .tp-label.stars:after {
  width: 60%;
  background-size: 33.33%;
}

.stars-35 .tp-label.stars:after {
  width: 70%;
  background-size: 28.57%;
}

.stars-40 .tp-label.stars:after {
  width: 80%;
  background-size: 25%;
}

.stars-45 .tp-label.stars:after {
  width: 90%;
  background-size: 22.22%;
}

.stars-50 .tp-label.stars:after {
  width: 100%;
  background-size: 20%;
}

.top-header {
  max-height: 196px;
  overflow: hidden;
  background: #ffffff;
}

.top-header.basket-purchase-header {
  border: 1px solid #DEDEDE;
  border-width: 0px 0px 1px 0px;
}

.top-header.basket-end-header {
  max-height: 125px;
}

.header-container.mobile-live-search-state .mobile-live-search-hidden {
  display: none;
}

.header-logo-container {
  margin: 12px 0px 15px;
  height: 35px;
  position: relative;
}

.header-basket-container {
  height: 49px;
  position: relative;
  float: right;
  text-align: right;
}

.header-search-background-container {
  width: 100%;
  background: #0B85C4;
}

.header-search-container {
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  height: 53px;
  position: relative;
  transition: margin-top 0.2s linear;
}

.header-container.wrapped-state .header-search-container.scrolled {
  margin: 0;
}

.header-logo-container.wide-logo .header-logo-link {
  max-width: none;
  text-align: center;
}

.header-logo-container.wide-logo .header-logo-link.left-align-icon {
  text-align: left;
}

.header-steps-container {
  margin: 7px 0px 5px;
  position: relative;
}

.header-logo-link {
  display: block;
  width: 100%;
  max-width: 250px;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.header-logo-link img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}

.header-basket-icon {
  width: 38px;
  height: 100%;
  background: url("../../images/responsiveNew/common/headerBasketMobileIcon.png") no-repeat 50% 50%;
  position: relative;
  float: right;
}

.header-basket-amount {
  padding-top: 3px;
  min-width: 24px;
  height: 24px;
  position: absolute;
  top: -3px;
  left: -8px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  background: #00BDA2;
  background: linear-gradient(90deg, #00BDA2 0%, #009BB1 100%);
  color: #FFFFFF;
  font-size: 9px;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
}

.header-basket-total-price {
  padding: 22px 10px 0px 5px;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  float: right;
}

.basket-icon,
.favorites-icon,
.profile-icon {
  padding-top: 25px;
  min-width: 20px;
  color: #454545;
  text-align: center;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.basket-icon {
  padding-top: 26px;
  background: url("../../images/icon-cart.svg") center 7px no-repeat;
  background-size: auto 16px;
}

.basket-icon > span {
  display: inline-block;
  padding: 1px 2.5px;
  min-width: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  background: #6DB024;
  color: #FFFFFF;
  font-size: 6px;
  font-weight: 700;
  position: absolute;
  top: 2px;
  right: 11px;
}

.favorites-icon {
  padding-top: 26px;
  background: url("../../images/icon-heart.svg") center 8px no-repeat;
  background-size: auto 14px;
}

.profile-icon {
  background: url("../../images/icon-account.svg") center 4px no-repeat;
  background-size: auto 20px;
}

.header-basket-link {
  margin-right: 5px;
}

.header-basket-link,
.header-favorites-link,
.header-profile-link {
  display: block;
  margin-top: 9px;
  margin-left: 20px;
  width: auto;
  max-width: 180px;
  height: 40px;
  text-decoration: none;
  color: #000000;
  position: relative;
  float: right;
}

a.header-favorites-link,
a.header-favorites-link:visited,
a.header-favorites-link:hover,
a.header-profile-link,
a.header-profile-link:visited,
a.header-profile-link:hover {
  color: #000000;
}

a.header-basket-link,
a.header-basket-link:visited,
a.header-basket-link:hover {
  text-decoration: none;
}

.header-profile-link-container {
  display: block;
  float: right;
}

.header-profile-link-container .header-profile-link {
  margin-left: 0;
}

.mobile-live-search-close,
.mobile-live-search-close.custom-button {
  display: none;
  padding: 5px;
  width: 35px;
  height: 50px;
  position: absolute;
  top: -2px;
  right: 10px;
  z-index: 1;
  text-align: right;
  font-size: 38px;
  font-weight: 300;
  line-height: 45px;
  color: #0e0e0e;
}

.header-container.mobile-live-search-state .mobile-live-search-close {
  display: inline-block;
}

.header-search-overlay-container {
  display: none;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: auto;
  background: rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.header-search-box {
  margin-top: 9px;
  margin-right: 7px;
  margin-left: 54px;
  position: relative;
}

.header-container.mobile-live-search-state .header-search-box {
  margin-right: 55px;
  margin-left: 15px;
}

.header-search-box .mobile-search-field {
  padding: 8px 34px 9px 9px;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  color: #454545;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.header-search-box .search-field {
  padding: 9px 65px 12px 10px;
  width: 100%;
  height: 43px;
  background: #ffffff;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.06);
  border: 0;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.header-search-box .search-field::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.header-search-box .search-field::placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.header-search-box .search-field:-ms-input-placeholder {
  color: #FFFFFF;
}

.header-search-box .search-field::-ms-input-placeholder {
  color: #FFFFFF;
}

.header-search-box .search-button {
  padding: 0px;
  width: 35px;
  border: 0px;
  background: url("../../images/icon-search.svg") right 8px center no-repeat;
  background-size: 19px auto;
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  outline: none;
  z-index: 1;
}

.top-menu-controls-container {
  width: 100%;
  max-width: 65px;
  height: 50px;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in;
  right: 15px;
  top: 0;
  overflow: hidden;
}

.top-menu-controls-container.left {
  max-width: 0;
  right: auto;
  left: 15px;
}

.header-container.wrapped-state .top-menu-controls-container {
  max-width: 65px;
  opacity: 1;
  overflow: visible;
}

.header-container.wrapped-state .top-menu-controls-container.left {
  max-width: 265px;
}

.top-menu-search-box {
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
}

.top-menu-search-box .search-field {
  padding: 9px 0px 10px 0px;
  width: 365px;
  max-width: 0px;
  height: 35px;
  border: 0px;
  border-radius: 3px;
  background: #ffffff;
  color: #454545;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  transition: max-width 0.3s linear, padding 0.3s linear;
}

.top-menu-search-box.expand .search-field {
  padding: 8px 9px 9px 34px;
  max-width: 350px;
  border: 1px solid #d3d3d3;
}

.top-menu-search-box .search-button {
  padding: 0px;
  width: 35px;
  border: 0px;
  background: url("../../images/icon-search-white.svg") left 8px center no-repeat;
  background-size: 19px auto;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  cursor: pointer;
  outline: none;
  z-index: 1;
}

.top-menu-search-box.expand .search-button {
  background: url("../../images/icon-search.svg") left 8px center no-repeat;
  background-size: 19px auto;
}

.top-menu-basket-link {
  display: block;
  margin-top: 5px;
  width: 100%;
  max-width: 55px;
  height: 40px;
  background: transparent;
  text-decoration: none;
  position: absolute;
  right: 0px;
  z-index: 11;
}

.top-menu-basket-link .header-basket-icon {
  width: 55px;
  height: 40px;
  background: url("../../images/icon-cart-white.svg") right center no-repeat;
  background-size: auto 33px;
}

.top-menu-basket-link .header-basket-amount {
  padding: 2px 3px;
  min-width: 20px;
  height: auto;
  border: 2px solid #0B85C4;
  border-radius: 10px;
  background: #6DB024;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: -2px;
  right: 22px;
  left: auto;
}

.header-steps-content {
  margin: auto;
  width: 100%;
  max-width: 640px;
}

.header-steps-content .basket-step {
  width: 33.33333%;
  float: left;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.basket-step.arrow-container:after {
  content: " ";
  width: 22px;
  height: 15px;
  background: url("../../images/responsiveNew/common/stepArrow.png") no-repeat center;
  position: absolute;
  right: 0px;
  top: 4px;
  bottom: 0px;
}

.header-steps-content .basket-step .step-title {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 22px;
  float: left;
  clear: left;
  text-align: center;
}

.header-steps-content .basket-step.active-step.current-step .step-title {
  color: #000000;
}

.header-steps-content .basket-step.active-step .step-title {
  color: #8d8d8d;
}

.header-steps-content .basket-step .step-mark {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 7px;
  width: 24px;
  background: #e6e6e6;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.header-steps-content .basket-step.active-step .step-mark {
  background: #53ae00;
}

.header-steps-content .basket-step.active-step.current-step .step-mark {
  background: #3b86b2;
}

.header-separation-line {
  margin: 10px 0px 0px;
  width: 100%;
  height: 8px;
  background: #000000;
  border-radius: 4px;
}

/**/
.header-top-menu-container {
  margin-top: -102px;
  width: 100%;
  max-height: 62px;
  position: relative;
  overflow: hidden;
  transition: max-height 0.2s linear, margin-top 0.2s linear;
}

.header-container.wrapped-state .header-top-menu-container.scrolled {
  max-height: 0;
  margin-top: -40px;
}

.header-top-menu-container .top-menu-background-container > .container {
  padding-right: 0px;
  padding-left: 0px;
}

.top-menu-background-container > .container {
  position: relative;
}

.top-menu-fluid-container {
  width: 100%;
  padding: 0px;
  min-height: 50px;
  position: relative;
}

.container.top-menu-fluid-container {
  padding-left: 0px;
  padding-right: 0px;
}

.top-menu-background-container {
  width: 100%;
  background: #0B85C4;
  position: relative;
}

.top-menu-background-container.consumer-background {
  background: #0B85C4;
}

.top-menu-background-container.business-background {
  background: #4D92BF;
  background: linear-gradient(90deg, #4D92BF 0%, #22648E 100%);
}

.top-menu-overlay-container {
  display: none;
  position: fixed;
  top: 226px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  transition: opacity 0.6s linear;
  opacity: 0.5;
}

.hovered .top-menu-overlay-container.hovered {
  display: block;
  opacity: 0.5;
}

.top-menu-grey-overlay-container {
  display: none;
  position: absolute;
  height: 300px;
  left: 0;
  right: 0;
  background: #F6F6F6;
  transition: opacity 0.2s linear;
  opacity: 0;
}

.hovered .top-menu-grey-overlay-container {
  display: block;
  opacity: 1;
}

/*
   * Spin
   */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-menu-button.hamburger.hamburger--spin.is-active .hamburger-inner::before,
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.mobile-menu-button.hamburger.hamburger--spin.is-active .hamburger-inner::after,
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobile-menu-button.hamburger.hamburger--collapse.is-active .hamburger-inner::after,
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.mobile-menu-button.hamburger.hamburger--collapse.is-active .hamburger-inner::before,
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header-container.mobile-live-search-state .mobile-menu-button {
  display: none;
}

.mobile-menu-button.hamburger {
  padding: 9px 15px 9px;
  width: 54px;
  height: 53px;
  background: transparent;
  border: 0px;
  outline: none;
  float: left;
}

.mobile-menu-button.hamburger .menu-label {
  display: block;
  color: #ffffff;
  font-size: 8px;
  font-weight: 600;
  line-height: 8px;
}

.mobile-menu-button.hamburger:hover {
  opacity: 1;
}

.mobile-menu-button.hamburger .hamburger-box {
  margin-top: 0px;
  width: 24px;
  height: 16px;
  color: #000000;
}

.mobile-menu-button.hamburger .hamburger-inner,
.mobile-menu-button.hamburger .hamburger-inner::before,
.mobile-menu-button.hamburger .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #ffffff;
}

.mobile-menu-button.hamburger .hamburger-inner::before {
  top: -7px;
}

.mobile-menu-button.hamburger .hamburger-inner::after {
  bottom: -14px;
}

.mobile-menu-button.hamburger.hamburger--collapse .hamburger-inner::after {
  bottom: auto;
  top: -14px;
}

/**/
.content {
  padding: 9px 0px 0px;
  width: 100%;
  min-height: 500px;
  position: relative;
}

.center-container {
  margin: auto;
  width: 100%;
  max-width: 890px;
  position: relative;
}

.common-page-title h1 {
  margin-top: 0px;
  font-weight: bold;
}

/**/
.global-menu-button {
  padding-right: 8px;
  padding-left: 8px;
  width: 65px;
  height: 65px;
  border: 0px;
  background: #6CCDEC;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  left: calc(50% - 32px);
  bottom: 15px;
  cursor: pointer;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.51);
  outline: none;
  z-index: 502;
  line-height: 14px;
  transition: left 0.5s linear;
}

.global-menu-button.edge-position {
  left: 18px;
}

.global-menu-button.center-position {
  left: 50%;
  margin-left: -32px;
}

.global-menu-button.additional-left-control {
  z-index: 400;
  left: 18px;
  background: #15BDDA;
  background: linear-gradient(0deg, #15BDDA 0%, #0988B3 100%);
}

.global-menu-button.additional-left-control span {
  font-size: 11px;
}

.global-menu-button span {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}

.global-menu-button span.close-button-icon {
  font-size: 34px;
  line-height: 14px;
  text-transform: none;
}

.global-menu-button.to-top-button {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.global-menu-button.to-top-button.to-top-visible {
  visibility: visible;
  opacity: 1;
}

.global-menu-button.to-top-button.none-opacity,
.global-menu-button.to-top-button.to-top-visible.none-opacity {
  opacity: 0;
}

.global-menu-button.to-top-button span {
  display: block;
  margin-top: -6px;
  font-size: 11px;
  line-height: 12px;
}

/**/
.footer-container-fluid {
  width: 100%;
  position: relative;
  padding: 0px;
  background: #033d60;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #033d60 0%, #033d60 29%, #033757 66%, #033756 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033d60', endColorstr='#033756',GradientType=0 );
}

.footer-container {
  padding: 25px 15px 0px;
}

.footer-item-title {
  width: 100%;
  height: 32px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  word-break: break-all;
  overflow: hidden;
  float: left;
}

.footer-item-content {
  width: 100%;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 17px;
  white-space: nowrap;
  float: left;
}

.footer-item-content p {
  margin: 0px !important;
}

.footer-item-content a,
.footer-item-content a:hover,
.footer-item-content a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.footer-item-content .link {
  cursor: pointer;
}

.footer-item-title.footer-cards-title {
  text-align: center;
}

.footer-item-content .footer-cards-content {
  margin: 40px auto 0px;
  width: 100%;
  max-width: 208px;
  height: 76px;
  background: url(../../images/responsiveNew/common/footerCardsImage.png) no-repeat;
  background-size: 100%;
}

.footer-item-content .footer-cards-content.quickpay {
  background: url(../../images/responsiveNew/common/footerCardsImageQuickpay.png) no-repeat;
  background-size: 100%;
}

.viabill-footer-mark-content {
  margin: 10px auto 0px;
  padding: 5px;
  width: 149px;
  height: 40px;
  background: #ffffff;
}

.viabill-footer-mark {
  width: 139px;
  height: 30px;
  background: url(../../images/responsiveNew/common/viabillFooterMark.png) no-repeat;
}

.footer-pricerunner-content {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 210px;
  height: 100px;
}

.footer-pricerunner-content img {
  max-width: 100%;
  max-height: 100%;
}

.footer-newsletter-subscription-content {
  margin: 30px auto 10px;
  padding: 25px 25px 35px;
  width: 100%;
  max-width: 350px;
  border: solid 1px #ffffff;
  border-radius: 4px;
  white-space: normal;
  text-align: center;
}

.footer-newsletter-subscription-content .newsletter-link-head {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 15px;
}

.footer-newsletter-subscription-content .newsletter-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
  font-size: 16px;
}

.footer-newsletter-subscription-content .newsletter-button-link {
  display: inline-block;
  width: 100%;
  height: 45px;
  max-width: 100px;
  background: #5f9821;
  border-radius: 4px;
  background: linear-gradient(180deg, #6eb026 0, #5f9821 100%);
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 45px;
}

.product-controls {
  position: relative;
  width: 100%;
  float: left;
}

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

.product-controls .amount-input {
  background-color: #FFFFFF;
  border: 1px solid #CACACA;
  position: relative;
  width: 72px;
  height: 30px;
  margin-right: 10px;
  float: left;
}

.product-controls .amount-input input {
  border: 0;
  background: transparent;
  color: var(--content-primary);
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 6px 33px 6px 5px;
  float: left;
}

.product-controls .amount-input span {
  color: var(--content-primary);
  font-family: var(--font-base), serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  display: block;
  width: 33px;
  height: 30px;
  padding: 8px 0 9px;
  position: absolute;
  top: 0;
  right: 0;
}

.product-controls .buy-button {
  min-height: 30px;
  overflow: hidden;
  background: #6EB026;
  background: linear-gradient(180deg, #6EB026 0%, #5F9821 100%);
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
}

.product-controls .buy-button input {
  background: transparent;
  border: 0;
  color: #fffefe;
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  width: 100%;
  height: 30px;
}

.product-controls .buy-button input:hover {
  background: #689B2B;
}

.col-product-container.detect-small-hidden:nth-of-type(1n + 5) {
  display: none;
}

.product-controls .buy-button.remove-button input {
  margin-top: 5px;
  background: #949494;
  background: linear-gradient(#d8d8d8, #949494);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d8d8d8', endColorstr='#949494');
}

.product-controls .buy-button.remove-button input:hover {
  background: #949494;
}

.favorites-buttons-container .product-controls .buy-button {
  margin-right: 80px;
}

.favorite-window-product-container .product-controls {
  display: none;
}

.favorites-buttons-container .product-container .favorite-button {
  display: inline-block;
}

/*favorite window product container*/
.favorite-window-product-container.product-container {
  padding: 20px 20px 16px;
  box-shadow: none;
  max-width: 415px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  border: 0;
}

.favorite-window-product-container .product-content .product-texts .product-price {
  margin-bottom: 10px;
}

.favorite-window-product-container .product-content .product-image {
  margin-right: 0px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  width: 100%;
  height: 152px;
}

.favorite-window-product-container .product-content .product-image {
  margin-right: auto;
  margin-left: auto;
  max-width: 240px;
  float: none;
}

.favorite-window-product-container .product-content .product-image img {
  margin: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.favorite-window-product-container .product-content .product-texts {
  width: 100%;
  float: left;
}

.favorite-window-product-container .product-content .product-texts .product-title {
  display: block;
  margin-top: 3px;
  margin-bottom: 8px;
  padding-bottom: 0px;
  height: 66px;
  text-align: center;
}

.favorite-window-product-container .product-content .product-texts {
  margin-right: auto;
  margin-left: auto;
  max-width: 240px;
  float: none;
}

.favorite-window-product-container .product-content .product-texts .product-number {
  display: block;
  margin-bottom: 13px;
  text-align: center;
}

.favorite-window-product-container .product-content .product-texts .product-price {
  display: block;
  margin-bottom: 2px;
  height: 22px;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
}

.favorite-window-product-container .product-controls {
  margin-top: 20px;
}

.favorite-window-product-container .product-controls .buy-button input {
  font-size: 16px;
}

.favorite-window-product-container .product-content .amount-discount-container {
  margin: 0px;
  width: 67px;
  height: 68px;
  background: url("../../images/responsiveNew/common/save-bg.svg") 50% 50% no-repeat;
  position: absolute;
  top: -10px;
  right: -10px;
  text-align: center;
}

.favorite-window-product-container .product-content .amount-discount-container span {
  display: inline-block;
  width: 100%;
}

.favorite-window-product-container .product-content .amount-discount-container span.amount-discount-label {
  padding-top: 5px;
  font-size: 16px;
  line-height: 22px;
}

.favorite-window-product-container .product-content .amount-discount-container.condition span.amount-discount-label {
  padding-top: 3px;
  font-size: 16px;
  line-height: 18px;
}

.favorite-window-product-container .product-content .amount-discount-container span.amount-discount-label.right-news-label {
  padding-right: 6px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 17px;
}

.favorite-window-product-container .product-content .amount-discount-container span.amount-discount-percentage {
  font-size: 22px;
  line-height: 25px;
}

.favorite-window-product-container .product-content .amount-discount-container.condition span.amount-discount-percentage {
  font-size: 19px;
  line-height: 22px;
}

.favorite-window-product-container .product-content .amount-discount-container span.amount-discount-condition {
  display: block;
  margin-top: -3px;
}

.favorite-window-product-container .product-container .favorite-button {
  right: 20px;
  bottom: 16px;
}

.favorite-window-product-container .article-news-content-container {
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0px;
  padding-bottom: 0px;
  width: auto;
  border-radius: 0px;
  clear: none;
  float: none;
}

.favorite-window-product-container .article-news-wrapped-container {
  padding-bottom: 20px;
}

.favorite-window-product-container .article-news-container.right {
  margin: 14px 22px 30px 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 67px;
  height: 50px;
  position: relative;
  text-align: center;
  border-radius: 1px 1px 0px 0px;
}

.favorite-window-product-container .article-news-container.right span {
  margin: auto;
  display: inline-block;
  width: 100%;
  height: auto;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}

.favorite-window-product-container .article-news-container.new-right-container.right {
  margin: 0px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 10px;
}

.favorite-window-product-container .article-news-right-header {
  display: block;
  width: 89px;
  height: 0;
  border-top: 14px solid;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.favorite-window-product-container .article-news-right-header-new {
  display: none;
  width: 89px;
  height: 15px;
  border-radius: 0px 0px 8px 8px;
  position: relative;
}

.favorite-window-product-container .triangle-top-left {
  display: block;
  width: 14px;
  height: 15px;
  border-radius: 5px 0px 0px 5px;
  position: absolute;
  top: -1px;
  left: 0px;
}

.favorite-window-product-container .triangle-top-right {
  display: block;
  width: 14px;
  height: 15px;
  border-radius: 0px 5px 5px 0px;
  position: absolute;
  top: -1px;
  right: 14px;
}

.favorite-window-product-container .triangle-bottom-left {
  display: block;
  width: 0;
  height: 0;
  border-top: 30px solid;
  border-right: 75px solid transparent;
  position: absolute;
  top: 60px;
  left: 7px;
}

.favorite-window-product-container .triangle-bottom-right {
  display: block;
  width: 0;
  height: 0;
  border-top: 30px solid;
  border-left: 75px solid transparent;
  position: absolute;
  top: 60px;
  right: 22px;
}

.favorite-window-product-container .triangle-bottom-left-new {
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid;
  border-right: 67px solid transparent;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.favorite-window-product-container .triangle-bottom-right-new {
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid;
  border-left: 67px solid transparent;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/*favorite window product container end */
.common-top-background-container {
  width: 100%;
  position: relative;
}

.category-groups-background-container {
  padding: 10px 0px 0px;
  background: #F6F6F6;
}

.category-slider-background-container {
  padding: 10px 0px 0px;
  background: #F6F6F6;
}

.category-slider-background-container.hidden {
  display: none;
}

.show-more-products-bottom {
  width: 100%;
  position: relative;
  text-align: center;
}

.show-more-products-bottom.show-more-related {
  margin-bottom: 10px;
  padding: 10px 10px 20px;
  border: solid #bfbfbf;
  border-width: 0 0 1px 0;
}

.show-more-products-bottom input {
  margin-top: 30px;
  width: 100%;
  max-width: 195px;
  height: 39px;
  border: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 39px;
  background-color: #79ba2a;
  background-image: linear-gradient(to bottom, #79ba2a, #69a125);
}

.show-more-products-bottom .show-related-button,
.show-more-products-bottom .show-related-button.light-grey-button {
  width: 100%;
  max-width: 325px;
  height: 53px;
  color: #000000;
  text-transform: none;
  font-size: 17px;
  font-weight: normal;
  outline: 0;
}

.show-more-products-bottom .show-related-button:after {
  content: " ";
  display: inline-block;
  margin-left: 24px;
  margin-bottom: -1px;
  width: 19px;
  height: 19px;
  border: solid #000000;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}

.common-additional-background-container {
  width: 100%;
  position: relative;
}

.common-additional-background-container.additional-grey-container {
  background: #F6F6F6;
}

.appear-hidden {
  display: none;
}

.lead-button {
  display: none;
  margin-top: 15px;
  padding: 8px;
  width: 100%;
  height: 40px;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lead-button:last-child {
  margin-bottom: 5px;
}

.lead-button:before {
  content: "Se ";
}

.favorite-button {
  padding: 0;
  background: #dedede;
  background: linear-gradient(180deg, #ededed 0, #dedede 97.61%);
  border: 0;
  color: #fff;
  outline: 0;
}
.favorite-button .icon {
  color: var(--content-primary);
  font-variation-settings: "FILL" 0, "wght" 500, "grad" 0, "opsz" 24;
  display: block;
}
.favorite-button:hover .icon {
  color: #2e6ca4;
}
.favorite-button.active-favorite .icon {
  color: #2e6ca4;
  font-variation-settings: "FILL" 1, "wght" 300, "grad" 0, "opsz" 24;
}

/*end product container styles*/
/*smh product container styles*/
.row.smh-slider {
  margin-right: -10px;
  margin-left: -10px;
}

.smh-slider .smh-item {
  padding-right: 10px;
  padding-left: 10px;
}

.smh-product-container.product-container {
  margin-bottom: 10px;
  padding: 10px 10px 3px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
.smh-product-container.product-container .product-content {
  float: left;
}
.smh-product-container.product-container .product-content:before {
  content: " ";
  width: 1px;
  background: #D9D9D9;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 71px;
}
.smh-product-container.product-container .product-content .product-image {
  display: block;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  position: relative;
  float: left;
}
.smh-product-container.product-container .product-content .product-image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.smh-product-container.product-container .product-content .product-texts {
  margin-left: 70px;
  padding-left: 13px;
  width: auto;
  min-height: 67px;
  float: none;
  text-align: left;
  line-height: 0;
  overflow: hidden;
}
.smh-product-container.product-container .product-content .product-texts .product-title {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 200px;
  height: 38px;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  overflow: hidden;
}
.smh-product-container.product-container .product-content .product-texts .product-number {
  display: block;
  margin-top: 4px;
  margin-bottom: 8px;
  height: 17px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  overflow: hidden;
}
.smh-product-container.product-container .product-price-controls {
  width: 100%;
  line-height: 0;
  text-align: left;
  position: relative;
  float: left;
}
.smh-product-container.product-container .product-price-controls:before {
  content: " ";
  height: 1px;
  background: #D9D9D9;
  position: absolute;
  top: 0;
  right: -10px;
  left: -10px;
}
.smh-product-container.product-container .product-price-controls .product-price {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  float: left;
}
.smh-product-container.product-container .product-price-controls .product-price:before {
  content: "KUN ";
  color: #6EB025;
}
.smh-product-container.product-container .product-price-controls .product-controls {
  margin-top: 6px;
  margin-bottom: 3px;
  width: auto;
  float: right;
}
.smh-product-container.product-container .product-price-controls .product-controls .amount-input {
  margin: 0;
  width: 59px;
  height: 27px;
  border: 1px solid #DFDFDF;
  border-width: 1px 0 1px 1px;
}
.smh-product-container.product-container .product-price-controls .product-controls .amount-input input {
  padding: 3px 27px 3px 5px;
  width: 100%;
  height: 100%;
  border: 0;
  color: #333333;
  background: transparent;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  float: left;
  outline: none;
}
.smh-product-container.product-container .product-price-controls .product-controls .amount-input span {
  display: block;
  padding: 0;
  width: 26px;
  height: 15px;
  text-align: center;
  color: #333333;
  font-size: 10px;
  line-height: 13px;
  position: absolute;
  top: 6px;
  right: 1px;
}
.smh-product-container.product-container .product-price-controls .product-controls .buy-button {
  min-height: 27px;
  background: #6EB026;
  background: linear-gradient(180deg, #6EB026 0%, #5F9821 100%);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.smh-product-container.product-container .product-price-controls .product-controls .buy-button input {
  padding: 0;
  width: 35px;
  height: 27px;
  border: 0;
  background: transparent;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
}

.common-underlined-header.smh-slider-header {
  margin-top: -7px;
  margin-bottom: 4px;
  padding: 0;
}

.common-underlined-header.smh-slider-header .common-underlined-header-text {
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 30px;
}

/*smh product container styles end*/
/*sliders shadow product container*/
.cart-slider-container .product-container {
  padding: 20px 10px 16px;
  box-shadow: none;
  border: 0;
}

.cart-slider-container .product-content .product-image {
  margin-right: 0px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  width: 100%;
  height: 152px;
}

.cart-slider-container .product-content .product-image img {
  margin: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.cart-slider-container .product-content .product-texts {
  width: 100%;
  float: left;
}

.cart-slider-container .product-content .product-texts .product-title {
  display: block;
  margin-top: 3px;
  margin-bottom: 8px;
  padding-bottom: 0px;
  height: 72px; /* Disabled by GF 2024-05-14 */
  text-align: center;
}

.cart-slider-container .product-content .product-texts .product-number {
  display: block;
  margin-bottom: 13px;
  text-align: center;
}

.cart-slider-container .product-content .product-texts .product-price {
  display: block;
  margin-bottom: 2px;
  height: 22px;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
}

.cart-slider-container .product-controls {
  margin-top: 20px;
}

.cart-slider-container .product-controls .buy-button input {
  font-size: 16px;
}

.cart-slider-container .product-content .amount-discount-container {
  margin: 0px;
  width: 67px;
  height: 68px;
  background: url("../../images/responsiveNew/common/save-bg.svg") 50% 50% no-repeat;
  position: absolute;
  top: -10px;
  right: -10px;
  text-align: center;
}

.cart-slider-container .product-content .amount-discount-container span {
  display: inline-block;
  width: 100%;
}

.cart-slider-container .product-content .amount-discount-container span.amount-discount-label {
  padding-top: 5px;
  font-size: 16px;
  line-height: 22px;
}

.cart-slider-container .product-content .amount-discount-container.condition span.amount-discount-label {
  padding-top: 3px;
  font-size: 16px;
  line-height: 18px;
}

.cart-slider-container .product-content .amount-discount-container span.amount-discount-label.right-news-label {
  padding-right: 6px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 17px;
}

.cart-slider-container .product-content .amount-discount-container span.amount-discount-percentage {
  font-size: 22px;
  line-height: 25px;
}

.cart-slider-container .product-content .amount-discount-container.condition span.amount-discount-percentage {
  font-size: 19px;
  line-height: 22px;
}

.cart-slider-container .product-content .amount-discount-container span.amount-discount-condition {
  display: block;
  margin-top: -3px;
}

.cart-slider-container .product-container .favorite-button {
  right: 20px;
  bottom: 16px;
}

/*end sliders shadow product container*/
/*group container styles*/
.groups-products-container {
  margin-top: 0;
}

.group-container {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.0705882353);
  border-radius: 5px;
  /*box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);*/
  /*border: 1px solid #D9D9D9;*/
  position: relative;
}

.group-content {
  width: 100%;
  position: relative;
  float: left;
}

.group-content .group-image {
  display: block;
  padding: 9px;
  width: 80px;
  height: 80px;
  text-align: center;
  position: relative;
  float: left;
}

.group-content .group-image img {
  margin: auto;
  max-width: 60px;
  max-height: 60px;
  position: absolute;
  top: 9px;
  right: 10px;
  bottom: 9px;
  left: 9px;
}

.group-content .group-texts {
  margin-right: 10px;
  padding: 10px 15px 10px;
  position: relative;
  overflow: hidden;
  max-height: 80px;
}

.group-content .group-texts > div {
  display: table-cell;
  width: 100%;
  height: 60px;
  vertical-align: middle;
  color: #454545;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  text-transform: none;
  overflow: hidden;
}

.group-content .group-texts span {
  display: inline-block;
  width: 100%;
  font-weight: normal;
}

.sm-group .group-content .group-texts > div {
  color: #454545;
  font-weight: 400;
}

.brands-container {
  margin-top: 1px;
  margin-right: -1px;
  margin-bottom: 15px;
  margin-left: 1px;
}

.brand-container {
  margin-top: -1px;
  margin-left: -1px;
  padding-top: 21.7%;
  border: 1px solid #D9D9D9;
}

.top-brands-container .brand-container {
  background: #FFFFFF;
}

.brand-container a {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}

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

/*end group container styles*/
/*common underlined containers header*/
.common-underlined-header {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 11px;
  width: 100%;
  color: #333333;
  text-align: center;
  position: relative;
}

.white-slider .common-underlined-header {
  margin-top: 20px;
}

.sliders-shadow-container.basket-card-background-container .common-underlined-header,
.sliders-shadow-container.common-slider-background-container .common-underlined-header {
  margin-top: -60px;
}

.white-container .common-underlined-header {
  margin-top: 16px;
}

.common-underlined-header.inner-header {
  margin-top: 5px;
  margin-bottom: 5px;
}

.common-underlined-header img {
  max-width: 57px;
  max-height: 57px;
  margin-right: 20px;
}

.common-underlined-header .top-separator-line {
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  height: 1px;
  background: #d9d9d9;
}

.top-vertical-slider-container .common-underlined-header {
  margin-top: 0px;
  margin-bottom: 0px;
}

.common-underlined-header .common-underlined-header-text {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 13px;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

.common-underlined-header .common-underlined-header-text-camel {
  text-transform: none;
  padding-bottom: 0;
}

.common-underlined-header .common-underlined-header-text.none-transform {
  text-transform: none;
  text-align: left;
}

.common-underlined-header .common-underlined-header-text.none-transform-basket {
  text-transform: none;
  text-align: center;
}

.top-vertical-slider-container .common-underlined-header .common-underlined-header-text {
  font-size: 22px;
  line-height: 26px;
}

.common-underlined-header .common-underlined-header-text.overflow-ellipsis-mobile {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.common-underlined-header.inner-header .common-underlined-header-text {
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: left;
}

.common-underlined-header .extra-header-info {
  display: inline-block;
  padding: 0px 14px;
  width: 100%;
  text-align: center;
  font-size: 19px;
  line-height: 1.3;
  position: relative;
  top: -7px;
}

.common-underlined-header .common-underlined-header-underline {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 310px;
  height: 1px;
  background: #D7D7D7;
}

.sliders-shadow-container.common-slider-background-container .common-underlined-header .common-underlined-header-underline {
  display: none;
}

.common-underlined-header .common-underlined-header-underline.wide {
  max-width: none;
}

.common-underlined-header .common-underlined-header-underline.hidden {
  display: none;
}

/*end common underlined containers header*/
/*desctiption common styles*/
.common-description-container {
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.common-description-content {
  margin: 0px 0px 20px 0px;
  max-height: 185px;
  background: #ffffff;
  color: #454545;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
  position: relative;
  transition: max-height 2s linear;
}

.common-description-container.large .common-description-content {
  max-height: 500px;
}

.common-description-content img {
  max-width: 100%;
  height: auto !important;
}

.common-description-content h1 {
  margin-top: 0px;
  font-size: 28px;
  font-weight: bold;
  line-height: 38px;
}

.groups-description .common-description-content h1 {
  text-transform: none;
}

.none-transform-text .common-description-content h1 {
  text-transform: none;
}

.common-description-content h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
}

.common-description-content h4 {
  font-size: 20px;
  line-height: 30px;
}

.common-description-content .ctaButton a {
  background: #448f00;
  background: linear-gradient(#89e436, #448f00);
  border: solid 2px #959595;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  width: 50%;
  max-width: 140px;
  margin: 0 0 16px;
  padding: 6px 16px;
}
.common-description-content .ctaButton a:hover {
  background-color: #449d44;
  border-color: #398439;
}

.common-description-container.reveal-opened .common-description-content {
  margin: 0px;
  max-height: 10000px;
}

.common-description-container.large.reveal-opened .common-description-content {
  margin: 0px;
  max-height: 10000px;
}

.common-description-container.large.reveal-opened.order-item-description-container .common-description-content {
  margin: 0 auto;
  max-width: 1100px;
}

.common-description-show-more-content {
  width: 100%;
  height: 39px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}

.common-description-button-container {
  background: #ffffff;
  position: relative;
}

.common-description-button-container input {
  padding: 0px;
  width: 100%;
  max-width: 165px;
  height: 39px;
  border: 0px;
  color: #0988B3;
  text-decoration: underline;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  line-height: 39px;
  background: transparent;
}

.common-description-container .groups-description-image-container {
  text-align: right;
}

.common-description-container .groups-description-image-container img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 209px;
}

.common-description-container .services-description-image-container {
  margin-bottom: 40px;
}

.common-description-container .services-description-image-container img {
  width: 100%;
  height: auto;
}

/*end description common styles*/
/*desctiption bottom styles*/
.bottom-description-container {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  max-height: 604px;
}

.bottom-description-content {
  margin: 0px;
  padding-top: 19px;
  padding-bottom: 31px;
  padding-left: 15px;
  padding-right: 15px;
  background: #F6F6F6;
  color: #454545;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  position: relative;
}

.bottom-description-content h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  line-height: 33px;
}

.bottom-description-content h1:nth-child(1) {
  margin-top: 0px;
}

.bottom-description-content h2 {
  font-size: 26px;
  font-weight: bold;
}

.bottom-description-content h3 {
  font-size: 20px;
}

.bottom-description-content h4 {
  font-size: 18px;
  line-height: 22px;
}

.bottom-description-content h2:nth-child(1) {
  margin-top: 0px;
}

.bottom-description-container.wrapped {
  max-height: none;
}

.bottom-description-show-more-content {
  width: 100%;
  height: 185px;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}

.bottom-description-overlay {
  height: 116px;
  background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #F6F6F6 100%);
}

.bottom-description-button-container {
  padding-bottom: 31px;
  background: #F6F6F6;
  position: relative;
}

.bottom-description-button-container input {
  margin-left: 15px;
  width: 100%;
  max-width: 163px;
  height: 38px;
  border: 0px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 38px;
  background-color: #5F9821;
  background-image: linear-gradient(180deg, #6EB026 0%, #5F9821 100%);
}

/*end description bottom styles*/
/*TrustPilot widget styles*/
#tp-widget-rating {
  margin-left: 0px;
}

/*end TrustPilot widget styles*/
/*left menu styles*/
.left-menu-sections-container {
  display: none;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  background: #f0f0f0;
  position: relative;
}

.left-menu-sections-container.bottom-separation {
  margin-bottom: 40px;
}

.left-menu-section {
  padding: 0px;
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.left-menu-section li {
  padding: 0px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}

ul.left-menu-section li span {
  display: inline-block;
  margin: 10px 0px;
  padding: 0px;
  color: #03385a;
  font-weight: bold;
  text-transform: uppercase;
}

ul.left-menu-section li span.brand {
  margin: 10px 0px;
  padding: 0px;
  height: 20px;
  color: #454545;
  font-weight: bold;
  overflow: hidden;
}

ul.left-menu-section li a,
ul.left-menu-section li a:hover,
ul.left-menu-section li a:visited {
  display: inline-block;
  margin: 10px 0px;
  padding: 0px;
  width: 100%;
  height: auto;
  color: #000000;
  overflow: hidden;
}

ul.left-menu-section li a.current-menu,
ul.left-menu-section li a.current-menu:hover,
ul.left-menu-section li a.current-menu:visited {
  font-weight: bold;
  color: #03385a;
  text-transform: uppercase;
}

.left-menu-inner-section {
  padding: 0px;
  width: 100%;
  overflow: hidden;
  position: relative;
  list-style: none;
}

ul.left-menu-inner-section li {
  padding: 0px 10px 0px 15px;
  width: 100%;
  text-transform: none;
  font-size: 14px;
  line-height: 18px;
}

ul.left-menu-inner-section li:last-child {
  margin-bottom: 10px;
}

ul.left-menu-inner-section li span {
  display: inline-block;
  margin: 4px 0px;
  padding: 0px;
  color: #03385a;
  font-weight: bold;
  text-transform: none;
}

ul.left-menu-inner-section li a,
ul.left-menu-inner-section li a:hover,
ul.left-menu-inner-section li a:visited {
  display: inline-block;
  margin: 4px 0px;
  padding: 0px;
  width: 100%;
  height: auto;
  color: #454545;
  overflow: hidden;
}

ul.left-menu-inner-section li a.see-more-link,
ul.left-menu-inner-section li a.see-more-link:hover,
ul.left-menu-inner-section li a.see-more-link:visited {
  font-weight: bold;
}

.badge-content {
  margin-top: 20px;
  width: 100%;
  position: relative;
}

.badge-content a {
  display: block;
  width: 100%;
  text-align: center;
}

.badge-content a img {
  max-width: 100%;
  max-height: 100%;
}

.left-menu-section .filters-header {
  margin: 10px 0px;
  padding: 0px 10px;
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #03385a;
}

.filters-container {
  padding-left: 10px;
  width: 100%;
  position: relative;
}

.filter-container {
  margin-bottom: 15px;
  width: 100%;
  position: relative;
}

.filters-container .filter-group-label {
  margin-bottom: 5px;
  width: 100%;
  padding-left: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  background: url(../../images/responsiveNew/common/menuOffsetMarkFilters.png) no-repeat top left;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.filters-container .filter-group {
  width: 100%;
  padding-left: 20px;
}

.filters-label {
  margin-bottom: 0px;
  width: 100%;
  height: 22px;
  cursor: pointer;
}

.alt-filters-label {
  padding-left: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
}

.filters-container .form-group {
  margin-bottom: 2px;
}

.filters-container .valueTrack {
  margin: 0px 0px 0px 15px;
  width: 250px;
  height: 22px;
  float: left;
  clear: both;
}

.filters-container .priceTrack {
  background-color: #ccc;
  position: relative;
  height: 0.5em;
  cursor: pointer;
  z-index: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 4px 4px 4px 4px;
}

.filters-container .priceTrack .priceHandleFrom, .filtersContainer .priceTrack .priceHandleTo {
  background-color: #eee;
  border: 1px solid #aaa;
  position: absolute;
  height: 1.1em;
  width: 0.55em;
  top: -0.35em;
  cursor: move;
  z-index: 2;
  -moz-border-radius: 4px 4px 4px 4px;
}

/*end left menu styles*/
.preloading-content {
  height: 300px;
  background: url("../../images/responsiveNew/common/loadingBig.gif") 50% 50% no-repeat;
}

/*window container styles*/
.disabler-element {
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 1000;
}

.disabler-element.confirm-waiting {
  opacity: 0;
}

.disabler-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.info-video-content {
  text-align: center;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.info-video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.close-window-button {
  min-width: 86px;
  height: 38px;
  outline: none;
  text-transform: none;
}

.favorites-link-button {
  display: block;
  margin: 0 auto 15px;
  padding: 13px 3px 12px 35px;
  width: 90%;
  max-width: 335px;
  height: 58px;
  background: #6eb026;
  background: linear-gradient(180deg, #6eb026 0, #5f9821 100%);
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
  text-decoration: none;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

a.favorites-link-button,
a.favorites-link-button:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.favorites-link-button:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.favorites-link-button:before {
  content: " ";
  display: inline-block;
  margin-right: 14px;
  width: 35px;
  height: 31px;
  background: url("../../images/responsiveNew/common/favorites-button.png") 0 0 no-repeat;
  background-size: auto 100%;
  position: absolute;
  margin-left: -42px;
}

.favorites-link-button > span {
  line-height: normal;
}

/*end window container styles*/
/*basket card popup styles*/
.basket-card-background-container,
.sliders-shadow-container.basket-card-background-container,
.sliders-shadow-container.common-slider-background-container {
  margin: 10px 0 20px;
}

.basket-card-background-container:empty {
  margin: 0 !important;
  border: 0;
  box-shadow: none;
}

.sliders-shadow-container.basket-card-background-container,
.sliders-shadow-container.common-slider-background-container {
  margin-top: 70px;
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
}

.basket-card-info {
  margin-top: 0;
  padding: 25px 15px;
  width: 100%;
  position: relative;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 1px 0;
}

.basket-card-popup-buttons-container {
  margin: auto;
  width: 100%;
  max-width: 316px;
}

.basket-card-popup-control {
  display: block;
  margin-bottom: 15px;
  width: calc(50% - 5px);
  height: 53px;
  border: 0;
  float: right;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  background: #DEDEDE;
  background: linear-gradient(180deg, #EDEDED 0%, #DEDEDE 97.61%);
  color: #454545;
  text-decoration: none;
  text-align: center;
  position: relative;
}

button[type=button].basket-card-popup-control {
  outline: none;
}

a.basket-card-popup-control,
a.basket-card-popup-control:visited,
a.basket-card-popup-control:hover,
a.basket-card-popup-control:active {
  color: #454545;
  text-decoration: none;
}

.basket-card-popup-control.show-cart-control {
  margin-left: 10px;
  padding-top: 16px;
  width: calc(50% - 5px);
}

.basket-card-popup-control.show-cart-control:before {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -35px;
  display: inline-block;
  width: 35px;
  height: 20px;
  background: url("../../images/responsiveNew/common/show-cart-icon.png") no-repeat 0 0;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.basket-card-popup-control.green {
  margin-bottom: 5px;
  padding-top: 14px;
  width: 100%;
  max-width: 316px;
  height: 51px;
  background: #6eb026;
  background: linear-gradient(180deg, #6eb026 0, #5f9821 100%);
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

a.basket-card-popup-control.green,
a.basket-card-popup-control.green:visited,
a.basket-card-popup-control.green:hover,
a.basket-card-popup-control.green:active {
  color: #ffffff;
}

a.basket-card-popup-control.green:after {
  content: " ";
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px;
  width: 15px;
  height: 15px;
  border: 2px solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
  line-height: 22px;
  font-size: 22px;
  position: absolute;
}

.basket-card-product {
  margin: 8px auto 15px;
  width: 100%;
  max-width: 600px;
  position: relative;
  border: 1px solid #d9d9d9;
  border-width: 0 0 1px 0;
}

.basket-card-product .basket-card-product-image {
  margin-bottom: 5px;
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
}

.basket-card-product .basket-card-product-image img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
}

.basket-card-product .basket-card-shipping-info:after {
  content: " ";
  display: inline-block;
  margin-top: -2px;
  margin-left: 10px;
  width: 30px;
  height: 23px;
  position: absolute;
  background: url("../../images/responsiveNew/common/basket-card-product-shipping-icon.png") no-repeat 0 0;
  background-size: auto 100%;
}

.basket-card-product .basket-card-product-texts {
  margin-left: 110px;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.basket-card-product .basket-card-product-title {
  margin-top: 5px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}

.basket-card-product .basket-card-product-price {
  margin-top: 10px;
  color: #70AD47;
  text-transform: uppercase;
}

.basket-card-free-shipping-info {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 40px;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
}

.basket-card-free-shipping-info .shipping-info-title {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: bold;
  line-height: 23px;
}

.basket-card-free-shipping-info:before {
  content: " ";
  display: inline-block;
  margin-left: -40px;
  width: 30px;
  height: 23px;
  position: absolute;
  background: url("../../images/responsiveNew/common/basket-card-shipping-mobile-icon.png") no-repeat 0 50%;
}

.basket-card-close-button {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  font-size: 38px;
  font-weight: 300;
  line-height: 45px;
  color: #000000;
}

.basket-card-close-button.bottom {
  top: auto;
  bottom: 5px;
}

.basket-card-title {
  margin-right: 70px;
  margin-left: 10px;
  padding: 20px 10px 0;
  min-height: 62px;
  overflow: hidden;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
}

.basket-card-title:after {
  content: " ";
  display: inline-block;
  margin-bottom: -4px;
  margin-left: 5px;
  width: 30px;
  height: 18px;
  background: url("../../images/responsiveNew/common/basket-card-title-icon.png") no-repeat 0 0;
  background-size: auto 100%;
}

/*end basket card popup styles*/
/*roles toggle window styles*/
.roles-toggle-window {
  margin: 0px auto;
  padding: 15px 0px 6px;
  width: 92%;
  max-width: 555px;
  border: 1px solid #969696;
  background: #ffffff;
  position: fixed;
  top: 30px;
  left: 0px;
  right: 0px;
  bottom: auto;
  z-index: 2000;
  overflow-x: hidden;
  overflow-y: auto;
}

.roles-toggle-window-content {
  width: 100%;
  position: relative;
  color: #454545;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}

.roles-toggle-logo {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 230px;
  height: 60px;
  position: relative;
}

.roles-toggle-logo img {
  max-width: 100%;
  max-height: 100%;
}

.roles-toggle-info {
  margin-right: 10px;
  margin-left: 10px;
}

.business-role-main-background {
  background: #4D92BF;
  background: linear-gradient(90deg, #4D92BF 0%, #22648E 100%);
}

.consumer-role-main-background {
  background: #00BDA2;
  background: linear-gradient(90deg, #00BDA2 0%, #009BB1 100%);
}

.roles-toggle-window-buttons {
  margin: 10px auto 10px;
  width: 100%;
  max-width: 386px;
  position: relative;
}

.roles-toggle-window-button-container {
  position: relative;
  padding: 0px 10px;
  width: 50%;
  height: 40px;
  float: left;
}

.roles-toggle-window-button-container button {
  padding: 8px 0px;
  width: 100%;
  height: 100%;
  border: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.roles-toggle-window .checkbox.roles-toggle-icon label {
  margin-right: 10px;
  margin-left: 10px;
  max-width: 292px;
  text-align: left;
}

.roles-toggle-buttons-head-container {
  margin-top: 0px;
  margin-bottom: 0px;
  position: absolute;
  right: 7px;
  top: 2px;
  float: none;
  z-index: 9;
}

.roles-toggle-buttons {
  width: 64px;
  height: 19px;
  position: relative;
}

.roles-toggle-buttons-overflowed-container {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: transparent linear-gradient(180deg, #54881C 0%, #6AAB23 11%, #63A020 93%, #54881C 100%) 0% 0% no-repeat padding-box;
  position: relative;
  overflow: hidden;
}

.business-role .roles-toggle-buttons-overflowed-container {
  background: #4D92BF;
  background: linear-gradient(90deg, #4D92BF 0%, #22648E 100%);
}

.roles-toggle-button-container {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: -100%;
  transition: left 0.35s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.business-role .roles-toggle-button-container {
  left: 0px;
}

.roles-toggle-handler {
  width: 22px;
  height: 22px;
  border: 1px solid #F6F6F6;
  border-radius: 11px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
  position: absolute;
  top: -2px;
  left: -9px;
  transition: left 0.35s;
  outline: none;
}

.business-role .roles-toggle-handler {
  left: calc(100% - 13px);
}

.roles-toggle-button-container button {
  margin: 0px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 9px;
  width: 64px;
  height: 100%;
  border: 0px;
  background: transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  color: #ffffff;
  outline: none;
  float: right;
}

.roles-toggle-button-container button.consumer-toggle-button {
  text-align: center;
  padding-right: 0px;
  padding-left: 9px;
}

.roles-toggle-button-container button.business-toggle-button {
  text-align: center;
  padding-right: 9px;
  padding-left: 0px;
}

/*end roles toggle window styles*/
/*popup container styles*/
.popup-window-container {
  margin: auto;
  padding: 0px 0px 10px;
  width: 90%;
  max-width: 705px;
  max-height: calc(100% - 30px);
  background: #ffffff;
  border: 5px solid #3b86b2;
  position: fixed;
  top: 30px;
  right: 0px;
  left: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 2000;
}

.popup-window-container .popup-window-title-container {
  padding: 10px 25px;
  width: 100%;
  min-height: 22px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.popup-window-container .popup-window-title-container.bordered-title-container {
  border: 1px solid #a8a8a8;
  border-width: 0px 0px 1px 0px;
}

.popup-window-container .popup-window-title-container h2 {
  margin: 0px;
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}

.popup-window-container .popup-window-close-button {
  padding: 0px;
  width: 40px;
  height: 40px;
  background: url(../../images/responsiveNew/common/closeBasketPurchase.png) no-repeat 50% 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  border: 0px;
  border-radius: 0px;
  outline: none;
  z-index: 1;
}

.popup-window-container .popup-window-close-button.opacity-button {
  opacity: 0.3;
}

.popup-window-container .popup-window-close-button.opacity-button:hover {
  opacity: 1;
}

.popup-window-content {
  width: 100%;
  position: relative;
}

.popup-window-container .popup-window-buttons-container {
  margin-top: 15px;
  padding: 10px 25px 5px;
  width: 100%;
  position: relative;
}

.popup-window-container .popup-window-buttons-container.bordered-buttons-container {
  border: 1px solid #a8a8a8;
  border-width: 1px 0px 0px 0px;
}

.popup-window-container .popup-window-buttons-container button {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  padding: 6px 16px;
  width: auto;
  min-width: 96px;
  max-width: 100%;
  border: 0px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  outline: none;
  float: right;
  background: #a8a8a8;
  background: linear-gradient(to bottom, #a8a8a8 0%, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#7e7e7e',GradientType=0 );
}

.popup-window-container .popup-window-buttons-container button.popup-next-button {
  background: #448f00;
  background: linear-gradient(#89e436, #448f00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#89e436', endColorstr='#448f00');
}

.popup-window-container .popup-window-buttons-container a.button-link {
  display: inline-block;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 6px 16px;
  width: auto;
  min-width: 96px;
  max-width: 100%;
  border: 0px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  text-align: center;
  float: right;
  background: #a8a8a8;
  background: linear-gradient(to bottom, #a8a8a8 0%, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#7e7e7e',GradientType=0 );
  overflow: hidden;
}

.popup-window-container .popup-window-buttons-container a.button-link:visited,
.popup-window-container .popup-window-buttons-container a.button-link:hover {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  text-align: center;
}

.popup-window-container .popup-window-buttons-container a.button-link.next-step-button-link {
  background: #448f00;
  background: linear-gradient(#89e436, #448f00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#89e436', endColorstr='#448f00');
}

.popup-window-container .popup-window-buttons-container button.unremovable,
.popup-window-container .popup-window-buttons-container button.unremovable {
  margin-left: 0px;
}

/*end popup container styles*/
/*login window styles*/
.popup-window-container-login {
  max-width: 570px;
}

.popup-login-container {
  display: none;
  padding: 0px 5px;
  width: 100%;
  position: relative;
}

.popup-login-container.current-active {
  display: block;
}

.popup-login-content {
  margin-top: 20px;
  padding: 0px 25px;
  width: 100%;
  min-height: 185px;
  position: relative;
}

.popup-window-container .popup-login-container .popup-window-buttons-container {
  margin-right: -5px;
  margin-left: -5px;
  padding: 10px 30px 5px;
  width: auto;
}

.fields-description-label {
  margin-bottom: 15px;
}

.fields-description-label.addtl-description-label {
  display: none;
}

.link-button {
  background: transparent;
  border: 0px;
  outline: none;
  color: #2787B3;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.link-button:hover {
  text-decoration: underline;
}

.popup-error-login-container {
  padding: 0px 5px;
  width: 100%;
  position: relative;
}

.popup-error-login-content {
  margin-top: 10px;
  padding: 0px 25px;
  width: 100%;
  position: relative;
}

.success-content {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

/*end login window styles*/
.form-control.custom {
  padding-top: 10px;
  padding-bottom: 11px;
  padding-right: 13px;
  padding-left: 13px;
  height: 45px;
  border: 1px solid #D7D7D7;
  border-radius: 0;
  color: #333333;
  font-family: "opensans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: none;
}

textarea.form-control.custom {
  height: auto;
}

.common-form {
  margin: auto;
  width: 100%;
  max-width: 570px;
}

.common-form textarea,
.basket-form textarea,
.checkout-form textarea {
  resize: none;
}

.common-form .form-group,
.basket-form .form-group,
.custom-form-group {
  margin-bottom: 8px;
}

.common-info-container .inner-container-form-group.form-group {
  margin-bottom: 0px;
}

.common-info-container .inner-container-form-group.form-group.top-mobile-separation {
  margin-top: 8px;
}

.form-group.required .control-label:after {
  content: " *";
  color: red;
  font-size: 14px;
  position: absolute;
  right: 0px;
}

.form-group .optional {
  font-size: 13px;
  color: #929292;
}

.common-form .form-control,
.basket-form .form-control {
  color: #454545;
  font-family: "opensans", sans-serif;
  font-weight: 600;
}

.checkout-form .form-control {
  padding-top: 10px;
  padding-bottom: 11px;
  padding-right: 13px;
  padding-left: 13px;
  height: 45px;
  border: 1px solid #D7D7D7;
  border-radius: 0;
  color: #333333;
  font-family: "opensans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: none;
}

.checkout-form textarea.form-control {
  height: auto;
}

.common-form .form-control.has-form-error,
.basket-form .form-control.has-form-error {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.checkout-form .form-control.has-form-error {
  background: #FFEEEE;
  border: 1px solid #EEC4C4;
}

.checkout-form .form-control .complete-success .extra-basket-step,
.checkout-form .form-control .complete-success .required-basket-step {
  background-color: white;
  /* background: #EFEFEF; DISABLED BY GF FOR Checkout-v2
    border: 1px solid #D7D7D7;
    color: #7A7A7A; */
}

.basket-form .control-label,
.common-form .control-label {
  font-weight: bold;
}

.common-form .form-control.sm-input,
.basket-form .form-control.sm-input {
  margin-right: 2%;
  width: 48%;
  float: left;
}

.form-horizontal .control-label.left-align-text {
  text-align: left;
}

.form-group.required .control-label.left-align-text:after {
  content: "";
}

.form-group.required .control-label.left-align-text span {
  display: inline-block;
  position: relative;
}

.form-group.required .control-label.left-align-text span:after {
  content: " *";
  color: red;
  font-size: 14px;
}

.checkout-form .form-control::-moz-placeholder {
  font-size: 16px;
}

.checkout-form .form-control::placeholder {
  font-size: 16px;
}

.checkout-form .form-control:focus::-moz-placeholder {
  color: transparent;
}

.checkout-form .form-control:focus::placeholder {
  color: transparent;
}

.checkout-form .form-control.has-form-error::-moz-placeholder {
  color: transparent;
}

.checkout-form .form-control.has-form-error::placeholder {
  color: transparent;
}

.form-control.custom::-moz-placeholder {
  font-size: 16px;
}

.form-control.custom::placeholder {
  font-size: 16px;
}

.form-control.custom:focus::-moz-placeholder {
  color: transparent;
}

.form-control.custom:focus::placeholder {
  color: transparent;
}

.col-radio {
  padding-bottom: 7px;
  max-width: 200px;
}

.common-form .radio label,
.common-form .checkbox label,
.basket-form .radio label,
.basket-form .checkbox label {
  color: #454545;
  font-family: "opensans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

label.common-custom-label {
  position: relative;
}

.radio input[type=radio]:checked + .common-custom-radio-icon {
  width: 20px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 7px;
  bottom: 0px;
  background: url("../../images/responsiveNew/common/radioChecked.png") no-repeat center left;
  background-color: #ffffff;
}

.radio input[type=radio] + .common-custom-radio-icon {
  width: 20px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 7px;
  bottom: 0px;
  background: url("../../images/responsiveNew/common/radioUnChecked.png") no-repeat center left;
  background-color: #ffffff;
}

.radio input[type=radio]:checked + .basket-custom-radio-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 8px;
  background: url("../../images/responsiveNew/common/basketRadioChecked.png") no-repeat center left;
  background-color: #ffffff;
}

.radio input[type=radio] + .basket-custom-radio-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 8px;
  background: url("../../images/responsiveNew/common/basketRadioUnChecked.png") no-repeat center left;
  background-color: #ffffff;
}

.radio input[type=radio]:checked + .basket-custom-radio-icon.top-align,
.radio input[type=radio] + .basket-custom-radio-icon.top-align {
  top: 1px;
}

.radio.basket-radio-icon input[type=radio],
.checkbox.basket-checkbox-icon input[type=checkbox] {
  margin-left: -27px;
  margin-top: 2px;
}

.radio.roles-toggle-icon input[type=radio],
.checkbox.roles-toggle-icon input[type=checkbox] {
  margin-left: -27px;
  margin-top: 2px;
}

.radio.basket-radio-icon label,
.checkbox.basket-checkbox-icon label {
  padding-left: 30px;
}

.radio.basket-radio-icon label.disabled,
.checkbox.basket-checkbox-icon label.disabled {
  opacity: 0.75;
}

.col-radio .radio.basket-radio-icon label,
.col-radio .checkbox.basket-checkbox-icon label {
  padding-top: 3px;
}

.radio.roles-toggle-icon label,
.checkbox.roles-toggle-icon label {
  padding-left: 30px;
  position: relative;
}

.checkbox input[type=checkbox]:checked + .basket-custom-checkbox-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: url("../../images/responsiveNew/common/basketCheckboxChecked.png") no-repeat top left;
  background-color: #ffffff;
}

.checkbox input[type=checkbox] + .basket-custom-checkbox-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 9px;
  background: url("../../images/responsiveNew/common/basketCheckboxUnChecked.png") no-repeat top left;
  background-color: #ffffff;
}

.checkbox input[type=checkbox]:checked + .roles-toggle-custom-checkbox-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../../images/responsiveNew/common/basketCheckboxChecked.png") no-repeat top left;
  background-color: #ffffff;
}

.checkbox input[type=checkbox] + .roles-toggle-custom-checkbox-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../../images/responsiveNew/common/basketCheckboxUnChecked.png") no-repeat top left;
  background-color: #ffffff;
}

.roles-toggle-alt-label {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.alt-label-info {
  display: inline-block;
  width: 100%;
}

.custom-label-info {
  display: inline-block;
  padding-left: 30px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.custom-label-info.extra-info {
  margin-top: 5px;
  font-weight: bold;
}

.custom-label-info.light-info {
  color: #767676;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  text-transform: uppercase;
}

.form-horizontal .control-label.custom-checkbox-left-label {
  padding-top: 7px;
  margin-right: 10px;
}

.common-info-container {
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.common-info-container.wide-container {
  padding: 0px;
  border: 0px;
}

.common-info-container.bottom-separation {
  margin-bottom: 20px;
}

.common-info-container.bottom-sm-separation {
  margin-bottom: 10px;
}

.common-info-container.grey-container {
  background: #d8d8d8;
}

.common-info-container.control-info-container {
  padding-top: 5px;
  padding-bottom: 7px;
}

.common-info-container.top-separation {
  margin-top: 20px;
}

.common-info-container.top-sm-separation {
  margin-top: 10px;
}

.common-info-container.hidden-form-container {
  display: none;
}

.common-info-container .info-content {
  padding: 4px 0px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.common-info-container .info-content.top-padding {
  padding-top: 7px;
}

.common-info-container .info-description-container {
  padding: 0px 5px;
  width: 100%;
  position: relative;
}

.common-info-container .info-content.light-content {
  font-weight: normal;
}

.common-info-container .info-content.bold-content {
  font-weight: bold;
}

.common-info-container .info-content .required-mark {
  color: red;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

.common-info-container .info-content.bottom-sm-separation {
  margin-bottom: 8px;
}

.common-info-container .info-content.bottom-separation {
  margin-bottom: 20px;
}

.common-info-container .info-content.top-sm-separation {
  margin-top: 8px;
}

.common-info-container .info-content.top-separation {
  margin-top: 20px;
}

.common-info-container .info-content.table-container {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  word-break: break-all;
  border: solid 1px #dddddd;
  border-width: 0px 0px 1px 0px;
}

.common-info-container .info-content.table-container .table-cell {
  margin-left: -10px;
}

.common-info-container h1,
.common-info-container h2 {
  margin-top: 0px;
  font-weight: 600;
}

.common-info-container .info-table {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.common-info-container .info-table.border-table .info-table-row {
  border: solid 1px #dddddd;
  border-width: 0px 0px 1px 0px;
}

.common-info-container .info-table .info-table-row {
  padding: 2px 0px;
  border-radius: 0;
  overflow: hidden;
  background: #ffffff;
}

.common-info-container .info-table .info-table-row:nth-child(2n+1) {
  background: #eeeeee;
}

.common-info-container .info-table.border-table .info-table-row:nth-child(2n+1) {
  background: #ffffff;
}

.common-info-container .info-table .info-table-header-row {
  padding: 2px 0px;
  border-radius: 0;
  overflow: hidden;
  background: #ffffff;
  font-weight: bold;
}

.common-info-container .info-table.responsive-table .info-table-header-row {
  display: none;
}

.common-info-container .info-table.border-table .info-table-header-row {
  border: solid 1px #dddddd;
  border-width: 1px 0px 1px 0px;
}

.common-info-container .info-table.border-table .info-table-header-row.borderless-top {
  border-width: 0 0 1px 0;
}

.common-info-container .info-table.border-table.borderless-bottom .info-table-row:last-of-type {
  border-width: 0;
}

.common-info-container .info-table.responsive-table .info-table-row {
  padding-bottom: 10px;
}

.common-info-container .info-table .grey-row {
  background: #eeeeee;
}

.common-info-container .info-table .info-table-row div {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.common-info-container .info-table .info-table-row .pointer {
  cursor: pointer;
}

.common-info-container .info-table .info-table-row div.control-cell {
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.common-info-container .info-table.responsive-table .info-table-row div.control-cell {
  height: 28px;
}

.common-info-container .info-table .info-table-row div.control-cell input,
.common-info-container .info-table .info-table-row div.control-cell button,
.common-info-container .info-table .info-table-row div.control-cell a {
  display: inline-block;
  padding: 5px 0px;
  width: 100%;
  max-width: 120px;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  float: right;
}

.common-info-container .info-table.responsive-table .info-table-row div.control-cell input,
.common-info-container .info-table.responsive-table .info-table-row div.control-cell button,
.common-info-container .info-table.responsive-table .info-table-row div.control-cell a {
  float: none;
  left: 50%;
  position: absolute;
}

.common-info-container .info-table .info-table-row .control-cell .grey-control {
  background: #898989;
  background: linear-gradient(#bfbfbf, #7a7a7a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfbfbf', endColorstr='#7a7a7a');
  border: solid 2px #959595;
  border-radius: 5px;
}

.common-info-container .info-table.responsive-table .cell-image-container {
  max-width: 90px;
}

.common-info-container .info-table.responsive-table .cell-image-container img {
  max-width: 100%;
  max-height: 60px;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-item {
  display: inline-block;
  width: 50%;
  float: right;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-item a,
.common-info-container .info-table.responsive-table .info-table-row .cell-item a:visited,
.common-info-container .info-table.responsive-table .info-table-row .cell-item a:active {
  color: #0070c0;
  text-decoration: none;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-item a:hover {
  text-decoration: underline;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-wide-item {
  display: inline-block;
  margin-left: -10px;
  width: 100%;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-wide-item.bold {
  font-weight: bold;
}

.common-info-container .info-table.responsive-table .info-table-row .cell-before {
  display: inline-block;
  padding-right: 10px;
  width: 50%;
  float: left;
  font-weight: bold;
}

.common-info-container .info-table.responsive-table .cell-before img {
  max-width: 100%;
  max-height: 60px;
}

.common-info-container .info-table.responsive-table .info-table-header-row .cell-item {
  display: inline-block;
}

.common-info-container .underlined-container {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  position: relative;
  border: solid 1px #dddddd;
  border-width: 0px 0px 1px 0px;
}

.common-info-container .underlined-container .value-content {
  padding-right: 0px;
  padding-left: 0px;
}

.common-info-container .underlined-container p {
  margin: 0px;
}

.info-content .underlined-container:last-child {
  border: 0px;
}

.text-red {
  color: #ff0000;
}

.separation-line {
  margin-top: 5px;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
}

.error-content {
  width: 100%;
  color: #ff0000;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.common-submit-button {
  padding: 6px 16px;
  width: 50%;
  max-width: 140px;
  background: #448f00;
  background: linear-gradient(#89e436, #448f00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#89e436', endColorstr='#448f00');
  border: solid 2px #959595;
  border-radius: 5px;
  font-size: 16px;
}

.common-form-button {
  padding: 6px 16px;
  width: 100%;
  max-width: 140px;
  background: #a8a8a8;
  background: linear-gradient(to bottom, #a8a8a8 0%, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#7e7e7e',GradientType=0 );
  border-radius: 6px;
  border: solid 1px transparent;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
}

.common-back-button {
  padding: 6px 16px;
  width: 50%;
  max-width: 140px;
  background: #898989;
  background: linear-gradient(#bfbfbf, #7a7a7a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfbfbf', endColorstr='#7a7a7a');
  border: solid 2px #959595;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
}

a.common-back-button,
a.common-back-button:visited,
a.common-back-button:hover {
  text-decoration: none;
}

.common-back-button:hover,
.common-back-button:focus {
  border: solid 2px #959595;
}

.common-print-button {
  padding: 6px 16px;
  width: 50%;
  max-width: 140px;
  background: #3b3b3b;
  border: solid 2px #3b3b3b;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
}

.line-lg-middle-align {
  margin-top: -2px;
}

.common-submit-button.submit-lg-button,
.common-back-button.back-lg-button,
.common-print-button.print-lg-button {
  width: 60%;
  max-width: 260px;
}

.additional-left-control-container {
  margin-right: 10px;
  width: 80px;
  position: relative;
}

.common-submit-button.left-space {
  margin-left: 20px;
}

iframe[name=google_conversion_frame] {
  display: none;
}

div#jivo-iframe-container:not(.jivo-c-mobile) {
  z-index: 399 !important;
}

._show_93b.wrap_ba1.__jivoMobileButton {
  z-index: 399 !important;
}

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

.ui-helper-hidden-accessible {
  display: none;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.underlined-slider-container {
  border: solid 1px #e3e3e3;
  border-width: 0px 0px 1px 0px;
}

.required-basket-group,
.error-helper-group,
.binding-form-group {
  position: relative;
}

.common-form .form-group.binding-form-group, .basket-form .form-group.binding-form-group, .custom-form-group.binding-form-group {
  margin-bottom: 0px;
}

.binding-form-group {
  margin-bottom: 0px;
}

.control-container {
  display: inline-block;
  width: 100%;
  position: relative;
  max-width: 100%;
  margin-bottom: 8px;
}

.control-container input {
  padding-right: 25%;
}

.control-container input.long-placeholder {
  padding-right: 10%;
}

.control-container input.mobile-longer-placeholder {
  padding-right: 5%;
}

.control-container input:focus,
.control-container input.long-placeholder:focus,
.control-container input.mobile-longer-placeholder:focus,
.complete-success-group .control-container input,
.complete-success-group .control-container input.long-placeholder,
.complete-success-group .control-container input.mobile-longer-placeholder,
.control-container input.full-control,
.control-container input.long-placeholder.full-control,
.control-container input.mobile-longer-placeholder.full-control {
  padding-right: 30px;
}

.control-container .custom-placeholder-container {
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

.custom-placeholder-container .custom-placeholder-content {
  padding-top: 3px;
  padding-right: 5px;
  padding-left: 10px;
  width: auto;
  height: 86%;
  background: #ffffff;
  position: relative;
  top: 2px;
  right: 5px;
}

.custom-placeholder-content .custom-placeholder {
  font-size: 11px;
  font-weight: 600;
  line-height: 100%;
  color: #999999;
}

.custom-placeholder-content .custom-placeholder.country-placeholder {
  display: inline !important;
}

.custom-placeholder-container.hidden-placeholder .custom-placeholder {
  display: none;
}

.top-placeholder {
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0px;
  font-size: 10px;
  line-height: 12px;
  padding: 0px 12px;
  background: #a8a8a8;
  color: #ffffff;
  z-index: 1;
  border-radius: 4px 4px 0px 0px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, height ease-in-out 0.15s, top ease-in-out 0.15s;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0.6);
  border-width: 1px 1px 0px 1px;
  overflow: hidden;
}

.required-basket-group .top-placeholder,
.required-common-group .top-placeholder {
  background: #2787B3;
}

.top-placeholder.visible {
  height: 13px;
  top: -10px;
}

.required-basket-group.complete-success-group .top-placeholder,
.required-common-group.complete-success-group .top-placeholder {
  background: #139e1c;
}

.has-form-error-group .top-placeholder,
.required-basket-group.has-form-error-group .top-placeholder,
.required-common-group.has-form-error-group .top-placeholder {
  background: #a94442;
  border-color: #a94442;
  top: -10px;
  height: 13px;
}

.control-container input:focus + .top-placeholder {
  top: -10px;
  height: 13px;
}

.control-container input:focus + .top-placeholder + .custom-placeholder-container .custom-placeholder-content .custom-placeholder {
  display: none;
}

.complete-success-group .custom-placeholder-container .custom-placeholder-content .custom-placeholder {
  display: none;
}

.step-checking-status {
  display: none;
  width: 14px;
  height: 12px;
  text-align: center;
  font-size: 11px;
  color: red;
  position: absolute;
  top: 9px;
  left: -4px;
  overflow: hidden;
}

.required-basket-group .step-checking-status,
.required-common-group .step-checking-status {
  display: block;
}

.required-basket-group.complete-success-group .step-checking-status,
.required-common-group.complete-success-group .step-checking-status {
  padding-top: 12px;
  background: url("../../images/responsiveNew/common/completeSuccessIcon.png") no-repeat;
}

.mobile-step-checking-status {
  display: none;
  width: 14px;
  height: 12px;
  text-align: center;
  font-size: 11px;
  color: red;
  position: absolute;
  top: 46px;
  left: -4px;
  overflow: hidden;
}

.required-basket-group .mobile-step-checking-status,
.required-common-group .mobile-step-checking-status {
  display: block;
}

.mobile-complete-success-group .mobile-step-checking-status {
  padding-top: 12px;
  background: url("../../images/responsiveNew/common/completeSuccessIcon.png") no-repeat;
}

.login-window-content {
  display: none;
}

#windowBoxContainer .login-window-content {
  display: block;
}

button.green-button {
  padding: 8px;
  border: 0;
  background: #5F9821;
  background: linear-gradient(180deg, #6EB026 0%, #5F9821 100%);
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

button.light-green-button {
  padding: 8px;
  border: 0;
  background: #69A125;
  background: linear-gradient(180deg, #79BA2A 0%, #69A125 100%);
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

button.light-grey-button {
  padding: 8px;
  border: 0;
  background: #DEDEDE;
  background: linear-gradient(180deg, #EDEDED 0%, #DEDEDE 97.61%);
  text-align: center;
  text-transform: uppercase;
  color: #5F5F5F;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

button.light-grey-button.revers-on-hover {
  padding: 8px 20px;
}

button.light-grey-button.revers-on-hover:hover {
  background: #DEDEDE;
  background: linear-gradient(180deg, #DEDEDE 0%, #EDEDED 97.61%);
}

button.light-grey-button.none-transform-text {
  text-transform: none;
}

button.none-outline {
  outline: 0;
}

button.grey-button {
  border: 0;
  background: #a8a8a8;
  background: linear-gradient(to bottom, #a8a8a8 0, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8',endColorstr='#7e7e7e',GradientType=0);
  color: #FFFFFF;
  outline: 0;
}

.button-inset-shadow {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
}

button.custom-button {
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
}

.light-green-button {
  background: #6eb026;
  background: linear-gradient(180deg, #6eb026 0, #5f9821 100%);
  color: #ffffff;
}

a.light-green-button,
a.light-green-button:visited,
a.light-green-button:hover,
a.light-green-button:active {
  color: #ffffff;
}

button.grey-button-on-hover:hover {
  background: #a8a8a8;
  background: linear-gradient(to bottom, #a8a8a8 0, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8',endColorstr='#7e7e7e',GradientType=0);
}

button.rma-submit-link-button {
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 0px;
  padding-right: 20px;
  background: transparent;
  border-width: 0 2px 0 0;
  border-color: #d6d6d6;
  color: #464646;
  text-decoration: underline;
  font-size: 16px;
  font-weight: bold;
  outline: none;
}

button.rma-submit-link-button:disabled {
  opacity: 0.75;
}

button.rma-submit-link-button:hover {
  text-decoration: underline;
}

button.rma-submit-link-button:hover:disabled {
  text-decoration: none;
}

div form:last-child > button.rma-submit-link-button:last-of-type {
  margin-right: 0;
  border-width: 0;
}

.background-container {
  width: 100%;
  position: relative;
}

.container-headline {
  margin-bottom: 5px;
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
}

.container-headline.none-transform {
  text-align: left;
  padding-left: 5px;
  margin-bottom: 20px;
}

.open-guide {
  margin-top: 10px;
  margin-right: 25px;
  position: relative;
  float: right;
  padding-right: 25px;
  min-width: 85px;
  max-width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 40px;
}

.open-guide:after {
  content: " ";
  display: none;
  position: absolute;
  right: 0;
  top: 10px;
  width: 1px;
  height: 20px;
  background: #a6a6a6;
}

.open-guide.product-guide {
  margin-top: 35px;
  margin-bottom: 10px;
  margin-right: 0;
  padding-right: 0;
  padding-left: 75px;
  min-height: 47px;
  float: left;
  text-align: left;
  font-size: 17px;
  line-height: normal;
}

.open-guide.category-guide {
  margin-top: 20px;
  float: left;
  clear: left;
}

.open-guide span.guide-title {
  color: #0070c0;
  cursor: pointer;
  font-weight: normal;
}

.open-guide.product-guide span.guide-title {
  display: inline-block;
  margin-top: 4px;
}

.open-guide span.guide-title:hover {
  text-decoration: underline;
}

.open-guide .guide-icon {
  display: inline-block;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
}

.open-guide .guide-icon.default-guide-icon {
  margin-top: -3px;
  width: 42px;
  height: 45px;
  background: url("../../images/responsiveNew/common/guideIcon.png") no-repeat 0 0;
  background-size: 100% auto;
}

.open-guide.product-guide .guide-icon.default-guide-icon {
  margin-top: 0;
  width: 45px;
  height: 47px;
  position: absolute;
  top: 5px;
  left: 0;
}

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

iframe.guide {
  border: 0;
  width: 100%;
  height: 100%;
}

.popup-window-container-waiting {
  padding: 0;
  max-width: 270px;
  max-height: 255px;
  top: 250px;
  border: 0;
}

.popup-window-container-waiting.confirm-waiting {
  width: auto;
  max-width: none;
  max-height: none;
  top: 73px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f8f8f8;
}

.waiting-window-content {
  display: none;
  margin: auto;
  width: 100%;
  max-width: 270px;
  height: 255px;
  position: relative;
  background: url("../../images/responsiveNew/common/loading.gif") 50% 25% no-repeat;
  background-size: 90px auto;
}

.waiting-window-content span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  position: absolute;
  top: 50%;
  margin-top: 40px;
}

.confirm-waiting-content {
  display: none;
  margin: 40px auto 0;
  padding: 20px 10px 60px;
  width: 96%;
  max-width: 330px;
  position: relative;
  background: #ffffff;
  border: solid 1px #d9d9d9;
  box-shadow: 2px 2px 5px 0 #d9d9d9;
  text-align: center;
}

.confirm-waiting-content span {
  display: inline-block;
  width: 100%;
  max-width: 270px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
}

.confirm-waiting-content h3 {
  margin-top: 0;
  margin-bottom: 25px;
  text-align: center;
}

.confirm-waiting-content .waiting-window-content {
  max-width: none;
  height: 130px;
}

#windowBoxContainer .confirm-waiting-content,
#windowBoxContainer .waiting-window-content {
  display: block;
}

/*mobile navigation*/
._show_1e.wrap_mW {
  z-index: 2500 !important;
}

.mobile-nav-container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2501;
  overflow: hidden;
  color: #000000;
}

.mobile-nav-container.opened {
  display: block;
}

.mobile-nav-container .overlay-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.mobile-nav-container.opened .overlay-container {
  opacity: 0.92;
}

.mobile-nav-container .mobile-nav-sections {
  margin-left: 1px;
  margin-right: 55px;
  height: 99%;
  max-height: 800px;
  position: relative;
  background: #fafafa;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transform-origin: 0% 0%;
  transform: translate(-101%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.mobile-nav-container.opened .mobile-nav-sections {
  transform: none;
}

.mobile-nav-container .nav-items-section {
  margin-top: -160px;
  padding-top: 160px;
  width: 100%;
  min-height: 100%;
  position: relative;
  border: 1px solid #d9d9d9;
  border-width: 0 0 1px 0;
  overflow: hidden;
}

.nav-sections-container {
  width: 200%;
  position: relative;
}

.mobile-nav-container .nav-section-content {
  display: none;
  margin-bottom: 35px;
  width: 50%;
  background: #fafafa;
  float: right;
  overflow: hidden;
}

.mobile-nav-container .nav-section-content.active {
  display: block;
  float: left;
  transform: none;
}

.mobile-nav-container .nav-section-content.active-slide {
  display: block;
  position: fixed;
  left: 0;
  right: 55px;
  width: auto;
  height: 99%;
  max-height: 800px;
  z-index: 1;
  transform: translate(100%, 0);
}

.mobile-nav-container .nav-section-content.active-slide.parent {
  transform: translate(-100%, 0);
}

.mobile-nav-container .nav-section-content.active-slide.parent.next-section,
.mobile-nav-container .nav-section-content.active-slide.next-section {
  display: block;
  transform: none;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.mobile-nav-container .nav-items-container ul {
  margin: 0 25px 20px;
  padding: 0 0 0 20px;
  list-style: square;
  font-size: 17px;
}

.mobile-nav-container .nav-items-container ul li {
  margin: 0 0 5px;
  padding-left: 10px;
  line-height: 0;
}

.mobile-nav-container .nav-items-container ul a,
.mobile-nav-container .nav-items-container ul a:visited,
.mobile-nav-container .nav-items-container ul a:hover,
.mobile-nav-container .nav-items-container ul a:active,
.mobile-nav-container .nav-items-container ul button {
  display: inline-block;
  width: 100%;
  padding: 2px 0 3px;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;
  text-decoration: none;
  text-align: left;
  color: #0070C0;
}

.mobile-nav-container .nav-items-container {
  padding-top: 60px;
}

.mobile-nav-container .main-section .nav-items-container {
  padding-top: 10px;
}

.mobile-nav-container .main-section .nav-items-container {
  background: #ffffff;
}

.mobile-nav-container .main-section .nav-items-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav-container .main-section .nav-items-container ul li {
  padding: 1px 20px 6px;
  border: 1px solid #d9d9d9;
  border-width: 0 0 1px 0;
  position: relative;
}

.mobile-nav-container .main-section .nav-items-container ul li:after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 31px;
  background: url("../../images/responsiveNew/common/nav-mobile-icon.png") no-repeat 50% 50%;
  position: absolute;
  top: 0;
  right: 20px;
}

.mobile-nav-container .main-section .nav-items-container ul a,
.mobile-nav-container .main-section .nav-items-container ul a:visited,
.mobile-nav-container .main-section .nav-items-container ul a:hover,
.mobile-nav-container .main-section .nav-items-container ul a:active,
.mobile-nav-container .main-section .nav-items-container ul button {
  font-size: 21px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}

.mobile-nav-container .nav-section-link {
  display: block;
  margin: 5px 25px 15px 15px;
  padding: 15px 5px 12px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
}

.mobile-nav-container .nav-section-link.title {
  color: #000000;
}

.mobile-nav-container .nav-section-link.button {
  padding: 15px 15px 12px;
  width: auto;
  min-width: 200px;
  max-width: 400px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-nav-container .back-control-container {
  position: fixed;
  left: 0;
  right: 55px;
  padding-left: 15px;
  background: #fafafa;
}

.mobile-nav-container .back-control-container:after {
  content: " ";
  display: block;
  height: 8px;
  background: linear-gradient(to top, rgba(185, 185, 185, 0.05) 0%, rgba(192, 192, 192, 0.21) 18%, rgba(194, 194, 194, 0.38) 36%, rgba(194, 194, 194, 0.55) 55%, rgba(196, 196, 196, 0.71) 73%, rgba(196, 196, 196, 0.88) 91%, rgba(195, 195, 195, 0.95) 100%);
  position: absolute;
  top: 100%;
  right: -55px;
  left: 0;
}

.mobile-nav-container.opened .nav-section-content .back-control-container:after {
  right: -55px;
}

.mobile-nav-container .nav-section-content.active .back-control-container:after {
  right: -55px;
}

.mobile-nav-container.opened .nav-section-content.active .back-control-container:after {
  right: 0;
}

.mobile-nav-container .back-control-container button {
  margin: 10px 0;
  padding: 5px 0 10px 25px;
  width: 100%;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.mobile-nav-container .back-control-container a {
  margin: 10px 0;
  padding: 5px 0 10px 25px;
  width: 100%;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.mobile-nav-container .back-control-container button:before {
  content: " ";
  display: block;
  width: 10px;
  height: 35px;
  background: url("../../images/responsiveNew/common/nav-mobile-back-icon.png") no-repeat 50% 50%;
  position: absolute;
  top: 0;
  left: -2px;
}

.mobile-nav-container .back-control-container a:before {
  content: " ";
  display: block;
  width: 10px;
  height: 35px;
  background: url("../../images/responsiveNew/common/nav-mobile-back-icon.png") no-repeat 50% 50%;
  position: absolute;
  top: 0;
  left: -2px;
}

.mobile-nav-container .nav-section-content .nav-info-section {
  margin-bottom: 0;
}

.mobile-nav-container .nav-info-section {
  margin-bottom: 35px;
  padding-top: 25px;
  width: 100%;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}

.mobile-nav-container .nav-info-section-content {
  padding-left: 15px;
  width: 100%;
  position: relative;
}

.mobile-nav-container .nav-section-title {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px;
  width: 100%;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
}

.mobile-nav-container .nav-info-section ul {
  margin: 0 20px;
  padding: 0 0 0 20px;
  list-style: square;
  font-size: 17px;
}

.mobile-nav-container .nav-info-section ul li {
  margin: 0 0 5px;
  line-height: 0;
}

.mobile-nav-container .nav-info-section ul a,
.mobile-nav-container .nav-info-section ul a:visited,
.mobile-nav-container .nav-info-section ul a:hover,
.mobile-nav-container .nav-info-section ul a:active {
  display: inline-block;
  margin-bottom: 2px;
  padding: 5px 0;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  text-decoration: none;
  color: #000000;
}

.mobile-nav-container .nav-call-info {
  display: block;
  margin: 5px;
  padding: 4px 0 4px 30px;
  position: relative;
}

.mobile-nav-container .nav-call-info:before {
  content: " ";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/responsiveNew/common/nav-mobile-call-icon.png") no-repeat 0 50%;
}

.mobile-nav-container .nav-chat-button {
  margin: 20px 0 10px 5px;
  padding: 10px 10px 10px 32px;
  width: 100%;
  max-width: 177px;
  border-radius: 44px;
  background: #009ad0;
  color: #ffffff;
  position: relative;
}

.mobile-nav-container .nav-chat-button:before {
  content: " ";
  display: inline-block;
  margin-left: -32px;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  background: url("../../images/responsiveNew/common/nav-mobile-chat-icon.png") no-repeat 0 50%;
}

.mobile-nav-container .close-mobile-overlay-container {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 55px;
  background: #0d0d0d;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  z-index: 2;
}

.mobile-nav-container.opened .close-mobile-overlay-container {
  opacity: 0.92;
}

.mobile-nav-container.opened .close-mobile-overlay-container.none-opacity {
  opacity: 1;
}

.mobile-nav-container .close-mobile-nav-button {
  position: fixed;
  top: 0;
  right: 5px;
  width: 45px;
  height: 60px;
  color: #ffffff;
  opacity: 0.8;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.2s ease-out;
  z-index: 3;
}

.mobile-nav-container.opened .close-mobile-nav-button {
  transform: none;
  transition-delay: 0.2s;
}

.mobile-nav-container .close-mobile-nav-button span {
  display: inline-block;
  width: 37px;
  height: 2px;
  position: relative;
}

.mobile-nav-container .close-mobile-nav-button span:before,
.mobile-nav-container .close-mobile-nav-button span:after {
  content: " ";
  display: block;
  margin-top: -5px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-nav-container .close-mobile-nav-button span:before {
  transform: rotate(-45deg);
}

.mobile-nav-container .close-mobile-nav-button span:after {
  transform: rotate(45deg);
}

/*end mobile navigation*/
/*basket cart minimized*/
.basket-cart-min-visibility {
  display: none;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.basket-card-min-overlay {
  position: fixed;
  top: 160px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 16;
}

.basket-card-min-overlay.zero-opacity {
  opacity: 0;
  top: 0;
  bottom: 150px;
}

.header-container.wrapped-state .basket-card-min-overlay {
  top: 0;
}

.basket-card-min-container {
  position: relative;
}

.basket-card-min-content {
  position: absolute;
  top: -38px;
  right: 10px;
  z-index: 17;
  width: 100%;
  max-width: 690px;
  background: #ffffff;
  border: 1px solid #7f7f7f;
}

.header-container.wrapped-state .basket-card-min-content,
.header-container.animation-state .basket-card-min-content {
  top: 0;
}

.basket-card-min-content .tab-container {
  position: absolute;
  top: -100px;
  bottom: 100%;
  right: -1px;
  background: #ffffff;
  border: 1px solid #7f7f7f;
  border-width: 1px 1px 0 1px;
  z-index: 17;
  width: 190px;
}

.header-container.wrapped-state .basket-card-min-content .tab-container,
.header-container.animation-state .basket-card-min-content .tab-container {
  display: none;
}

.basket-card-min-content .tab-container.wrapped {
  display: none;
  width: 95px;
  opacity: 0.3;
}

.header-container.animation-state .basket-card-min-content .tab-container.wrapped,
.header-container.wrapped-state.animation-state .basket-card-min-content .tab-container.wrapped {
  display: none;
}

.header-container.wrapped-state .basket-card-min-content .tab-container.wrapped {
  display: block;
}

.basket-card-min-products {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.visible-index {
  z-index: 18 !important;
}

.visible-down-index {
  z-index: 10 !important;
}

.on-search-visible-index {
  z-index: 21 !important;
}

.basket-card-min-shipping {
  width: 100%;
  position: relative;
  background: #f6f6f6;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 1px 0;
}

.basket-card-min-shipping .basket-card-free-shipping-info {
  margin-top: 20px;
  text-align: center;
}

.basket-card-min-controls {
  margin: auto;
  padding: 10px 10px 0;
  width: 100%;
  max-width: 430px;
  position: relative;
}

/*basket cart minimized end*/
/*cart product container*/
.cart-product-container {
  margin-top: -1px;
  padding: 20px 10px;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 1px 0;
  position: relative;
  text-align: left;
}

.cart-product-container.minimized {
  padding: 15px 30px;
}

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

.cart-product-container.warning-highlight,
.cart-product-container.warning-highlight-gls,
.cart-product-container.warning-highlight-post {
  border: 1px solid #E8E597;
  border-width: 1px 0 1px 0;
  margin-bottom: 1px;
}

.cart-product-container .cart-product-info {
  margin-top: 5px;
  padding-bottom: 62px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cart-product-container.amount-only .cart-product-info {
  padding-bottom: 0;
}

.cart-product-container .cart-product-image {
  margin-right: 20px;
  width: 29.33333333%;
  max-width: 100px;
  min-width: 65px;
  height: 100px;
  float: left;
  position: relative;
}

.cart-product-container .cart-product-image img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cart-product-container .cart-product-texts {
  position: relative;
  overflow: hidden;
}

.cart-product-container .cart-product-link {
  display: inline-block;
  width: 100%;
  color: #0070C0;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.cart-product-container a.cart-product-link,
.cart-product-container a.cart-product-link:visited,
.cart-product-container a.cart-product-link:hover,
.cart-product-container a.cart-product-link:active {
  color: #0070C0;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
}

.cart-product-container a.cart-product-link:hover,
.cart-product-container a.cart-product-link:hover span {
  text-decoration: underline;
}

.cart-product-container .cart-product-link span {
  display: inline-block;
  width: 100%;
  min-height: 23px;
}

.cart-product-container .cart-product-link span.cart-product-number {
  margin-top: 9px;
  min-height: 0;
  color: #454545;
  font-size: 12px;
}

.cart-product-container.minimized .cart-product-link span {
  min-height: 25px;
}

.cart-product-container .cart-product-shipping {
  margin-top: 15px;
  width: 100%;
  position: relative;
  font-size: 13px;
  font-weight: normal;
  line-height: 21px;
}

.cart-product-container.minimized .cart-product-shipping {
  margin-top: 0;
}

.cart-product-container .cart-product-shipping:before {
  content: " ";
  display: inline-block;
  margin-top: -2px;
  margin-right: 9px;
  width: 22px;
  height: 21px;
  background: url("../../images/responsiveNew/common/basket-card-product-shipping-icon.png") no-repeat 0 50%;
  background-size: 100% auto;
  float: left;
}

.cart-product-container .cart-product-controls {
  margin-top: 20px;
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 20px;
  z-index: 1;
}

.cart-product-container .amount-price-info {
  width: 38.33333333%;
  min-width: 70px;
  max-width: 135px;
  min-height: 37px;
  position: relative;
  float: left;
}

.cart-product-container .cart-amount-control {
  padding-right: 10px;
  width: 100%;
  max-width: 125px;
  height: 42px;
  position: relative;
  float: left;
}

.cart-product-container .cart-amount-control input {
  padding-right: 40px;
  padding-left: 5px;
  width: 100%;
  height: 100%;
  background: #dedede;
  background: linear-gradient(180deg, #ededed 0, #dedede 97.61%);
  border: 1px solid #bfbfbf;
  text-align: center;
}

.cart-product-container .cart-amount-control span {
  display: inline-block;
  width: 35px;
  height: 37px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 37px;
  position: absolute;
  top: 0;
  right: 0;
}

.cart-product-container .cart-price-info {
  position: relative;
  overflow: hidden;
}

.cart-product-container .cart-price-info .price {
  margin-top: 12px;
  display: table;
  width: 100%;
  min-height: 27px;
  position: relative;
}

.cart-product-container .cart-price-info .price > div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
  line-height: 14px;
}

.cart-product-container .cart-price-info .price > div span {
  display: inline-block;
  margin-right: 20px;
}

.cart-product-container .cart-price-info .price > div span.price-vat {
  margin-right: 0;
  font-size: 14px;
  font-weight: normal;
}

.cart-product-container .cart-buttons {
  position: relative;
  overflow: hidden;
}

.cart-product-container .cart-remove-button {
  margin-right: 10px;
  padding: 0;
  width: 70px;
  height: 42px;
  float: left;
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.cart-product-container .cart-favorites {
  height: 42px;
  position: relative;
  overflow: hidden;
}

.cart-favorite-button.favorite-button {
  padding-left: 32px;
  width: 100%;
  height: 100%;
  background: #dedede;
  background: linear-gradient(180deg, #ededed 0, #dedede 97.61%);
  border: 1px solid #CACCD0;
  border-radius: 5px;
  /*box-shadow: 1px 1px 3px 1px #CACCD0;*/
  text-align: center;
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  position: relative;
}

.cart-favorite-button.favorite-button .icon {
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -32px;
  width: 25px;
  height: 21px;
  right: auto;
  left: auto;
}

.cart-product-container .cart-amount-control input,
.cart-product-container .cart-remove-button,
.cart-favorite-button.favorite-button {
  border: 1px solid #CACCD0;
  border-radius: 5px;
  /*box-shadow: 1px 1px 3px 1px #CACCD0;*/
}

.pricematch-container {
  margin-left: 85px;
  overflow: hidden;
}

.cart-product-container.package-products-container {
  padding-right: 0;
  padding-left: 0;
  margin-top: 25px;
  margin-bottom: -21px;
}

/*cart product container end*/
/*extra details non indexable*/
.col-extra-details {
  padding-top: 15px;
  padding-bottom: 5px;
}

.col-extra-details.categories {
  padding-top: 0;
  padding-bottom: 5px;
  background: transparent;
}

/*extra details non indexable end*/
/*rma cases navigation*/
.rma-cases-navigation {
  margin-top: -8px;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
  font-size: 0;
  line-height: 0;
}

.rma-cases-navigation .rma-nav {
  display: inline-block;
  margin-top: 8px;
  margin-right: 15px;
  padding: 11px 20px;
  min-width: 188px;
  background: #383344;
  border: 2px solid #383344;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
  line-height: 21px;
}

.rma-cases-navigation a.rma-nav,
.rma-cases-navigation a.rma-nav:active,
.rma-cases-navigation a.rma-nav:focus,
.rma-cases-navigation a.rma-nav:visited {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
  line-height: 21px;
}

.rma-cases-navigation .rma-nav:last-child {
  margin-right: 0;
}

.rma-cases-navigation .rma-nav.active-nav {
  background: transparent;
  color: #464646;
  font-weight: bold;
}

.rma-cases-navigation a.rma-nav.active-nav,
.rma-cases-navigation a.rma-nav.active-nav:active,
.rma-cases-navigation a.rma-nav.active-nav:focus,
.rma-cases-navigation a.rma-nav.active-nav:visited {
  color: #464646;
  font-weight: bold;
}

.rma-cases-navigation .rma-nav:hover,
.rma-cases-navigation a.rma-nav:hover {
  background: transparent;
  color: #464646;
}

/*rma cases navigation end*/
/*add to cart window*/
.separate-window {
  display: none;
}

.separate-dialog {
  background: #ffffff;
  font-family: "opensans", sans-serif;
  z-index: 500;
}

.separate-dialog .ui-dialog-titlebar {
  background: #ffffff;
  border: none;
  color: #454545;
}

.separate-dialog .ui-dialog-title {
  font-size: 21px;
  line-height: 27px;
  white-space: pre-wrap;
}

.separate-dialog .separate-window-content {
  font-size: 14px;
  line-height: 20px;
  /*max-height: 159px;*/
  max-width: 318px;
}

.separate-dialog .separate-window-buttons {
  margin: 15px auto;
}

.separate-dialog .btn-primary {
  background: transparent linear-gradient(180deg, #6eb026 0, #6cae25 10%, #6bab25 20%, #69a924 30%, #68a624 40%, #67a424 50%, #65a223 60%, #639f22 70%, #629d22 80%, #609a21 90%, #5f9821 100%) 0 0 no-repeat padding-box;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.ui-dialog-titlebar-close {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}

.ui-dialog-titlebar-close:hover {
  background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}

/*add to cart window end*/
@media (min-width: 375px) {
  .basket-icon,
  .favorites-icon,
  .profile-icon {
    padding-top: 25px;
    font-size: 12px;
    font-weight: 400;
  }
  .basket-icon > span {
    right: 13px;
  }
}
@media (min-width: 480px) {
  .header-basket-link,
  .header-favorites-link {
    margin-left: 35px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row,
  .form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-5th,
  .col-sm-5th,
  .col-md-5th,
  .col-lg-5th,
  .col-lge-5th {
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-sm-5th {
    width: 20%;
    float: left;
  }
  .col-lge-2,
  .col-lge-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .top-header.basket-end-header {
    padding-bottom: 0px;
    max-height: 130px;
    border: 0px;
  }
  .header-search-container {
    transition: none;
  }
  .header-search-box .search-field {
    padding: 9px 55px 12px 15px;
    border: 1px solid #BCBCBC;
    border-radius: 3px;
    background: transparent;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.11);
    color: #454545;
  }
  .header-search-box .search-field::-moz-placeholder {
    color: #454545;
    opacity: 0.5;
  }
  .header-search-box .search-field::placeholder {
    color: #454545;
    opacity: 0.5;
  }
  .header-search-box .search-field:-ms-input-placeholder {
    color: #454545;
  }
  .header-search-box .search-field::-ms-input-placeholder {
    color: #454545;
  }
  .header-steps-container {
    margin: 7px 0px 0px;
  }
  .header-steps-content .basket-step {
    width: auto;
    float: left;
    position: relative;
    text-align: left;
  }
  .basket-step.arrow-container {
    padding-right: 35px;
    margin-right: 10px;
  }
  .basket-step.arrow-container:after {
    height: auto;
    top: 0px;
    right: 5px;
  }
  .header-steps-content .basket-step .step-title {
    width: auto;
    font-size: 20px;
    line-height: 26px;
    float: none;
    clear: none;
  }
  .header-steps-content .basket-step .step-mark {
    margin-right: 5px;
    margin-left: 0px;
  }
  .header-basket-container {
    margin: 4px 0px 0px;
    max-width: none;
    float: left;
  }
  .top-header.basket-end-header .header-basket-container {
    margin: 0;
  }
  .header-top-menu-container,
  .header-top-menu-container.scrolled,
  .header-container.wrapped-state .header-top-menu-container.scrolled {
    margin-top: 0;
  }
  .header-top-menu-container .top-menu-background-container > .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .tp-label.text.str-score {
    margin-right: -20%;
  }
  .footer-container {
    padding: 25px 15px 55px;
  }
  .footer-item-title {
    text-align: left;
  }
  .footer-item-content {
    text-align: left;
  }
  .footer-item-content .footer-cards-content {
    margin: auto;
  }
  .footer-newsletter-subscription-content {
    float: right;
  }
  .content {
    padding: 9px 0px 50px;
  }
  .content-bottom {
    padding: 9px 0px 0px;
  }
  /*product container styles*/
  .favorites-buttons-container .product-container {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2588235294);
  }
  .favorite-window-product-container .product-content .product-image {
    margin-right: auto;
    margin-left: auto;
    max-width: 240px;
    float: none;
  }
  .favorite-window-product-container .product-content .product-texts {
    margin-right: auto;
    margin-left: auto;
    max-width: 240px;
    float: none;
  }
  .small-product-container .product-controls .amount-input {
    width: 67px;
  }
  .small-product-container .product-controls .amount-input input {
    padding: 5px 30px 7px 2px;
    font-size: 16px;
    line-height: 24px;
  }
  .small-product-container .product-controls .amount-input span {
    width: 30px;
    font-size: 11px;
    line-height: 19px;
  }
  .small-product-container .product-controls .buy-button input {
    font-size: 12px;
  }
  .product-controls .buy-button input {
    font-size: 16px;
  }
  /*end product container styles*/
  .bottom-description-content {
    padding-left: 10%;
    padding-right: 10%;
  }
  .bottom-description-content,
  .bottom-description-overlay,
  .bottom-description-button-container {
    margin: 0;
  }
  .info-video-content {
    height: auto;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .info-video-content iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 570px;
    height: 348px;
  }
  /*end purchase cart styles*/
  .common-info-container {
    padding: 15px;
  }
  .common-info-container .info-content.top-padding {
    padding-top: 10px;
  }
  .common-info-container .info-content.table-container {
    padding-left: 15px;
    padding-right: 15px;
    border: 0px;
  }
  .common-info-container .info-content.table-container .table-cell {
    margin-left: 0px;
  }
  .common-info-container .info-table {
    padding-right: 15px;
    padding-left: 15px;
  }
  .common-info-container .info-table.responsive-table .info-table-header-row {
    display: block;
  }
  .common-info-container .info-table.responsive-table .info-table-row .cell-before {
    display: none;
  }
  .common-info-container .info-table.responsive-table .info-table-row .cell-wide-item {
    margin-left: 0px;
  }
  .common-info-container .info-table.responsive-table .info-table-row .cell-item,
  .common-info-container .info-table.responsive-table .info-table-header-row .cell-item {
    width: 100%;
  }
  .common-info-container .info-table.responsive-table .info-table-row .cell-item.text-align-right,
  .common-info-container .info-table.responsive-table .info-table-header-row .cell-item.text-align-right,
  .common-info-container .info-table .info-table-row .cell-wide-item {
    text-align: right;
  }
  .common-info-container .info-table.responsive-table .info-table-row div.control-cell input,
  .common-info-container .info-table.responsive-table .info-table-row div.control-cell button,
  .common-info-container .info-table.responsive-table .info-table-row div.control-cell a {
    float: right;
    position: relative;
    left: 0;
  }
  .common-form.float-left {
    float: left;
  }
  .custom-form-group {
    margin-bottom: 0px;
  }
  .common-info-container .inner-container-form-group.form-group.top-mobile-separation {
    margin-top: 0px;
  }
  .custom-control-label {
    margin-right: 25px;
    margin-left: -25px;
  }
  .form-group.required .control-label:after {
    right: 5px;
  }
  .basket-form .control-label {
    font-size: 14px;
    text-align: left;
  }
  .basket-form .control-label,
  .common-form .control-label {
    font-weight: bold;
  }
  .form-horizontal .control-label.case-type-label {
    max-width: 150px;
  }
  .form-horizontal .control-label.col-sm-12 {
    margin-bottom: 7px;
  }
  .form-horizontal .control-label.custom-checkbox-left-label {
    padding-top: 9px;
  }
  /*roles toggle window styles*/
  /*group container styles*/
  .group-content .group-image {
    padding: 10px;
    width: 100%;
    height: 172px;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
  }
  .group-content .group-image img {
    max-width: 90%;
    max-height: 152px;
    top: 10px;
    right: 0px;
    bottom: 10px;
    left: 0px;
  }
  .group-content .group-texts {
    margin-right: 0px;
    padding: 15px 10px;
    width: 100%;
    max-height: none;
  }
  .group-content .group-texts > div {
    display: block;
    margin-bottom: 0px;
    padding: 0px 5px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .sm-group .group-content .group-image {
    border: 0;
  }
  .sm-group .group-content .group-image {
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 10px;
    height: 80px;
  }
  .sm-group .group-content .group-image img {
    max-height: 100%;
    top: 0;
    bottom: 0;
  }
  .sm-group .group-content .group-texts {
    padding: 4px 10px 15px;
  }
  .sm-group .group-content .group-texts > div {
    height: 44px;
    font-size: 14px;
    line-height: 17px;
  }
  .brands-container {
    margin-right: -1px;
    margin-left: 1px;
  }
  .brands-container .col-xs-12 {
    padding-left: 0;
  }
  .brand-container {
    padding-top: 7.64%;
  }
  .brand-container img {
    max-width: 60%;
    max-height: 60%;
  }
  /*group container styles end*/
  .control-container input.mobile-longer-placeholder {
    padding-right: 25%;
  }
  .step-checking-status {
    top: 9px;
    left: -4px;
  }
  .required-basket-group .mobile-step-checking-status,
  .required-common-group .mobile-step-checking-status {
    display: none;
  }
  .open-guide {
    clear: none;
    margin-top: 0;
  }
  .open-guide.category-guide {
    margin-top: 20px;
    clear: left;
  }
  /*basket card popup styles*/
  /*end basket card popup styles*/
  .sliders-shadow-container {
    margin: 30px 0 0;
    box-shadow: 2px 2px 5px 0 #d9d9d9;
  }
  .sliders-shadow-container:empty {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  /*add to cart window*/
  .separate-dialog .ui-dialog-title {
    font-size: 28px;
    line-height: 36px;
  }
  .separate-dialog .separate-window-content {
    font-size: 16px;
    line-height: 31px;
    max-height: 153px;
    max-width: 558px;
  }
  .separate-dialog .separate-window-buttons {
    margin: 40px auto;
  }
  /*add to cart window end*/
}
@media (min-width: 992px) {
  .close-window-button {
    height: 43px;
  }
  .modal-open-mobile-only {
    overflow: initial;
  }
  .modal-open-mobile-only.modal-open {
    overflow: hidden;
  }
  .col-xs-1.sm-items-space, .col-sm-1.sm-items-space, .col-md-1.sm-items-space, .col-lg-1.sm-items-space, .col-xs-2.sm-items-space, .col-sm-2.sm-items-space, .col-md-2.sm-items-space, .col-lg-2.sm-items-space, .col-xs-3.sm-items-space, .col-sm-3.sm-items-space, .col-md-3.sm-items-space, .col-lg-3.sm-items-space, .col-xs-4.sm-items-space, .col-sm-4.sm-items-space, .col-md-4.sm-items-space, .col-lg-4.sm-items-space, .col-xs-5.sm-items-space, .col-sm-5.sm-items-space, .col-md-5.sm-items-space, .col-lg-5.sm-items-space, .col-xs-6.sm-items-space, .col-sm-6.sm-items-space, .col-md-6.sm-items-space, .col-lg-6.sm-items-space, .col-xs-7.sm-items-space, .col-sm-7.sm-items-space, .col-md-7.sm-items-space, .col-lg-7.sm-items-space, .col-xs-8.sm-items-space, .col-sm-8.sm-items-space, .col-md-8.sm-items-space, .col-lg-8.sm-items-space, .col-xs-9.sm-items-space, .col-sm-9.sm-items-space, .col-md-9.sm-items-space, .col-lg-9.sm-items-space, .col-xs-10.sm-items-space, .col-sm-10.sm-items-space, .col-md-10.sm-items-space, .col-lg-10.sm-items-space, .col-xs-11.sm-items-space, .col-sm-11.sm-items-space, .col-md-11.sm-items-space, .col-lg-11.sm-items-space, .col-xs-12.sm-items-space, .col-sm-12.sm-items-space, .col-md-12.sm-items-space, .col-lg-12.sm-items-space {
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-xs-5th.sm-items-space,
  .col-sm-5th.sm-items-space,
  .col-md-5th.sm-items-space,
  .col-lg-5th.sm-items-space,
  .col-lge-5th.sm-items-space {
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-lge-2.sm-items-space,
  .col-lge-3.sm-items-space {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space {
    margin-right: -10px;
    margin-left: -10px;
  }
  .row.sm-items-space > .col-xs-1, .row.sm-items-space > .col-sm-1, .row.sm-items-space > .col-md-1, .row.sm-items-space > .col-lg-1, .row.sm-items-space > .col-xs-2, .row.sm-items-space > .col-sm-2, .row.sm-items-space > .col-md-2, .row.sm-items-space > .col-lg-2, .row.sm-items-space > .col-xs-3, .row.sm-items-space > .col-sm-3, .row.sm-items-space > .col-md-3, .row.sm-items-space > .col-lg-3, .row.sm-items-space > .col-xs-4, .row.sm-items-space > .col-sm-4, .row.sm-items-space > .col-md-4, .row.sm-items-space > .col-lg-4, .row.sm-items-space > .col-xs-5, .row.sm-items-space > .col-sm-5, .row.sm-items-space > .col-md-5, .row.sm-items-space > .col-lg-5, .row.sm-items-space > .col-xs-6, .row.sm-items-space > .col-sm-6, .row.sm-items-space > .col-md-6, .row.sm-items-space > .col-lg-6, .row.sm-items-space > .col-xs-7, .row.sm-items-space > .col-sm-7, .row.sm-items-space > .col-md-7, .row.sm-items-space > .col-lg-7, .row.sm-items-space > .col-xs-8, .row.sm-items-space > .col-sm-8, .row.sm-items-space > .col-md-8, .row.sm-items-space > .col-lg-8, .row.sm-items-space > .col-xs-9, .row.sm-items-space > .col-sm-9, .row.sm-items-space > .col-md-9, .row.sm-items-space > .col-lg-9, .row.sm-items-space > .col-xs-10, .row.sm-items-space > .col-sm-10, .row.sm-items-space > .col-md-10, .row.sm-items-space > .col-lg-10, .row.sm-items-space > .col-xs-11, .row.sm-items-space > .col-sm-11, .row.sm-items-space > .col-md-11, .row.sm-items-space > .col-lg-11, .row.sm-items-space > .col-xs-12, .row.sm-items-space > .col-sm-12, .row.sm-items-space > .col-md-12, .row.sm-items-space > .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space > .col-xs-5th,
  .row.sm-items-space > .col-sm-5th,
  .row.sm-items-space > .col-md-5th,
  .row.sm-items-space > .col-lg-5th,
  .row.sm-items-space > .col-lge-5th {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space > .col-lge-2,
  .row.sm-items-space > .col-lge-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space > span > .col-xs-1, .row.sm-items-space > span > .col-sm-1, .row.sm-items-space > span > .col-md-1, .row.sm-items-space > span > .col-lg-1, .row.sm-items-space > span > .col-xs-2, .row.sm-items-space > span > .col-sm-2, .row.sm-items-space > span > .col-md-2, .row.sm-items-space > span > .col-lg-2, .row.sm-items-space > span > .col-xs-3, .row.sm-items-space > span > .col-sm-3, .row.sm-items-space > span > .col-md-3, .row.sm-items-space > span > .col-lg-3, .row.sm-items-space > span > .col-xs-4, .row.sm-items-space > span > .col-sm-4, .row.sm-items-space > span > .col-md-4, .row.sm-items-space > span > .col-lg-4, .row.sm-items-space > span > .col-xs-5, .row.sm-items-space > span > .col-sm-5, .row.sm-items-space > span > .col-md-5, .row.sm-items-space > span > .col-lg-5, .row.sm-items-space > span > .col-xs-6, .row.sm-items-space > span > .col-sm-6, .row.sm-items-space > span > .col-md-6, .row.sm-items-space > span > .col-lg-6, .row.sm-items-space > span > .col-xs-7, .row.sm-items-space > span > .col-sm-7, .row.sm-items-space > span > .col-md-7, .row.sm-items-space > span > .col-lg-7, .row.sm-items-space > span > .col-xs-8, .row.sm-items-space > span > .col-sm-8, .row.sm-items-space > span > .col-md-8, .row.sm-items-space > span > .col-lg-8, .row.sm-items-space > span > .col-xs-9, .row.sm-items-space > span > .col-sm-9, .row.sm-items-space > span > .col-md-9, .row.sm-items-space > span > .col-lg-9, .row.sm-items-space > span > .col-xs-10, .row.sm-items-space > span > .col-sm-10, .row.sm-items-space > span > .col-md-10, .row.sm-items-space > span > .col-lg-10, .row.sm-items-space > span > .col-xs-11, .row.sm-items-space > span > .col-sm-11, .row.sm-items-space > span > .col-md-11, .row.sm-items-space > span > .col-lg-11, .row.sm-items-space > span > .col-xs-12, .row.sm-items-space > span > .col-sm-12, .row.sm-items-space > span > .col-md-12, .row.sm-items-space > span > .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space > span > .col-xs-5th,
  .row.sm-items-space > span > .col-sm-5th,
  .row.sm-items-space > span > .col-md-5th,
  .row.sm-items-space > span > .col-lg-5th,
  .row.sm-items-space > span > .col-lge-5th {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row.sm-items-space > span > .col-lge-2,
  .row.sm-items-space > span > .col-lge-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .container {
    padding-right: 32px;
    padding-left: 32px;
    width: 100%;
    max-width: 1170px;
  }
  .col-md-5th {
    width: 20%;
    float: left;
  }
  .background-container.header-relative-background {
    margin-bottom: -10px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #F6F6F6;
  }
  .background-container.header-relative-background.none-background {
    background: none;
  }
  .basket-end-main-container .background-container.header-relative-background {
    background: none;
  }
  .background-container.categories-top-background {
    background: #F6F6F6;
  }
  .header-container {
    min-height: 60px;
  }
  .header-container.wrapped-state {
    min-height: 50px;
    box-shadow: none;
  }
  .header-container.mobile-live-search-state .mobile-live-search-hidden {
    display: block;
  }
  .top-header {
    padding-bottom: 0px;
    border: 0px;
  }
  .header-menu {
    max-height: 75px;
  }
  .header-menu .header-menu-link {
    margin-top: 22px;
    padding-top: 5px;
    padding-bottom: 11px;
    text-transform: none;
    font-size: 12px;
    line-height: 17px;
  }
  a.header-menu-link,
  a.header-menu-link:visited,
  a.header-menu-link:hover {
    text-transform: none;
    font-size: 12px;
    line-height: 17px;
  }
  .header-menu-link.left-icon-link.green-mark {
    padding-left: 17px;
    background-position: 0px 8px;
    background-size: auto auto;
  }
  .header-menu-link.right-icon-link.contact-icon {
    padding-right: 19px;
    background-position: 99% 4px;
    background-size: auto auto;
  }
  .header-menu-link.right-icon-link.emarket-link {
    margin-top: 18px;
    margin-right: 5px;
    clear: none;
  }
  .header-menu-link.right-icon-link.emarket-link div {
    width: 33px;
    height: 33px;
  }
  .header-menu-link.right-icon-link.emarket-link div img {
    left: auto;
  }
  .tp-header-menu-item {
    margin-right: 326px;
    margin-left: 395px;
  }
  .tp-header-menu-link {
    max-width: 87px;
  }
  .tp-header-menu-link .tp-label {
    height: 20px;
  }
  .top-header {
    max-height: 100px;
    transition: max-height 0.2s linear;
  }
  .top-header.basket-end-header {
    max-height: 108px;
  }
  .header-container.wrapped-state .top-header.basket-purchase-header {
    max-height: 100px;
  }
  .header-container.wrapped-state .top-header {
    max-height: 0px;
  }
  .header-container.wrapped-state .top-header.basket-end-header {
    max-height: 108px;
  }
  .header-logo-container,
  .header-logo-container.wide-logo,
  .header-steps-container {
    margin: 20px 0px 18px;
    height: 62px;
  }
  .header-logo-container {
    padding-right: 0px;
    padding-left: 60px;
  }
  .header-logo-link {
    margin: auto;
  }
  .header-logo-link img {
    height: auto;
  }
  .top-header.basket-end-header .header-basket-container,
  .header-basket-container {
    margin: 20px 0px;
    height: 60px;
  }
  .header-basket-link {
    margin: 13px 0px 0px auto;
    height: auto;
  }
  .header-basket-icon {
    width: 58px;
    background: url("../../images/responsiveNew/common/headerBasketIcon.png") 100% 50% no-repeat;
    background-position: 100% 50%;
  }
  .header-basket-amount {
    padding-top: 5px;
    min-width: 33px;
    height: 33px;
    border: 3px solid #FFFFFF;
    background: #00BDA2;
    background: linear-gradient(90deg, #00BDA2 0%, #009BB1 100%);
    font-size: 11px;
    line-height: 15px;
    left: -5px;
  }
  .basket-icon {
    display: inline-block;
    padding: 7px 44px 7px 10px;
    background: url("../../images/icon-cart.svg") right center no-repeat;
    background-size: auto 33px;
    font-size: 14px;
  }
  .basket-icon > span {
    padding: 2px 3px;
    min-width: 20px;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    font-size: 9px;
    top: -7px;
    right: 22px;
  }
  .header-favorites-link {
    margin: 13px 25px 0px auto;
    height: auto;
  }
  .favorites-icon {
    display: inline-block;
    padding: 7px 39px 7px 10px;
    background: url("../../images/icon-heart.svg") right center no-repeat;
    background-size: auto 25px;
    font-size: 14px;
  }
  .header-container.wrapped-state .header-search-container,
  .header-container.wrapped-state .header-search-container.scrolled,
  .header-search-container {
    margin: 28px 0px 0px;
    height: 45px;
  }
  .header-search-container {
    padding-right: 15px;
    padding-left: 0;
    background: none;
  }
  .header-container.mobile-live-search-state .header-search-box,
  .header-search-box {
    margin: 0;
    max-width: 435px;
    height: 45px;
  }
  .header-search-box .search-field {
    padding: 0px 80px 0px 40px;
    height: 45px;
    border: 1px solid #DDDDDD;
    background: url("../../images/icon-search.svg") left 9px center no-repeat;
    background-size: 21px auto;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0509803922);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    transition: padding-left 0.1s ease-out;
  }
  .header-search-box .search-field:focus::placeholder,
  .header-search-box .search-field:focus:-ms-input-placeholder,
  .header-search-box .search-field:focus::-ms-input-placeholder {
    color: transparent;
  }
  .header-search-box .search-button {
    width: 70px;
    border-radius: 3px;
    background: #6DB024;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    right: 4px;
    top: 4px;
    bottom: 4px;
  }
  .header-search-box.focused:after,
  .header-search-box.on-search-visible-index:after {
    width: 0;
  }
  .header-steps-content {
    margin-top: 30px;
    float: right;
  }
  .header-separation-line {
    margin: 0px;
  }
  /*product container styles*/
  .favorite-window-product-container.product-container,
  .cart-slider-container .product-container {
    margin-bottom: 30px;
  }
  .favorite-window-product-container.product-container {
    border: solid 1px #d7d7d7;
  }
  .groups-products-container.sm-items-space .product-container {
    margin-bottom: 20px;
  }
  .col-product-container.detect-small-hidden:nth-of-type(1n + 5) {
    display: block;
  }
  .top-vertical-slider-container .common-underlined-header .common-underlined-header-text {
    padding-bottom: 10px;
  }
  .smaller-slider-items .common-underlined-header .common-underlined-header-text {
    font-size: 20px;
    line-height: 28px;
  }
  .top-vertical-slider-container .col-product-slider-container {
    padding-right: 5px;
    padding-left: 5px;
  }
  .bottom-md-separation {
    margin-bottom: 15px;
  }
  .lead-buttons-container .product-container:hover,
  .lead-buttons-container .product-container.hover {
    z-index: 2;
    transform: translateY(-2px);
    border: 1px solid var(--border-hover);
    box-shadow: 6px 6px 6px 0px rgba(191, 191, 191, 0.6);
    cursor: pointer;
  }
  .product-container:hover .lead-button,
  .product-container.hover .lead-button {
    display: inline-block;
  }
  .favorite-button {
    background: none;
  }
  .product-container .favorite-button,
  .favorites-buttons-container .product-container .favorite-button {
    display: none;
  }
  .favorites-page .product-container .favorite-button.active-favorite {
    display: inline-block;
  }
  .favorites-buttons-container .product-container:hover .favorite-button,
  .favorites-buttons-container .product-container.hover .favorite-button {
    display: inline-block;
  }
  .favorites-buttons-container .product-container:hover .product-content .free-delivery-mark,
  .favorites-buttons-container .product-container.hover .product-content .free-delivery-mark {
    display: none;
  }
  .favorites-buttons-container .product-container:hover .left-news-mark,
  .favorites-buttons-container .product-container.hover .left-news-mark {
    display: none;
  }
  .favorites-buttons-container .product-controls .buy-button {
    margin-right: 0;
  }
  /*end product container styles*/
  /*group container styles*/
  .top-right-padding-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .groups-products-container {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .groups-products-container.sm-items-space {
    margin-bottom: 35px;
  }
  .groups-products-container.sm-items-space.no-bottom {
    margin-bottom: 0px;
  }
  .groups-products-container.sm-items-space.filtered-content {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    background: #FFFFFF;
  }
  .groups-products-container.sm-items-space.filtered-content:empty {
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
  }
  .group-container {
    margin-bottom: 30px;
  }
  .groups-products-container.sm-items-space .group-container {
    margin-bottom: 20px;
  }
  .category-groups-background-container {
    padding: 40px 0px 15px;
  }
  .category-slider-background-container {
    margin-bottom: 0px;
    padding: 5px 0px 20px;
  }
  .category-slider-background-container.parent-branding {
    margin-bottom: 0;
    padding: 5px 0px 20px;
  }
  /*end group container styles*/
  /*common underlined containers header*/
  .common-underlined-header,
  .sliders-shadow-container.common-slider-background-container .common-underlined-header {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .under-banner .common-underlined-header {
    margin-top: 60px;
  }
  .top-vertical-slider-container .common-underlined-header {
    margin-top: 20px;
  }
  .sliders-shadow-container.basket-card-background-container .common-underlined-header {
    margin-top: 10px;
    margin-bottom: -10px;
  }
  .smaller-slider-items .common-underlined-header,
  .smaller-slider-items.sliders-shadow-container.basket-card-background-container .common-underlined-header {
    margin-top: 0;
  }
  .common-underlined-header.inner-header,
  .common-slider-container .common-underlined-header.inner-header {
    margin-bottom: 5px;
  }
  .common-underlined-header .common-underlined-header-text {
    padding-top: 3px;
    padding-bottom: 12px;
    font-size: 24px;
    line-height: 32px;
  }
  .common-underlined-header .common-underlined-header-text-camel {
    padding-bottom: 0;
  }
  .common-underlined-header .common-underlined-header-text.overflow-ellipsis-mobile {
    width: auto;
    white-space: normal;
    overflow: auto;
  }
  .sliders-shadow-container.common-slider-background-container .common-underlined-header .common-underlined-header-underline {
    display: block;
  }
  .sliders-shadow-container.common-slider-background-container .common-underlined-header .common-underlined-header-underline.hidden {
    display: none;
  }
  .common-underlined-header .extra-header-info {
    text-align: left;
    font-size: 14px;
    top: -12px;
  }
  /*end common underlined containers header*/
  /*desctiption common styles*/
  .common-description-container {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .common-description-container .groups-description-image-container img {
    max-height: 140px;
    visibility: hidden;
  }
  .common-description-container .common-description-content {
    max-height: none;
  }
  .common-description-container.bottom-sm {
    margin-bottom: 10px;
  }
  .common-description-container.large .common-description-content {
    max-height: none;
  }
  .common-description-content h1 {
    font-size: 32px;
    line-height: 43px;
  }
  .common-description-content h2 {
    font-size: 26px;
    line-height: 37px;
  }
  .common-description-content h4 {
    font-size: 24px;
    line-height: 35px;
  }
  /*end desctiption common styles*/
  /*desctiption bottom styles*/
  .bottom-description-container {
    margin-top: 50px;
    max-height: none;
  }
  .bottom-description-content {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 14px;
    line-height: 22px;
  }
  /*end desctiption bottom styles*/
  /*left menu styles*/
  .left-menu-container {
    padding-right: 25px;
  }
  .left-menu-sections-container {
    display: block;
  }
  /*end left menu styles*/
  /*roles toggle window styles*/
  .roles-toggle-window {
    top: 232px;
    padding: 31px 0px 22px;
    width: 100%;
    max-height: 355px;
    bottom: 20px;
  }
  .roles-toggle-window-content {
    font-size: 24px;
  }
  .roles-toggle-logo {
    margin-bottom: 38px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 86px;
  }
  .roles-toggle-window-buttons {
    margin: 30px auto 15px;
  }
  .roles-toggle-window-button-container {
    padding: 0px 15px;
    width: 100%;
    max-width: 193px;
    height: 50px;
  }
  .roles-toggle-window-button-container button {
    padding: 13px 0px;
    font-size: 18px;
    line-height: 24px;
  }
  .roles-toggle-alt-label {
    font-size: 16px;
  }
  .roles-toggle-buttons-head-container {
    top: -60px;
    right: 23%;
  }
  .roles-toggle-buttons-head-container.bottom-container {
    top: 4px;
    right: 32px;
  }
  .radio.basket-radio-icon input[type=radio],
  .checkbox.basket-checkbox-icon input[type=checkbox] {
    margin-left: -25px;
    margin-top: 4px;
  }
  .radio.roles-toggle-icon input[type=radio],
  .checkbox.roles-toggle-icon input[type=checkbox] {
    margin-left: -25px;
    margin-top: 4px;
  }
  /*end roles toggle window styles*/
  .popup-window-container-waiting.confirm-waiting {
    top: 96px;
  }
  .favorites-link-button {
    margin: auto;
    max-width: 267px;
    height: 48px;
    font-size: 16px;
  }
  .favorites-link-button:before {
    width: 25px;
    height: 23px;
    margin-left: -35px;
  }
  /*end common info window styles*/
  .hidden-controls-product-container .product-content .product-texts .product-price {
    font-size: 16px;
  }
  .group-content .group-image {
    height: 202px;
  }
  .group-content .group-image img {
    max-height: 182px;
  }
  /*basket card popup styles*/
  .basket-card-popup-control {
    margin-bottom: 15px;
    height: 42px;
    float: right;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    background: #a8a8a8;
    background: linear-gradient(to bottom, #a8a8a8 0%, #a5a5a5 17%, #8a8a8a 66%, #808080 87%, #7e7e7e 100%);
    color: #ffffff;
  }
  a.basket-card-popup-control,
  a.basket-card-popup-control:visited,
  a.basket-card-popup-control:hover,
  a.basket-card-popup-control:active {
    color: #ffffff;
  }
  .basket-card-popup-control.show-cart-control {
    padding-top: 10px;
    padding-left: 35px;
  }
  .basket-card-popup-control.show-cart-control:before {
    content: " ";
  }
  .basket-card-popup-control.green {
    padding-top: 12px;
    height: 47px;
    background: #69a125;
    background: linear-gradient(180deg, #79ba2a 0, #69a125 100%);
    box-shadow: none;
  }
  .basket-card-info a.basket-card-popup-control.green:after {
    content: ">>";
    margin-top: auto;
    width: auto;
    height: auto;
    border: 0;
    transform: none;
  }
  .basket-card-info {
    margin-top: 50px;
    padding: 12px 20px;
    border: 0;
  }
  .basket-card-free-shipping-info {
    padding-left: 45px;
    text-align: left;
    font-size: 14px;
    line-height: 23px;
  }
  .basket-card-free-shipping-info:before {
    content: " ";
    margin-left: -45px;
    width: 35px;
    background: url("../../images/responsiveNew/common/basket-card-shipping-icon.png") no-repeat 0 0;
    background-size: auto 23px;
  }
  .basket-card-free-shipping-info .strong-md-lg {
    font-weight: bold;
  }
  .basket-card-close-button {
    width: 70px;
  }
  .basket-card-close-button > span {
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
  }
  .basket-card-product {
    margin: 8px 0 0;
    max-width: none;
    border: 0;
  }
  .basket-card-product .basket-card-product-image {
    margin-bottom: 0;
  }
  .basket-card-product .basket-card-product-image img {
    bottom: 0;
    right: 0;
  }
  .basket-card-product .basket-card-product-texts {
    position: relative;
    font-size: 15px;
    line-height: 23px;
  }
  .basket-card-product .basket-card-product-title {
    font-size: 12px;
    line-height: 19px;
  }
  .basket-card-product .basket-card-product-price {
    margin-top: 5px;
  }
  .basket-card-background-container {
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 2px 2px 5px 0 #d9d9d9;
  }
  .sliders-shadow-container.basket-card-background-container {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
  /*end basket card popup styles*/
  /*basket cart minimized*/
  .basket-cart-min-visibility.visible {
    display: block;
  }
  .basket-cart-min-visibility.visible.visible-opacity {
    opacity: 1;
  }
  .basket-card-min-shipping .basket-card-free-shipping-info {
    padding-left: 45px;
  }
  .basket-card-min-shipping .basket-card-free-shipping-info:before {
    content: " ";
    margin-left: -45px;
    width: 35px;
    background: url("../../images/responsiveNew/common/basket-card-min-shipping-icon.png") no-repeat 0 0;
    background-size: auto 23px;
  }
  .basket-card-min-controls .basket-card-popup-control,
  .basket-card-min-controls .basket-card-popup-control.green {
    margin-left: -8px;
    padding-top: 10px;
    width: 50%;
    height: 43px;
    float: left;
  }
  .basket-card-min-controls .basket-card-popup-control.green {
    float: right;
    margin-right: -8px;
    margin-left: 0;
    font-size: 16px;
  }
  .basket-card-min-controls a.basket-card-popup-control.green:after {
    width: 13px;
    height: 13px;
  }
  .basket-card-min-controls .basket-card-popup-control.show-cart-control:before {
    margin-left: -40px;
    top: -2px;
    height: 25px;
    background: url("../../images/responsiveNew/common/show-cart-min-icon.png") no-repeat 0 0;
    background-size: auto 100%;
  }
  /*basket cart minimized end*/
  /*cart product container*/
  .cart-product-container {
    padding: 20px 30px;
  }
  .cart-product-container .cart-product-info {
    padding-bottom: 0;
    margin-top: 10px;
    width: auto;
  }
  .cart-product-container .cart-product-image {
    width: 65px;
    height: 65px;
  }
  .cart-product-container a.cart-product-link,
  .cart-product-container a.cart-product-link:visited,
  .cart-product-container a.cart-product-link:hover,
  .cart-product-container a.cart-product-link:active {
    font-size: 14px;
  }
  .cart-product-container .cart-product-link span.cart-product-number {
    margin-top: 5px;
    font-size: 11px;
  }
  .cart-product-container .cart-product-shipping:before {
    margin-top: 0;
    margin-right: 12px;
    width: 15px;
    height: 21px;
    background: url("../../images/responsiveNew/common/basket-card-product-shipping-icon.png") no-repeat 0 50%;
    background-size: 100% auto;
  }
  .cart-product-container .cart-product-controls {
    margin-top: -7px;
    margin-left: 15px;
    width: 256px;
    float: right;
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: auto;
  }
  .cart-product-container.minimized .cart-product-controls {
    width: 156px;
  }
  .cart-product-container .amount-price-info {
    width: 100%;
    min-width: auto;
    max-width: none;
    float: none;
  }
  .cart-product-container .cart-amount-control {
    margin-right: 9px;
    padding-right: 0;
    width: 91px;
    max-width: none;
    height: 37px;
  }
  .cart-product-container .cart-amount-control input {
    background: transparent;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    box-shadow: none;
  }
  .cart-product-container .cart-price-info .price {
    margin-top: 0px;
    min-height: 37px;
  }
  .cart-product-container .cart-price-info .price > div {
    text-align: right;
  }
  .cart-product-container .cart-price-info .price > div span {
    margin-right: 0;
  }
  .cart-product-container .cart-price-info .price > div span.price-vat {
    width: 100%;
  }
  .cart-product-container .cart-buttons {
    margin-top: 17px;
    width: 100%;
    float: right;
  }
  .cart-product-container .cart-remove-button {
    margin-right: 0;
    margin-left: 20px;
    width: 60px;
    height: 38px;
    float: right;
    font-size: 12px;
  }
  .cart-product-container .cart-remove-button:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../images/responsiveNew/common/cart-remove.png") no-repeat 50% 50%;
    background-size: auto 19px;
  }
  .cart-product-container .cart-favorites {
    height: 38px;
  }
  .cart-product-container .cart-remove-button,
  .cart-favorite-button.favorite-button {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  /*cart product container end*/
  .confirm-waiting-content {
    max-width: 760px;
  }
  .confirm-waiting-content span {
    max-width: none;
  }
  .open-guide.category-guide {
    margin-top: 0;
    float: right;
    clear: none;
  }
  .open-guide.category-guide:after {
    display: block;
  }
  .open-guide.product-guide {
    margin-right: 25px;
    padding-right: 25px;
    padding-left: 0;
    min-height: auto;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
  }
  .open-guide.product-guide span.guide-title {
    display: inline;
    margin-top: 0;
  }
  .open-guide.product-guide .guide-icon.default-guide-icon {
    margin-top: -3px;
    width: 42px;
    height: 45px;
    position: relative;
    top: auto;
    left: auto;
  }
  /*extra details non indexable*/
  .col-extra-details.categories {
    padding-right: 5px !important;
    padding-left: 10px !important;
  }
  /*extra details non indexable end*/
  /*rma cases navigation*/
  .rma-cases-navigation .rma-nav {
    padding: 6px 20px 5px;
    min-width: 170px;
    font-size: 13px;
  }
  .rma-cases-navigation a.rma-nav,
  .rma-cases-navigation a.rma-nav:active,
  .rma-cases-navigation a.rma-nav:focus,
  .rma-cases-navigation a.rma-nav:visited {
    font-size: 13px;
  }
  /*rma cases navigation end*/
  .roles-toggle-buttons {
    width: 76px;
    height: 23px;
  }
  .roles-toggle-buttons-overflowed-container {
    border-radius: 12px;
  }
  .roles-toggle-handler {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    top: -3px;
    left: -12px;
  }
  .business-role .roles-toggle-handler {
    left: calc(100% - 16px);
  }
  .roles-toggle-button-container button {
    width: 76px;
    font-size: 12px;
    line-height: 16px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 32px;
    padding-left: 32px;
    width: 100%;
    max-width: 1400px;
  }
  .top-menu-background-container > .container {
    max-width: none;
    padding-right: 15px;
    padding-left: 15px;
  }
  .top-menu-search-box .search-field,
  .top-menu-search-box.expand .search-field {
    padding: 8px 34px 9px 9px;
    max-width: 265px;
    border: 1px solid #d3d3d3;
  }
  .top-menu-search-box .search-button,
  .top-menu-search-box.expand .search-button {
    background: url("../../images/icon-search.svg") left 8px center no-repeat;
    background-size: 19px auto;
    left: auto;
    right: 0px;
  }
  .top-menu-search-box.expand,
  .top-menu-search-box.expand:after {
    border-radius: 0px 3px 3px 0px;
  }
  .group-content .group-texts > div {
    height: 44px;
  }
  .sm-group .group-content .group-texts > div {
    height: 50px;
  }
  .brands-container {
    margin-bottom: 20px;
  }
  .brand-container {
    padding-top: 7.64%;
  }
  .roles-toggle-buttons-head-container {
    right: 22%;
  }
  .roles-toggle-buttons-head-container.bottom-container {
    right: 32px;
  }
  .top-menu-overlay-container {
    top: 195px;
  }
  .tp-header-menu-link {
    max-width: 174px;
  }
  .tp-label.text.str-score {
    margin-right: 5px;
  }
  .basket-card-min-content {
    right: 0;
  }
  .header-menu-link.left-icon-link.green-mark {
    margin-top: 11px;
  }
  .header-menu .header-menu-link {
    margin-top: 11px;
  }
  .header-menu-link.right-icon-link.emarket-link {
    margin-top: 7px;
    margin-right: 0;
    margin-left: 20px;
  }
  .tp-header-menu-link.right-icon-link {
    margin-top: 11px;
    margin-bottom: 0;
  }
  .basket-card-min-overlay {
    top: 139px;
  }
}
@media (min-width: 1270px) {
  .col-lg-5th {
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
  }
}
@media (min-width: 1365px) {
  .col-lge-5th {
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
  }
  .col-lge-2 {
    padding-right: 10px;
    padding-left: 10px;
    width: 16.66666667%;
    float: left;
  }
  .col-lge-3 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 1500px) {
  .top-menu-background-container > .container,
  .header-container.wrapped-state .basket-card-min-container.container {
    max-width: 1500px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .top-menu-search-box .search-field,
  .top-menu-search-box.expand .search-field {
    max-width: 365px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
  .form-control::-moz-placeholder {
    font-size: 14px;
  }
  .form-control:-ms-input-placeholder {
    font-size: 14px;
  }
  .form-control::-webkit-input-placeholder {
    font-size: 14px;
  }
  select.form-control:focus {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
/* ================ Product Recommendation Slider ================ */
.hr-slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 767px) {
  .hr-slider-container-category {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .hr-slider-container-category {
    position: relative;
    float: right;
    width: 78%;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
    margin-right: -32px;
  }
}
.hr-product-slider, .hr-product-slider-upsell {
  display: flex;
  transition: transform 0.5s ease;
}

.hr-slick-slide, .hr-slick-slide-upsell {
  min-width: 20%; /* 5 products displayed on large monitors */
  box-sizing: border-box;
}

.hr-slick-slide-category {
  min-width: 25%; /* 4 products displayed on large monitors */
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .hr-slick-slide, .hr-slick-slide-category, .hr-slick-slide-upsell {
    min-width: 100%; /* 1 product displayed on mobile devices */
  }
}
.hr-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: black;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.hr-arrow.left {
  left: 0;
}

.hr-arrow.right {
  right: 0;
}

.product-content .product-texts .hr-product-title {
  display: inline-block;
  width: 100%;
  height: 52px;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  overflow: hidden;
}

.wrap-height300 .product-content {
  height: 264px;
}

/**
  .white-slider
*/
.white-slider .product-container {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2588235294);
}

@media (min-width: 768px) {
  .white-slider .product-container,
  .white-slider .product-container.borderless-xs-product-container,
  .white-slider .product-container.borderless-xs-product-container.top-border {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2588235294);
  }
}
.main-container {
  background: #F7F7F7;
  width: 100%;
  position: relative;
  padding-top: 115px;
}
.main-container.basket-purchase-main-container {
  background: #F8F8F8;
}
.main-container.basket-end-main-container {
  padding-top: 130px;
}
@media (min-width: 768px) {
  .main-container {
    padding-top: 115px;
  }
  .main-container.basket-end-main-container {
    padding-top: 130px;
  }
}
@media (min-width: 992px) {
  .main-container {
    background: inherit;
    padding-top: 206px;
    transition: all 0.15s ease-out;
  }
  .main-container.up-state {
    padding-top: 143px;
  }
  .main-container.basket-end-main-container {
    padding-top: 148px;
  }
}
@media (min-width: 1200px) {
  .main-container {
    padding-top: 194px;
  }
}

.main-container-message {
  background: #fbff00;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 5px 0 5px 0;
}

.main-container-message > .main-container-message-container {
  max-width: 1160px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}

.load-more-link {
  background: none;
  border: none;
  color: #0070c0;
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-decoration: underline;
  display: block;
  margin: 0 auto;
  padding: 5px;
  cursor: pointer;
}

span.load-more-button {
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  text-decoration: none;
  display: block;
  top: 4px;
  bottom: 4px;
  right: 4px;
  margin: 0 auto;
  padding: 5px 16px;
  cursor: pointer;
}

.load-more-wrap {
  border: none;
  background: none;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.load-more-wrap button {
  background: #6DB024;
  display: block;
  color: #ffffff;
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  top: 4px;
  bottom: 4px;
  right: 4px;
  margin: 0 auto;
  padding: 5px 16px;
  cursor: pointer;
}
.load-more-wrap button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.no-results-container p {
  margin-bottom: 24px;
}
.no-results-container button {
  border: none;
  border-radius: 4px;
  background: #6DB024;
  color: #ffffff;
  font-family: var(--font-base), serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: center;
  text-decoration: none;
  display: block;
  top: 4px;
  bottom: 4px;
  right: 4px;
  margin: 0 auto;
  padding: 5px 16px;
  cursor: pointer;
}

.suggestion-results-container .clerk-live-search-container,
.mobile-suggestion-results-container .clerk-live-search-container,
.clerk-instant-search-container .clerk-live-search-container {
  display: none !important;
}

.clerk-instant-search-visible {
  display: none !important;
}

.suggestion-links-content .clerk-highlight {
  background-color: transparent !important;
}

.clerk-live-search-container {
  margin: 0px auto;
  padding-top: 10px !important;
  padding-bottom: 20px !important;
  top: -5px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: -400px;
  width: 90%;
  min-width: 300px !important;
  max-width: 520px;
  max-height: 650px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.clerk-mobile-suggestions-headline {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  background: #f0f0f0;
  padding-left: 15px;
  color: #03385a;
}
.clerk-mobile-suggestions-headline span.close-mobile-suggestions {
  position: absolute;
  display: block;
  right: 15px;
  width: 20px;
  height: 25px;
  top: 0px;
  line-height: 31px;
  text-align: right;
  font-size: 27px;
  font-weight: 600;
  color: #454545;
  cursor: pointer;
}

.clerk-mobile-suggestions-footer {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #03385a;
  text-decoration: underline;
  cursor: pointer;
}

.clerk-mobile-suggestions-footer-container {
  display: block;
  margin-top: 15px;
  width: 100%;
  float: left;
  position: relative;
}
.clerk-mobile-suggestions-footer-container .clerk-mobile-suggestions-footer {
  margin: auto;
  max-width: 320px;
  background: #03385a;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
}

.clerk-mobile-suggestion-container {
  display: block;
  padding: 5px 0px 5px 5px;
  width: 100%;
  min-height: 70px;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  float: left;
  cursor: pointer;
  border: solid 1px #CCD7DE;
  border-width: 0px 0px 1px 0px;
  box-sizing: border-box;
}
.clerk-mobile-suggestion-container .clerk-mobile-suggestion-image {
  margin: 0px 5px 0px 0px;
  width: 60px;
  height: 60px;
  float: left;
  position: relative;
}
.clerk-mobile-suggestion-container .clerk-mobile-suggestion-image img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
.clerk-mobile-suggestion-container .clerk-mobile-suggestion-data {
  margin: 0px 5px 0px 0px;
  font-size: 14px;
  position: absolute;
  left: 70px;
  right: 0px;
  font-weight: 600;
}
.clerk-mobile-suggestion-container .clerk-mobile-suggestion-data span {
  display: inline-block;
  color: #454545;
  max-height: 40px;
  overflow: hidden;
}
.clerk-mobile-suggestion-container .clerk-mobile-suggestion-data span.clerk-mobile-suggestion-price {
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  clear: left;
}
.clerk-mobile-suggestion-container:last-child {
  border: 0;
}
.clerk-mobile-suggestion-container:hover {
  background-color: #CCD7DE;
}

.mobile-suggestion-results-container .suggestion-links-content ~ .clerk-mobile-suggestion-container {
  border-width: 1px 0 1px 0;
  margin-top: -1px;
}

.common-slider-background-container {
  width: 100%;
  position: relative;
}

.common-slider-background-container.grey-slider {
  background: #F6F6F6;
}

.common-slider-background-container.white-slider {
  background: #FFFFFF;
}

.common-slider-container {
  position: relative;
}

.sliders-shadow-container {
  margin: 5px 0 70px;
  background: #ffffff;
  border: solid 1px #d9d9d9;
  position: relative;
}

.sliders-shadow-container:empty,
.sliders-shadow-container.common-slider-background-container:empty {
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

.common-slider {
  padding: 10px 0px 0px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.common-slider-content-controls {
  margin-bottom: 10px;
  padding-bottom: 80px;
  width: 100%;
  position: relative;
}

.top-vertical-slider-container .common-slider-content-controls {
  margin-bottom: 0px;
  padding-bottom: 58px;
}

.cart-slider-container .common-slider-content-controls {
  margin-bottom: -80px;
  margin-right: auto;
  margin-left: auto;
  max-width: 350px;
}

.inner-slider-content-controls {
  margin: auto;
  width: 96%;
  position: relative;
}

ul.common-slider {
  margin-bottom: 0px;
  list-style: none;
}

ul.common-slider li {
  display: inline-block;
  position: relative;
  left: 0px;
  float: none;
  vertical-align: top;
  white-space: normal;
  transition-timing-function: ease;
  transform: translateX(0px);
  transition-duration: 0.5s;
}

ul.common-slider.touched li {
  transition-duration: 0s;
}

.common-slider-container .common-slider-nav {
  margin: 22px 0px 0px;
  margin-bottom: -5px;
  display: none;
  position: absolute;
  cursor: pointer;
  width: 43px;
  height: 43px;
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  opacity: 1;
  z-index: 1;
  bottom: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 43px;
  overflow: hidden;
}

.top-vertical-slider-container .common-slider-container .common-slider-nav {
  margin-bottom: 0px;
}

.cart-slider-container .common-slider-container .common-slider-nav {
  width: 38px;
  height: 38px;
  bottom: 50%;
  margin-bottom: 115px;
}

.common-slider-container .common-slider-nav:hover {
  opacity: 0.8;
}

.common-slider-container .common-slider-nav.common-slider-nav-prev {
  left: 50%;
  margin-left: -60px;
}

.cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
  left: 0;
  margin-left: 0;
}

.common-slider-container .common-slider-nav.common-slider-nav-next {
  right: 50%;
  margin-right: -60px;
}

.cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
  right: 0;
  margin-right: 0;
}

.common-slider-container .common-slider-nav span {
  display: block;
  width: 100%;
  height: 100%;
}

.common-slider-container .common-slider-nav.common-slider-nav-prev span {
  background: url("../../images/responsiveNew/common/prev-arrow.svg") 50% 50% no-repeat;
}

.common-slider-container .common-slider-nav.common-slider-nav-next span {
  background: url("../../images/responsiveNew/common/next-arrow.svg") 50% 50% no-repeat;
}

.top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev span {
  background: url("../../images/responsiveNew/common/prev-vertical-arrow.svg") 50% 50% no-repeat;
}

.top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next span {
  background: url("../../images/responsiveNew/common/next-vertical-arrow.svg") 50% 50% no-repeat;
}

.common-slider-container .inner-slider-content-controls .common-slider-nav {
  margin: auto 0px;
  display: none;
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: auto;
  background: none;
  opacity: 1;
  z-index: 1;
  top: 0px;
  bottom: 0px;
  text-align: left;
  vertical-align: middle;
}

.common-slider-container .inner-slider-content-controls .common-slider-nav.common-slider-nav-prev {
  left: -25px;
}

.common-slider-container .inner-slider-content-controls .common-slider-nav.common-slider-nav-next {
  right: -25px;
}

.vertical-slider-content-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vertical-slider-content-controls {
  width: calc(100% + 20px);
  height: 480px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.col-product-slider-container {
  display: inline-block;
  position: relative;
  left: 0px;
  float: none;
  vertical-align: top;
  white-space: normal;
}

.common-slider-content-controls .col-product-slider-container .product-container .product-content .product-texts .product-controls {
  margin-top: 8px;
}

.product-slider-inner-item {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (min-width: 768px) {
  .common-slider .col-mobile-3 {
    display: none;
  }
  .cart-slider-container .common-slider-container .common-slider-nav {
    margin-bottom: 50px;
  }
  .cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
    left: -10px;
  }
  .cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
    right: -10px;
  }
  .cart-slider-container .common-slider-content-controls {
    max-width: none;
    margin-bottom: -60px;
  }
  .cart-slider-container .product-container {
    padding: 16px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.0705882353);
    border-radius: 5px;
    /*box-shadow: none;*/
    /*border: 1px solid #D7D7D7;*/
  }
  .cart-slider-container .product-image {
    margin-right: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .common-slider {
    padding: 10px 0px;
  }
  .top-vertical-slider-container .common-slider {
    margin-right: 0px;
    margin-left: 0px;
    padding: 10px 0px;
  }
  .sliders-shadow-container.common-slider-background-container {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
  }
  .common-slider-content-controls,
  .common-slider-background-container.cart-slider-container .common-slider-content-controls {
    margin: auto auto 0px;
    padding-bottom: 0;
    width: 100%;
    max-width: none;
  }
  .cart-slider-container .common-slider-content-controls {
    margin-bottom: auto;
    max-width: 935px;
  }
  .basket-card-popup .cart-slider-container .common-slider-content-controls {
    max-width: 850px;
  }
  .top-vertical-slider-container .common-slider-content-controls {
    width: 100%;
  }
  .common-slider-container.smaller-slider-container {
    margin: auto;
    width: 86%;
  }
  .common-slider-container .common-slider-nav,
  .cart-slider-container .common-slider-container .common-slider-nav {
    bottom: 50%;
  }
  .cart-slider-container .common-slider-container .common-slider-nav {
    margin-bottom: -5px;
    width: 43px;
    height: 43px;
  }
  .common-slider-container .common-slider-nav.common-slider-nav-prev,
  .cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
    left: -23px;
    margin-left: 0;
  }
  .common-slider-container .common-slider-nav.common-slider-nav-next,
  .cart-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
    right: -23px;
    margin-right: 0;
  }
  .white-container .common-underlined-header {
    margin-top: 23px;
  }
  .top-vertical-slider-container .common-slider-container .common-underlined-header {
    margin-bottom: 0px;
  }
  .top-vertical-slider-container .common-slider-container .common-slider-nav {
    width: 37px;
    height: 37px;
    top: auto;
    bottom: -8px;
  }
  .top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
    left: 50%;
    margin-left: -102px;
  }
  .top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
    right: 50%;
    margin-right: -102px;
  }
}
@media (min-width: 1200px) {
  .top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
    margin-left: -83px;
  }
  .top-vertical-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
    margin-right: -83px;
  }
}
@media (min-width: 1270px) {
  .common-slider-content-controls,
  .smh-slider-container.categories-slider .common-slider-content-controls,
  .common-slider-background-container.cart-slider-container .common-slider-content-controls {
    width: 100%;
  }
}
.product-container {
  background-color: var(--background-primary);
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.0705882353);
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 10px;
}
.product-container:hover {
  transform: translateY(-2px);
  border: 1px solid var(--border-hover);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.product-container.small-vertical-product-container {
  margin: 0px;
  padding: 10px;
  box-shadow: none;
  border: solid 1px #E3E3E3;
  border-width: 0px 0px 1px 0px;
}
.product-container.borderless-xs-product-container {
  padding: 15px 10px 20px;
  box-shadow: none;
  border: solid #bfbfbf;
  border-width: 0 0 1px 0;
}
.product-container.borderless-xs-product-container.top-border {
  border-width: 1px 0 1px 0;
}
.product-container .hide-qty-buy-button {
  display: none;
}
.product-container .favorite-button {
  display: none;
  width: 65px;
  height: 30px;
  position: absolute;
  right: 10px;
  bottom: 12px;
  z-index: 1;
}
.product-container.borderless-xs-product-container .favorite-button {
  bottom: 20px;
}

@media (min-width: 768px) {
  .product-container,
  .product-container.borderless-xs-product-container,
  .product-container.borderless-xs-product-container.top-border {
    padding: 20px 20px 16px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.0705882353);
    border-radius: 8px;
    /*box-shadow: none;*/
    /*border: 1px solid #D7D7D7;*/
  }
  .product-container .favorite-button,
  .product-container.borderless-xs-product-container .favorite-button {
    right: 16px;
  }
}
@media (min-width: 992px) {
  .product-container {
    margin-bottom: 30px;
  }
  .product-container.hidden-controls-product-container {
    margin-bottom: 20px;
  }
  .product-container.hidden-controls-product-container {
    padding: 23px 16px 18px;
  }
  .product-container.small-product-container {
    padding: 16px 16px 14px;
  }
  .product-container .favorite-button {
    width: 40px;
    height: 40px;
    right: auto;
    bottom: auto;
    top: 13px;
    left: 12px;
  }
  .product-container .favorite-button .icon {
    font-size: 32px;
  }
}
.product-content {
  width: 100%;
  position: relative;
  float: left;
}
.product-content .product-image {
  display: block;
  margin-right: 12px;
  width: 72px;
  height: 76px;
  text-align: center;
  position: relative;
  float: left;
}
.product-content .product-image img {
  max-width: 100%;
  max-height: 100%;
}
.product-content .product-texts {
  color: #454545;
  min-height: 22px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .product-content .product-texts {
    width: 100%;
    float: left;
  }
}
.product-content .product-texts a {
  color: #454545;
}
.product-content .product-texts .product-title {
  color: var(--content-primary);
  font-family: var(--font-base), serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  margin: 6px 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.25;
  max-height: calc(32.5px);
  display: -webkit-inline-box;
  display: -ms-flexbox;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 33px;
}
.product-content .product-texts .product-title:hover {
  color: #444444;
}
@media (min-width: 768px) {
  .product-content .product-texts .product-title {
    display: block;
    text-align: center;
  }
}
.product-content .product-texts .product-number {
  font-size: 12px;
  line-height: normal;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  margin-top: 6px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-content .product-texts .product-number {
    display: block;
  }
}
.product-content .product-texts .product-price {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  width: 100%;
  margin: 10px 0;
  padding: 0 4px;
}
@media (min-width: 768px) {
  .product-content .product-texts .product-price {
    display: block;
  }
}
.product-content .product-texts .product-price .value {
  color: var(--lime_green);
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .product-content .product-image {
    width: 100%;
    height: 152px;
    margin: 0;
    padding-bottom: 0;
  }
  .product-content .product-image img {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.small-vertical-product-container .product-content .product-image {
  margin: 0;
  padding: 0;
  width: 60px;
  height: 76px;
  text-align: center;
}
.small-vertical-product-container .product-content .product-texts {
  padding: 0 0 0 7px;
  width: auto;
  float: none;
}
.small-vertical-product-container .product-content .product-texts .product-title {
  color: var(--content-primary);
  font-family: var(--font-base), serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-align: left;
  text-align: left;
}
.small-vertical-product-container .product-content .product-texts .product-number {
  display: none;
}
.small-vertical-product-container .product-content .product-texts .product-price {
  color: #6EB025;
  font-family: var(--font-header), serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  text-align: left;
  text-align: left;
  height: 20px;
  margin: 10px 0;
  padding: 0;
}
.small-vertical-product-container .product-content .product-texts .product-price .currency {
  display: none;
}
.small-vertical-product-container .product-content .free-delivery-mark {
  display: none;
}
.small-vertical-product-container .product-content .amount-discount-container {
  display: none;
}

@media (min-width: 768px) {
  .small-product-container .product-content .product-image {
    height: 108px;
  }
  .small-product-container .product-content .product-texts .product-title {
    max-height: 70px;
    height: 70px;
  }
}
@media (min-width: 992px) {
  .small-product-container .product-content .product-texts .product-price {
    font-size: 14px;
    line-height: 18px;
  }
}
/*
top menu styles
*/
.top-menu-table-container {
  margin-right: 0;
  margin-left: 0;
  width: auto;
  max-width: 100%;
  height: 62px;
  float: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in;
}

.top-menu-table-container .nav-container {
  display: block;
  width: 100%;
  height: 83px;
  position: relative;
  overflow-x: scroll;
}

.top-menu-table-container .nav-container ul.nav {
  display: inline-block;
  padding-left: 10px;
  width: auto;
  white-space: nowrap;
}

.top-menu-table-container ul.nav:before,
.top-menu-table-container ul.nav:after {
  display: none;
}

.top-menu-table-container ul.nav > li {
  display: inline-block;
  margin-right: 1px;
  margin-left: 0;
  padding: 0;
  width: auto;
  min-width: 68px;
  max-width: 180px;
  height: 62px;
  vertical-align: middle;
  text-align: center;
  text-transform: none;
  color: #ffffff;
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  cursor: pointer;
}

.top-menu-table-container ul.nav > li > span > a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.header-container:not(.wrapped-state) .top-menu-table-container ul.nav > li > span > a {
  font-size: 14px;
}

@media (min-width: 1140px) {
  .header-container:not(.wrapped-state) .top-menu-table-container ul.nav > li > span > a {
    font-size: 16px;
  }
}
.top-menu-table-container ul.nav > li.hovered > span > a {
  color: #0070C0;
}

.top-menu-table-container ul.nav > li:after {
  content: " ";
  display: block;
  width: 1px;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.19;
}

.top-menu-table-container ul.nav > li:first-child {
  min-width: 58px;
  text-align: left;
}

.top-menu-table-container ul.nav > li:last-child {
  min-width: 58px;
  margin-right: 10px;
}

.top-menu-table-container ul.nav > li:last-child > span {
  margin-left: 5px;
}

.top-menu-table-container ul.nav > li:last-child:after {
  display: none;
}

.top-menu-table-container ul.nav > li > span {
  display: inline-block;
  margin: 0 1%;
  padding-bottom: 6px;
  width: 98%;
  min-height: 20px;
  border: 0 solid #ffffff;
  overflow: hidden;
}

.top-menu-table-container ul.nav > li .top-menu-item-icon {
  margin-top: 9px;
  width: 100%;
  height: 33px;
  text-align: center;
  position: relative;
}

.top-menu-table-container ul.nav > li:first-child .top-menu-item-icon {
  margin-left: -5px;
}

.top-menu-table-container ul.nav > li:last-child .top-menu-item-icon {
  margin-left: 5px;
}

.top-menu-table-container ul.nav > li .top-menu-item-icon img {
  max-width: 100%;
  max-height: 100%;
}

.top-menu-table-container .subitems {
  max-width: 1400px;
  margin: 0 auto;
  padding: 12px 48px;
  position: relative;
  opacity: 0;
}

.top-menu-table-container li.hovered .subitems-container .subitems {
  opacity: 1;
  transition: opacity 0.25s linear;
}

.top-menu-table-container .subitems.multi-row {
  padding: 10px 5px 15px 5px;
  width: 760px;
}

.top-menu-table-container .wide-subitems .subitems.multi-row {
  width: 760px;
}

.top-menu-table-container .subitems > ul {
  display: grid;
  list-style: none;
  grid-auto-columns: 24ch;
  grid-auto-flow: column;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: start;
  justify-content: start;
  overflow: auto hidden;
  overscroll-behavior-x: contain;
  margin: 0;
  padding: 16px 8px;
  width: 100%;
  max-height: 500px;
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

.top-menu-table-container .subitems > ul:hover {
  scrollbar-color: auto;
}

.top-menu-table-container .subitems:not(.single-row) > ul {
  grid-template-rows: repeat(2, 1fr);
}

.top-menu-table-container .subitems > ul > li {
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  position: relative;
  cursor: pointer;
}

.top-menu-table-container .subitems > ul > li > span > a {
  border-bottom: 1px solid #333;
  color: #0070C0;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 0 3px 4px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.top-menu-table-container .subitems > ul > li > span > a:hover {
  text-decoration: underline;
}

.top-menu-table-container .subitems > ul > li.hovered.empty-item,
.top-menu-table-container .subitems.multi-row > ul > li.hovered {
  background: none;
}

.top-menu-table-container .subitems.multi-row > ul {
  width: 33.33333%;
  float: left;
}

.top-menu-table-container .subitems.multi-row:after {
  content: " ";
  display: table;
  clear: both;
}

.top-menu-table-container .subitems-container {
  display: none;
  background: #F6F6F6;
  margin-top: 16px;
  padding-bottom: 5px;
  min-height: 300px;
  position: fixed;
  left: 0;
  right: 0;
  opacity: 0;
  overflow: visible;
  cursor: default;
  z-index: 3;
  transition: opacity 0.2s linear;
}

.hovered .top-menu-table-container .subitems-container {
  opacity: 1;
}

.menu-sm-margin-state .top-menu-table-container .subitems-container {
  margin-top: 4px;
}

.wrapped-state .top-menu-table-container .subitems-container {
  margin-top: 4px;
}

.top-menu-table-container ul.nav > li.hovered .subitems-container {
  display: block;
}

.top-menu-table-container .lastitems-container {
  display: block;
  z-index: 4;
}

.top-menu-table-container .lastitems-container .title-item {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 4px;
  overflow: hidden;
}

.top-menu-table-container .lastitems-container .title-item > a {
  color: #000000;
}

.top-menu-table-container .subitems > ul > li.hovered .lastitems-container {
  display: block;
}

.top-menu-table-container .subitems.multi-row > ul > li.hovered .lastitems-container {
  display: none;
}

.top-menu-table-container ul.lastitems {
  list-style: none;
  contain: content;
  flex-grow: 1;
  max-height: 200px;
  margin-top: 1px;
  padding: 0;
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

.top-menu-table-container ul.lastitems:hover {
  scrollbar-color: auto;
}

.top-menu-table-container .subitems.single-row ul.lastitems {
  max-height: 100%;
}

.top-menu-table-container ul.lastitems > li {
  width: 100%;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top-menu-table-container ul.lastitems > li > a {
  color: #0070C0;
  font-size: 13px;
  text-decoration: none;
  display: block;
  margin: 1px 0;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top-menu-table-container ul.lastitems > li > a:hover {
  text-decoration: underline;
}

.close-top-menu-button {
  display: none;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 38px;
  font-weight: 300;
  line-height: 45px;
  color: #000000;
  position: absolute;
  top: 64px;
  right: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.hovered .close-top-menu-button {
  display: block;
  opacity: 1;
}

.top-menu-tablet-scroll {
  background-size: 16px;
  color: #000000;
  font-size: 38px;
  font-weight: 300;
  line-height: 45px;
  text-align: center;
  display: none;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.top-menu-tablet-scroll.scroll--left {
  left: 0;
  background: url("../../images/responsiveNew/common/prev-arrow-blue.svg") no-repeat center;
}

.top-menu-tablet-scroll.scroll--right {
  right: 0;
  background: url("../../images/responsiveNew/common/next-arrow-blue.svg") no-repeat center;
}

.top-menu-tablet-scroll.scroll--left.is-showed,
.top-menu-tablet-scroll.scroll--right.is-showed {
  display: block;
  opacity: 1;
}

@media (min-width: 1440px) {
  .top-menu-tablet-scroll {
    right: 16px;
  }
  .top-menu-tablet-scroll.scroll--left {
    left: -48px;
  }
  .top-menu-tablet-scroll.scroll--right {
    right: -48px;
  }
}
@media (min-width: 992px) {
  .top-menu-table-container {
    height: auto;
    overflow: visible;
  }
  .header-container.wrapped-state .top-menu-table-container {
    margin-right: 90px;
    margin-left: 50px;
  }
  .top-menu-table-container .nav-container {
    height: auto;
    overflow-x: visible;
  }
  .top-menu-table-container .nav-container ul.nav {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .top-menu-table-container ul.nav > li {
    display: inline-block;
    margin-right: 2px;
    margin-left: 5px;
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
    min-width: auto;
    max-width: 180px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
  }
  .top-menu-table-container ul.nav > li.special-offer {
    max-width: none;
  }
  .top-menu-table-container ul.nav > li:after {
    display: none;
  }
  .top-menu-table-container ul.nav > li:first-child {
    margin-left: 0;
    min-width: auto;
    text-align: center;
  }
  .top-menu-table-container ul.nav > li:last-child {
    margin-right: 0;
    min-width: auto;
  }
  .top-menu-table-container ul.nav > li:last-child > span {
    margin-left: 0;
  }
  .top-menu-table-container ul.nav > li > span {
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
    width: auto;
    min-height: 19px;
    overflow: visible;
  }
  .header-container.wrapped-state .top-menu-table-container ul.nav > li > span {
    padding-bottom: 12px;
  }
  .top-menu-table-container ul.nav > li.active-top-menu-item {
    font-weight: 700;
  }
  .top-menu-table-container ul.nav > li.hovered {
    background: #f6f6f6;
    color: #0070C0;
  }
  .top-menu-table-container ul.nav > li.hovered.empty-item:after {
    display: none;
  }
  .top-menu-table-container ul.nav > li.hovered > span,
  .top-menu-table-container ul.nav > li:hover > span {
    text-decoration: underline;
  }
  .top-menu-table-container ul.nav > li span.top-menu-special-offer > span {
    padding: 0 3px;
    border-radius: 3px;
    background-color: #F8E500;
    color: #454545;
    font-size: 9px;
    font-weight: 700;
    line-height: 13px;
    position: absolute;
    top: 5px;
    right: -14px;
  }
  .top-menu-table-container ul.nav > li.hovered span.top-menu-special-offer {
    color: #0070C0;
    background: none;
  }
  .header-container.wrapped-state .top-menu-table-container ul.nav > li {
    font-size: 12px;
    padding-right: 3px;
    padding-left: 3px;
  }
  .header-container.wrapped-state .top-menu-table-container ul.nav > li:first-child {
    margin-left: 15px;
  }
  .header-container.wrapped-state .top-menu-table-container ul.nav > li > span {
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .header-container.wrapped-state .top-menu-table-container {
    margin-left: 250px;
  }
  .top-menu-table-container ul.nav > li {
    font-size: 14px;
  }
  .top-menu-table-container ul.nav > li span.top-menu-special-offer > span {
    right: -9px;
  }
  .top-menu-table-container ul.nav > li {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1400px) {
  .header-container.wrapped-state .top-menu-table-container ul.nav > li {
    font-size: 13px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .header-container.wrapped-state .top-menu-table-container ul.nav > li:first-child {
    margin-left: 5px;
  }
}
@media (min-width: 1500px) {
  .header-container.wrapped-state .top-menu-table-container {
    margin-left: 350px;
  }
}
.window-box-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 30px;
  left: 0;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2000;
}
.window-box-container.content-only-scroll {
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}

.window-box {
  margin: 0 auto 15px;
  padding: 15px 0 0 0;
  width: 100%;
  max-width: 940px;
  position: relative;
}
.window-box .window-container {
  margin: 20px auto;
  width: 100%;
  position: relative;
  border: 1px solid #2f528f;
}
.window-box .window-header {
  padding: 5px 55px 0;
  width: 100%;
  height: 28px;
  background: #ffffff;
  text-align: right;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
.window-box .window-header.logo {
  padding: 10px 15px;
  border: 1px solid #d9d9d9;
  border-width: 0 0 1px 0;
  height: auto;
}
.window-box .window-header.favorite {
  padding: 21px 30px 16px;
  height: auto;
  text-align: left;
  text-transform: none;
  border: solid #BFBFBF;
  border-width: 0 0 1px 0;
}
.window-box .window-header.favorite::after {
  content: " ";
  display: table;
  clear: both;
}
.window-box .logo-container {
  margin-top: 3px;
  margin-bottom: 5px;
  width: 50%;
  max-width: 250px;
  max-height: 62px;
  float: left;
  text-align: left;
}
.window-box .window-header-controls {
  float: right;
}
.window-box .favorite-title-container {
  width: auto;
  min-height: 25px;
  float: left;
  font-size: 19px;
  font-weight: bold;
  line-height: 25px;
  position: relative;
  bottom: -5px;
}
.window-box .favorite-title-container::after {
  content: " ";
  margin-left: 15px;
  display: inline-block;
  width: 29px;
  height: 25px;
  background: url("../../images/responsiveNew/common/favorites-active.png") 0 0 no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: -2px;
}
.window-box .window-content {
  padding: 10px 15px 20px;
  width: 100%;
  background: #ffffff;
  position: relative;
}
.window-box .window-content .info-container {
  padding: 4px 2%;
  width: 100%;
  border: solid 1px #eeeeee;
  border-radius: 5px;
  font-size: 15px;
  line-height: 18px;
  position: relative;
}
.window-box .window-content strong {
  font-weight: bold;
}
.window-box .window-content h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
.window-box .window-content .wide-info-container {
  padding: 4px 9px;
  width: 974px;
  border: solid 1px #eeeeee;
  border-radius: 5px;
  position: relative;
}
.window-box .window-content .window-info-container {
  padding: 4px 0;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: auto;
}
.window-box .window-content .window-info-container strong {
  font-weight: bold;
}
.window-box .window-content .window-info-container h2 {
  margin-top: 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
.window-box.content-only-scroll .window-box .window-content {
  position: fixed;
  margin-left: -1px;
  width: 940px;
  max-width: 100%;
  max-height: calc(100% - 130px);
  border: solid #2f528f;
  border-width: 0 1px 1px 1px;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.window-box .window-warning-content {
  padding: 30px 30px 15px;
  width: 100%;
  background: #f6f6f6;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
}
.window-box .window-warning-content span {
  font-size: 16px;
}
.window-box .window-video-title h1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 42px;
  text-transform: uppercase;
}
.window-box .window-footer {
  width: 772px;
  height: 3px;
}
.window-box .close-button {
  width: 60px;
  height: 60px;
  background: url("../../images/responsiveNew/common/windowCloseButton.png") no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.window-box img {
  max-width: 100%;
  max-height: 100%;
}
.window-box .close-sm-button {
  position: absolute;
  width: 40px;
  height: 30px;
  text-align: right;
  right: 8px;
  top: 2px;
  font-size: 35px;
  line-height: 30px;
  z-index: 10;
  cursor: pointer;
}
.window-box .favorite-close-button {
  min-width: 85px;
  height: 25px;
  background: #FFFFFF;
  text-align: right;
  text-transform: none;
  line-height: 30px;
  color: #454545;
}
.window-box .favorite-close-button span.favorite-close-button-icon {
  margin-top: -5px;
  margin-left: 5px;
  font-size: 32px;
  line-height: 25px;
  font-weight: normal;
  float: right;
}
.window-box.basket-card {
  padding: 0;
  max-width: 1175px;
}
.window-box.basket-card .window-container {
  margin: auto;
  width: 100%;
  position: relative;
  border: 1px solid #d9d9d9;
}
.window-box.basket-card .window-content {
  padding: 0 0 40px;
  width: 100%;
  background: #f6f6f6;
  position: relative;
}

.window-box-container.guide-popup .window-box,
.window-box-container.guide-popup .window-container,
.window-box-container.guide-popup .window-content,
.window-box-container.guide-popup .window-info-container {
  padding: 0;
}

@media (min-width: 768px) {
  .window-box .window-video-title h1 {
    font-size: 36px;
    line-height: 52px;
  }
}
@media (min-width: 992px) {
  .window-box-container.content-only-scroll .window-box .window-content {
    max-height: calc(100% - 176px);
  }
  .window-box .window-container {
    margin-top: 30px;
  }
  .window-box .window-header.logo {
    padding: 18px 30px;
  }
  .window-box .window-header.favorite {
    padding: 25px 30px 10px;
    border: 0;
  }
  .window-box .window-header-controls {
    margin-top: 12px;
  }
  .window-box .logo-container {
    margin-top: 0;
    margin-bottom: 0;
  }
  .window-box .favorite-title-container {
    font-size: 20px;
    bottom: auto;
  }
  .window-box .favorite-title-container::after {
    margin-left: 10px;
    top: auto;
  }
  .window-box .favorite-close-button span.favorite-close-button-icon {
    margin-top: 0;
    font-size: 35px;
  }
  .window-box .window-content {
    padding: 20px 30px 30px;
  }
  .window-box .window-content .window-info-container {
    word-break: normal;
  }
  .window-box .window-warning-content {
    padding: 20px 20px 15px;
    font-size: 13px;
  }
  .window-box .window-warning-content span {
    font-size: 14px;
  }
  .window-box.basket-card {
    padding: 15px 0 0;
  }
  .window-box.basket-card .window-content {
    padding: 10px 30px;
  }
  .window-box.basket-card .window-container {
    margin: 20px auto;
    border: 0;
  }
}
.favorite-box .window-box {
  max-width: 477px;
  padding: 0;
}
.favorite-box .window-box .window-container {
  margin: 0 auto 20px;
  border: 1px solid #BFBFBF;
}

@media (min-width: 768px) {
  .favorite-box .window-box {
    padding: 15px 0 0 0;
  }
  .favorite-box .window-box .window-container {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .favorite-box .window-box .window-container {
    border: 1px solid #2f528f;
  }
  .favorite-box .window-box .window-header-controls {
    margin-top: 0;
  }
  .favorite-box .window-box .window-content {
    padding: 10px 30px 20px;
  }
}
/* Klaviyo Form Embed Code */
#klaviyo_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 10px 0 10px 3%;
}
#klaviyo_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em;
}
#klaviyo_embed_signup input {
  border: 1px solid #ABB0B2;
  border-radius: 3px;
}
#klaviyo_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox;
}
#klaviyo_embed_signup input[type=radio] {
  -webkit-appearance: radio;
}
#klaviyo_embed_signup input:focus {
  border-color: #333;
}
#klaviyo_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}
#klaviyo_embed_signup .button:hover {
  background-color: #777;
}
#klaviyo_embed_signup .small-meta {
  font-size: 11px;
}
#klaviyo_embed_signup .nowrap {
  white-space: nowrap;
}
#klaviyo_embed_signup .klaviyo-field-group {
  clear: left;
  position: relative;
  width: 96%;
  padding-bottom: 3%;
  min-height: 50px;
}
#klaviyo_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%;
}
#klaviyo_embed_signup .klaviyo-field-group label {
  display: block;
  margin-bottom: 3px;
}
#klaviyo_embed_signup .klaviyo-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
}
#klaviyo_embed_signup .klaviyo-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px;
}
#klaviyo_embed_signup .datefield,
#klaviyo_embed_signup .phonefield-us {
  padding: 5px 0;
}
#klaviyo_embed_signup .datefield input,
#klaviyo_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0;
}
#klaviyo_embed_signup .datefield label,
#klaviyo_embed_signup .phonefield-us label {
  display: none;
}
#klaviyo_embed_signup .phonefield-us .phonearea input,
#klaviyo_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px;
}
#klaviyo_embed_signup .datefield .monthfield input,
#klaviyo_embed_signup .datefield .dayfield input {
  width: 30px;
}
#klaviyo_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}
#klaviyo_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
}
#klaviyo_embed_signup .clear {
  clear: both;
}
#klaviyo_embed_signup .klaviyo-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}
#klaviyo_embed_signup .klaviyo-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}
#klaviyo_embed_signup .klaviyo-field-group.input-group label {
  display: inline;
}
#klaviyo_embed_signup .klaviyo-field-group.input-group input {
  display: inline;
  width: auto;
  border: none;
}
#klaviyo_embed_signup div#klaviyo-responses {
  float: left;
  top: -1.4em;
  padding: 0em 0.5em 0em 0.5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both;
}
#klaviyo_embed_signup div.response {
  margin: 1em 0;
  padding: 1em 0.5em 0.5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%;
}
#klaviyo_embed_signup #klaviyo-error-response {
  display: none;
}
#klaviyo_embed_signup #klaviyo-success-response {
  color: #529214;
  display: none;
}
#klaviyo_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: 0.5em 0;
}
#klaviyo_embed_signup #klaviyo-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%;
}
#klaviyo_embed_signup #num-subscribers {
  font-size: 1.1em;
}
#klaviyo_embed_signup #num-subscribers span {
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-right: 0.5em;
  font-weight: bold;
}
#klaviyo_embed_signup #email_signup div.mce_inline_error {
  display: inline-block;
  margin: 2px 0 1em 0;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: #e85c41;
}
#klaviyo_embed_signup #email_signup input.mce_inline_error {
  border: 2px solid #e85c41;
}

* html #klaviyo_embed_signup .size1of2 {
  margin-right: 2%; /* Fix for IE6 double margins. */
}

#email_signup input[type=checkbox] {
  display: inline;
  width: auto;
  margin-right: 10px;
}

#mergeRow-gdpr {
  margin-top: 20px;
}

#mergeRow-gdpr fieldset label {
  font-weight: normal;
}

#email_signup .mc_fieldset {
  border: none;
  min-height: 0px;
  padding-bottom: 0px;
}

/* End Klaviyo Form Embed Code - Classic */
.header-relative-container {
  margin-top: 10px;
  min-height: 24px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.navigation-container {
  margin: 0 0 7px;
}
.navigation-container ol {
  display: none;
}
.navigation-container span {
  color: #666666;
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin: 0 2px 10px 0;
  cursor: pointer;
  float: left;
}
.navigation-container .navigation-item {
  text-decoration: underline;
}
.navigation-container .navigation-item.first {
  text-decoration: none;
}
.navigation-container .navigation-item.last {
  text-decoration: none;
}
.navigation-container .navigation-item.defualt-cursor {
  cursor: default;
}
.navigation-container .back-link-button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px 17px;
  width: 100px;
  background: linear-gradient(to top, rgb(168, 167, 167) 0%, rgb(120, 119, 119) 3%, rgb(166, 166, 166) 89%, rgb(168, 168, 168) 97%, rgb(217, 217, 217) 100%);
  color: #FFFFFF;
  position: relative;
  top: -5px;
}
.navigation-container .back-link-button:before {
  content: "<< ";
}

@media (min-width: 992px) {
  .header-relative-container {
    margin-bottom: 9px;
  }
  .navigation-container {
    margin: 4px 0 5px;
  }
  .navigation-container span {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
  }
  .navigation-container .back-link-button {
    margin-left: -15px;
  }
}
.small-vertical-product-container .product-controls {
  margin: -24px 0px 0px;
  width: auto;
  float: none;
  text-align: center;
}
.small-vertical-product-container .product-controls .amount-input {
  display: none;
}
.small-vertical-product-container .product-controls .buy-button {
  background: #79BA2A;
  background: linear-gradient(180deg, #79BA2A 0%, #69A125 100%);
  box-shadow: none;
  width: 85px;
  min-height: 24px;
  overflow: hidden;
  float: right;
}
.small-vertical-product-container .product-controls .buy-button input {
  background: transparent;
  border: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  text-transform: uppercase;
  padding: 4px 0 3px;
  width: 100%;
  height: 24px;
}
.small-vertical-product-container .left-news-mark {
  display: none;
}
.small-vertical-product-container .article-news-content-container {
  display: none;
}

.smh-slider-container .common-slider-content-controls {
  margin-bottom: 70px;
  width: 100%;
}

.smh-slider-container .common-slider-container .common-slider-nav {
  margin-top: 0;
  margin-bottom: 0;
  width: 37px;
  height: 37px;
  bottom: -40px;
}

.smh-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
  left: 50%;
  margin-left: -47px;
}

.smh-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
  right: 50%;
  margin-right: -47px;
}

.smh-slider-container .preloading-content {
  height: 148px;
}

@media (min-width: 992px) {
  .smh-slider-container .common-slider-content-controls {
    margin-bottom: -20px;
  }
  .smh-slider-container.categories-slider .common-slider-content-controls {
    margin-bottom: 0;
    width: 93%;
  }
  .smh-slider-container .common-slider-container .common-slider-nav {
    margin-bottom: -14px;
    bottom: 50%;
  }
  .smh-slider-container .common-slider-container .common-slider-nav.common-slider-nav-prev {
    left: -57px;
    margin-left: 0;
  }
  .smh-slider-container .common-slider-container .common-slider-nav.common-slider-nav-next {
    right: -57px;
    margin-right: 0;
  }
  .common-underlined-header.smh-slider-header {
    margin-top: 5px;
    margin-bottom: 18px;
  }
  .smh-slider-container.categories-slider .common-underlined-header.smh-slider-header {
    margin-top: 14px;
    margin-bottom: 9px;
  }
}
/*suggestion results sytles*/
.suggestion-results-container {
  width: 100%;
  position: absolute;
  top: 184px;
  transition: top 0.15s linear;
  z-index: 20;
}

.header-container.wrapped-state .suggestion-results-container {
  top: 134px;
}

.suggestion-results-content-container {
  display: none;
  margin: auto;
  width: 96%;
  max-width: 1002px;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.suggestion-results-content-container #suggestionCategoriesAlgolia,
.suggestion-results-content-container .suggestions-scroll-container {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 60vh;
}

.suggestion-results-content-container #suggestionCategoriesAlgolia {
  max-height: 71vh;
}

.suggestion-results-content-container .row.wide-row {
  margin-right: -5px;
  margin-left: -5px;
}

.suggestion-results-content-container .col-product-container {
  padding-right: 5px;
  padding-left: 5px;
}

.suggestion-results-content-container .col-group-container {
  width: 50%;
  float: left;
}
@media (min-width: 992px) {
  .suggestion-results-content-container .col-group-container {
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .suggestion-results-content-container .col-group-container {
    width: 25%;
  }
}
@media (min-width: 1420px) {
  .suggestion-results-content-container .col-group-container {
    width: 20%;
  }
}

.suggestion-results {
  padding: 15px 10px 1px 10px;
  position: relative;
}

.suggestion-results > .row {
  margin-right: -15px;
  margin-left: -15px;
}

.suggestion-results-headline {
  padding-bottom: 15px;
  padding-left: 5px;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
}

.suggestion-results-headline.suggestion-terms-headline {
  display: none;
  padding-bottom: 2px;
}

.suggestion-results-headline.mobile {
  padding-top: 15px;
  padding-bottom: 5px;
}

.suggestion-results-headline.bordered {
  display: inline-block;
  margin: 10px 0 2px;
  padding: 8px 10px 12px;
  border: solid #d8d8d8;
  border-width: 0 0 1px 0;
}

#suggestionResultsProducts .suggestion-results-headline {
  display: none;
}

.suggestion-results-content-container .product-container {
  margin-bottom: 20px;
}

.suggestion-links-content {
  width: 100%;
  max-width: 420px;
}

.mobile-suggestion-results-container .suggestion-links-content {
  margin-bottom: 20px;
}

.suggestion-wide-link {
  display: block;
  padding-right: 15px;
  margin-bottom: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  width: 50%;
  max-height: 34px;
  text-transform: uppercase;
  color: #454545;
  text-decoration: none;
  font-size: 14px;
  line-height: 19px;
  float: left;
  cursor: pointer;
  overflow: hidden;
}

.suggestion-links-content .suggestion-type-link {
  display: block;
  padding-right: 15px;
  margin-bottom: 16px;
  padding-bottom: 2px;
  padding-left: 24px;
  width: 50%;
  color: #0070c0;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.suggestion-links-content .suggestion-type-link:before {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  background: #000000;
  position: absolute;
  top: 8px;
  left: 8px;
}

.suggestion-footer {
  display: block;
  margin: 10px 0px 0px;
  padding: 7px 0;
  width: 100%;
  position: relative;
  background: #00BDA2;
  background: linear-gradient(90deg, #00BDA2 0%, #009BB1 100%);
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  outline: none;
  border: 0px;
  bottom: -15px;
}

.suggestion-service-container {
  display: block;
  padding: 20px 10px 0 20px;
  min-height: 90px;
  background: #f2f2f2;
  color: #000000;
  text-decoration: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 44px;
  position: absolute;
  left: 2px;
  right: 15px;
  z-index: 3;
}

.suggestion-service-container span {
  display: inline-block;
}

.suggestion-service-container span.title {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

.suggestion-service-container span.suggestion-call-icon {
  padding-left: 60px;
  min-height: 45px;
  background: url("../../images/responsiveNew/common/suggestionsPhoneIcon.png") no-repeat 0 0;
  background-size: auto 45px;
}

a.suggestion-service-container,
a.suggestion-service-container:hover,
a.suggestion-service-container:visited {
  color: #000000;
  text-decoration: none;
}

.suggestion-link,
a.suggestion-link,
a.suggestion-link:hover,
a.suggestion-link:visited {
  display: block;
  margin: 5px 0;
  padding: 6px 10px 8px;
  width: 100%;
  border: solid #d8d8d8;
  border-width: 0 0 1px 0;
  color: #0070c0;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.suggestion-link-title, .suggestion-search-link-title {
  color: #454545;
  margin: 25px 0 5px;
}

.suggestion-search-link-title {
  display: none;
}

.suggestion-link-border {
  display: block;
  border: solid #d8d8d8;
  border-width: 0 0 1px 0;
}

.suggestion-recent-link-title,
.suggestion-recent-link-clear {
  display: inline-block;
  line-height: 22px;
  margin: 25px 0 5px;
  border: none;
}

.suggestion-recent-link-title {
  width: 60%;
}

.suggestion-recent-link-clear {
  width: 30%;
  color: #0070c0;
  float: right;
  font-size: 12px;
  text-align: right;
}

.mobile-suggestion-tab .suggestion-link,
.mobile-suggestion-tab a.suggestion-link,
.mobile-suggestion-tab a.suggestion-link:hover,
.mobile-suggestion-tab a.suggestion-link:visited {
  margin: 0 0 5px;
  padding: 3px 10px;
  font-size: 14px;
  line-height: 2;
  float: left;
  border: solid 1px #CCD7DE;
  border-width: 0px 0px 1px 0px;
}

.mobile-suggestion-tab .suggestion-link-title {
  margin: 10px 0 5px;
}

.mobile-suggestion-tab .suggestion-link-border {
  display: inline-block;
  width: 100%;
  border: solid #d8d8d8;
  border-width: 0 0 1px 0;
}

.mobile-suggestion-tab .suggestion-recent-link-title,
.mobile-suggestion-tab .suggestion-recent-link-clear {
  border: none;
}

.mobile-suggestion-tab .suggestion-recent-link-title {
  color: #454545;
  line-height: 19px;
}

.mobile-suggestion-tab .suggestion-recent-link-clear {
  float: right;
  font-size: 12px;
  line-height: 16px;
}

.suggestion-links-content .suggestion-link .suggestions-amount {
  display: inline-block;
  color: #7f7f7f;
  float: right;
}

.suggestion-links-content-scroll-overlay {
  position: absolute;
  left: 5px;
  right: 5px;
  height: 70px;
  background: #ffffff;
  z-index: 1;
}

.header-container.wrapped-state .suggestion-links-content-scroll-overlay {
  display: none;
}

.close-suggestions-button {
  position: absolute;
  width: 40px;
  height: 30px;
  text-align: right;
  right: 25px;
  top: 10px;
  font-size: 35px;
  line-height: 30px;
  z-index: 20;
  cursor: pointer;
}

/*suggestion results styles end*/
/*mobile suggestion styles*/
.mobile-suggestion-results-container {
  display: none;
  position: fixed;
  top: 53px;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  border: solid #dedede;
  border-width: 1px 0 0 0;
}

.header-container.mobile-live-search-state .mobile-suggestion-results-container {
  display: block;
}

.mobile-suggestion-tabs-header {
  width: 100%;
  height: 47px;
  overflow: hidden;
}

.mobile-suggestion-tab-header {
  margin-top: -1px;
  padding: 0 20px;
  width: 50%;
  float: left;
  height: 48px;
  background: #f4f4f4;
  border: solid #dedede;
  border-width: 1px 0 1px 0;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 47px;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories {
  padding: 0 21px;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories:before,
.mobile-suggestion-tab-header.suggestion-tab-header-categories:after {
  content: " ";
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: -1px;
  z-index: 1;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories:before {
  background: #eaeaea;
  left: -1px;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories.active:before {
  right: 0;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories:after {
  background: #e6e6e6;
  right: 0;
}

.mobile-suggestion-tab-header.suggestion-tab-header-categories.active:after {
  background: #e6e6e6;
  right: -1px;
}

.mobile-suggestion-tab-header.suggestion-tab-header-popular {
  text-transform: none;
}

.mobile-suggestion-tab-header.active {
  background: #ffffff;
  font-weight: bold;
  border-width: 1px 0 0 0;
}

.mobile-suggestion-tabs {
  position: fixed;
  top: 95px;
  bottom: 0;
  right: 0;
  left: 0;
}

.mobile-suggestion-tab {
  display: none;
  margin: 10px 0 0;
  padding: 0 10px 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobile-suggestion-tab.active {
  display: block;
}

.mobile-suggestion-tab-popular {
  top: -40px;
}

/*mobile suggestion styles end*/
/*autocomplete*/
.suggestion-results-container .ui-front {
  z-index: 11;
}

.suggestion-results-container .ui-widget {
  font-family: "opensans", sans-serif;
  font-size: 1em;
}

.suggestion-results-container .ui-widget .ui-widget {
  font-size: 1em;
}

.suggestion-results-container .ui-widget.ui-widget-content {
  border: 0px;
}

.suggestion-results-container .ui-widget-content {
  border-radius: 5px;
  border: 1px solid #dddddd;
  background: #ffffff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  color: #0070c0;
  overflow: hidden;
}

.header-container.wrapped-state .suggestion-results-container .ui-widget-content {
  border-radius: 0px;
}

.suggestion-results-container .ui-widget-content a {
  color: #333333;
}

.suggestion-results-container .ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.suggestion-results-container .ui-widget-header a {
  color: #333333;
}

.suggestion-results-container .ui-autocomplete {
  position: relative;
  top: 0;
  left: 0;
  cursor: default;
}

.suggestion-results-container .ui-menu {
  list-style: none;
  padding: 0;
  margin: 0px 0px 5px 0px;
  display: block;
  width: 100% !important;
  outline: 0;
  top: 0px !important;
  left: 0px !important;
}

.suggestion-results-container .ui-menu .ui-menu {
  position: relative;
}

.suggestion-results-container .ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  float: left;
}

.suggestion-results-container .ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.suggestion-results-container .ui-menu .ui-state-focus,
.suggestion-results-container .ui-menu .ui-state-active {
  /*margin: -1px 0px 1px 0px;*/
  padding: 4px 1em 4px 0.4em;
}

.suggestion-results-container .ui-state-active,
.suggestion-results-container .ui-widget-content .ui-state-active,
.suggestion-results-container .ui-widget-header .ui-state-active {
  border: 0px;
  background: #e3eff4;
  color: #0070c0;
  font-weight: 600;
}

@media (min-width: 768px) {
  /*suggestion styles*/
  .suggestion-results-container {
    top: 189px;
  }
  .header-container.wrapped-state .suggestion-results-container {
    top: 139px;
  }
  .suggestion-results {
    padding: 20px 14px 1px 20px;
  }
  .suggestion-results > .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .suggestion-wide-link,
  a.suggestion-wide-link,
  a.suggestion-wide-link:visited,
  a.suggestion-wide-link:hover {
    padding-right: 0px;
    width: 100%;
    float: none;
  }
  .suggestion-links-content .suggestion-type-link {
    padding-right: 0px;
    width: 100%;
    float: none;
  }
  /*suggestion styles end*/
}
@media (min-width: 992px) {
  /*suggestion styles*/
  .close-suggestions-button {
    width: 60px;
    font-size: 31px;
    line-height: 35px;
    height: 35px;
    top: 20px;
  }
  .close-suggestions-button:before {
    content: "Luk";
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    position: absolute;
    right: 25px;
    top: 9px;
  }
  .suggestions-service-info {
    position: absolute;
    left: 5px;
    right: 0;
  }
  .suggestion-results-container {
    top: 57px;
  }
  .suggestion-results-content-container {
    width: 100%;
    max-width: 1170px;
  }
  .header-container.wrapped-state .suggestion-results-container {
    top: 0px;
  }
  .header-container.wrapped-state .suggestion-results-content-container {
    top: 50px;
  }
  .suggestion-results {
    padding: 0 14px 0 20px;
    min-height: 540px;
  }
  .suggestion-results-content-container .row.wide-row {
    margin-right: -15px;
    margin-left: -10px;
    min-height: 540px;
  }
  .suggestion-results-content-container .col-product-container,
  .suggestion-results-content-container .col-group-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .suggestion-results-content-container.lead-buttons-container .col-product-container {
    height: 289px;
  }
  .suggestion-results .suggestion-links-container {
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .header-container.wrapped-state .suggestion-results .suggestion-links-container {
    padding-top: 0;
  }
  .suggestion-links-content:empty,
  .header-container.wrapped-state .suggestion-links-content:empty {
    padding: 0;
  }
  .suggestion-links-content.bottom-separation {
    width: 100%;
    padding-bottom: 111px;
  }
  .col-suggestion-products {
    width: auto;
    min-height: 70px;
    float: none;
    overflow: hidden;
  }
  .col-suggestion-products .sm-group .group-content .group-texts > div {
    font-size: 14px;
    line-height: 20px;
  }
  .suggestion-results .col-suggestion-products {
    padding-top: 90px;
    padding-bottom: 30px;
    padding-right: 25px;
    background: #f2f2f2;
    border: solid #dadada;
    border-width: 0 0 0 1px;
  }
  .col-suggestion-footer {
    padding-right: 10px;
  }
  .suggestion-footer {
    margin: 0px auto 5px;
    font-size: 14px;
    bottom: auto;
  }
  .suggestion-footer.fixed-top {
    position: absolute;
  }
  .suggestion-footer.categories-footer {
    margin: 0 0 10px 15px;
    max-width: 180px;
    background: #6EB026;
    background: linear-gradient(180deg, #6EB026 0%, #5F9821 100%);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
  }
  .suggestion-results-content-container .product-controls .buy-button input,
  .smaller-slider-items .product-controls .buy-button input {
    font-size: 14px;
  }
  .suggestion-results-content-container .product-container {
    margin-bottom: 10px;
    padding: 10px 10px 8px;
  }
  .smaller-slider-items .product-container {
    margin-bottom: 10px;
  }
  .suggestion-results-content-container .product-content .product-image,
  .smaller-slider-items .product-content .product-image {
    margin-bottom: 10px;
    height: 122px;
  }
  .product-content .product-texts .product-title {
    margin-bottom: 2px;
  }
  .suggestion-results-content-container .product-content .product-texts .product-title,
  .smaller-slider-items .product-content .product-texts .product-title {
    height: 36px;
    max-height: 36px;
    line-height: 18px;
  }
  .suggestion-results-content-container .product-content .product-texts .product-number,
  .smaller-slider-items .product-content .product-texts .product-number {
    margin-bottom: 5px;
    height: 16px;
    line-height: 16px;
  }
  .smaller-slider-items .product-content .product-texts .product-price {
    font-size: 16px;
    line-height: 18px;
  }
  .suggestion-results-content-container .product-controls,
  .smaller-slider-items .product-controls {
    margin-top: 5px;
  }
  .suggestion-results-content-container .product-controls .amount-input,
  .smaller-slider-items .product-controls .amount-input {
    height: 30px;
  }
  .suggestion-results-content-container .product-controls .amount-input input,
  .smaller-slider-items .product-controls .amount-input input {
    padding: 2px 33px 3px 5px;
  }
  .suggestion-results-content-container .product-controls .amount-input span,
  .smaller-slider-items .product-controls .amount-input span {
    padding: 4px 0px 6px;
    height: 28px;
    line-height: 18px;
  }
  .suggestion-results-content-container .product-controls .buy-button,
  .smaller-slider-items .product-controls .buy-button {
    min-height: 30px;
  }
  .suggestion-results-content-container .product-controls .buy-button input,
  .smaller-slider-items .product-controls .buy-button input {
    padding: 4px 0px 4px;
    height: 30px;
    line-height: 20px;
  }
  .suggestion-results-content-container .suggestions-scroll-container {
    max-height: 75vh;
  }
  .suggestion-link,
  a.suggestion-link,
  a.suggestion-link:hover,
  a.suggestion-link:visited {
    line-height: 1.1;
  }
  /*suggestion styles end*/
  .suggestion-results-content-container.lead-buttons-container .col-product-container:nth-last-of-type(-n + 3) .product-container:hover,
  .suggestion-results-content-container.lead-buttons-container .col-product-container:nth-last-of-type(-n + 3) .product-container.hover {
    top: auto;
    bottom: 0;
  }
  .suggestion-results-content-container.lead-buttons-container .col-product-container:nth-of-type(-n + 3) .product-container:hover,
  .suggestion-results-content-container.lead-buttons-container .col-product-container:nth-of-type(-n + 3) .product-container.hover {
    bottom: auto;
    top: 0;
  }
  .suggestion-results-content-container .group-container {
    margin-bottom: 20px;
  }
  .suggestion-results-content-container .sm-group .group-content .group-image {
    height: 120px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 32px;
    padding-left: 32px;
    width: 100%;
    max-width: 1400px;
  }
  .top-menu-background-container > .container {
    max-width: none;
    padding-right: 15px;
    padding-left: 15px;
  }
  .suggestion-results-content-container {
    max-width: 1400px;
  }
  .header-container.wrapped-state .suggestion-results-content-container {
    max-width: none;
  }
  .suggestion-results-container {
    top: 57px;
  }
}
@media (min-width: 1500px) {
  .header-container.wrapped-state .suggestion-results-content-container {
    max-width: 1500px;
  }
  .header-container.wrapped-state .top-menu-controls-container.left {
    max-width: 365px;
  }
  .suggestion-results-content-container .suggestions-scroll-container {
    max-height: 60vh;
  }
  .suggestion-link,
  a.suggestion-link,
  a.suggestion-link:hover,
  a.suggestion-link:visited {
    line-height: 1.3;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .suggestion-link mark {
    background-color: inherit;
    color: inherit;
    font-weight: bold;
    padding: 0;
  }
  ol.ais-Hits-list {
    list-style-type: none;
    padding-left: 0;
  }
  ol.ais-InfiniteHits-list {
    list-style-type: none;
    padding-left: 0;
  }
  .suggestion-link .suggestions-amount {
    display: inline-block;
    color: #7f7f7f;
    float: right;
  }
}
.thumbnails-container {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.thumbnails-container.products-thumbnails-container {
  display: none;
}
@media (min-width: 768px) {
  .thumbnails-container.products-thumbnails-container {
    display: block;
  }
}
@media (min-width: 992px) {
  .thumbnails-container.products-thumbnails-container {
    bottom: 17px;
  }
}
.thumbnails-container .thumbnails-content {
  width: 100%;
  position: relative;
  text-align: center;
}
.thumbnails-container ul.thumbnails-content {
  margin-bottom: 0px;
  padding: 0px;
  list-style: none;
}
.thumbnails-container ul.thumbnails-content li {
  display: inline-block;
  margin-right: 15px;
  width: 72px;
  height: 72px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.thumbnails-container ul.thumbnails-content li img {
  border: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.thumbnails-container ul.thumbnails-content li.active-item, .thumbnails-container ul.thumbnails-content li:hover {
  border: 2px solid #0988B3;
}
.thumbnails-container ul.thumbnails-content li.active-item:hover {
  opacity: 1;
}
.thumbnails-container ul.thumbnails-content li:hover {
  opacity: 0.5;
}
.thumbnails-container ul.thumbnails-content li.products-thumbnail-item {
  margin-right: 5px;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background: #DCDCDC;
  border: 1px solid #DCDCDC;
  border-radius: 8px;
}
.thumbnails-container ul.thumbnails-content li.products-thumbnail-item:hover {
  opacity: 0.7;
  border: 1px solid #0988B3;
  background: #0988B3;
}
.thumbnails-container ul.thumbnails-content li.products-thumbnail-item.active-item {
  border: 1px solid #0988B3;
  background: #0988B3;
}
.thumbnails-container ul.thumbnails-content li.products-thumbnail-item.active-item:hover {
  opacity: 1;
}

.cart-slider-container .thumbnails-container.products-thumbnails-container {
  display: block;
  padding-top: 22px;
  min-height: 67px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
}

.grey-slider .thumbnails-container ul.thumbnails-content li.products-thumbnail-item {
  background: #FFFFFF;
  border: 1px solid #F5F5F5;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.cart-slider-container .thumbnails-container ul.thumbnails-content li.products-thumbnail-item {
  width: 14px;
  height: 14px;
}

@media (min-width: 992px) {
  .top-vertical-slider-container .thumbnails-container.products-thumbnails-container {
    bottom: 14px;
  }
  .cart-slider-container .thumbnails-container.products-thumbnails-container {
    padding-top: 0;
    min-height: auto;
    border: 0;
  }
  .smaller-slider-items .thumbnails-container.products-thumbnails-container {
    margin-bottom: -10px;
  }
}
.ui-dialog {
  border-radius: 16px;
  border: 1px solid #f7f7f7;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  padding: 0 24px;
}
.ui-dialog .ui-dialog-content {
  border-top: 4px solid #ffcc00;
  padding: 32px 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 8px 0;
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover {
  background: url("../images/icon/close-cross.svg");
  background-size: cover;
  border: none;
}

.ui-dialog-titlebar-close path {
  fill: #333333;
}

.ui-dialog .valid-amount .separate-window-content {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 24px;
}
.ui-dialog .valid-amount .separate-window-content .left-column {
  width: 82px;
  justify-items: center;
}
.ui-dialog .valid-amount .separate-window-content .right-column {
  width: calc(100% - 106px);
}
.ui-dialog .valid-amount .separate-window-content .icon {
  color: #2e6ca4;
  font-size: 64px;
  display: block;
  padding: 8px;
}
.ui-dialog .valid-amount .separate-window-content .title {
  color: #454545;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.ui-dialog .valid-amount .separate-window-content .message {
  color: #333333;
  font-size: 16px;
  margin-bottom: 24px;
}
.ui-dialog .valid-amount .separate-window-buttons {
  text-align: right;
  margin: 24px auto 0;
}
.ui-dialog .valid-amount #separate-window-yes-button {
  border: none;
  border-radius: 8px;
  background: #2e6ca4;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  padding: 12px 32px;
}
.ui-dialog .valid-amount #separate-window-yes-button:hover, .ui-dialog .valid-amount #separate-window-yes-button:focus {
  outline: none;
}