/* NEW: auto-generated _settings.less */

/* Settings LESS generated Fri Aug 29 13:04:47 UTC+0200 2025 */
/****************************************
*
* Font sizes 
*
*/
.fs11 {
  font-size: 11px;
}
.fs13 {
  font-size: 13px;
}
.fs16 {
  font-size: 16px;
}
.fs19 {
  font-size: 1.1875rem;
  font-size: clamp(16.75px, 1.1875vw, 19px);
}
.fs24 {
  font-size: 1.5rem;
  font-size: clamp(18px, 1.5vw, 24px);
}
.fs32 {
  font-size: 2rem;
  font-size: clamp(20px, 2vw, 32px);
}
.fs40 {
  font-size: 2.5rem;
  font-size: clamp(22px, 2.5vw, 40px);
}
.fs48 {
  font-size: 3rem;
  font-size: clamp(24px, 3vw, 48px);
}
.fs52 {
  font-size: 3.25rem;
  font-size: clamp(25px, 3.25vw, 52px);
}
.fs64 {
  font-size: 4rem;
  font-size: clamp(28px, 4vw, 64px);
}
.fs11-xxs {
  font-size: 11px;
}
.fs13-xxs {
  font-size: 13px;
}
.fs16-xxs {
  font-size: 16px;
}
.fs19-xxs {
  font-size: 1.1875rem;
  font-size: clamp(16.75px, 1.1875vw, 19px);
}
.fs24-xxs {
  font-size: 1.5rem;
  font-size: clamp(18px, 1.5vw, 24px);
}
.fs32-xxs {
  font-size: 2rem;
  font-size: clamp(20px, 2vw, 32px);
}
.fs40-xxs {
  font-size: 2.5rem;
  font-size: clamp(22px, 2.5vw, 40px);
}
.fs48-xxs {
  font-size: 3rem;
  font-size: clamp(24px, 3vw, 48px);
}
.fs52-xxs {
  font-size: 3.25rem;
  font-size: clamp(25px, 3.25vw, 52px);
}
.fs64-xxs {
  font-size: 4rem;
  font-size: clamp(28px, 4vw, 64px);
}
@media only screen and (min-width: 393px) {
  .fs11-xs {
    font-size: 11px;
  }
}
@media only screen and (min-width: 393px) {
  .fs13-xs {
    font-size: 13px;
  }
}
@media only screen and (min-width: 393px) {
  .fs16-xs {
    font-size: 16px;
  }
}
@media only screen and (min-width: 393px) {
  .fs19-xs {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 393px) {
  .fs24-xs {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 393px) {
  .fs32-xs {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 393px) {
  .fs40-xs {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 393px) {
  .fs48-xs {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 393px) {
  .fs52-xs {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 393px) {
  .fs64-xs {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
@media only screen and (min-width: 576px) {
  .fs11-sm {
    font-size: 11px;
  }
}
@media only screen and (min-width: 576px) {
  .fs13-sm {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) {
  .fs16-sm {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) {
  .fs19-sm {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 576px) {
  .fs24-sm {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 576px) {
  .fs32-sm {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 576px) {
  .fs40-sm {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 576px) {
  .fs48-sm {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 576px) {
  .fs52-sm {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 576px) {
  .fs64-sm {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
@media only screen and (min-width: 768px) {
  .fs11-md {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .fs13-md {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) {
  .fs16-md {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .fs19-md {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 768px) {
  .fs24-md {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 768px) {
  .fs32-md {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 768px) {
  .fs40-md {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 768px) {
  .fs48-md {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 768px) {
  .fs52-md {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 768px) {
  .fs64-md {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
@media only screen and (min-width: 992px) {
  .fs11-lg {
    font-size: 11px;
  }
}
@media only screen and (min-width: 992px) {
  .fs13-lg {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) {
  .fs16-lg {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) {
  .fs19-lg {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 992px) {
  .fs24-lg {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 992px) {
  .fs32-lg {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 992px) {
  .fs40-lg {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 992px) {
  .fs48-lg {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 992px) {
  .fs52-lg {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 992px) {
  .fs64-lg {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs11-xl {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1280px) {
  .fs13-xl {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1280px) {
  .fs16-xl {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .fs19-xl {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs24-xl {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs32-xl {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs40-xl {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs48-xl {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs52-xl {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 1280px) {
  .fs64-xl {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs11-xxl {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1600px) {
  .fs13-xxl {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  .fs16-xxl {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1600px) {
  .fs19-xxl {
    font-size: 1.1875rem;
    font-size: clamp(16.75px, 1.1875vw, 19px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs24-xxl {
    font-size: 1.5rem;
    font-size: clamp(18px, 1.5vw, 24px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs32-xxl {
    font-size: 2rem;
    font-size: clamp(20px, 2vw, 32px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs40-xxl {
    font-size: 2.5rem;
    font-size: clamp(22px, 2.5vw, 40px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs48-xxl {
    font-size: 3rem;
    font-size: clamp(24px, 3vw, 48px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs52-xxl {
    font-size: 3.25rem;
    font-size: clamp(25px, 3.25vw, 52px);
  }
}
@media only screen and (min-width: 1600px) {
  .fs64-xxl {
    font-size: 4rem;
    font-size: clamp(28px, 4vw, 64px);
  }
}
/****************************************
*
* Viewport (Bootstrap) breakpoints
*
*/
/* XXS (0px - 393px) */
@media only screen and (min-width: 393px) {
  .xxs-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 393px) {
  .xxs-only {
    display: none !important;
  }
}
@media only screen and (max-width: 392.98px) {
  .xxs-none {
    display: none !important;
  }
}
/* XS (393px - 576px) */
@media only screen and (min-width: 576px) {
  .xs-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 392.98px) {
  .xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 393px) and (max-width: 575.98px) {
  .xs-none {
    display: none !important;
  }
}
@media only screen and (max-width: 392.98px) {
  .xs-and-up {
    display: none !important;
  }
}
/* SM (576px - 768px) */
@media only screen and (min-width: 768px) {
  .sm-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .sm-none {
    display: none !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .sm-and-up {
    display: none !important;
  }
}
/* MD (768px - 992px) */
@media only screen and (min-width: 992px) {
  .md-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .md-none {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .md-and-up {
    display: none !important;
  }
}
/* LG (992px - 1280px) */
@media only screen and (min-width: 1280px) {
  .lg-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1279.98px) {
  .lg-none {
    display: none !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .lg-and-up {
    display: none !important;
  }
}
/* XL (1280px - 1600px) */
@media only screen and (min-width: 1600px) {
  .xl-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 1279.98px) {
  .xl-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) {
  .xl-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1599.98px) {
  .xl-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1279.98px) {
  .xl-and-up {
    display: none !important;
  }
}
/* XXL (1600px - 10000px) */
@media only screen and (min-width: 10000px) {
  .xxl-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 1599.98px) {
  .xxl-only {
    display: none !important;
  }
}
@media only screen and (min-width: 10000px) {
  .xxl-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 9999.98px) {
  .xxl-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1599.98px) {
  .xxl-and-up {
    display: none !important;
  }
}
/****************************************
*
* Site widths
*
*/
/* FULL (100%) */
:root {
  --width-full: 100%;
  --paddinginline-full: var(--padding-inline, 10px);
}
.width-full.padding-inline {
  padding-left: var(--paddinginline-full, 0.5rem);
  padding-right: var(--paddinginline-full, 0.5rem);
}
.width-full slideshow.navigation-outside,
slideshow.navigation-outside.width-full {
  max-width: calc(100% - var(--slider-navigation-space, 120px));
  margin-left: auto;
  margin-right: auto;
}
.width-full {
  margin-left: auto;
  margin-right: auto;
  width: var(--width-full, 100%);
  max-width: 100%;
}
/* MAIN (1600px) */
:root {
  --width-main: min(100%, 1600px);
  --paddinginline-main: var(--padding-inline, 10px);
}
@media only screen and (min-width: 1629.98px) {
  :root {
    --paddinginline-main: 0;
  }
}
.width-main.padding-inline {
  padding-left: var(--paddinginline-main, 0.5rem);
  padding-right: var(--paddinginline-main, 0.5rem);
}
@media only screen and (max-width: 1719.98px) {
  .width-main slideshow.navigation-outside,
  slideshow.navigation-outside.width-main {
    max-width: calc(100% - var(--slider-navigation-space, 120px));
    margin-left: auto;
    margin-right: auto;
  }
}
.width-main {
  margin-left: auto;
  margin-right: auto;
  width: var(--width-main, 100%);
  max-width: 1600px;
}
/* NARROW (1280px) */
:root {
  --width-narrow: min(100%, 1280px);
  --paddinginline-narrow: var(--padding-inline, 10px);
}
@media only screen and (min-width: 768px) {
  :root {
    --width-narrow: min(100%, 893px);
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --width-narrow: min(100%, 85%);
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --width-narrow: min(100%, 80%);
  }
}
@media only screen and (min-width: 939.98px) {
  :root {
    --paddinginline-narrow: 0;
  }
}
.width-narrow.padding-inline {
  padding-left: var(--paddinginline-narrow, 0.5rem);
  padding-right: var(--paddinginline-narrow, 0.5rem);
}
@media only screen and (max-width: 1029.98px) {
  .width-narrow slideshow.navigation-outside,
  slideshow.navigation-outside.width-narrow {
    max-width: calc(100% - var(--slider-navigation-space, 120px));
    margin-left: auto;
    margin-right: auto;
  }
}
.width-narrow {
  margin-left: auto;
  margin-right: auto;
  width: var(--width-narrow, 100%);
  max-width: 1280px;
}
.blackmarket {
  background-color: #222;
  /**
	body.blackmarket .loadmore-articles .viewprogressbar .progress
	{
	background-color: #f54;
	}
	**/

}
.blackmarket .content {
  color: #eee;
  background-color: #222;
}
.blackmarket .content a {
  color: #f54;
}
.blackmarket .article img {
  filter: brightness(0.85);
}
.blackmarket .article .description a,
.blackmarket .article .articles .article .sizes,
.blackmarket .article .price a {
  color: #eee;
}
.blackmarket .articles .fa-heart {
  color: #f54;
}
.blackmarket .search-results {
  background-color: #444;
}
.blackmarket .article-filter > .title {
  color: #222;
  filter: invert(1);
}
.blackmarket .sliders .slider .desc,
.blackmarket .sliders .slider .horizontal-filters .title .fa {
  color: #eee;
}
.blackmarket .horizontal-filters .article-filter .pulldown {
  color: #eee;
  background-color: #444;
}
.blackmarket .horizontal-filters .show-more a {
  color: #eee;
  border-color: #eee;
}
.blackmarket .horizontal-filters .sliders .slider .contents {
  background-color: #444;
  border-color: #444;
}
.blackmarket .list-footer .page-index .currentartpage {
  background-color: #f54;
  border-color: #f54;
}
.blackmarket.article-details .productinfo-main,
.blackmarket.article-details .pdp-images,
.blackmarket.article-details .related {
  background-color: unset;
}
.blackmarket.article-details h1,
.blackmarket.article-details h2,
.blackmarket.article-details h3,
.blackmarket.article-details h4,
.blackmarket.article-details h5,
.blackmarket.article-details h6 {
  color: #eee !important;
}
.blackmarket.article-details .detail-contents .special-remarks,
.blackmarket.article-details .detail-contents .current-choice {
  color: #444;
}
.blackmarket.article-details .detail-contents .value,
.blackmarket.article-details .detail-contents .variant-display-price,
.blackmarket.article-details .detail-contents .variant-display-price .lowest,
.blackmarket.article-details .detail-contents .price-vat-shipping-notice,
.blackmarket.article-details .detail-contents .price-vat-shipping-notice a,
.blackmarket.article-details .detail-contents .brandtextlogo,
.blackmarket.article-details .detail-contents .main-product-infos,
.blackmarket.article-details .detail-contents .main-product-infos a {
  color: #eee;
}
.blackmarket.article-details .detail-contents .item-variants .item-variant {
  border-color: #eee;
}
.blackmarket.article-details .detail-contents .ordering button.addtobag {
  color: black;
  background-color: #eee;
}
.blackmarket.article-details .detail-contents .ordering .useractions button.add-to-favorites {
  color: #eee;
}
.blackmarket.article-details .detail-contents .usps,
.blackmarket.article-details .detail-contents .usps a,
.blackmarket.article-details .detail-contents .usps .element.hyperlink::after {
  color: #eee;
}
.blackmarket.article-details .detail-contents .attitude-tabs .attitude-tab .tab-title .fa,
.blackmarket.article-details .detail-contents .attitude-tabs .attitude-tab .tab-title .fal {
  color: #eee;
}
.blackmarket.article-details .detail-contents .attitude-tabs .attitude-tab .tab-title {
  border-color: #999;
}
.blackmarket.article-details .relations .tab h2,
.blackmarket.article-details .relations .tabs h2.active,
.blackmarket.article-details .relations .tabs h2:hover {
  color: black !important;
  background-color: #eee;
}
.blackmarket .ibvjs-sidecar-container {
  color: #eee;
  background-color: #444;
}
.blackmarket .ibvjs-sidecar-container a,
.blackmarket .ibvjs-sidecar-container .item,
.blackmarket .ibvjs-sidecar-container .item a {
  color: #eee;
}
.blackmarket .ibvjs-sidecar-container .content {
  background-color: #444;
}
.blackmarket .ibvjs-sidecar-container button,
.blackmarket .ibvjs-sidecar-container button.cmd.clear .fal {
  color: #eee;
}
.blackmarket .ibvjs-sidecar-container .qty-mgr {
  border: 1px solid #eee;
}
.blackmarket .ibvjs-sidecar-container .qty-mgr input[type="number"] {
  margin: 0 3px;
}
.blackmarket .rr-widget * {
  color: #eee !important;
}
.blackmarket .rr-widget__title {
  color: black !important;
  background-color: #eee !important;
}
.blackmarket .rr-arrow {
  filter: invert(1);
}
@media all and (max-width: 767px) {
  .attitude-lookbooks {
    width: auto;
    margin: 0 -15px;
  }
  .attitude-lookbooks .lookbooks .row {
    margin: 0;
  }
  .attitude-lookbooks .lookbooks .col-12 {
    padding: 0;
  }
}
.lookbooks .lookbook {
  margin: 0 0 15px 0;
}
@media all and (min-width: 768px) {
  .lookbooks {
    padding: 15px 0 0 0;
  }
  .lookbooks .lookbook {
    margin: 0 0 30px 0;
  }
}
.lookbooks .lookbook a.link {
  display: block;
}
.lookbooks a {
  color: #ddd;
}
.lookbooks .lookbook .title {
  position: absolute;
  top: 30px;
  right: 30px;
  padding: 15px;
  font-size: 13pt;
  font-family: 'Courier New';
  text-align: right;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
}
.lookbook .photo {
  position: relative;
}
@media all and (min-width: 768px) {
  .lookbook .photo {
    margin: 0 0 60px 0;
  }
}
.lookbook .photo .arts {
  z-index: 900;
  margin: 0;
}
.lookbook .photo .arts .art {
  z-index: 990;
  margin: 0 15px 0 0;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
}
.lookbook .photo .arts .slick-arrow {
  z-index: 1000;
  position: absolute;
  top: calc(50% - 15px);
  font-size: 30px;
  color: #ddd;
}
.lookbook .photo .arts .prev {
  left: 0;
}
.lookbook .photo .arts .next {
  right: 0;
}
@media all and (min-width: 768px) {
  .lookbook .photo .arts {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    text-align: right;
  }
  .lookbook .photo .arts .prev {
    left: 15px;
  }
  .lookbook .photo .arts .next {
    right: 15px;
  }
}
@media all and (min-width: 1200px) {
  .lookbook .photo .arts .art {
    width: auto;
  }
}
.lookbook a {
  color: #ddd;
}
.lookbook a.desc {
  font-size: 13pt;
  font-family: 'Courier New';
}
.lookbook .price {
  display: inline-block;
  padding: 15px;
}
.lookbook a.view {
  display: inline-block;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.lookbook a.view:hover {
  text-decoration: none;
}
.lookbook img {
  display: block;
  width: 100%;
  border-radius: 3px;
}
.orderhistory-newsletter {
  margin: 15px 0 30px 0;
  padding: 15px;
  background-color: #afa;
  text-align: center;
  border-radius: 5px;
}
.orderhistory .customerid-line {
  padding: 15px;
  background-color: #eee;
  border-radius: 5px;
}
.orderhistory .customerid-line .customerid {
  padding: 0 5px;
  background-color: #ff0;
}
.orderhistory .orderfilters {
  display: inline-block;
  padding: 15px 15px 15px 45px;
  background-color: #eee;
  border-radius: 5px;
}
.orderhistory .orderfilters .fa-filter {
  position: absolute;
  top: 10px;
  left: 25px;
}
.orderhistory-entry {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 15px;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ddd;
}
@media all and (min-width:1200px) {
  .orderhistory-entry {
    grid-template-columns: 1fr 4fr;
  }
}
.orderhistory-entry:last-child {
  border: 0;
}
.orderhistory-entry .metadata {
  margin: 0 0 15px 0;
  padding: 5px;
  background-color: #eee;
}
@media all and (min-width:1200px) {
  .orderhistory-entry .metadata {
    margin: 0;
  }
}
.orderhistory-entry .orderlines table {
  width: 100%;
}
.orderhistory-entry .orderlines .release-date {
  color: orange;
}
.orderhistory-entry .green {
  padding: 0 2px;
  color: #fff;
  background-color: #0a0;
}
.orderupdates {
  margin: 0;
}
.orderupdates .orderupdatestab {
  width: 400px;
  background-color: #eee;
}
.orderupdates .updatehdr {
  margin: 0;
  text-decoration: underline;
  font-size: 12px;
}
.webreturns .webreturn {
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.webreturns .webreturn .meta {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
}
.webreturns .webreturn .meta .kvp {
  display: grid;
  grid-template-columns: 120px auto;
}
.orderhistory .estimated-time-of-arrival,
.orderhistory .ready-for-shipping,
.orderhistory .cs-special,
.orderhistory .return-not-processed,
.orderhistory .partially-shipped,
.orderhistory .order-accepted,
.orderhistory .awaiting-payment,
.orderhistory .awaiting-pickup-by-bo {
  color: #00c;
}
.orderhistory .statustype {
  padding: 0 20px 0 0;
}
.orderhistory .contact,
.orderhistory .contact a {
  color: #c90 !important;
}
.orderhistory.list .estimated-time-of-arrival {
  display: inline-block;
  margin: 5px 0 0 0;
}
.orderhistory.list .order {
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.orderhistory .order a {
  color: #444;
}
.orderhistory .order .orderlines a {
  color: #444;
}
.orderhistory .order .orderlines .status {
  margin: 5px 0 0 0;
}
.orderhistory .order .date {
  font-size: 15pt;
  font-weight: bold;
}
.orderhistory .order .view-details {
  margin: 15px 0 0 0;
}
.orderhistory .blackmarketitem {
  font-size: 8pt;
}
.orderhistory.details .date {
  font-size: 12pt;
  font-weight: bold;
}
.orderhistory.details .paid .fa {
  color: #0a0;
}
.orderhistory.details .order-accepted .fa {
  color: #0a0;
}
.orderhistory.details .awaiting-pickup-by-bo .fa {
  color: orange;
}
.orderhistory.details .awaiting-payment .fa {
  color: orange;
}
.orderhistory.details .shipped .fa {
  color: #0a0;
}
.orderhistory.details .orderline {
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.orderhistory.details .orderlines a {
  color: #000;
}
.orderhistory.details .orderlines .orderline.cancelled {
  text-decoration: line-through;
  color: #999;
}
.orderhistory.details .orderlines .orderline.cancelled a {
  color: #999;
}
.orderhistory.details .orderline .textline {
  margin: 5px 0 0 0;
  font-style: italic;
  color: #666;
}
.orderhistory.details .orderline .write-review {
  margin: 7px 0 0 3px;
}
.orderhistory.details .orderline .write-review a {
  color: #0a0;
}
.orderhistory .orderline .trace-parcel {
  margin: 7px 0 0 3px;
}
.orderhistory .orderline .trace-parcel a {
  color: #da0;
  color: #0a0;
}
.orderhistory.details .orderline .withdrawal,
.orderhistory.details .refund-withdrawal {
  margin: 15px 0 0 0;
}
.orderhistory.details .orderline .open-withdrawal,
.orderhistory.details .withdrawal-button {
  display: inline-block;
  padding: 15px 30px;
  font-size: 12pt;
  color: #eee;
  background-color: #0a0;
  border-radius: 5px;
}
.orderhistory.details .orderline .open-withdrawal:hover {
  text-decoration: none;
}
.orderhistory .update-date {
  display: inline-block;
  margin: 0 0 0 15px;
  color: #a88;
}
.returnorders .return-status {
  margin: 10px 0 0 0;
  font-size: 8pt;
}
.returnorders .return-status.green {
  padding: 3px;
}
.returnrequest .orderhistory-entry {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
}
.returnrequest.single .orderhistory-entry {
  margin: 0;
  padding: 0;
}
.returnrequest .orderhistory-entry .item-info td {
  padding: 5px;
  background-color: #ccc;
}
.returnrequest .orderhistory-entry .item-choices td {
  background-color: #eee;
}
.returnrequest .orderhistory-entry .original-qty {
  font-size: 8pt;
  font-style: italic;
  color: green;
}
.returnrequest .orderhistory-entry .return-qty {
  font-size: 8pt;
  font-style: italic;
  color: orange;
}
.returnrequest .orderhistory-entry .divider {
  padding: 5px;
}
.returnrequest .orderhistory-entry .cmd.return-order,
.orderhistory-entry .cmd.return-order,
.orderhistory.details .cmd.return-order {
  display: inline-block;
  padding: 5px 15px;
  font-size: 12pt;
  color: #fff;
  background-color: #444;
  border: 0;
  border-radius: 5px;
}
.returnrequest .orderhistory-entry .cmd.return-order:hover,
.orderhistory-entry .cmd.return-order:hover,
.orderhistory.details .cmd.return-order:hover {
  text-decoration: none;
}
.orderhistory-entry .cmd.context-cancel {
  color: #fff;
  background-color: #c00;
}
.returnrequest .order-table a.product-link {
  color: #000;
}
.returnrequest .user-input-title {
  background-color: #ff0;
}
.returnrequest .max-length-notice {
  font-size: 7pt;
  color: #666;
}
.returnrequest .separator {
  margin: 15px 0;
}
.returnrequest .return-comments {
  width: 100%;
  height: 50px;
  padding: 2px 3px;
}
@media all and (min-width:1200px) {
  .returnlist {
    width: 60%;
  }
}
.column.dropofflist {
  width: 35%;
  background-color: #dfd;
  padding: 0.5em;
}
@media (max-width: 768px) {
  .returnrequest .orderhistory-entry .metadata {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .returnrequest .orderhistory-entry .orderlines {
    width: 100%;
  }
  .returnrequest .orderhistory-entry .item-choices table,
  .returnrequest .orderhistory-entry .item-choices table tbody,
  .returnrequest .orderhistory-entry .item-choices table tr,
  .returnrequest .orderhistory-entry .item-choices table td {
    display: block;
    width: 100%;
  }
  .returnrequest .orderhistory-entry .item-choices table {
    padding: 0 0 15px 0;
  }
  .returnrequest .orderhistory-entry .item-choices table td {
    padding: 15px 15px 0 15px;
  }
  .returnrequest .orderhistory-entry .return-comments {
    width: 100%;
  }
  .column.returnlist,
  .column.dropofflist {
    width: 100%;
    padding-top: 0;
  }
  .column.returnlist {
    margin: 0 0 15px 0;
  }
}
.submitreturn,
.withdraw-ecredits,
.go-to-returns-page {
  display: inline-block;
  margin: 0 10px;
  padding: 0.3em 1em;
  font-size: 2em;
  text-shadow: 1px 1px 1px #040;
  text-decoration: none;
  color: white;
  background: #090;
  border-radius: 5px 25px 25px 5px;
  box-shadow: 0 0px 10px #aaa;
}
a.go-to-returns-page:hover {
  text-decoration: none;
}
button.withdraw-ecredits.disabled,
button.withdraw-ecredits:disabled {
  background-color: #999;
}
.returnlist .submitcancel {
  background: #c00;
}
.help h1,
.help h2 {
  font-size: 18pt;
  font-weight: bold;
}
.help .itemlist .item {
  position: relative;
  padding: 10px 0;
  font-size: 13pt;
  border-bottom: 1px solid #ccc;
}
.help .itemlist .item a {
  color: #444;
}
.help .itemlist .item::after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 0;
  content: ">";
  color: #ccc;
}
.help .buttonlist .item {
  margin: 0 0 8px 0;
  padding: 10px;
  font-size: 13pt;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.help .buttonlist .item a {
  color: #444;
}
.help .circles .circle {
  height: 250px;
  width: 250px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.help .circles .circle a {
  color: #444;
}
.help .circles .circle .inner {
  width: 200px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}
.help .contact-table {
  width: 600px;
  max-width: 100%;
}
.help .contact-table .text {
  width: 80%;
}
.contact-page h1,
.contact-page h2 {
  font-size: 15pt;
  text-transform: uppercase;
  color: #b00;
}
.contact-page h2 {
  margin-bottom: 10px;
}
.contact-page > tr > td,
.contact-page > tbody > tr > td {
  position: relative;
}
.contact-page .links-2 {
  position: absolute;
  top: 15px;
  right: 0;
}
.contact-page .contact-table {
  width: 100%;
}
.contact-page .contact-table .label {
  vertical-align: top;
}
.contact-page .contact-table .text {
  width: 75%;
}
.contact-table .text input,
.contact-table .text textarea {
  width: 100%;
}
.contact-page .attitude-map {
  position: relative;
}
.contact-page .attitude-map .iframe-outer {
  height: 250px;
}
.contact-page .attitude-map .iframe-inner {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  border-radius: 5px;
}
.contact-page .attitude-map iframe {
  position: absolute;
  z-index: 99;
}
.contact-page .attitude-map .iframe-inner,
.contact-page .attitude-map iframe {
  width: 100%;
  height: 250px;
  border: none;
}
@media all and (min-width: 415px) and (max-width: 768px) {
  .contact-page > tr > td:first-child,
  .contact-page > tbody > tr > td:first-child {
    margin: 0 0 25px 0;
    padding: 0 0 25px 0 !important;
    border-bottom: 1px solid #ddd;
  }
}
@media all and (max-width: 414px) {
  .contact-page .links-2 {
    position: relative;
    top: 0;
    margin: 15px 0 30px 0;
  }
}
.contact-page .selfcare a {
  display: block;
  margin: 0 0 15px 0;
  padding: 15px 15px;
  font-size: 16pt;
  color: #fff;
  background-color: #090;
  border-radius: 3px;
}
.contact-page .selfcare a:hover {
  text-decoration: none;
}
body.homepage .image.imgfullwidth img {
  width: 100%;
}
body.homepage .big-splashy-image img {
  width: 100%;
}
body.homepage .container-fluid.site-content {
  padding: 0;
}
body.homepage h1,
body.homepage h2 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
body.homepage .plaintext.bold {
  font-family: 'Dolce-Vita', Verdana, Arial;
  padding-left: 15px;
}
body.homepage .plaintext {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
}
body.homepage .element a {
  text-decoration: none;
  color: #666;
}
body.homepage .rr-widget__title {
  display: none;
}
body.homepage .homepage-form br {
  display: none;
}
body.homepage .homepage-form #mc_embed_signup {
  margin: 0;
}
body.homepage .abc-images,
body.homepage .abc-videos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  width: auto;
  margin: 30px auto 0 auto;
  padding: 0 5vw;
  list-style-type: none;
}
@media all and (min-width:1200px) {
  body.homepage .abc-images,
  body.homepage .abc-videos {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.homepage .abc-images li,
body.homepage .abc-videos li,
body.homepage .abc-images a,
body.homepage .abc-videos a,
body.homepage .abc-images img,
body.homepage .abc-videos img {
  display: block;
}
body.homepage .abc-images img,
body.homepage .abc-videos img {
  width: 100%;
  height: auto;
}
body.homepage .abc-videos {
  grid-template-columns: 1fr;
}
body.homepage .abc-videos iframe {
  border-radius: 25px;
}
@media all and (min-width:1200px) {
  body.homepage .abc-videos {
    grid-template-columns: repeat(4, 1fr);
  }
}
slideshow .navigation {
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 10px #36363626;
}
slideshow .navigation:hover {
  cursor: pointer;
}
slideshow .navigation::before {
  color: #000;
}
slideshow .navigation.slick-disabled {
  opacity: 0;
}
slideshow.productsgrid {
  display: grid;
}
slideshow.productsgrid .slides {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-rows: auto;
  grid-auto-flow: column;
}
slideshow.productsgrid .slick-list,
slideshow.productsgrid .slick-track {
  grid-column: 1 / -1;
  grid-row: span 4;
  display: grid;
  grid-auto-rows: auto;
  grid-auto-flow: column;
}
slideshow.productsgrid .slick-slide,
slideshow.productsgrid .slick-slide > div {
  display: grid;
  grid-template-rows: subgrid;
  grid-auto-flow: column;
  grid-row: span 4;
}
slideshow.productsgrid .slick-slide > div {
  grid-template-rows: subgrid;
}
slideshow.productsgrid .slide {
  display: grid !important;
  grid-template-rows: subgrid;
  grid-row: span 4;
  grid-column: span 1;
}
slideshow .article .info {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
  text-align: center;
}
slideshow .article .info .title {
  margin: 0 0 7px 0;
  font-size: 9pt;
}
slideshow .article .info .price {
  margin: 0 0 7px 0;
  font-size: 8pt;
  color: #666;
}
slideshow .article .info .price .regular {
  color: #999;
}
slideshow .article .info .price .discount {
  color: #c00;
}
slideshow .article .image {
  padding: 0 0 7px 0;
}
slideshow .article .image a {
  display: block;
  text-align: center;
}
slideshow .article .image a img {
  display: block;
  margin: 0 auto;
}
slideshow .article .image .first {
  display: block;
}
slideshow .article .image .second {
  display: none;
}
slideshow .article .image:hover .first {
  display: none;
}
slideshow .article .image:hover .second {
  display: inline-block;
}
slideshow .instaslide {
  position: relative;
  display: flex;
}
slideshow .instaslide {
  flex: 0 0 auto;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
slideshow .instaslide .icon {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  font-size: 16pt;
  color: white;
  background-color: black;
  border-radius: 3px;
}
slideshow .instaslide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}
slideshow .review-text {
  z-index: 1;
  position: relative;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
slideshow .review-text .blurbox {
  z-index: 2;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 0;
  xbackground: linear-gradient(to top left, rgba(255, 255, 255, 0.9) 22px, rgba(255, 255, 255, 0) 22px);
  background: linear-gradient(to top left, #ffffff 0%, rgba(255, 255, 255, 0) 70%);
}
slideshow .reviewstars4:before {
  content: "\f005\f005\f005\f005\f006";
  color: #789b3c;
}
slideshow .reviewstars5:before {
  content: "\f005\f005\f005\f005\f006\f006";
  color: #789b3c;
}
slideshow .metadata {
  font-size: 8pt;
}
slideshow .webgroup.categorie a {
  text-decoration: none;
}
slideshow .webgroup.categorie .image {
  margin: 0 auto 0.5rem auto;
  text-align: center;
}
slideshow .webgroup.categorie .image img {
  display: inline-block;
  height: 200px;
}
slideshow .webgroup.categorie .text {
  text-align: center;
  color: #000;
  font-size: 16px;
}
slideshow .style-item .image {
  text-align: center;
}
slideshow .style-item .image img {
  display: inline-block;
}
slideshow .style-item .text {
  text-align: center;
  color: #000;
  font-size: 16px;
}
slideshow .forum-item a {
  display: block;
  margin: auto;
  text-align: center;
}
slideshow .forum-text {
  text-align: center;
  font-size: 10pt;
}
slideshow .event {
  position: relative;
  height: 100%;
}
slideshow .event a.image {
  display: block;
}
slideshow .event img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
slideshow .event .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 7px;
  height: auto;
  color: #fff;
  background-color: #000;
}
.spiralhome {
  padding: 0 15px 15px 15px;
}
.spiralhome a {
  color: black;
}
body.homepage .spiralhome h1 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 22pt;
  color: #444;
  border: none;
}
body.homepage .spiralhome h2 {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 15px;
  font-size: 16pt;
  color: white;
  background-color: black;
  border-radius: 3px;
}
body.homepage .spiralhome h2 a {
  color: white;
}
.spiralhome .smallbutton + .smallbutton {
  margin-left: 5px;
}
.spiralhome .smallbutton a {
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 5px 10px;
  font-size: 12pt;
  color: #eee;
  background-color: #333;
  border-radius: 7px;
}
.spiralhome .bigbutton + .bigbutton {
  margin-left: 15px;
}
.spiralhome .bigbutton a {
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 15px;
  font-size: 16pt;
  color: #eee;
  background-color: #000;
  border-radius: 13px;
}
.spiralhome .relations {
  margin: 0 0 15px 0;
}
/*** Spiral Direct landingpage ***/

.site-nav.spiral a,
.footer.spiral a {
  color: #fff;
}
.site-nav.spiral .row {
  height: 120px;
}
.site-nav.spiral .row .logo img {
  height: 120px;
  max-width: none;
}
.site-nav.spiral .row .text {
  color: white;
  font-size: 1.3em;
  line-height: 1.5em;
  text-align: left;
  padding: 1em 1em 0 0;
}
.footer.spiral {
  background-color: #000;
  color: #fff;
  font-size: 1.3em;
  line-height: 1.5em;
  padding: 100px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .site-nav.spiral .row .text {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 0;
    margin-top: 0;
  }
  .footer.spiral {
    padding: 1em 0;
  }
}
.footer {
  margin: 30px 0 0 0;
}
.footer .fluid-footer {
  padding: 30px 15px;
  text-align: center;
  color: #fff;
  background-color: #000;
}
.footer .fluid-footer a {
  color: #fff;
}
.footer .fluid-footer h3 {
  margin: 0 0 5px 0;
  font-size: 14pt;
}
.footer .follow-us {
  width: auto;
  margin: 0 -15px;
}
.footer .follow-us h3 {
  letter-spacing: 2px;
}
.footer .follow-us a {
  display: inline-block;
  padding: 0 15px;
}
.footer .follow-us img {
  height: 40px;
}
.footer .legal-docs {
  margin: 15px 0 0 0;
}
#mc_embed_signup {
  margin: 30px 0 0 0;
}
#mc_embed_signup .subscribe-bar {
  position: relative;
  display: inline-block;
  width: 350px;
  margin: 0 auto;
}
#mc_embed_signup_scroll label {
  display: inline-block;
  margin: 0 30px 0 0;
  font-size: 12pt;
  text-transform: uppercase;
}
#mc_embed_signup_scroll input {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  font-size: 11pt;
  font-weight: normal;
  line-height: normal;
  outline: none;
  border: none;
  border-radius: 5px;
}
#mc_embed_signup_scroll button {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 5px 10px;
  font-size: 11pt;
  font-weight: normal;
  line-height: normal;
  color: #444;
  background-color: #fff;
  outline: none;
  border: none;
  border-left: 1px solid #222;
  border-radius: 0 5px 5px 0;
}
.footer .bottom-line {
  margin: 30px 0 0 0;
}
.footer .bottom-line .copyright {
  display: inline-block;
  margin: 0 30px 0 0;
}
.footer .bottom-line .helpful-links {
  display: inline-block;
}
.footer .bottom-line .info-picker {
  display: none;
}
.footer .bottom-line .info-picker > a {
  display: none;
}
.footer .more-help {
  margin: 15px 0 0 0;
}
.footer .more-help .item {
  display: inline-block;
  padding: 0 15px;
}
@media all and (max-width: 414px) {
  #mc_embed_signup {
    margin: 15px 0 0 0;
  }
  #mc_embed_signup .subscribe-bar {
    width: 100%;
  }
  #mc_embed_signup_scroll label {
    display: block;
    margin: 0 0 10px 0;
    text-align: left;
  }
  .footer .bottom-line {
    display: table;
    width: 100%;
    text-align: center;
  }
  .footer .bottom-line .copyright {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
  }
  .footer .bottom-line .helpful-links {
    display: block;
    float: right;
    clear: both;
    width: 100%;
    margin: 15px 0 0 0;
  }
  .footer .more-help {
    clear: both;
    margin: 60px 0 0 0;
  }
  .footer .more-help .item {
    display: block;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ccc;
  }
  .footer .more-help .item:last-child {
    padding-bottom: 0;
    border: none;
  }
  .footer .bottom-line .info-picker {
    display: block;
  }
  .payment-delivery img {
    height: 22px;
    margin: 0;
  }
  .footerfix {
    padding: 30px 0 0 0;
  }
}
.site-nav {
  padding: 15px 0 0 0;
  background-color: #222;
  background-color: #000;
}
.site-nav .mobile-menu {
  display: none;
}
.site-nav .first-row {
  padding: 0 15px;
}
.site-nav .search-and-lang {
  width: auto;
}
.site-nav .search-and-lang .language-choice {
  position: relative;
  padding: 5px 0 0 15px;
}
@media all and (max-width: 991px) {
  .site-nav {
    z-index: 7300;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
  }
  .site-nav .first-row {
    display: none;
  }
  .item-picker .item-choices {
    top: 10px;
    left: 0;
    padding: 10px 0;
  }
  .item-picker .item-choices a {
    padding: 20px 10px;
  }
  body.menuopen {
    position: fixed;
  }
  body.menuopen .site-nav {
    bottom: 0;
    background-color: #222;
  }
  .site-nav .mobile-menu {
    display: block;
    color: #fff;
  }
  .site-nav .mobile-menu .attitude-logo {
    padding: 0;
  }
  .site-nav .mobile-menu .attitude-logo img {
    position: relative;
    left: 0;
    height: 45px;
  }
  .site-nav .mobile-menu .table .cell {
    width: auto;
    text-align: center;
    vertical-align: middle;
  }
  .site-nav .mobile-menu .command {
    display: block;
    padding: 10px 5px;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    color: #fff;
  }
  .site-nav .mobile-menu .command .fa {
    font-size: 30px;
    line-height: 36px;
  }
  .site-nav .mobile-menu .cart .icon {
    position: relative;
    display: inline-block;
  }
  .site-nav .mobile-menu .cart .icon .qty {
    position: absolute;
    top: 4px;
    right: 8px;
    display: inline-block;
    color: #fff;
    background-color: #c00;
    border-radius: 25%;
  }
  .mobile-search {
    display: none;
    padding: 5px 10px;
  }
  .mobile-search .search-bar {
    position: relative;
  }
  .mobile-search .searchtext {
    width: 100%;
    padding: 5px 35px 5px 5px;
    line-height: 1;
    border-left: 1px solid #ddd;
    border-radius: 5px;
  }
  .mobile-search .search-cmd {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    background-color: #fff;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0 5px 5px 0;
  }
  .mobile-search .search-cmd .fa {
    padding: 5px;
    line-height: 1;
  }
}
.site-nav .item-picker {
  z-index: 2998;
  display: inline-block;
  cursor: pointer;
}
.site-nav .item-picker img {
  width: 20px;
  min-width: 20px;
  border-radius: 50%;
}
.site-nav .item-picker .item-choice-container {
  position: relative;
}
.site-nav .item-picker .item-choices {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 2999;
  display: none;
  width: 200px;
  text-align: left;
  color: #444;
  background-color: #fff;
}
.site-nav .item-picker .item-choices a {
  display: block;
  padding: 10px;
  color: #444;
}
.site-nav .item-picker .item-choices .welcome {
  padding: 5px;
  color: #222;
  background-color: #fff;
  overflow: hidden;
}
.site-nav .search-bar {
  position: relative;
}
.site-nav .embedded-search {
  position: relative;
  text-align: left;
}
.site-nav .embedded-search .search-cmd {
  position: absolute;
  z-index: 2010;
  top: 0;
  bottom: 0;
  right: 0;
  line-height: 1;
  background-color: #fff;
  border: none;
  border-left: 1px solid #ddd;
  border-radius: 0 5px 5px 0;
}
.site-nav .embedded-search .search-cmd .fa {
  cursor: pointer;
  font-size: 20px;
  color: #000;
}
.site-nav .embedded-search .searchtext {
  position: relative;
  z-index: 2009;
  min-width: 250px;
  width: 100%;
  padding: 5px;
  color: #fff;
  color: #444;
  background: none;
  background-color: #f0f0f0;
  border: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.site-nav-2024 .headergrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr auto 1fr;
  gap: 15px;
  align-items: center;
  padding: 0 0 15px 0;
}
.site-nav-2024 .headergrid .headercol.apps {
  justify-self: end;
}
.site-nav-2024 .headergrid .attitude-logo-header {
  text-align: center;
}
.site-nav-2024 .headergrid .attitude-logo-header img {
  height: 60px;
}
.site-nav-2024 .headergrid .tinyapps {
  padding: 0 0 15px 0;
}
.site-nav-2024 .orderpath {
  font-size: 13pt;
}
.site-nav-2024 .topmenubar2024 {
  display: flex;
  gap: 20px;
  font-size: 14pt;
  font-weight: lighter;
  padding: 10px 15px;
}
.site-nav-2024 .topmenubar2024 > a {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
  color: white;
}
.site-nav-2024 .topmenubar2024 > a:hover {
  text-decoration: none;
}
.site-nav-2024 .search-bar .fa-search {
  font-size: 20px;
  color: #444;
}
.site-nav-2024 .tinyapps.mobile {
  width: auto;
  margin: 0 0 0 -20px;
  padding: 6px 0;
}
.site-nav-2024 .tinyapp {
  display: inline-block;
  padding: 0 0 0 10px;
  cursor: pointer;
}
.site-nav-2024 .tinyapp > a:hover {
  text-decoration: none;
}
.site-nav-2024 .tinyapp img.lang {
  width: 30px;
  min-width: 30px;
  border-radius: 3px;
}
.site-nav-2024 .tinyapp .fal {
  color: #fff;
}
.site-nav-2024 .tinyapp .item-choice-container {
  position: relative;
  display: inline-block;
}
.site-nav-2024 .tinyapp .item-choice-container .item-choices {
  z-index: 9999;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2999;
  display: none;
  width: 220px;
  text-align: left;
  color: #444;
  background-color: #fff;
  border: 1px solid #444;
}
.site-nav-2024 .tinyapp .item-choice-container .item-choices a {
  display: block;
  padding: 10px;
  color: #444;
}
.site-nav-2024 .tinylogo {
  position: relative;
}
.site-nav-2024 .tinylogo a {
  position: absolute;
  top: -25px;
  left: 0;
  width: 32px;
}
.site-nav-2024 .tinylogo img {
  width: 100%;
}
.site-nav-2024 .tinycart {
  position: relative;
}
.site-nav-2024 .tinycart .basketqty {
  position: absolute;
  top: 13px;
  left: 10px;
  display: inline-block;
  padding: 0 3px;
  color: #fff;
  background-color: #c00;
  border-radius: 5px;
}
.site-nav-2024 .mobile-search {
  padding: 0 0 10px 0;
}
.site-nav-2024 .search .search-cmd {
  position: absolute;
  z-index: 2010;
  top: 0;
  bottom: 0;
  right: 0;
  line-height: 1;
  background-color: #fff;
  border: none;
  border-left: 1px solid #ddd;
  border-radius: 0 5px 5px 0;
}
.site-nav-2024 .search .search-cmd .fa {
  cursor: pointer;
  font-size: 20px;
  color: #000;
}
.site-nav-2024 .search .searchtext {
  position: relative;
  z-index: 2009;
  min-width: 250px;
  max-width: 100%;
  padding: 5px;
  color: #fff;
  color: #444;
  background: none;
  background-color: #f0f0f0;
  border: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.site-nav-2024 .checkout-return {
  padding: 15px 0 0 0;
}
.site-nav-2024 .checkout-return a {
  color: #fff;
}
@font-face {
  font-family: 'Dolce-Vita';
  src: url('/_clientFiles/Layout/Fonts/Dolce-Vita.ttf.woff') format('woff'), url('/_clientFiles/Layout/Fonts/Dolce-Vita.ttf.svg#Dolce-Vita') format('svg'), url('/_clientFiles/Layout/Fonts/Dolce-Vita.ttf.eot'), url('/_clientFiles/Layout/Fonts/Dolce-Vita.ttf.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
nav.slidemenu {
  display: none;
  z-index: 90909;
  text-align: left;
}
nav.slidemenu header,
nav.slidemenu nav header {
  flex-grow: 0;
}
nav.slidemenu main,
nav.slidemenu nav main {
  flex-grow: 1;
  overflow-y: auto;
}
nav.slidemenu footer,
nav.slidemenu nav footer {
  flex-grow: 0;
}
nav.slidemenu header,
nav.slidemenu nav header {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}
nav.slidemenu {
  display: none;
}
body[data-slidemenu=mainmenu] nav.slidemenu {
  display: flex;
}
nav.slidemenu > header .back {
  visibility: hidden;
}
nav.slidemenu,
nav.slidemenu nav {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  display: none;
  flex-flow: column;
  gap: 30px;
}
nav.slidemenu li[data-selected=ancestor] > nav,
nav.slidemenu li[data-selected=current] > nav {
  display: flex;
}
nav.slidemenu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav.slidemenu li > a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
nav.slidemenu li > a .icon {
  padding-left: 15px;
}
nav.slidemenu li > a .exp {
  flex-grow: 1;
  display: none;
}
nav.slidemenu li.hassubs > a > .exp,
nav.slidemenu li.hassubs > a:hover > .exp,
nav.slidemenu li.hassubs[data-selected='current'] > a > .exp {
  display: block;
}
@media all and (min-width:1200px) {
  nav.slidemenu li.hassubs > a > .exp {
    display: none;
  }
}
nav.slidemenu .exp {
  text-align: right;
}
nav.slidemenu,
nav.slidemenu nav {
  width: 100%;
  padding: 30px;
  color: black;
  background-color: white;
}
@media all and (min-width:992px) and (max-width:1199px) {
  nav.slidemenu,
  nav.slidemenu nav {
    width: clamp(300px, 35vw, 550px);
    padding: 45px;
  }
}
@media all and (min-width:1200px) {
  nav.slidemenu,
  nav.slidemenu nav {
    width: clamp(300px, 25vw, 600px);
    padding: 30px 75px;
  }
}
nav.slidemenu a,
nav.slidemenu nav a {
  color: black;
}
nav.slidemenu li,
nav.slidemenu nav li {
  font-size: 13pt;
  font-weight: lighter;
}
nav.slidemenu .mobile,
nav.slidemenu nav .mobile {
  display: initial;
}
nav.slidemenu .desktop,
nav.slidemenu nav .desktop {
  display: none;
}
@media all and (max-width:991px) {
  nav.slidemenu .mobile,
  nav.slidemenu nav .mobile {
    display: initial;
  }
  nav.slidemenu .tablet,
  nav.slidemenu nav .tablet {
    display: none;
  }
  nav.slidemenu .desktop,
  nav.slidemenu nav .desktop {
    display: none;
  }
}
@media all and (min-width:992px) and (max-width:1199px) {
  nav.slidemenu .mobile,
  nav.slidemenu nav .mobile {
    display: none;
  }
  nav.slidemenu .tablet,
  nav.slidemenu nav .tablet {
    display: initial;
  }
  nav.slidemenu .desktop,
  nav.slidemenu nav .desktop {
    display: none;
  }
}
@media all and (min-width:1200px) {
  nav.slidemenu .mobile,
  nav.slidemenu nav .mobile {
    display: none;
  }
  nav.slidemenu .tablet,
  nav.slidemenu nav .tablet {
    display: none;
  }
  nav.slidemenu .desktop,
  nav.slidemenu nav .desktop {
    display: initial;
  }
}
nav.mainmenu,
nav.mainmenu nav {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
}
nav.mainmenu header .close,
nav.mainmenu nav header .close {
  font-size: 52px;
}
nav.mainmenu header .logo img,
nav.mainmenu nav header .logo img {
  display: block;
  height: 42px;
  margin: 0 auto;
}
nav.mainmenu .title,
nav.mainmenu nav .title {
  font-family: 'Dolce-Vita', Verdana, Arial;
  font-size: 18pt;
  font-weight: bold;
  letter-spacing: 1px;
}
nav.mainmenu .back,
nav.mainmenu nav .back {
  font-size: 14pt;
  font-weight: lighter;
  cursor: pointer;
}
nav.mainmenu .back i,
nav.mainmenu nav .back i {
  margin-right: 20px;
}
nav.mainmenu main,
nav.mainmenu nav main {
  margin: 0 -15px;
  padding: 0 15px;
}
nav.mainmenu main::-webkit-scrollbar,
nav.mainmenu nav main::-webkit-scrollbar {
  width: 2px;
}
nav.mainmenu main::-webkit-scrollbar-track,
nav.mainmenu nav main::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px #000000;
}
nav.mainmenu main::-webkit-scrollbar-thumb,
nav.mainmenu nav main::-webkit-scrollbar-thumb {
  background-color: black;
  outline: 1px solid slategrey;
}
nav.mainmenu ul,
nav.mainmenu nav ul {
  margin-bottom: 15px;
}
nav.mainmenu li,
nav.mainmenu nav li {
  line-height: 1.5;
}
nav.mainmenu li.sep,
nav.mainmenu nav li.sep {
  height: 15px;
}
nav.mainmenu li.title + li.sub,
nav.mainmenu nav li.title + li.sub {
  margin-top: 5px;
}
nav.mainmenu li.sub + li.title,
nav.mainmenu nav li.sub + li.title {
  margin-top: 15px;
}
nav.mainmenu li.title,
nav.mainmenu nav li.title {
  font-size: 15pt;
}
nav.mainmenu ul.topproducten li > a,
nav.mainmenu nav ul.topproducten li > a {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: start;
}
nav.mainmenu ul.topproducten .pos,
nav.mainmenu nav ul.topproducten .pos {
  position: relative;
}
nav.mainmenu ul.topproducten .pos .dot,
nav.mainmenu nav ul.topproducten .pos .dot {
  color: #c00;
}
nav.mainmenu footer,
nav.mainmenu nav footer {
  padding: 30px 0 0 0;
  border-top: 1px solid black;
}
nav.mainmenu .fixed-items.footer,
nav.mainmenu nav .fixed-items.footer {
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid black;
}
nav.mainmenu .lang-choices,
nav.mainmenu nav .lang-choices {
  width: 100%;
  display: flex;
  flex-flow: row;
  gap: 15px;
  justify-content: center;
  margin: 15px 0 0 0;
}
nav.mainmenu .lang-choices img,
nav.mainmenu nav .lang-choices img {
  height: 22px;
}
nav.mainmenu nav[data-level='3'] {
  left: 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  nav.mainmenu nav[data-level='3'] {
    left: clamp(300px, 35vw, 550px);
  }
}
@media all and (min-width:1200px) {
  nav.mainmenu nav[data-level='3'] {
    left: clamp(300px, 25vw, 600px);
  }
}
@media all and (min-width:1200px) {
  nav.mainmenu nav[data-level='3'] header,
  nav.mainmenu nav[data-level='3'] .back {
    visibility: hidden;
  }
}
nav.mainmenu li[data-selected='ancestor'] > nav[data-level='2'] {
  background-color: lightgrey;
}
@media all and (max-width:991px) {
  nav.mainmenu .level1clone {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    display: flex;
    flex-flow: row;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  
  }
  nav.mainmenu level1clone::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  
  }
  nav.mainmenu .level1clone li {
    display: block;
    flex-grow: 1;
    flex-shrink: 0;
    line-height: 1;
    font-size: 15pt;
    padding: 0 0 7px 0;
  }
  nav.mainmenu .level1clone li[data-selected="current"],
  nav.mainmenu .level1clone li.current {
    border-bottom: 3px solid #000;
  }
}
body .dimscreen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 991;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 300ms linear;
  opacity: 0;
  pointer-events: none;
}
body .loadingscreen {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90910;
  background-color: rgba(0, 0, 0, 0.25);
}
body .loadingscreen i {
  font-size: 70px;
  color: white;
  position: absolute;
  left: calc(50% - 35px);
  top: calc(50% - 35px);
  transform: translate(-50%, -50%);
}
body .loadingscreen.show {
  display: block;
}
@media all and (min-width:1200px) {
  body[data-slidemenu='mainmenu'] .dimscreen {
    opacity: 1;
    pointer-events: all;
  }
}
/** end **/

.ibvjs-sidecar-dimscreen {
  display: none;
  z-index: 9998;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.ibvjs-sidecar-dimscreen.show {
  display: block;
}
.ibvjs-sidecar-container {
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transition: width 250ms ease-in-out;
}
.ibvjs-sidecar-container .dynamiccontent {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ibvjs-sidecar-container.show {
  width: 75vw;
}
.ibvjs-sidecar-container.show .close {
  display: block;
}
@media all and (min-width:1200px) {
  .ibvjs-sidecar-container.show {
    width: 25vw;
  }
}
.ibvjs-sidecar-container .close {
  display: none;
  float: right;
  cursor: pointer;
}
.ibvjs-sidecar-container h3 {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 16pt;
}
.ibvjs-sidecar-container .header {
  flex-grow: 0;
  padding: 15px;
  border-bottom: 1px solid black;
}
.ibvjs-sidecar-container .content {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0 5px;
  /** STOP THE SCROLL ! **/
  overscroll-behavior: contain;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .ibvjs-sidecar-container .content {
    padding: 0 15px;
  }
}
@media all and (min-width:1200px) {
  .ibvjs-sidecar-container .content {
    padding: 0 15px;
  }
}
.ibvjs-sidecar-container .footer {
  flex-grow: 0;
  padding: 15px;
  border-top: 1px solid black;
}
.sidecart {
  flex-direction: initial;
}
.sidecart a.edit {
  display: block;
  text-align: center;
  font-size: 13pt;
  text-decoration: underline;
  color: black;
}
.sidecart a.button.checkout {
  display: block;
  padding: 15px;
  font-size: 16pt;
  text-align: center;
  text-transform: uppercase;
  color: #eee;
  background-color: black;
  border-radius: 3px;
}
.sidecart button.cmd,
.sidecart input[type="submit"].cmd {
  padding: 10px 10px;
  font-size: 11pt;
  color: #eee;
  background-color: #000;
  border: none;
  border-radius: 3px;
}
.sidecart button.cmd .fa,
.sidecart input[type="submit"].cmd .fa,
.sidecart button.cmd .fal,
.sidecart input[type="submit"].cmd .fal,
.sidecart button.cmd .far,
.sidecart input[type="submit"].cmd .far,
.sidecart button.cmd .fas,
.sidecart input[type="submit"].cmd .fas,
.sidecart button.cmd .fad,
.sidecart input[type="submit"].cmd .fad {
  margin-right: 3px;
  color: #eee;
}
.sidecart button.cmd.clear,
.sidecart input[type="submit"].cmd.clear {
  padding: 0;
  color: black;
  background-color: transparent;
}
.sidecart button.cmd.clear .fa,
.sidecart input[type="submit"].cmd.clear .fa,
.sidecart button.cmd.clear .fal,
.sidecart input[type="submit"].cmd.clear .fal,
.sidecart button.cmd.clear .far,
.sidecart input[type="submit"].cmd.clear .far,
.sidecart button.cmd.clear .fas,
.sidecart input[type="submit"].cmd.clear .fas,
.sidecart button.cmd.clear .fad,
.sidecart input[type="submit"].cmd.clear .fad {
  color: black;
}
.sidecart .item.soldout .qty-mgr input.qty {
  color: white;
  background-color: red;
}
.sidecart .stockstatus-soldout {
  display: inline-block;
  margin: 3px 0 0 0;
  padding: 2px 5px;
  color: white;
  background-color: red;
  border-radius: 3px;
}
.sidecart img,
.checkout-sidecart img {
  display: block;
  max-width: 100%;
  border-radius: 3px;
}
.sidecart .item,
.checkout-sidecart .item {
  display: flex;
  flex-flow: row nowrap;
  gap: 15px;
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  border-top: 1px solid black;
}
.sidecart .item a,
.checkout-sidecart .item a {
  color: black;
}
.sidecart .item .image,
.checkout-sidecart .item .image {
  flex-grow: 1;
  flex-shrink: 1;
}
.sidecart .item .image img,
.checkout-sidecart .item .image img {
  width: 100%;
}
.sidecart .item .maxqtynotice,
.checkout-sidecart .item .maxqtynotice {
  display: inline-block;
  padding: 2px 5px;
  background-color: #ffa;
}
.sidecart .item .price,
.checkout-sidecart .item .price {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  align-items: center;
}
.sidecart .item .price .current,
.checkout-sidecart .item .price .current {
  width: 100%;
}
.sidecart .item .price .pricebreak,
.checkout-sidecart .item .price .pricebreak {
  display: inline-block;
  padding: 3px 5px;
  font-size: 8pt;
  border: 1px solid #090;
  border-radius: 3px;
}
.sidecart .item .details,
.checkout-sidecart .item .details {
  flex-grow: 3;
  flex-shrink: 0;
  width: 70%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.sidecart .item .details .cell:first-child,
.checkout-sidecart .item .details .cell:first-child {
  padding: 0 0 5px 0;
}
.sidecart .item .controls,
.checkout-sidecart .item .controls {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.sidecart .item button.delete,
.checkout-sidecart .item button.delete {
  font-size: 22px;
}
.sidecart .item:first-child,
.checkout-sidecart .item:first-child {
  border-top: none;
}
.sidecart .flex-2col,
.checkout-sidecart .flex-2col {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin: 0 0 5px 0;
}
.sidecart .flex-2col .col1,
.checkout-sidecart .flex-2col .col1 {
  flex-grow: 1;
}
.sidecart .flex-2col .col2,
.checkout-sidecart .flex-2col .col2 {
  flex-grow: 0;
}
.sidecart .flex-2col input[type="text"],
.checkout-sidecart .flex-2col input[type="text"] {
  width: 100%;
}
.sidecart .flex-2col button,
.checkout-sidecart .flex-2col button {
  padding: 7px 10px;
}
.sidecart .voucher-control,
.checkout-sidecart .voucher-control {
  margin: -15px 0 15px 0;
  padding: 15px 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.sidecart .voucher-control input[type="text"],
.checkout-sidecart .voucher-control input[type="text"] {
  padding: 15px;
}
.sidecart .voucher-control button,
.checkout-sidecart .voucher-control button {
  padding: 15px 10px;
}
.sidecart .voucher-control .discountcode_invalid,
.checkout-sidecart .voucher-control .discountcode_invalid {
  color: red;
}
.sidecart .ecredits-control,
.checkout-sidecart .ecredits-control {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid black;
}
.sidecart .ecredits-control input[type="checkbox"],
.checkout-sidecart .ecredits-control input[type="checkbox"] {
  margin: 0 15px 0 0;
}
.sidecart .totals,
.checkout-sidecart .totals {
  margin: 0 0 15px 0;
}
.sidecart .totals .kvp,
.checkout-sidecart .totals .kvp {
  display: flex;
  justify-content: space-between;
}
.sidecart .ecredits-notice,
.checkout-sidecart .ecredits-notice {
  clear: both;
  margin: 15px 0;
  padding: 2px 0px 2px 5px;
  font-size: 9pt;
  color: black;
  border-radius: 5px;
}
.sidearticles .articles {
  grid-template-columns: 1fr;
  padding: 15px 0 0 0;
}
.sidearticles .articles .article {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "images id_title_sizes" "images group4" "order_control order_control";
  grid-template-rows: auto;
  gap: 15px;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .sidearticles .articles .article {
    grid-template-areas: "images id_title_sizes" "images group4" "empty order_control";
  }
}
@media all and (min-width:1200px) {
  .sidearticles .articles .article {
    grid-template-areas: "images id_title_sizes" "images group4" "empty order_control";
  }
}
.sidearticles .articles .article .list-images {
  grid-area: images;
}
.sidearticles .articles .article .id-title-sizes {
  grid-area: id_title_sizes;
  text-align: left;
}
.sidearticles .articles .article .group4 {
  grid-area: group4;
  justify-content: left;
  text-align: left;
}
.sidearticles .articles .article .ordercontrol {
  grid-area: order_control;
  margin-top: -10px;
}
html {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}
body {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font-size: 80%;
  font-family: Verdana, Arial;
  color: #444;
  background-color: #fff;
  border: 0;
}
body.fontsize-big {
  font-size: 100%;
}
body.fontsize-huge {
  font-size: 120%;
}
#bvcmtcontentarea {
  text-align: left;
  font-family: Verdana, Arial;
  color: #444;
  background-color: #fff;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 14pt;
  font-weight: lighter;
}
h3 {
  font-size: 1.28em;
}
h4 {
  font-size: 14px;
}
a {
  text-decoration: none;
  color: #b00;
}
a:hover {
  text-decoration: underline;
}
hr {
  height: 1px;
  border: 0;
  color: #ddd;
  background-color: #ddd;
}
img {
  max-width: 100%;
  border: 0;
}
table {
  font-size: 100%;
}
body .clear {
  clear: both;
}
body .center {
  text-align: center;
}
body p.right,
body td.right {
  text-align: right;
}
.table {
  display: table;
  width: 100%;
}
.table-caption {
  display: table-caption;
  caption-side: top;
  width: 100%;
}
.table-group {
  display: table-row-group;
}
.table-row {
  display: table-row;
  width: 100%;
}
.table .cell {
  display: table-cell;
  vertical-align: top;
}
.table .header-cell {
  display: table-cell;
  vertical-align: top;
}
.align-right {
  text-align: right;
}
/**
img.b-lazy
{
-webkit-transition: opacity 1500ms ease-in-out;
-moz-transition: opacity 1500ms ease-in-out;
-o-transition: opacity 1500ms ease-in-out;
transition: opacity 1500ms ease-in-out;
opacity: 0;
}

img.b-lazy.b-loaded
{
opacity: 1;
}

img.b-lazy
{
min-height: 1px;
}
**/

a.fancyframe.youtube {
  position: relative;
  display: inline-block;
}
a.fancyframe.youtube::before {
  content: "\f167";
  content: "\f431";
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 3px 15px 3px 25px;
  color: #f00;
  font-family: "Font Awesome 5 Brands";
  font-size: 50px !important;
  background-color: rgba(23, 35, 34, 0.75);
  border-radius: 5px 5px 5px 5px;
}
.desktoponly {
  display: none;
}
.mobileonly {
  display: block;
}
@media only screen and (min-width: 769px) {
  .desktoponly {
    display: block;
  }
  .mobileonly {
    display: none;
  }
}
.ibv-status-messages .ibv-status-message {
  margin: 0 0 15px 0;
  padding: 5px 15px;
  background-color: #ddd;
  border-radius: 3px;
}
.ibv-status-messages .ibv-status-message.success {
  color: #000;
  background-color: #dfd;
}
.ibv-status-messages .ibv-status-message.fail {
  color: #fff;
  background-color: #c00;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.align-right {
  text-align: right;
}
.debuginfo {
  display: none;
}
/** temp, clearfix stuff kan weg zodra Bootstrap ontmanteld is. notitie 2025-03-17, Alex **/

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.foundation-of-everything {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
.hide-for-tiny {
  display: block !important;
}
.hide-for-small {
  display: block !important;
}
.show-for-small {
  display: none !important;
}
.hide-for-checkout {
  display: block;
}
.show-for-checkout {
  display: none;
}
body.checkout-page .hide-for-checkout {
  display: none !important;
}
body.checkout-page .show-for-checkout {
  display: block !important;
}
.hide-for-anonymous {
  display: none !important;
}
.show-for-anonymous {
  display: block !important;
}
body.customer-login .hide-for-anonymous {
  display: block !important;
}
body.customer-login .show-for-anonymous {
  display: none !important;
}
@media only screen and (max-width: 320px) {
  .hide-for-tiny {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hide-for-small {
    display: none !important;
  }
  .show-for-small {
    display: block !important;
  }
}
.site-switchcountrynotification {
  line-height: 1.5;
  text-align: center;
  vertical-align: top;
  color: #efe;
  background-color: #0b0;
}
.site-switchcountrynotification a {
  text-decoration: underline;
  color: #eee;
}
.site-switchcountrynotification .flag {
  display: inline-block;
  margin: 0 60px 0 0;
}
.site-switchcountrynotification .flag img {
  height: 32px;
}
.site-switchcountrynotification .notification {
  display: inline-block;
  padding: 5px 0;
}
.site-switchcountrynotification .close {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 60px;
  padding: 5px 0;
  cursor: pointer;
}
.site-parentbar {
  z-index: 7300;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: yellow;
  border-bottom: 1px dashed gray;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
.site-parentbar-space {
  height: 70px;
}
.site-content {
  padding-top: 15px;
  padding-bottom: 30px;
}
.article-listing .site-content {
  padding-top: 0;
}
.site-content .site-switchcountrynotification,
.site-content .site-parentbar {
  display: none;
}
@media all and (max-width: 991px) {
  .site-parentbar {
    display: none;
  }
  .site-content .site-parentbar {
    display: block;
  }
}
@media all and (max-width: 991px) {
  .site-switchcountrynotification {
    display: none;
  }
  .site-content .site-switchcountrynotification {
    display: table;
  }
  .site-switchcountrynotification > div {
    display: table-cell !important;
    padding: 5px 10px !important;
  }
  .site-switchcountrynotification .flag {
    margin: 0 15px 0 0;
  }
  .site-switchcountrynotification .flag img {
    height: 16px;
  }
}
.page-path {
  display: block !important;
  padding: 15px;
  color: #999;
}
.page-path a {
  color: #999;
}
/**
.top-bar
{
margin: 0;
padding: 0;
text-align: right;
color: #fff;
background-color: #222;
background-color: #000;
}

.top-bar .foundation-of-everything
{
padding: 0.2em 0;
}

.top-bar a
{
color: #ccc;
color: #fff;
}

.top-bar .link-bar
{
padding: 0.5em 0;
}

.top-bar .flags
{
position: absolute;
top: 1em;
right: 1em;
}

.top-bar .flags a
{
display: block;
}

.top-bar .table
{
display: table;
width: auto;
margin: 0 0 0 auto;
}

.top-bar .table .cell
{
padding: 0 10px;
vertical-align: middle;
white-space: nowrap;
}

.top-bar .table.we-ship-worldwide .cell
{
color: #999;
}

.top-bar .table.we-ship-worldwide .icon
{
padding: 3px 0 0 0;
}

.top-bar .table.we-ship-worldwide .text
{
padding: 9px 0 0 5px;
}

@media all and (max-width: 768px)
{
.top-bar .table.we-ship-worldwide
{
display: none;
}
}

@media only screen and (max-width: 767px)
{
.top-bar .flags
{
top: 90px;
right: 1em;
text-align: left !important;
}
.top-bar .flags a
{
display: inline-block;
}
}

@media only screen and (min-width: 768px)
{
.top-bar .flags
{
position: absolute;
top: 10em;
right: 1em;
}
.top-bar .flags a
{
display: inline-block;
}
}

@media only screen and (min-width: 1400px)
{
.top-bar .flags
{
position: absolute;
top: 1em;
right: 1em;
}
}
**/

/**
.top-bar .miss-alternative
{
float: left;
width: 30%;
color: #fff;
}

.top-bar .miss-alternative img
{
height: 36px;
vertical-align: middle;
}

.top-bar .miss-alternative .title
{
padding: 0 0 0 0.5em;
}
**/

/**
.top-bar .checkout-bar
{
padding: 1em 0;
}

.top-bar .tiny-favs
{
margin: 0 15px 0 0;
}

.top-bar .tiny-favs .fa-search
{
cursor: pointer;
}

.top-bar .tiny-cart
{
}

.top-bar .tiny-cart a
{
text-decoration: none;
}

.top-bar .tiny-cart .cart-qty
{
float: left;
width: 33px;
height: 36px;
text-align: center;
background-image: url('/_clientfiles/layout/icons/winkelwagen-rood-2.png');
background-repeat: no-repeat;
background-color: transparent;
}

.top-bar .tiny-cart .cart-qty a
{
display: block;
width: 33px;
height: 36px;
margin: 0 auto;
padding: 2px 0 0 5px;
font-weight: bold;
font-size: 11pt;
text-align: center;
color: #fff;
}

.top-bar .tiny-cart .cart-qty.lt10 a
{
padding: 2px 0 0 10px;
}

.top-bar .tiny-cart .cart-amount
{
float: right;
padding: 0 0 0 1em;
font-size: 1.5em;
}

.top-bar .tiny-cart .cart-amount a
{
color: #ccc;
}
**/

/**
.ui-autocomplete
{
z-index: 2010 !important;
text-align: left;
}
**/

.menu-bar {
  margin: 0 auto 2em auto;
  margin: 0 auto;
  padding: 0 0 0 15px;
  z-index: 3;
  z-index: 1000;
  background-color: #222;
}
.menu-bar .foundation-of-everything {
  padding: 0.7em 0;
}
.menu-bar .embedded-search {
  display: none !important;
}
.site-ranking {
  position: relative;
  display: none;
}
.homepage .site-ranking {
  display: block;
}
.homepage .site-ranking .lip {
  position: absolute;
  z-index: 999;
  top: 25px;
  right: 0;
  padding: 10px 0 5px 0;
  background-color: #222;
  border-radius: 25px 0 0 25px;
}
@media all and (max-width: 768px) {
  .homepage .site-ranking {
    display: none;
  }
}
.content .foundation-of-everything {
  padding: 1em;
  padding: 0;
  margin: 0 auto 6em auto;
  background-color: #fff;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .content .foundation-of-everything {
    margin: 0 0 120px 0;
    padding: 5px;
    padding: 0;
  }
}
.homepage .content .foundation-of-everything,
.wide-page .content .foundation-of-everything {
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0px;
}
#bvCmtBody .flexslider {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#bvCmtBody .flex-direction-nav .flex-prev {
  left: 15px;
}
#bvCmtBody .flex-direction-nav .flex-next {
  right: 15px;
}
#bvCmtBody .flex-control-nav {
  display: none;
}
body.homepage .mobile-slider {
  display: none;
}
body.homepage .desktop-slider {
  width: auto;
  margin: -15px -15px 0 -15px;
}
@media all and (max-width: 768px) {
  body.homepage .desktop-slider {
    display: none;
  }
  body.homepage .mobile-slider {
    display: block;
  }
}
.content .foundation-of-everything .dialog {
  padding: 1em;
  padding: 0;
  margin: 1em auto 6em auto;
  background-color: #fff;
  border-radius: 6px;
}
.article-listing .menu-bar,
.article-details .menu-bar {
  margin: 0 auto;
}
.article-listing .content,
.article-details .content {
  z-index: 1;
}
.article-listing .content .foundation-of-everything,
.article-details .content .foundation-of-everything {
  padding: 0;
  margin: 0 auto 6em auto;
  background: none;
  border-radius: 0;
  box-shadow: none;
}
@media only screen and (min-width: 1400px) {
  .article-details .content .foundation-of-everything {
    padding: 0;
  }
  .article-details .detail-contents {
    width: 74%;
    width: 1360px;
    margin: 0 auto;
  }
}
.breadcrumbs {
  color: #999;
}
.breadcrumbs a {
  color: #999;
}
.scroll-to-top {
  z-index: 3000;
  position: fixed;
  right: 100px;
  bottom: 30px;
  display: none;
  transition: bottom 0.5s;
}
body.scrolled-bottom .scroll-to-top {
  bottom: 120px;
}
.scroll-to-top a {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
}
.scroll-to-top a .fa {
  color: #000;
  font-size: 26pt;
}
body.scrolled .scroll-to-top {
  display: inline-block;
}
ul.special-offers,
ul.attitudefest {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 15px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
@media all and (min-width:992px) and (max-width:1199px) {
  ul.special-offers,
  ul.attitudefest {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width:1200px) {
  ul.special-offers,
  ul.attitudefest {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
ul.special-offers a,
ul.attitudefest a {
  display: block;
}
ul.special-offers p,
ul.attitudefest p {
  margin: 0;
  padding: 0;
}
ul.special-offers li,
ul.attitudefest li {
  display: block;
}
ul.special-offers img,
ul.attitudefest img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
ul.special-offers .youtube,
ul.attitudefest .youtube {
  height: 100%;
  padding: 15% 0 0 0;
  background-color: #000;
  border-radius: 5px;
}
ul.special-offers iframe,
ul.attitudefest iframe {
  width: 100%;
  height: 96%;
  height: 95%;
  overflow: hidden;
  border-radius: 5px;
}
ul.videos {
  width: auto;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
ul.videos li {
  float: left;
  width: 33.33333%;
  height: 320px;
  display: block;
  margin: 0 0 1em 0;
  padding: 1em;
  font-size: 14pt;
}
ul.videos li .watch-title {
  height: 48px;
  display: block;
}
ul.videos li iframe {
  width: 100%;
  height: 250px;
}
@media only screen and (max-width: 767px) {
  ul.videos li {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  ul.videos li {
    width: 50%;
  }
}
.article-filter {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  border-bottom: solid 1px #ddd;
}
.article-filter.has-selected-items {
  background-color: #efe;
}
.article-filter > .title {
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: lighter;
  color: #666;
  background-image: url('/_clientfiles/layout/up.jpg');
  background-repeat: no-repeat;
  background-position: right center;
}
.article-filter.hide .title {
  background-image: url('/_clientfiles/layout/down.jpg');
  background-repeat: no-repeat;
  background-position: right center;
}
.article-filter .items {
  max-height: 150px;
  overflow: auto;
  padding: 0.5em;
}
.article-filter.hide .pulldown {
  display: none;
}
.article-filter .items .item .propfilterval input {
  margin: 0 0.5em 0 0;
  vertical-align: bottom;
  cursor: pointer;
}
.article-filter .items .title {
  cursor: pointer;
}
/**
.sliders .slider .ui-slider
{
margin: 10px 15px 0 15px;
}

.sliders .slider .ui-slider-range
{
background: none;
background-color: #444;
}
**/

.sliders .slider {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px solid #ddd;
}
.sliders .slider.active {
  background-color: #efe;
}
.sliders .slider .desc {
  color: #666;
  font-size: 1.3em;
  font-weight: lighter;
  text-transform: uppercase;
}
.sliders .slider .range {
  text-align: center;
  font-size: 9pt;
  color: #999;
}
.sliders .slider .price-numbers {
  margin: 0 auto;
  text-align: center;
}
.sliders .slider .price-number {
  width: 60px;
  padding: 3px 5px;
}
.sliders .slider button.cmd {
  display: inline-block;
  padding: 1px 15px 3px 15px;
  color: #fff;
  background-color: #444;
  border: none;
  border-radius: 3px;
}
.article-listing .filter-menu-opener {
  margin: 10px 0 10px 0;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14pt;
  border: 1px solid #999;
  border-radius: 10px;
}
.horizontal-filters {
  clear: both;
}
.horizontal-filters a {
  color: #444;
}
.horizontal-filters .webgroup .webgroup {
  padding: 0 0 0 15px;
}
.horizontal-filters .webgroup .webgroup .webgroup {
  padding: 0 0 0 30px;
}
.horizontal-filters label {
  cursor: pointer;
}
.horizontal-filters .article-filters {
  clear: both;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.horizontal-filters .article-filter {
  position: relative;
  float: left;
  width: 25%;
  margin: 0;
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.horizontal-filters .article-filter:nth-child(5) {
  clear: left;
}
.horizontal-filters .article-filter .pulldown {
  z-index: 1000;
  position: absolute;
  top: 40px;
  left: -1px;
  right: -1px;
  max-height: 300px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.horizontal-filters .article-filter .pulldown .set-filters {
  display: block;
  width: 100%;
  margin: 5px 0 0 0;
  text-align: center;
  background-color: #0a0;
  border-radius: 0 0 5px 5px;
}
.horizontal-filters .sliders .slider {
  position: relative;
  float: left;
  width: 25%;
  margin: 0;
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.horizontal-filters .sliders .slider .title {
  cursor: pointer;
}
.horizontal-filters .sliders .slider.hide .contents {
  display: none;
}
.horizontal-filters .sliders .slider .contents {
  z-index: 1000;
  position: absolute;
  top: 40px;
  left: -1px;
  right: -1px;
  padding: 0 0 10px 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}
.sliders .slider .title .fa {
  display: none;
}
.horizontal-filters .sliders .slider .title .fa {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
}
.horizontal-filters .sliders .slider .fa-caret-down {
  display: none;
}
.horizontal-filters .sliders .slider .fa-caret-up {
  display: inline-block;
}
.horizontal-filters .sliders .slider.hide .fa-caret-down {
  display: inline-block;
}
.horizontal-filters .sliders .slider.hide .fa-caret-up {
  display: none;
}
@media all and (max-width: 414px) {
  .horizontal-filters .article-filter,
  .horizontal-filters .sliders .slider {
    float: none;
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .article-filter > .title {
    font-weight: normal;
    color: #000;
  }
  .article-filter .items .item {
    padding: 8px 0;
  }
  .sliders .slider .desc {
    font-weight: normal;
    color: #000;
  }
  .horizontal-filters .webgroup a {
    line-height: 3;
  }
  .horizontal-filters .pulldown .items {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.horizontal-filters .show-more {
  display: none;
}
@media all and (min-width: 769px) {
  .article-listing .filter-menu-opener {
    display: none;
  }
  .horizontal-filters2 .article-filters {
    border-top: none;
  }
  .horizontal-filters .show-more {
    display: block;
    padding: 5px 0 0 0;
  }
  .horizontal-filters .show-more a {
    display: block;
    display: inline-block;
    margin: 5px 0;
    padding: 5px 10px;
    cursor: pointer;
    color: #444;
    border: 1px solid #444;
    border-radius: 10px;
  }
  .horizontal-filters .show-more a:hover {
    text-decoration: none;
  }
  .horizontal-filters .show-more .less {
    display: none;
  }
  .horizontal-filters.showall .show-more .less {
    display: inline-block;
  }
  .horizontal-filters.showall .show-more .more {
    display: none;
  }
  .horizontal-filters .article-filter:nth-child(1n+5) {
    display: none;
  }
  .horizontal-filters .article-filter.has-selected-items {
    display: block;
  }
  .horizontal-filters .article-filters.showall .article-filter:nth-child(1n+5) {
    display: block;
  }
}
@media all and (min-width: 1280px) {
  .horizontal-filters .article-filter,
  .horizontal-filters .sliders .slider {
    width: 20%;
  }
  .horizontal-filters .article-filter:nth-child(5) {
    clear: none;
  }
  .horizontal-filters .article-filter:nth-child(6) {
    clear: left;
  }
}
.remove-filters .remove-filter {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.list-header .cmd {
  font-size: 11pt;
  font-weight: bold;
  cursor: pointer;
}
.list-header .foldable-content {
  display: none;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}
.article-listing .horizontal-filters2 {
  display: none;
}
.list-header .sort-foldable-content {
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
@media all and (min-width: 769px) {
  .list-header .table {
    width: auto;
  }
  .list-header .table .cell {
    padding: 0 30px;
  }
  .list-header .foldable-content.filter-foldable-content {
    display: block;
  }
  .article-listing .horizontal-filters2 {
    display: block;
  }
}
.list-header .fa {
  cursor: pointer;
}
.list-header .artsortradio {
  display: block;
  line-height: 2;
}
.list-header .artsortradio span {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 12pt;
}
@media all and (max-width: 414px) {
  .list-header .artsperpage,
  .list-header .listtype {
    display: none;
  }
}
.list-footer {
  text-align: center;
}
.list-footer .artcount {
  display: inline-block;
  margin: 0 30px 0 0;
}
.list-footer .page-index {
  display: inline-block;
}
.list-footer .page-index a {
  display: inline-block;
  padding: 5px 7px;
  font-size: 13pt;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 0.25em;
}
.list-footer .page-index .currentartpage {
  color: #fff;
  background-color: #c00;
  border-color: #c00;
}
.list-footer .page-index .fa {
  font-size: 13pt;
}
.horizontal-filters .article-filters .article-filter.id32 .pulldown,
.horizontal-filters .article-filters .article-filter.id32 .items {
  max-height: 600px;
}
.horizontal-filters .article-filters .article-filter label.colorselector {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 0 10px 0;
  /* Special colours */

}
.horizontal-filters .article-filters .article-filter label.colorselector input[type="checkbox"] {
  display: none;
}
.horizontal-filters .article-filters .article-filter label.colorselector .colorselectionborder {
  display: inline-block;
  border: 2px solid white;
  border-radius: 50%;
}
.horizontal-filters .article-filters .article-filter label.colorselector .color {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 2px solid black;
  border-radius: 50%;
}
.horizontal-filters .article-filters .article-filter label.colorselector.selected {
  font-weight: bold;
}
.horizontal-filters .article-filters .article-filter label.colorselector.selected .colorselectionborder {
  border-color: lawngreen;
}
.horizontal-filters .article-filters .article-filter label.colorselector.Multicolours .color {
  background: linear-gradient(to bottom, #0070e8 0%, #bf3b3d 17%, #f4db49 36%, #ffffff 50%, #fca54e 59%, #4bea70 71%, #b53697 84%, #26558b 100%);
}
.horizontal-filters .article-filters .article-filter label.colorselector.Regenboog .color {
  position: relative;
}
.horizontal-filters .article-filters .article-filter label.colorselector.Regenboog .color:before {
  content: "\1F308";
  font-size: 24px;
  position: absolute;
  left: 1px;
  top: -1px;
}
.loadmore-articles {
  display: none;
}
.article-listing .products .loadmore-articles {
  display: block;
  margin: 15px 0 30px 0;
  text-align: center;
}
.article-listing .products .loadmore-articles .viewprogressbar {
  width: 180px;
  max-width: 100%;
  height: 2px;
  margin: 10px auto 15px auto;
  background-color: #ccc;
}
.article-listing .products .loadmore-articles .viewprogressbar .progress {
  width: 10px;
  height: 2px;
  background-color: #444;
}
.article-listing .products .loadmore-articles .viewprogress {
  margin: 0 0 15px 0;
}
.article-listing .products .loadmore-articles button {
  padding: 15px 60px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  color: #444;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #ccc;
}
.webgroup-pills {
  width: 100%;
  padding: 10px 0 15px 0;
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .webgroup-pills {
    padding: 10px 0 5px 0;
  }
}
@media all and (min-width:1200px) {
  .webgroup-pills {
    padding: 10px 0 5px 0;
  }
}
.webgroup-pills::-webkit-scrollbar {
  display: none;
}
.webgroup-pills .webgroup-pill {
  padding: 0 5px 0 0;
  flex-shrink: 0;
}
.webgroup-pills .webgroup-pill a {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background-color: #000;
  border-radius: 9px;
}
.webgroup-pills .webgroup-pill a:hover {
  text-decoration: none;
}
.article-listing .group-info {
  display: flex;
  flex-flow: row wrap;
  gap: 30px;
  margin: 0 0 30px 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-listing .group-info {
    display: grid;
    grid-template-columns: 200px auto;
  }
}
@media all and (min-width:1200px) {
  .article-listing .group-info {
    display: grid;
    grid-template-columns: 200px auto;
  }
}
.article-listing .group-info h1 {
  margin: 0;
  padding: 0;
  font-size: 1.28em;
  font-weight: lighter;
  text-transform: uppercase;
}
.article-listing .group-info .image {
  margin: 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-listing .group-info .image {
    grid-row: span 2;
  }
}
@media all and (min-width:1200px) {
  .article-listing .group-info .image {
    grid-row: span 2;
  }
}
.article-listing .group-info .image img {
  border-radius: 3px;
  max-width: 200px;
}
.article-listing .group-info .desc {
  align-self: end;
  padding: 0;
}
.article-listing .site-content .rr-widget {
  padding: 0;
}
.artlist-actions .artsperpage {
  padding: 0.3em 0 0.3em 1em;
}
.artlist-actions .listtype {
  padding: 0.3em 0 0.3em 1em;
}
.artlist-actions .listtype .fa {
  margin: 0 0.2em 0 0;
  cursor: pointer;
}
.artlist-actions .listtype .fa.fa-th-large {
  font-size: 1.5em;
}
.artlist-actions .listtype .fa.fa-bars {
  font-size: 1.66em;
}
.artlist-actions .allpages {
  width: 50%;
  padding: 0.3em 0;
  text-align: right;
}
.artlist-actions .allpages .artpages a,
.artlist-actions .allpages a.prevartpage,
.artlist-actions .allpages a.nextartpage {
  padding: 0.2em 0.4em;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.artlist-actions .allpages .artpages a {
  color: #555;
}
.artlist-actions .allpages .artpages .currentartpage {
  color: #fff;
  background-color: #c00;
  border: 1px solid #c00;
}
.artlist-actions .allpages a.currentartpage {
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 768px) {
  .artlist-actions {
    margin: 15px 0 !important;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .artlist-actions .artsperpage {
    float: right;
    text-align: right;
  }
  .artlist-actions .allpages {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #ddd;
  }
  .artlist-actions .allpages .page-qty {
    display: block;
    margin: 0 0 1em 0;
  }
  .artlist-actions .allpages .artpages a,
  .artlist-actions .allpages a.prevartpage,
  .artlist-actions .allpages a.nextartpage {
    padding: 0.6em;
  }
  .first-artlistactions .allpages {
    display: none;
  }
}
.articles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .articles {
    grid-template-columns: 1fr 1fr;
    text-align: center;
  }
}
@media all and (min-width:1200px) {
  .articles {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
  }
}
.articles * {
  outline: none;
}
.articles a,
.articles a:hover {
  color: #000;
  text-decoration: none;
}
.articles .article {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-auto-flow: column;
  grid-gap: 0px;
  grid-row: span 3;
}
.articles .article .list-images {
  position: relative;
}
.articles .article .image {
  aspect-ratio: 1;
  opacity: 1;
  transition: all 150ms ease-out;
}
.articles .article .image,
.articles .article .the-gaby-image {
  z-index: 990;
  aspect-ratio: 1;
  margin: 0 auto;
  text-align: center;
}
.articles .article .image a,
.articles .article .the-gaby-image a {
  display: block;
  aspect-ratio: 1;
  text-align: center;
}
.articles .article .image img,
.articles .article .the-gaby-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 3px;
}
.articles .article .the-gaby-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 150ms ease-out;
}
@media all and (min-width:1200px) {
  .articles .article.has-gaby-image:hover .image {
    opacity: 0;
  }
  .articles .article.has-gaby-image:hover .the-gaby-image {
    opacity: 1;
  }
}
.articles .article .id-title-sizes {
  padding-top: 7px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
}
.articles .article .itemid {
  display: none;
}
.articles .article .title {
  font-size: 10pt;
}
@media all and (max-width:991px) {
  .articles .article .title {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
}
.articles .article .sizes {
  padding: 3px 0 5px 0;
  font-size: 9pt;
  color: #866;
}
.articles .article .sizes .sale-size {
  color: red;
}
.articles .article .sizes .sale-notice {
  display: inline-block;
  padding: 3px 4px 2px 4px;
  color: white;
  background-color: red;
  border-radius: 3px;
}
.articles .article .group4 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.articles .article .price s {
  font-size: 9pt;
  color: #666;
}
.articles .article button.add-to-favorites {
  margin: 0;
  padding: 0;
  font-size: 25px;
  line-height: 1;
  color: black;
  background: none;
  border: none;
}
.articles .article button.addtobag-icon {
  position: relative;
  font-size: 25px;
  line-height: 1;
}
.articles .ordercontrol {
  z-index: 9901;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 0px;
  padding: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  border: 0px solid rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  transition: all 500ms;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .articles .ordercontrol {
    left: 15px;
    right: 15px;
  }
}
@media all and (min-width:1200px) {
  .articles .ordercontrol {
    left: 15px;
    right: 15px;
  }
}
.articles .ordercontrol.hover,
.articles .ordercontrol.active {
  bottom: 32px;
  height: fit-content;
  padding: 5px;
  overflow: auto;
  border-width: 1px;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .articles .ordercontrol.hover,
  .articles .ordercontrol.active {
    padding: 15px;
  }
}
@media all and (min-width:1200px) {
  .articles .ordercontrol.hover,
  .articles .ordercontrol.active {
    padding: 15px;
  }
}
.sidearticles .articles .ordercontrol.hover,
.sidearticles .articles .ordercontrol.active {
  position: static;
  width: 100%;
}
.articles .ordercontrol .close {
  float: right;
  cursor: pointer;
}
.articles .ordercontrol button.addtobag {
  display: block;
  margin: 8px 0 0 0;
  padding: 7px 5px;
  font-size: 9pt;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .articles .ordercontrol button.addtobag {
    padding: 10px;
    font-size: 14pt;
  }
}
@media all and (min-width:1200px) {
  .articles .ordercontrol button.addtobag {
    padding: 10px;
    font-size: 14pt;
  }
}
.articles .list-item-variants {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}
.articles .list-item-variants .item-variant {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
.articles .list-item-variants .item-variant:hover,
.articles .list-item-variants .item-variant.selected {
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
}
.articles .list-item-variants .item-variant.sale {
  border: 1px solid rgba(255, 0, 0, 0.7);
}
.articles .list-item-variants .item-variant .identifier {
  padding: 5px;
}
.articles .list-item-variants .item-variant .sale-notice {
  padding: 5px;
  color: white;
  background-color: red;
  border-radius: 3px;
}
.articles .list-item-variants .item-variant.unsellable {
  text-decoration: line-through;
  color: #aaa;
  border-color: #ccc;
}
.articles .list-item-variants .item-variant.unsellable .sale-notice {
  background-color: #ddd;
}
.articles .list-item-variants .item-variant.unsellable:hover,
.articles .list-item-variants .item-variant.unsellable.selected {
  color: #aaa;
  background-color: #ddd;
}
.bonusarticles .articles {
  grid-template-columns: 100%;
}
.bonusarticles .articles .sizes {
  display: none;
}
.bonusarticles .articles .price {
  padding: 3px 0 5px 0;
}
.artlistorder {
  background-color: #900;
  height: 20px;
}
.artlistorder a {
  display: block;
  padding: 3px;
  color: #fff;
  font-weight: bold;
}
/**
.article-listing .content
{
background-color: #fff !important;
}
**/

.article-listing .content .foundation-of-everything {
  width: 100%;
  margin: 0 auto !important;
  padding: 0 0 60px 0 !important;
}
.article-listing .breadcrumbs {
  margin: 0 0 15px 0;
  padding: 5px 0 0 0;
  background: none;
  border: none;
}
@media all and (max-width: 414px) {
  .article-listing .breadcrumbs {
    display: none;
  }
}
.article-listing .artlist-actions {
  margin: 0 0 10px 0;
}
.article-listing .artlist-actions .artsort {
  margin: 0 0 0 200px;
}
.site-wide-contents {
  position: relative;
  z-index: 900;
}
.site-wide-contents .filtering {
  z-index: 1010;
  float: left;
  position: relative;
  width: 0px;
  height: 0px;
  overflow: hidden;
  transition: 0.5s;
}
.site-wide-contents .filtering .fa-close {
  display: none;
  cursor: pointer;
  font-size: 32px;
}
.site-wide-contents .products {
  z-index: 910;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .site-wide-contents .filtering .navgroup {
    font-size: 12pt;
    line-height: 2;
  }
  .site-wide-contents .filtering .article-filters .item {
    font-size: 11pt;
    padding: 5px 0;
  }
  .site-wide-contents .filtering .article-filters .article-filter.id422 .item {
    padding: 1em;
  }
}
@media all and (max-width: 768px) {
  .article-listing .artlist-actions .artsort {
    margin: 0;
  }
}
@media all and (min-width: 769px) {
  .horizontal-filters2 .article-filters {
    border-top: 1px solid #ddd !important;
  }
}
.search-results {
  position: absolute;
  z-index: 7100;
  left: 0;
  right: 0;
  display: none;
  padding: 15px;
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #000;
}
@media all and (max-width:991px) {
  .search-results {
    border-radius: 0px;
    box-shadow: initial;
    border-bottom: 1px solid #ddd;
  }
}
.search-results .loader {
  text-align: center;
}
.search-results .articles .article {
  display: grid;
  grid-template-columns: 40px auto max-content;
  grid-template-rows: 1fr;
  justify-content: space-between;
  justify-content: normal;
  align-items: center;
  gap: 15px;
  margin: 0 0 15px 0;
  padding: 0;
}
.search-results .articles .article .id-title-sizes {
  padding: 0;
}
.search-results .articles .article .description {
  padding: 0;
  text-align: left;
}
.search-results .articles .article .sizes {
  display: none;
}
.search-results .articles .article .group4 {
  display: block;
  justify-self: end;
}
.search-results .articles .article .price {
  text-align: left;
}
.search-results .articles .article .action {
  display: none;
}
.search-results .show-more {
  text-align: right;
}
.search-results .show-more a {
  display: inline-block;
  padding: 5px 15px;
  font-size: 15pt;
  color: #fff;
  background-color: #444;
  border-radius: 5px;
}
.search-results .show-more a:hover {
  text-decoration: none;
}
.search-results .close {
  float: right;
  margin: 0 15px 0 0;
  cursor: pointer;
  font-size: 14pt;
}
.article-details .breadcrumbs {
  margin: 0;
  padding: 0 0 10px 0;
  z-index: 1;
}
.article-details h1.title {
  margin: 0 0 15px 0;
  padding: 0;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
  font-size: 14pt;
  font-weight: lighter;
  color: #444;
}
.article-details .noretsb {
  margin: 10px 0 0 0;
  font-style: italic;
  color: #777;
}
.article-details h2 {
  margin: 0 0 1em 0;
  padding: 0.5em;
  font-size: 1.2em;
  color: #000;
  background-color: #ddd;
  border-radius: 6px;
}
.article-details h2.small,
.article-details .tab-contents h2 {
  display: inline;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: lighter;
  color: #555;
  background-color: #fff;
}
.article-details h2.small .intro {
  font-weight: bold;
}
.article-details h2.red {
  color: #fff;
  background-color: #90021A;
}
.article-details .properties {
  display: grid;
  gap: 0 15px;
  grid-template-columns: max-content auto;
}
.article-details .properties .value {
  color: #555;
}
.article-details .usps {
  margin: 20px 0 20px 0;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
}
.article-details .usps .document > .element {
  width: auto;
  display: inline-flex;
  flex-flow: column;
  gap: 10px;
}
.article-details .usps a {
  font-size: 11pt;
  color: #444;
}
.article-details .usps .element.hyperlink {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  gap: 15px;
}
.article-details .usps .element.hyperlink::before {
  content: "\2714";
  color: #060;
}
.article-details .usps .element.hyperlink::after {
  content: "\2192";
  color: black;
  margin-left: auto;
}
.article-details .suggestions {
  display: flex;
  flex-flow: row;
  gap: 30px;
  align-items: center;
  cursor: pointer;
}
.article-details .suggestions h3 {
  flex: 0 0 auto;
  font-size: 16pt;
  font-weight: normal;
}
.article-details .suggestions h3 i {
  color: #999;
}
.article-details .suggestions .articles {
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  overflow: hidden;
}
.article-details .suggestions .articles .article {
  display: block;
  grid-row: auto;
  width: 66px;
}
.article-details .suggestions .articles .id-title-sizes,
.article-details .suggestions .articles .group4 {
  display: none;
}
.article-details .suggestions .articles .list-images {
  display: block;
}
.article-details .detail-contents {
  display: grid;
  grid-template-columns: 100%;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-details .detail-contents {
    grid-template-columns: 51% 49%;
    gap: 30px;
  }
}
@media all and (min-width:1200px) {
  .article-details .detail-contents {
    grid-template-columns: 54% 46%;
    gap: 30px;
  }
}
.article-details .detail-contents .pdp-images {
  margin: 0;
  padding: 0;
}
@media all and (min-width:1200px) {
  .article-details .detail-contents .pdp-images {
    display: grid;
    grid-template-columns: 90px auto;
    gap: 15px;
  }
}
.article-details .detail-contents .pdp-images .youtube-play a {
  text-decoration: auto;
}
.article-details .detail-contents .pdp-images .smallimages {
  display: none;
  padding: 0 15px 0 0;
}
@media all and (min-width:1200px) {
  .article-details .detail-contents .pdp-images .smallimages {
    display: block;
  }
}
.article-details .detail-contents .pdp-images .smallimages .smallimage {
  width: 90px;
  aspect-ratio: 1;
  margin: 0 0 10px 0;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
}
.article-details .detail-contents .pdp-images .smallimages .smallimage img {
  display: block;
  margin: 0 auto;
  border-radius: 3px;
}
.article-details .detail-contents .pdp-images .smallimages .youtube-play {
  height: 90px;
  font-size: 90px;
  align-items: center;
}
.article-details .detail-contents .pdp-images .smallimages .youtube-play a {
  color: #f00;
}
.article-details .detail-contents .pdp-images .largeimages {
  width: 100%;
  margin: 0 0 45px 0;
}
@media all and (min-width:1200px) {
  .article-details .detail-contents .pdp-images .largeimages {
    margin: 0;
  }
}
.article-details .detail-contents .pdp-images .largeimages .largeimage {
  position: relative;
  cursor: crosshair;
  text-align: center;
  border-radius: 3px;
  aspect-ratio: 1;
}
.article-details .detail-contents .pdp-images .largeimages .largeimage img {
  width: 100%;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}
.article-details .detail-contents .pdp-images .largeimages .slick-prev {
  left: -5px;
  z-index: 1;
}
.article-details .detail-contents .pdp-images .largeimages .slick-next {
  right: -5px;
}
.article-details .detail-contents .pdp-images .largeimages .slick-prev:before,
.article-details .detail-contents .pdp-images .largeimages .slick-next:before {
  color: #444;
}
.article-details .detail-contents .pdp-images .largeimages .youtube-play {
  font-size: 50px;
}
@media all and (min-width:1200px) {
  .article-details .detail-contents .pdp-images .largeimages .youtube-play {
    display: none;
  }
}
.article-details .detail-contents .pdp-images .largeimages .youtube-play a {
  display: flex;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  color: #f00;
}
.article-details .detail-contents .pdp-images .lookbookgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px 15px;
  margin: 15px 0 0 0;
  grid-column: span 2;
}
.article-details .detail-contents .pdp-images .lookbookgrid .thumb img {
  width: 100%;
  border-radius: 5px;
}
.article-details .detail-contents .pdp-images .lookbook-links {
  grid-column: span 2;
  padding: 15px 0;
}
.article-details .detail-contents .pdp-images .lookbook-links .open-lookbook a {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 5px 0;
  color: #eee;
  background-color: #333;
  border-radius: 5px;
}
.article-details .ordering .variants-brand-price-layout {
  display: grid;
  grid-template-columns: 66% 34%;
  margin: 0 0 10px 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-details .ordering .variants-brand-price-layout {
    grid-template-columns: 3fr 2fr;
  }
}
@media all and (min-width:1200px) {
  .article-details .ordering .variants-brand-price-layout {
    grid-template-columns: 3fr 2fr;
  }
}
.article-details .ordering .variants-brand-price-layout .group1 {
  min-width: 0;
}
.article-details .ordering .variants-brand-price-layout .group2 {
  min-width: 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-details .ordering .variants-brand-price-layout .group2 {
    justify-self: end;
  }
}
@media all and (min-width:1200px) {
  .article-details .ordering .variants-brand-price-layout .group2 {
    justify-self: end;
  }
}
.article-details .ordering .brand-branding a {
  color: #444;
}
.article-details .ordering .brand-branding img {
  max-width: 100%;
  max-height: 66px;
}
.article-details .ordering .brand-branding .brandtextlogo {
  font-family: 'Dolce-Vita', Verdana, Arial;
  font-size: 15pt;
  word-break: break-word;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-details .ordering .brand-branding .brandtextlogo {
    font-size: 24pt;
  }
}
@media all and (min-width:1200px) {
  .article-details .ordering .brand-branding .brandtextlogo {
    font-size: 24pt;
  }
}
.article-details .ordering .variant-display-price .regular {
  display: inline-block;
  padding: 0 15px 0 0;
  text-decoration: line-through;
  font-size: 12pt;
  color: #999;
}
.article-details .ordering .variant-display-price .lowest {
  display: inline-block;
  font-size: 17pt;
  color: black;
}
.article-details .ordering .price-vat-shipping-notice {
  margin: 5px 0 0 0;
  font-size: 8pt;
  color: #666;
}
.article-details .ordering .price-vat-shipping-notice a {
  color: #666;
}
.article-details .ordering .discountedsizes,
.article-details .ordering .pricebreaksinfo {
  display: table;
  margin: 5px 0 0 0;
  padding: 5px 5px;
  font-size: 8pt;
  color: #060;
  border: 1px solid #0a0;
  border-radius: 3px;
}
.article-details .ordering .pricebreaks {
  display: none;
  margin: 0 0 10px 0;
}
.article-details .ordering .pricebreaks .pricebreak {
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 5px 15px;
  cursor: pointer;
  border: 1px solid #00a;
  border-radius: 5px;
}
.article-details .ordering .pricebreaks .pricebreak.selected {
  color: #fff;
  background-color: #00a;
}
.article-details .ordering .current-choice {
  display: inline-block;
  background-color: #fee3b3;
  background-color: #eee;
  border-radius: 5px;
  transition: all 500ms;
}
.article-details .ordering .current-choice.active {
  margin: 15px 0;
  padding: 5px 10px;
  border: 1px solid #000;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .article-details .ordering .current-choice.active {
    margin: 15px 0 15px 0;
  }
}
@media all and (min-width:1200px) {
  .article-details .ordering .current-choice.active {
    margin: 15px 0 15px 0;
  }
}
.article-details .ordering .current-choice b {
  color: red;
}
.article-details .ordering .item-variants-header {
  width: 100%;
  margin: 15px 0 5px 0;
  font-size: 12pt;
  font-weight: bold;
}
.article-details .ordering .shippingpromise {
  margin: 2px 0 8px 0;
  font-size: 12pt;
  color: #000;
}
.article-details .ordering .useractions {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 15px;
}
.article-details .ordering .useractions .addtobagwrapper {
  flex: 1 1 auto;
}
.article-details .ordering .useractions .addtofaveswrapper {
  flex: 0 0 auto;
}
.article-details .ordering .useractions button.add-to-favorites {
  margin: 0;
  padding: 0;
  font-size: 34px;
  line-height: 1;
  color: black;
  background: none;
  border: none;
}
.article-details .pdp-item-variants-control {
  margin-top: 15px;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  cursor: pointer;
  border: 1px solid #444;
  border-radius: 3px;
}
.article-details .pdp-item-variants-control .label {
  flex: 1 0 auto;
  padding: 10px;
  font-size: 14pt;
}
.article-details .pdp-item-variants-control .actuator {
  flex: 0 0 auto;
  font-size: 30px;
}
.article-details .pdp-item-variants-control .actuator-close {
  display: none;
}
.article-details .pdp-item-variants-control .pdp-item-variants-wrapper {
  position: relative;
  flex: 1 0 100%;
  display: none;
}
.article-details .pdp-item-variants-control .pdp-item-variants-wrapper .pdp-item-variants {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  display: block;
  padding: 0 5px;
  background-color: white;
  border: 1px solid #444;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
.article-details .pdp-item-variants-control .pdp-item-variants-wrapper .pdp-item-variants .item-variant {
  margin: 0 0 5px 0;
  justify-content: space-between;
  border: none;
}
.article-details .pdp-item-variants-control.open {
  border-radius: 3px 3px 0 0;
}
.article-details .pdp-item-variants-control.open .actuator-close,
.article-details .pdp-item-variants-control.open .pdp-item-variants-wrapper {
  display: block;
}
.article-details .pdp-item-variants-control.open .actuator-open {
  display: none;
}
.article-details .pdp-item-variants {
  display: flex;
  flex-flow: row wrap;
  gap: 7px;
  min-width: 0;
}
.article-details .pdp-item-variants .item-variant {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  min-width: 0;
  cursor: pointer;
  font-size: 12pt;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
}
.article-details .pdp-item-variants .item-variant.sale {
  justify-content: space-between;
}
.article-details .pdp-item-variants .item-variant:hover,
.article-details .pdp-item-variants .item-variant.selected {
  background-color: #fee3b3;
  color: white;
  background-color: black;
}
.article-details .pdp-item-variants .item-variant.sale {
  border-color: #c00;
}
.article-details .pdp-item-variants .item-variant.empty {
  border: 0;
}
.article-details .pdp-item-variants .item-variant.empty .identifier {
  padding: 0;
}
.article-details .pdp-item-variants .item-variant .identifier {
  padding: 5px;
}
.article-details .pdp-item-variants .item-variant .stockinfo,
.article-details .pdp-item-variants .item-variant .price {
  display: none;
}
.article-details .pdp-item-variants .item-variant .price > .old {
  text-decoration: line-through;
}
.article-details .pdp-item-variants .item-variant .sale-notice {
  padding: 5px;
  color: white;
  background-color: red;
  border-radius: 3px;
}
.article-details .detail-contents .main-product-infos {
  margin: 0 0 15px 0;
}
.article-details .detail-contents .main-product-infos,
.article-details .detail-contents .main-product-infos a {
  color: #444;
}
.article-details .detail-contents .main-product-infos a {
  text-decoration: underline;
}
.article-details .detail-contents .main-product-infos a:hover {
  color: #b00;
}
/**
.article-details .detail-contents .mobile-price
{
display: none;
}

@media all and (max-width: 768px)
{
.article-details .detail-contents .mobile-price
{
display: block;
margin: 0 0 15px 0;
}
.article-details .detail-contents .mobile-price .old
{
display: inline-block;
padding: 0 15px 0 0;
font-size: 12pt;
text-decoration: line-through;
color: #444;
}
.article-details .detail-contents .mobile-price .current
{
display: inline-block;
font-size: 20pt;
font-weight: bold;
color: #c00;
}
}
**/

.article-details .share-link {
  cursor: pointer;
}
.article-details .detail-contents .special-remarks {
  margin: 15px 0;
  padding: 15px;
  background-color: #fcd;
  border-radius: 3px;
}
.article-details .detail-contents .action-item .sizechart a {
  display: block;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 50px;
  background-image: url('/_clientfiles/layout/icons/maattabel-25x25.png');
  background-repeat: no-repeat;
  background-position: center left;
}
.article-details .detail-contents .action-item .hairdye a {
  display: block;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 50px;
  background-image: url('/_clientfiles/layout/icons/vraagteken-25x25.png');
  background-repeat: no-repeat;
  background-position: center left;
}
.article-details .detail-contents .action-item .shipping a {
  display: block;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 50px;
  background-image: url('/_clientfiles/layout/icons/verzendkosten-25x25.png');
  background-repeat: no-repeat;
  background-position: center left;
}
.article-details .detail-contents .product-actions {
  padding: 15px 0 5px 0;
  padding: 0;
  text-align: right;
}
@media all and (max-width: 768px) {
  .article-details .detail-contents .product-actions {
    padding: 0;
    text-align: left;
  }
}
.article-details .detail-contents .product-actions .product-action {
  vertical-align: middle;
}
.article-details .detail-contents .product-action * {
  vertical-align: middle;
  text-decoration: none;
  color: #444;
}
.article-details .detail-contents .product-action .fa {
  font-size: 15pt;
}
.article-details .detail-contents .product-action:hover .fa-heart-o:before {
  content: "\f004";
}
.article-details .detail-contents .product-action:hover .fa-envelope-o:before {
  content: "\f0e0";
}
.article-details .detail-contents .supply-notify {
  margin: 15px 0 0 0;
  text-align: left;
}
.article-details .detail-contents .supply-notify a {
  display: block;
}
.article-details .measure-chart {
  margin: 30px 0 15px 0;
  margin: 0;
}
.article-details .measure-chart .mt-header {
  margin: 0 0 5px 0;
}
.article-details .measure-chart .mt-title {
  font-size: 13pt;
  font-weight: lighter;
}
.article-details .measure-chart .mt-system {
  text-align: right;
}
.article-details .measure-chart .mt-system .option {
  font-family: Courier, Verdana;
  display: inline-block;
  padding: 2px 5px;
  cursor: pointer;
}
.article-details .measure-chart .mt-system .option.active {
  color: #fff;
  background-color: #444;
  border-radius: 3px;
}
.article-details .measure-chart table {
  width: 100%;
}
.article-details .measure-chart td {
  vertical-align: middle;
}
.article-details .measure-chart .mt-name {
  padding: 3px 10px;
}
.article-details .measure-chart .mt-name:first-child {
  border: 0;
}
.article-details .measure-chart .mt-variant {
  padding: 3px 5px;
  border-top: 1px solid #ddd;
}
.article-details .measure-chart .mt-value {
  padding: 0 0 0 10px;
  text-align: left;
  color: #666;
  border-top: 1px solid #e5e5e5;
}
.article-details .measure-chart .mt-value .cm,
.article-details .measure-chart .mt-value .inch {
  display: block;
}
.article-details .detail-contents .legend .item {
  float: left;
  width: 50%;
  width: auto;
  margin: 0 0 1em 0;
  margin: 0 10px 15px 0;
  color: #999;
}
.article-details .detail-contents .legend .item .circle {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 3px 0.5em 0 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
/***** /NEW *****/

.article-details .relations {
  margin: 0 0 15px 0;
}
.article-details .relations .tab h2,
.article-details .relations .tabs h2 {
  display: inline-block;
  margin-bottom: 15px;
  padding: 15px 30px;
  font-size: 15pt;
  color: #444;
  background-color: #ccc;
  border-radius: 3px;
}
.article-details .relations .tabs h2 {
  cursor: pointer;
}
.article-details .relations .tab h2,
.article-details .relations .tabs h2.active,
.article-details .relations .tabs h2:hover {
  color: #fff;
  background-color: #222;
}
.article-details .relations .related {
  padding: 0;
  border-radius: 3px;
}
.article-details .relations .related .ordering {
  padding: 0;
  text-align: right;
}
.article-details .relations .articles {
  width: auto;
  margin: 0 -15px;
}
.article-details .relations .article {
  padding: 0 15px;
}
.article-details .relations .slickslider .prev,
.article-details .relations .slickslider .next {
  z-index: 991;
  position: absolute;
  top: 50%;
  margin: -35px 0 0 0;
  padding: 6px 5px 6px 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.article-details .relations .slickslider .prev {
  left: 0;
}
.article-details .relations .slickslider .next {
  right: 0;
}
.article-details .relations .slickslider .prev .fa,
.article-details .relations .slickslider .next .fa {
  font-size: 64px;
  color: #444;
}
.article-details .relations .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.article-details .relations .slick-list,
.article-details .relations .slick-track {
  grid-column: 1 / -1;
  grid-row: span 3;
  display: grid;
  grid-auto-rows: auto;
  grid-auto-flow: column;
}
.article-details .relations .slick-slide,
.article-details .relations .slick-slide > div {
  display: grid;
  grid-template-rows: subgrid;
  grid-auto-flow: column;
  grid-row: span 3;
}
.article-details .relations .slick-slide > div {
  grid-template-rows: subgrid;
}
.article-details .relations .slick-slide .article {
  display: grid !important;
  grid-template-rows: subgrid;
  grid-row: span 3;
  grid-column: span 1;
}
.artdetail-sliders > div {
  margin: 0 0 15px 0;
}
.artdetail-sliders > div > div.rr-widget {
  padding: 0;
}
.artdetail-sliders > div.relations {
  margin: 0 0 15px 0;
}
.article-details .story {
  margin: 0 0 2em 0;
  padding: 1em;
  background-color: #fff;
  border-radius: 6px;
}
.article-details .story .description {
  width: 55%;
  padding: 0 0.5em 0 0;
  border-right: 4px dotted #ddd;
}
.article-details .story .properties {
  width: 43%;
}
#SharingIsCaring {
  display: none;
  border-radius: 5px;
}
#SharingIsCaring h4 {
  margin: 0;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, Verdana, Sans-Serif;
  font-size: 15pt;
  font-weight: normal;
  text-align: center;
}
#SharingIsCaring .share {
  display: flex;
  flex-flow: row wrap;
  gap: 25px;
  justify-content: center;
  min-width: 350px;
  padding: 15px;
  font-size: 40px;
  background-color: #fff;
}
#SharingIsCaring .share,
#SharingIsCaring .share a {
  color: black;
}
/**
#SharingIsCaring .share .share-item
{
width: 20%;
width: 33.33333%;
width: 25%;
text-align: center;
}

#SharingIsCaring .share .share-item .fa,
#SharingIsCaring .share .share-item .fas,
#SharingIsCaring .share .share-item .fal,
#SharingIsCaring .share .share-item .fad,
#SharingIsCaring .share .share-item .far,
#SharingIsCaring .share .share-item .fab
{
display: block;
font-size: 15pt;
color: #444;
}

#SharingIsCaring .share .share-item a
{
font-size: 7pt;
color: #444;
}

#SharingIsCaring .share .share-item a:hover
{
text-decoration: none;
color: #b00;
}
**/

.article-details .review-area {
  margin: 0 0 2em 0;
  padding: 1em;
  background-color: #fff;
  border-radius: 6px;
}
.artdetailmenu {
  border-bottom: 1px solid #ddd;
  background-color: #eee;
  margin: 1em 0;
}
.artdetailmenu td {
  width: 30%;
}
#txtSenderMessage {
  width: 200px;
  height: 40px;
}
.detailartlist,
.styledtable {
  margin: 10px 0 0 0;
}
.detailartlist th,
.styledtable th,
.tableheader th {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  text-align: left;
  background-color: #ddd;
  padding: 1px 5px;
}
.detailartlist td,
.styledtable td {
  border-bottom: 1px solid #ddd;
  background-color: #eee;
  padding: 1px 5px;
}
.detailartlist .future td {
  color: #666;
  font-style: italic;
}
.detailartlist td td,
.styledtable td td {
  border-width: 0;
}
.deliverydetails {
  border-top: 1px dotted #000;
  margin: 10px 0;
}
.artlistprice {
  font-weight: bold;
}
.articlepulldown {
  width: 450px;
  width: 100%;
}
.userinteraction {
  margin: 0 0 0 10px;
}
.userinteraction h4 {
  margin: 0 0 11px 0;
  padding: 6px;
  color: #444;
  background-color: #ddd;
}
#artreviewtab td {
  text-align: center;
}
#artreviewtab .artscore {
  cursor: pointer;
}
#artreviewtab .greysmall {
  font-size: 10px;
  color: #777;
}
.review-area h6 {
  margin: 0 0 11px 0;
  font-size: 12px;
  color: #900;
}
.review-area .reviews .review.attitude {
  margin: 0 0 0.5em 0;
  padding: 0.5em;
  background-color: #fff5f5;
}
.review-area .reviews .review.attitude .comment {
  margin: 0;
  padding: 0;
  border: none;
}
.review-area .reviews .score {
  font-size: 12px;
  font-weight: bold;
  color: #900;
}
.review-area .reviews .rating {
  font-weight: bold;
}
.review-area .reviews .title {
  font-weight: bold;
}
.review-area .reviews .date {
  font-size: 7pt;
  color: #999;
}
.review-area .reviews .comment {
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  color: #666;
  border-bottom: 1px dotted #ddd;
}
.article-details .detail-contents h2.review-intro {
  padding: 0;
  background: none;
}
.article-details .reviewstars5:before {
  content: "\f005\f005\f005\f005\f005";
  color: #789B3C;
}
.article-details .reviewstars4:before {
  content: "\f005\f005\f005\f005\f006";
  color: #789B3C;
}
.article-details .reviewstars3:before {
  content: "\f005\f005\f005\f006\f006";
  color: #789B3C;
}
.article-details .reviewstars2:before {
  content: "\f005\f005\f006\f006\f006";
  color: #789B3C;
}
.article-details .reviewstars1:before {
  content: "\f005\f006\f006\f006\f006";
  color: #789B3C;
}
.article-details .reviewstars0:before {
  content: "\f006\f006\f006\f006\f006";
  color: #789B3C;
}
.article-details .reviews .review {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
  border-bottom: 1px dotted #ddd;
}
.article-details .reviews .review.attitude {
  padding: 1em;
  background-color: #efe;
}
.article-details .reviews .review.attitude .metadata {
  font-size: 7pt;
}
.article-details .reviews .review.attitude .metadata .author {
  color: #090;
}
.article-details .reviews .metadata {
  font-size: 7pt;
}
.article-details .reviews .reviewstars {
  margin: 0 32px 0 0;
}
.article-details .reviews .date {
  color: #999;
}
.article-details .reviews .author {
  color: #90021A;
}
.article-details .add-review h3 {
  border-radius: 5px;
}
.article-details .add-review .comment {
  margin: 0 0 1em 0;
}
.article-details .add-review .comment textarea {
  width: 100%;
  height: 120px;
}
.article-details .add-review .stars {
  padding: 0 0 0 32px;
}
.article-details .add-review .author {
  margin: 0 0 1em 0;
}
.article-details .add-review .author input[type=text] {
  width: 100%;
}
.article-details .add-review .email {
  margin: 0 0 1em 0;
}
.article-details .add-review .email input[type=email] {
  width: 100%;
}
.article-details .stocknotification input[type=email] {
  max-width: 100%;
  width: 250px;
  padding: 10px;
  font-size: 11pt;
}
.reviews .review {
  padding: 0 0 15px 0;
}
.reviews .replies {
  padding: 15px 0 0 0;
}
.reviews .replies .reply {
  padding: 0 0 15px 45px;
}
.reviews .replies .author {
  padding: 0 10px 0 0;
  font-weight: bold;
  color: #365899;
}
.reviews .cmd-bar {
  text-align: left;
}
.reviews .cmd-bar .cmd.reply {
  display: inline-block;
  color: #365899;
  cursor: pointer;
}
.reviews .review.has-replies .cmd-bar .cmd.reply {
  padding: 0 0 0 45px;
}
.reviews .reply-area {
  padding: 0 0 10px 45px;
}
.reviews .reply-area input.authorname {
  width: 100%;
  margin: 0 0 5px 0;
}
.reviews .reply-area textarea.comment {
  width: 100%;
  height: 40px;
  margin: 0 0 5px 0;
}
/**
#bvCmtBody .ui-tabs .ui-tabs-nav
{
padding: 5px 10px 0 10px;
}

#bvCmtBody .tabs .ui-widget-header
{
background-image: none;
background-color: #eee;
background-color: #444;
background-color: #fff;
border: none;
border-bottom: 2px solid rgb(158,3,35);;
border-radius: 5px 5px 0px 0px;
}

#bvCmtBody .tabs .ui-state-default a
{
color: #666;
}

#bvCmtBody .tabs a.ui-tabs-anchor
{
padding: .2em .8em;
font-family: 'Roboto Condensed', sans-serif;
font-weight: lighter;
font-size: 1.2em;
}

#bvCmtBody .popup-page .tabs a.ui-tabs-anchor
{
padding: .2em .5em;
font-family: 'Roboto Condensed', sans-serif;
font-weight: lighter;
font-size: 1.2em;
}

#bvCmtBody .tabs .ui-state-default
{
border: 1px solid #ddd;
border: 1px solid #999;
border-bottom: 0;
background-image: none;
background-color: #f5f5f5;
background-color: #000;
}

#bvCmtBody .tabs .ui-state-default a
{
color: #ddd;
}

#bvCmtBody .tabs .ui-state-hover
{
border: 1px solid #ddd;
border: 1px solid #c00;
border-bottom: 0;
background-image: none;
background-color: #f8f8f8;
background-color: #600;
}

#bvCmtBody .tabs .ui-state-active
{
border: 1px solid #ddd;
border: 1px solid #999;
border-bottom: 0;
background-image: none;
background-color: #fff;
background: rgb(158,3,35);
}

#bvCmtBody .tabs .ui-state-active a
{
cursor: pointer;
color: #fff;
}

#bvCmtBody .ui-tabs .ui-tabs-nav li.ui-tabs-active
{
margin-bottom: 0;
padding-bottom: 0;
}
**/

#bvCmtBody .tabs * {
  outline: 0;
}
.attitude-tabs {
  line-height: 1.5;
}
.attitude-tabs .attitude-tab {
  padding: 0 0 10px 0;
}
.attitude-tabs .attitude-tab .tab-title {
  padding: 0 0 10px 0;
  cursor: pointer;
  border-bottom: 1px solid #444;
}
.attitude-tabs .attitude-tab .tab-title .text {
  display: inline-block;
  font-size: 12pt;
}
.attitude-tabs .attitude-tab .tab-title .fa,
.attitude-tabs .attitude-tab .tab-title .fal {
  margin: 0 10px 0 0;
  font-size: 14pt;
  color: #444;
}
.attitude-tabs .attitude-tab .expand-icon {
  float: right;
  font-size: 12pt;
}
.attitude-tabs .attitude-tab .expand-icon .open {
  display: inline-block;
}
.attitude-tabs .attitude-tab .expand-icon .closed {
  display: none;
}
.attitude-tabs .attitude-tab .tab-contents {
  padding: 10px 0 0 0;
}
.attitude-tabs .attitude-tab.closed .expand-icon .open {
  display: none;
}
.attitude-tabs .attitude-tab.closed .expand-icon .closed {
  display: inline-block;
}
.attitude-tabs .attitude-tab.closed .tab-contents {
  display: none;
}
body .baskethdr {
  text-transform: uppercase;
  color: #000;
}
body .basketimg img {
  width: 32px;
}
#B2CPickupSelectorArea {
  width: 300px;
  display: none;
}
@media all and (min-width: 768px) {
  #B2CPickupSelectorArea {
    width: 740px;
  }
}
@media all and (min-width: 1024px) {
  #B2CPickupSelectorArea {
    width: 990px;
  }
}
@media all and (min-width: 1200px) {
  #B2CPickupSelectorArea {
    width: 1100px;
  }
}
@media all and (min-width: 1600px) {
  #B2CPickupSelectorArea {
    width: 1500px;
  }
}
.boxtable th {
  padding: 5px;
  font-size: 14pt;
  font-weight: normal;
  background-color: #eee;
  border-radius: 5px;
}
.boxtable > tbody > tr > td {
  padding: 10px 0 0 0;
}
fieldset {
  padding: 5px;
  margin: 5px 50px;
}
.compact fieldset,
fieldset.compact {
  padding: 5px;
  margin: 5px 0;
}
legend {
  padding: 2px 5px;
  margin: 0 0 10px 0;
  font-weight: bold;
}
.reseller-info-box {
  padding: 15px;
  background-color: #ffc;
  border-radius: 3px;
}
.sitemap {
  border-collapse: collapse;
  border: 1px solid #ddd;
}
.sitemap td {
  vertical-align: top;
  border: 1px solid #ddd;
  padding: 5px;
}
.sitemapitem {
  font-weight: bold;
  font-size: 7pt;
  text-transform: uppercase;
}
.sitemapitem .sitemapitem {
  font-weight: normal;
  font-size: 8pt;
  text-transform: none;
}
.sitemapitem .sitemapitem .sitemapitem {
  padding: 0 0 0 15px;
}
.formtable {
  width: 400px;
}
@media all and (max-width: 768px) {
  .formtable {
    max-width: 100%;
  }
}
.formtable .header {
  margin: 0 0 4px 0;
  padding: 0 0 4px 0;
  font-weight: bold;
  font-size: 15px;
  color: #444;
  border-bottom: 1px solid #ccc;
}
.formtable .hdrcmt {
  font-style: italic;
  font-size: 10px;
  font-weight: normal;
}
.formtable .subheader {
  margin: 0 0 4px 0;
  color: #888;
  border-bottom: 1px solid #ccc;
}
.formtable .description {
  margin: 2px 0 4px 0;
}
.formtable .label {
  width: 40%;
  width: 120px;
  padding: 0 15px 0 0;
  text-align: right;
  text-align: left;
}
.formtable .text {
  width: 60%;
  text-align: left;
}
.formtable .required,
.required {
  font-weight: bold;
  color: #f00;
}
.formtable .floatheader {
  clear: both;
  margin: 0 0 4px 0;
  padding: 0 0 4px 0;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.formtable .headerFloatLeft {
  float: left;
  color: #444;
  font-size: 15px;
}
.formtable .headerFloatRight {
  float: right;
  margin: 5px 0 0 0;
  font-weight: normal;
}
.formtable .customereditbox,
.formtable .data-form {
  margin: 0 0 2px 0;
}
.fluidtable {
  width: 100%;
}
.fluidtable > tbody > tr > td:first-child,
.fluidtable > tr > td:first-child {
  width: 50%;
  padding: 0 15px 0 0;
  vertical-align: top;
}
.fluidtable > tbody > tr > td:last-child,
.fluidtable > tr > td:last-child {
  width: 50%;
  padding: 0 0 0 15px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .fluidtable > tbody > tr > td,
  .fluidtable > tr > td {
    display: block;
    width: 100%;
  }
  .fluidtable > tbody > tr > td:first-child,
  .fluidtable > tr > td:first-child,
  .fluidtable > tbody > tr > td:last-child,
  .fluidtable > tr > td:last-child {
    width: 100%;
    padding: 0;
  }
}
.formtable.customer.edit .label {
  text-align: left;
}
.formtable.customer.edit td.text select.selectMonth {
  width: 25%;
}
.formtable.customer.edit td.text select.selectYear {
  width: 20%;
}
.formtable.customer.edit td.text select.selectDay {
  width: 33%;
}
@media only screen and (max-width: 768px) {
  .formtable.customer.edit,
  .formtable.customer.edit tbody,
  .formtable.customer.edit tr,
  .formtable.customer.edit th,
  .formtable.customer.edit td {
    display: block;
    width: 100%;
  }
  .formtable.customer.edit tr,
  .customer-type {
    margin: 0 0 15px 0;
  }
  .formtable.customer.edit td.label {
    font-weight: bold;
  }
  .formtable.customer.edit td.text input[type=text],
  .formtable.customer.edit td.text input[type=email],
  .formtable.customer.edit td.text input[type=password],
  .formtable.customer.edit td.text textarea,
  .formtable.customer.edit td.text select {
    width: 100%;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 0px;
    outline: 0;
  }
  .formtable.customer.edit td.text input[type=text].value-required,
  .formtable.customer.edit td.text input[type=email].value-required,
  .formtable.customer.edit td.text input[type=password].value-required,
  .formtable.customer.edit td.text textarea.value-required,
  .formtable.customer.edit td.text select.value-required {
    border-right: 2px solid #26b14c;
  }
  .formtable.customer.edit td.text input[type=text].value-required.value-empty,
  .formtable.customer.edit td.text input[type=email].value-required.value-empty,
  .formtable.customer.edit td.text input[type=password].value-required.value-empty,
  .formtable.customer.edit td.text textarea.value-required.value-empty,
  .formtable.customer.edit td.text select.value-required.value-empty {
    border-right: 2px solid #c00;
  }
  .formtable.customer.edit td.text .radiocollection.value-required {
    display: block;
    border-right: 2px solid #26b14c;
  }
  .formtable.customer.edit td.text .radiocollection.value-required.value-empty {
    border-right: 2px solid #c00;
  }
  .formtable.customer.edit td.text input.street {
    display: inline-block;
    width: 70%;
  }
  .formtable.customer.edit td.text input.housenr {
    display: inline-block;
    width: 28%;
    float: right;
  }
  .formtable.customer.edit td.label.empty {
    display: none;
  }
  .formtable.customer.edit td.required,
  .formtable.customer.edit td:nth-child(3) {
    display: none;
  }
  .formtable.customer.edit td:first-child {
    display: block;
  }
  .formtable.customer.edit .header {
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #444;
    color: #3284ff;
  }
  .formtable.customer.show td.label {
    width: 200px;
  }
}
.sidebox h3 {
  margin: 0;
  padding: 0 0 11px 0;
  font-size: 1.28em;
  font-weight: normal;
  text-transform: uppercase;
}
.navgroups a {
  color: #000;
}
.navgroups a.wg_ancestor {
  font-weight: bold;
}
.navgroups a.wg_current {
  color: #900;
  font-weight: bold;
}
.navgroups a.wg_child {
  font-weight: bold;
}
.navgroups .navgroup .navgroup a.wg_sibling {
  font-weight: bold;
}
.navgroups .topitem {
  padding: 0 0 11px 0;
  text-transform: uppercase;
}
.navgroups .topitem h2 {
  margin: 0;
  font-size: 1.28em;
  font-weight: lighter;
}
.navgroups .navgroup {
  margin: 4px 0 0 0;
}
.navgroups .navgroup .navgroup {
  margin: 0 0 0 8px;
}
.navgroups .navgroup .navgroup .navgroup {
  margin: 0 0 0 16px;
}
.navgroups .navgroup .navgroup .navgroup .navgroup {
  margin: 0 0 0 24px;
}
.filterbutton {
  float: left;
  margin: 0 0 7px 0;
  text-align: right;
}
.erasefilters {
  margin: 3px 0;
  font-size: 10px;
}
.abcgrouplist h3 {
  padding-top: 10px;
}
.abcindex {
  font-size: 115%;
  font-weight: bold;
  padding: 3px;
  background-color: #fff;
  border-radius: 6px;
}
.abcindex a,
.abcindex span {
  padding: 0 4px;
}
.abcgrouplistscols {
  width: auto;
  margin: 0 -1em;
}
.abcgrouplistscols .abcgrouplistscol {
  width: 33.3%;
  float: left;
  padding: 0 1em;
}
.abcgrouplistscols .abcgrouplistscol .abcgrouplist {
  margin: 1.5em 0;
  padding: 0.5em;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
  /* box-shadow: 0px 0px 1.5em #000; */

}
.abcgrouplistscols .abcgrouplistscol .abcgrouplist h3 {
  margin: -4px -4px 0 -4px;
  padding: 0 4px;
  font-size: 100%;
  background-color: #ddd;
  font-weight: bold;
}
.abcpropdetails {
  margin: 0 0 15px 0;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .abcpropdetails {
    margin: 0;
  }
}
@media all and (min-width:1200px) {
  .abcpropdetails {
    margin: 0;
  }
}
.abcpropdetails h1 {
  text-transform: uppercase;
}
.abcpropdetails .grid {
  grid-template-columns: auto max-content;
  gap: 15px;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .abcpropdetails .grid {
    display: grid;
  }
}
@media all and (min-width:1200px) {
  .abcpropdetails .grid {
    display: grid;
  }
}
.abcpropdetails .grid img {
  grid-column: 2;
  grid-row: 1;
}
.abcpropdetails .grid .description {
  grid-column: 1;
  grid-row: 1;
}
.abc2024 h1 {
  text-transform: uppercase;
}
.abc2024 a {
  font-size: 12pt;
  color: #000;
}
.abc2024 .topproducten {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin: 0 0 30px 0;
}
@media all and (min-width:1200px) {
  .abc2024 .topproducten {
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
  }
}
.abc2024 .topproducten a {
  display: block;
}
.abc2024 .topproducten .image {
  padding: 15px;
  border: 1px solid #000;
  border-radius: 3px;
}
.abc2024 .topproducten img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.abc2024 .topproducten .propvalue {
  margin: 15px 0 0 0;
  font-family: 'Dolce-Vita', Verdana, Arial;
  font-size: 10pt;
  font-weight: bold;
}
.abc2024 .letters {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: 0 auto 30px auto;
  font-size: 15pt;
  gap: 2px;
  justify-content: space-between;
}
.abc2024 .letters a {
  display: block;
  flex-grow: 1;
  padding: 15px 0;
  text-align: center;
  border: 1px solid #000;
}
@media all and (min-width:992px) and (max-width:1199px) {
  .abc2024 .letters {
    grid-template-columns: repeat(14, 1fr);
  }
}
@media all and (min-width:1200px) {
  .abc2024 .letters {
    display: flex;
    flex-flow: row wrap;
    gap: 0;
  }
  .abc2024 .letters a {
    border-left: 0;
  }
  .abc2024 .letters a:first-child {
    border-left: 1px solid #000;
    border-radius: 3px 0 0 3px;
  }
  .abc2024 .letters a:last-child {
    border-radius: 0 3px 3px 0;
  }
}
.abc2024 .groups .group {
  display: grid;
  grid-template-columns: 120px auto;
  margin: 0 0 30px 0;
  padding: 45px;
  border: 1px solid #000;
  border-radius: 3px;
}
.abc2024 .groups .group h3 {
  font-family: 'Dolce-Vita', Verdana, Arial;
  font-size: 42pt;
  margin: 0;
  padding: 0 15px;
}
@media all and (min-width:1200px) {
  .abc2024 .groups .group .items {
    columns: 5;
  }
}
.abc2024 .groups .group .items a {
  display: block;
}
.follow-order {
  margin: 30px 0;
  text-align: center;
}
.follow-order a {
  display: inline-block;
  margin: 0 auto;
  padding: 15px 30px;
  font-size: 24pt;
  color: #fff;
  background-color: #090;
  border-radius: 3px;
}
.follow-order :hover {
  text-decoration: none;
}
.checkouttitle {
  margin: 0 0 11px 0;
  padding: 0 0 8px 0;
  font-size: 1.28em;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
#baskettable th {
  padding: 4px 0;
  color: #000;
  font-weight: bold;
  text-align: left;
}
#baskettable .trBasketLine td {
  padding: 4px 0;
}
.inputdeletecmd {
  height: 20px;
  width: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #666 !important;
  background: 0;
  border: 0;
  padding: 0 !important;
  background: none !important;
  box-shadow: 0px 0px 0px #fff;
}
div.greybox {
  min-height: 150px;
  padding: 6px;
  border: 1px solid #ddd;
}
div.greybox h2 {
  font-size: 14px;
  color: #444;
}
div.greybox2 {
  padding: 6px;
  border: 1px solid #ddd;
}
.infosign {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #000;
}
.infosign .sign {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
}
.infosign .infoblock {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 300px;
  min-height: 200px;
  padding: 5px;
  display: none;
  z-index: 10;
  background-color: #fff;
  border: 1px dotted #444;
}
.activeinfo .infoblock {
  display: block;
}
body .red {
  color: #900;
}
.nlnagscreen {
  padding: 15px;
  color: #fff;
  background-color: #000 !important;
  border-radius: 5px;
}
.nlnagscreen .column.right-col {
  padding: 40px 0 0 30px;
}
.nlnagscreen .big1 {
  font-size: 3.8em;
}
.nlnagscreen .big2 {
  font-size: 2.2em;
}
.nlnagscreen .big3 {
  font-size: 1.21em;
}
.nlnagscreen .genderradios {
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
}
@media only screen and (max-width: 1104px) {
  .nlnagscreen .column {
    width: 50% !important;
  }
  .nlnagscreen iframe {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .nlnagscreen .column {
    width: 100% !important;
  }
  .nlnagscreen .column:first-child {
    float: right;
  }
  .nlnagscreen .column.right-col {
    padding: 0 0 30px 0;
  }
  .nlnagscreen iframe {
    width: 100% !important;
    height: auto !important;
  }
  .nlnagscreen .big1 {
    font-size: 2.5em;
  }
  .nlnagscreen .big2 {
    font-size: 1.65em;
  }
  .nlnagscreen .big3 {
    font-size: 0.86em;
  }
}
.nlnagscreen img {
  max-width: 100%;
  border-radius: 12px;
}
.nlnagscreen a {
  color: #fff;
}
.nlnagscreen input[type=text],
.nlnagscreen input[type=email] {
  width: 100%;
}
.nlnagscreen #selectday {
  width: 30%;
}
.nlnagscreen #selectmonth {
  width: 33%;
}
.nlnagscreen #selectday {
  width: 31%;
}
.nlnagscreen input[type=submit].green,
.nlnagscreen input[type=button].green,
.nlnagscreen button.green {
  margin: 0;
  padding: 5px 15px;
  font-size: 13pt;
  color: #fff;
  background: none;
  background-color: limegreen;
  border: 0;
  border-radius: 5px;
  outline: 0;
}
.nlnagscreen button.secondary-action,
.nlnagscreen span.button.secondary-action {
  display: inline-block;
  padding: 3px 10px;
  font-size: 11pt;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: none;
  background-color: #39f;
  background-color: #49495c;
  border: 0;
  border-radius: 5px;
}
.nlnagscreen span.link {
  cursor: pointer;
  text-decoration: underline;
}
.nlnagscreen a.youtube {
  position: relative;
  display: inline-block;
}
.nlnagscreen a.youtube::before {
  content: '\f04b';
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 3px 15px 3px 25px;
  color: #f00;
  font-family: 'FontAwesome';
  font-size: 50px !important;
  background-color: rgba(23, 35, 34, 0.75);
  border-radius: 5px 5px 5px 5px;
}
.mobile-orderpath {
  display: none;
}
.orderpath-container {
  float: left;
  width: auto;
  text-align: center;
  margin: 2.3em 0;
}
.orderpath {
  margin: 0 auto;
  text-align: left;
  font-weight: normal;
  font-size: 1.6em;
}
.orderpath .orderpathpassedstep {
  color: #090;
}
.orderpath .orderpathpassedstep a {
  color: #090;
}
.orderpath .orderpathstepnr {
  margin: 0 0.5em;
  padding: 0 0.5em;
  border-radius: 50%;
}
.orderpath .orderpathpassedstep .orderpathstepnr {
  color: #fff;
  background-color: #090;
  border: 10px solid #090;
}
.orderpath .orderpathactivestep {
  color: #ffe;
}
.orderpath .orderpathactivestep .orderpathstepnr {
  color: #000;
  background-color: #ffe;
  border: 10px solid #ffe;
}
.orderpath .orderpathfuturestep {
  color: #666;
}
.orderpath .orderpathfuturestep .orderpathstepnr {
  color: #999;
  background-color: #666;
  border: 10px solid #666;
}
@media only screen and (max-width: 768px) {
  .mobile-orderpath {
    display: block;
  }
  .orderpath-container {
    float: none;
    clear: both;
    margin: 15px 0 0 0;
  }
  .orderpath {
    font-size: 12pt;
  }
  .orderpath .orderpathpassedstep {
    display: block;
    float: none;
    margin: 0 0 15px 0;
  }
  .orderpath .orderpathpassedstep .orderpathstepnr {
    border: 5px solid #090;
  }
  .orderpath .orderpathactivestep {
    display: block;
    float: none;
    margin: 0 0 15px 0;
    color: #222;
  }
  .orderpath .orderpathactivestep .orderpathstepnr {
    color: #fff;
    background-color: #222;
    border: 5px solid #222;
  }
  .orderpath .orderpathfuturestep {
    display: block;
    float: none;
    margin: 0 0 15px 0;
    color: #ccc;
  }
  .orderpath .orderpathfuturestep .orderpathstepnr {
    color: #222;
    background-color: #ccc;
    border: 5px solid #ccc;
  }
}
#AddToCartPopup,
#AddToFavPopup {
  display: none;
}
@media all and (max-width: 414px) {
  .cart-popup h1 {
    font-size: 13pt;
  }
  .cart-popup h2 {
    font-size: 12pt;
  }
}
.cart-popup .image img {
  border-radius: 5px;
}
.cart-popup .payment-options {
  margin: 15px 0 0 0;
  text-align: right;
}
.cart-popup .payment-options img {
  max-height: 20px;
}
@media all and (max-width: 414px) {
  .cart-popup .payment-options {
    text-align: center;
    padding: 15px 0 0 0;
    border-top: 1px solid #999;
  }
}
.checkout-page h1 {
  margin: 0 0 15px 0;
}
.cart .flexrow {
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
}
.cart .flexrow .cartpart {
  float: left;
  width: 49%;
  margin: 0 0 15px 0;
  transition: width 0.7s ease-out;
}
.cart .cartpart table td {
  vertical-align: top;
}
.cart .cartpart .pickup-address {
  padding: 0.2em 0.5em;
  background-color: #ffb;
  border-radius: 7px;
}
@supports (flex-wrap: wrap) {
  .cart .flexrow {
    display: flex;
    padding: 0 15px 0 0;
  }
  
  .cart .flexrow .cartpart {
    flex-basis: 49%;
    margin: 0 0 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart .flexrow {
    flex-flow: column wrap;
  }
  .cart .cartpart {
    flex-basis: auto;
  }
}
.cart .basketlines .pricebreaks {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  padding: 5px 0;
}
.cart .basketlines .pricebreaks .pricebreak {
  padding: 2px 3px;
  font-size: 8pt;
  border: 1px solid #090;
  border-radius: 3px;
}
.cart .cartpart.basketlines {
  order: -2;
}
.cart .cartpart.baskettotals {
  order: -1;
}
.cart .cartpart.baskettotals .ecredits-notice {
  clear: both;
  margin: 15px 0;
  padding: 2px 0px 2px 5px;
  font-size: 9pt;
  color: green;
  /* background-color: #dfd; */
  border-radius: 5px;
}
.cart .cartpart.baskettotals .ecredits-notice .fa {
  float: left;
  margin: 0 5px 0 0;
}
.shoppingcart table,
.checkoutsummary table {
  width: 100%;
}
.cart .cartpart.white {
  padding: 5px 10px 10px 10px;
  background-color: #fcfcfc;
  border: 1px solid #999;
  border-radius: 5px;
}
.cart .cartpart.orange {
  padding: 10px;
  color: #000;
  background-color: #ec9;
  border: 1px solid #999;
  border-radius: 5px;
}
.cart.empty .cartpart {
  padding: 10px;
  color: #999;
  background-color: #ddd;
  border: 1px dashed #000;
  border-radius: 5px;
}
.cart.empty .cartpart.basketlines {
  padding: 0;
  background: none;
  border: none;
}
.cart.empty .cartpart a {
  color: #999;
}
.cart.empty .cartpart.orange {
  background-color: #ddd;
}
.cart .cartpart .heading {
  font-size: 12pt;
  cursor: pointer;
  color: #666;
}
.cart .cartpart .heading .fa {
  margin: 0 10px 5px 0;
  color: #222;
}
.cart .cartpart .heading b {
  font-weight: normal;
}
.cart .cartpart.orange .heading {
  color: #444;
}
.buttoncollection {
  width: 100%;
  clear: both;
  padding: 0 0 1em 0;
}
.buttoncollection .left {
  width: 40%;
  float: left;
}
.buttoncollection .right {
  float: right;
}
.bonusarticles h2 {
  margin: 0 0 15px 0;
  font-size: 15pt;
}
@media only screen and (max-width: 768px) {
  .cart .flexrow {
    padding: 0;
  }
}
.shoppingcart {
  width: 100%;
  clear: both;
}
.shoppingcart .soldout-info-msg {
  margin: 15px 0;
  padding: 15px;
  font-size: 12pt;
  background-color: #ffc;
  border-radius: 3px;
}
.shoppingcart .cart {
  width: 100%;
  clear: both;
  margin: 0 0 2em 0;
}
.shoppingcart .cart .emptycart {
  padding: 0 0 2em 0;
  font-size: 1.5em;
  font-style: italic;
  color: #c00;
}
.shoppingcart .cart .left {
  width: 65%;
  float: left;
  padding: 0 2em 0 0;
}
.shoppingcart .cart .right {
  width: 35%;
  float: right;
}
@media only screen and (max-width: 767px) {
  .shoppingcart > .left {
    width: 100%;
    padding: 0 0 2em 0;
  }
  .shoppingcart > .right {
    width: 100%;
    padding: 0 0 2em 0;
  }
  .shoppingcart .cart .cartpart {
    float: none;
    width: 100%;
    flex-basis: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .shoppingcart > .left {
    width: 100%;
    padding: 0 0 2em 0;
  }
  .shoppingcart > .right {
    width: 100%;
    padding: 0 0 2em 0;
  }
}
.shoppingcart textarea.remarks {
  width: 100%;
  height: 200px;
}
.shoppingcart .couponcode .code {
  width: 90%;
  padding: 5px;
  font-size: 14px;
}
.shoppingcart .couponcode .valid {
  color: #fff;
  background-color: #090;
}
.shoppingcart .couponcode .msg-valid {
  display: block;
  margin: 5px 0 15px 0;
  padding: 0.5em;
  color: #fff;
  background-color: #090;
  border-radius: 6px;
}
.shoppingcart .couponcode .invalid {
  background-color: #ff0;
}
.shoppingcart .couponcode .msg-invalid {
  display: block;
  margin: 5px 0 15px 0;
  padding: 0.5em;
  background-color: #ff0;
  border-radius: 6px;
}
.basketlines {
  padding: 0 0 2em 0;
}
.basketlines .separator {
  margin: 0 0 1em 0;
  border-bottom: 1px solid #ddd;
}
.basketlines .basketline .image {
  width: 100px;
  overflow: hidden;
  padding: 0 1em 0 0;
}
.basketlines .basketline .image img {
  width: 100px;
  border-radius: 12px;
}
.basketlines .basketline .title {
  font-weight: bold;
}
.basketlines .basketline .old-price {
  color: #999;
}
.basketlines .basketline .new-price {
  font-weight: bold;
  color: #060;
}
.basketlines .basketline .per-item,
.basketlines .basketline .per-item .new-price {
  color: #999;
}
.basketlines .basketline .update {
  float: left;
}
.basketlines .basketline .update-qty {
  float: left;
  margin: 0 0.3em 0 0;
}
.basketlines .basketline.soldout .update-qty,
.basketlines .basketline.soldout .stockstatus span {
  color: white;
  background-color: red;
}
.basketlines .basketline.soldout .title {
  text-decoration: line-through;
  background-color: orange;
}
.basketlines .basketline .special-remarks {
  margin: 15px 0;
  padding: 15px;
  /*white-space: pre-wrap;*/
  background-color: #fcd;
  border-radius: 3px;
}
.basketlines .basketline .update-item {
  float: left;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 16pt;
  color: #0c0;
  background: none;
  border: none;
}
.basketlines .basketline .remove {
  float: right;
}
.basketlines .basketline .remove-item {
  width: 16px;
  height: 15px;
  background: transparent;
  background-image: url('/_clientfiles/layout/delete.png');
  background-repeat: no-repeat;
  filter: none;
  border: none;
  box-shadow: 0 0 0 0;
}
.basketlines .basketline .larger-than-stock {
  margin: 0 0 0 5px;
  padding: 0 5px;
  color: #c90;
  background-color: #ffa;
  border-radius: 5px;
}
.basketlines .subline {
  background-color: #ddd;
  border-radius: 6px;
}
.basketlines .instagram .notice {
  font-size: 7pt;
  color: #777;
}
.basketlines .instagram .notice a {
  text-decoration: underline;
  color: #777;
}
.baskettotals td {
  font-size: 1.5em;
}
.baskettotals .total td {
  font-weight: bold;
  color: #000;
}
.baskettotals .vattotal td {
  font-size: 0.9em;
  color: #666;
}
.baskettotals .vat td {
  color: #000;
}
.baskettotals .delivery td {
  color: #000;
}
.baskettotals .delivery.notice td {
  padding: 2px 0 2px 5px;
  font-size: 9pt;
}
.baskettotals .delivery.notice .fa {
  float: left;
  margin: 0 5px 0 0;
  color: #c00;
}
.baskettotals .delivery.notice .msg {
  display: inline-block;
  padding: 3px 5px;
  background-color: #fe0;
}
.baskettotals .orderdiscount td {
  color: #000;
}
.baskettotals .subtotal td {
  color: #888;
}
.checkoutsummary {
  width: 100%;
  clear: both;
}
.checkoutsummary > .left {
  width: 30%;
  float: left;
  clear: left;
  padding: 0 2em 2.5em 0;
}
.checkoutsummary > .mid {
  width: 33%;
  float: left;
  padding: 0 2.5em 2em 2.5em;
}
.checkoutsummary > .right {
  width: 37%;
  float: right;
  clear: right;
  padding: 0 0 2em 2.5em;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .checkoutsummary > .left {
    width: 100%;
    padding: 0 0 2em 0;
  }
  .checkoutsummary > .mid {
    width: 100%;
    padding: 0 0 2em 0;
  }
  .checkoutsummary > .right {
    width: 100%;
    padding: 0 0 2em 0;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .checkoutsummary > .left {
    width: 45%;
    padding: 0 2em 2em 0;
  }
  .checkoutsummary > .mid {
    width: 55%;
    clear: right;
    padding: 0 0 2em 0;
  }
  .checkoutsummary > .right {
    width: 100%;
    padding: 0 0 2em 0;
  }
}
.checkoutsummary > .heading {
  font-size: 1.2em;
  font-weight: bold;
}
.checkoutsummary .cart .cartpart {
  float: none;
  width: 100%;
  flex-basis: auto;
}
.checkoutsummary .payments .no-charge {
  margin: 0 0 1em 0;
  font-size: 1.5em;
  color: green;
}
.checkoutsummary .payments hr {
  color: #eee;
  background-color: #eee;
}
.checkoutsummary .payments img {
  max-width: 130px;
  max-height: 36px;
}
.checkoutsummary .payments img.bcmc {
  max-width: 130px;
  max-height: 56px;
}
.checkoutsummary .payments > table > tbody > tr {
  cursor: pointer;
}
.checkoutsummary .payments > table > tbody > tr:hover {
  background-color: #eee;
}
.checkoutsummary .payments > table > tbody > tr > td {
  padding: 0.3em 0;
}
.checkoutsummary .payments > table > tbody > tr > td:first-child {
  width: 7%;
}
.checkoutsummary .payments > table > tbody > tr > td:nth-child(2) {
  width: 27%;
}
.checkoutsummary .payments .pmname {
  text-decoration: none;
  font-size: 1.05em;
}
.checkoutsummary .payments .pmlogo {
  float: left;
  height: 26px;
  padding: 0 1em 0 0;
}
.checkoutsummary .payments .surcharge {
  font-size: 0.8em;
  color: #666;
}
.checkoutsummary .payments .surcharge.free {
  color: #090;
}
.checkoutsummary .payments .psp {
  padding: 0.5em;
  font-size: 0.9em;
  text-align: center;
  color: #999;
  border: 1px solid #eee;
  border-radius: 6px;
}
.checkoutsummary .payments .psp a {
  color: #999;
}
.checkoutsummary h2 {
  height: 34px;
  margin: 0 0 1.5em 0;
  padding: 0 0 4px 3.5em;
  color: #444;
  font-size: 1.3em;
  text-shadow: 1px 1px 20px #000;
  background-repeat: no-repeat;
  background-position: 0% center;
  border-bottom: 4px solid #eee;
}
.checkoutsummary h2.shipment-details {
  background-image: url('/_clientfiles/layout/icons/verzendmethode-zwart-50x26.png');
}
.checkoutsummary h2.payment-details {
  background-image: url('/_clientfiles/layout/icons/betaalmethode-zwart-41x26.png');
}
.checkoutsummary h2.verify-order {
  background-image: url('/_clientfiles/layout/icons/winkelwagen-zonder-lading-zwart-36x26.png');
}
.checkoutsummary .baskettotals {
  clear: both;
}
.checkoutsummary .baskettotals table {
  float: right;
  clear: both;
}
.checkoutsummary .baskettotals .image {
  width: 40px;
}
table.shipping-methods {
  width: 100%;
}
.share-purchase {
  padding: 1em;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 6px;
}
@media all and (min-width: 767px) {
  .checkout-page .site-nav .attitude-logo {
    width: 100%;
  }
  .checkout-page .site-nav .attitude-logo img.attitude-logo-img {
    left: 50%;
    margin: 0 auto 0 -75px;
  }
  .checkout-page .site-nav .first-row {
    display: block;
  }
  .checkout-page .site-nav .first-row > .cell {
    display: block;
    margin: 0 auto;
  }
}
@media all and (min-width: 769px) {
  body.checkout-page .desktop .tinyapps {
    padding: 15px 0 0 0;
  }
  .desktop-orderpath .orderpath-container {
    float: none;
    width: 100%;
    margin: 15px 0;
  }
}
@media all and (max-width: 768px) {
  .mobile-orderpath .orderpath-container {
    margin: 0;
  }
  .checkout-v3 button.checkout.next {
    padding: 5px;
  }
}
.checkout-v3 h2 {
  margin-top: 0;
}
.checkout-v3 .payment-options {
  margin: 15px 0 0 0;
  text-align: right;
}
.checkout-v3 .payment-options img {
  max-height: 20px;
}
.checkout-v3 .shoppingcart {
  display: grid;
  grid-gap: 30px;
}
@media all and (min-width:1200px) {
  .checkout-v3 .shoppingcart {
    grid-template-columns: 4fr 1fr;
  }
}
.checkout-v3 .shoppingcart .cartpart.remarks,
.checkout-v3 .shoppingcart .cartpart.couponcode,
.checkout-v3 .shoppingcart .cartpart.shippingmethod {
  margin: 0 0 15px 0;
  padding: 5px 10px 10px 10px;
  background-color: #fcfcfc;
  border: 1px solid #999;
  border-radius: 5px;
}
.checkout-v3 .cart-summary {
  padding: 15px;
  background-color: #ffd;
  border-radius: 5px;
}
.checkout-v3 .cart-summary .baskettotals td {
  font-size: 15px;
}
.checkout-v3 .cart-summary td.image {
  display: none;
}
.checkout-v3 .cart-summary .basketlines .basketline .title {
  color: #666;
}
.checkout-v3 .payments img {
  max-width: 130px;
  max-height: 36px;
}
.checkout-v3 .payments img.bcmc {
  max-width: 130px;
  max-height: 56px;
}
.checkout-v3 .payments .pmlogo {
  float: left;
  height: 26px;
  padding: 0 10px 0 0;
}
.checkout-v3 .payments hr {
  height: 1px;
  margin: 15px 0;
}
.checkout-v3 .payments .pmname {
  padding: 0 30px 0 0;
  cursor: pointer;
}
.checkout-v3 .ecredit-payment-info {
  margin: 10px 0 0 0;
  padding: 5px;
  background-color: #efe;
  border-radius: 5px;
}
.checkout-v3 .verify-item {
  margin: 0 0 10px 0;
}
.checkout-v3 .verify-item h2 {
  width: 320px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.checkout-v3 .verify-item .change {
  display: inline-block;
}
.checkout-v3 .verify-item .change a {
  text-decoration: underline;
}
.checkout-v3.checkout-step4 .flexrow {
  display: block;
}
.checkout-v3.checkout-step4 .cart .flexrow .cartpart {
  display: block;
  float: none;
}
.checkout-v3.checkout-step4 .cart a {
  color: #444;
}
.checkout-v3 .termsconds {
  margin: 0 0 15px 0;
  padding: 15px;
  background-color: #ffd;
  border-radius: 5px;
}
.shippingoptions td {
  vertical-align: top;
}
.confirmed-order {
  margin: 30px 0 0 0;
  padding: 15px;
  font-size: 12pt;
  background-color: #efe;
  border-radius: 3px;
}
.confirmed-order .orderline {
  margin: 15px 0;
}
.confirmed-order .orderline .eta {
  margin: 5px 0 0 0;
  padding: 0 0 0 32px;
  font-size: 10pt;
  color: #090;
}
.payment-delivery {
  padding: 15px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}
.payment-delivery img {
  height: 32px;
  margin: 0 15px;
}
button,
input,
optgroup,
select,
textarea {
  line-height: initial;
}
button {
  cursor: pointer;
  outline: 0;
}
a.button:hover {
  text-decoration: none;
}
button.addtobag {
  width: 100%;
  padding: 15px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial, Verdana;
  font-size: 16pt;
  font-size: 14pt;
  color: white;
  background-color: black;
  border: 0;
  border-radius: 3px;
}
button.addtobag.disabled,
button.addtobag :disabled {
  background-color: #999;
}
button.addtobag-icon {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16pt;
  font-size: 14pt;
  color: black;
  background-color: transparent;
}
a.link-button,
input[type="submit"],
input[type="button"],
.cmd.add-review,
button.styled.cmd {
  margin: 0.2em 0;
  margin: 3px 0;
  padding: 0.5em 1em;
  padding: 5px 15px;
  font-size: 11pt;
  color: #fff;
  background-color: #444;
  border: 0;
  border-radius: 5px;
}
button.cmd.EmailPasswordReset {
  margin: 0.2em 0;
  margin: 3px 0;
  padding: 0.5em 1em;
  padding: 5px 15px;
  font-size: 11pt;
  color: #fff;
  background-color: #0a0;
  border: 0;
  border-radius: 5px;
}
button.command {
  padding: 10px 15px;
  font-size: 12pt;
  color: #fff;
  background-color: #00a;
  border: 0;
  border-radius: 5px;
}
button.command.facebook-login {
  background-color: #3b5998;
}
button.clear {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  color: #444;
}
button.clear.delete {
  font-size: 14pt;
  color: #c00;
}
button.fredknop {
  margin: 0;
  padding: 15px;
  font-size: 13pt;
  font-weight: normal;
  color: #333;
  background-color: #ffe900;
  border: 1px solid #ffe900;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  transition: border-color ease-out 0.25s, border-color ease-out 0.25s;
  border-radius: 5px;
}
button.fredknop:hover {
  background-color: #ffed33;
}
button.fredknop.disabled {
  background-color: rgba(255, 233, 0, 0.3) !important;
}
input[type="email"].PasswordResetEmail {
  margin: 3px 0;
  padding: 4px 15px;
  font-size: 11pt;
}
input[type="submit"].green {
  background: #009000;
  background: linear-gradient(to bottom, #009000 0%, #006600 100%);
  border: 1px solid #0a0;
}
/**
input[type="submit"].buy,
button.buy
{
background: #c5c6c0;
box-shadow: 0 0px 2px #444;
}

input[type="submit"].buy.bonus,
input[type="button"].buy.bonus,
button.buy.bonus,
button.buy.bonus
{
background: #990000;
border: 1px solid #900;
box-shadow: 0 0px 2px #400;
}

input[type="submit"].buy.large,
button.buy.large
{
font-size: 1.5em;
background: #009000;
border: 1px solid #040;
box-shadow: 0 0px 2px #040;
}
**/

/**
input[type="submit"].favorite
{
width: 16px;
height: 16px;
cursor: pointer;
background-image: url('/_clientfiles/layout/star.png');
background-repeat: no-repeat;
background-color: transparent;
border: 0;
box-shadow: 0 0 0 0;
}
**/

input[type="submit"].checkout.next {
  margin: 0 10px;
  padding: 0.3em 1em;
  font-size: 2em;
  text-shadow: 1px 1px 1px #040;
  background: #009000;
  background: linear-gradient(to bottom, #009000 0%, #006600 100%);
  border-radius: 5px 25px 25px 5px;
  box-shadow: 0 0px 10px #aaa;
}
button.checkout.next {
  padding: 0.5em 1em;
  font-size: 16pt;
  color: #fff;
  background-color: #0a0;
  border: 0;
  border-radius: 5px;
}
input[type="submit"].checkout.round {
  padding: 0 0.3em 2px 0.3em;
  font-size: 1.1em;
  text-shadow: 1px 1px 1px #777;
  cursor: pointer;
  color: #fff;
  background-color: #800;
  border: 0;
  border-radius: 25px;
  box-shadow: 0 0px 10px #aaa;
}
input[type="submit"].checkout.prev,
a.checkout.prev,
a.back {
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 11pt;
  text-decoration: underline;
  color: #666;
  background: none;
  border: 0;
}
a.checkout.prev-link {
  color: #666;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  input[type="submit"].checkout.next {
    margin: 0;
    font-size: 1em;
  }
  input[type="submit"].checkout.prev,
  a.checkout.prev {
    margin: 0;
  }
}
button.clean {
  color: #444;
  background: none;
  border: 0;
}
button.cancel {
  font-size: 10pt;
  border-radius: 5px;
}
button.styled.view.cmd,
button.styled.view-order.cmd {
  color: #333;
  background-color: #ffe900;
}
button.styled.cancel.cmd,
button.styled.cancel-order.cmd {
  color: #fff;
  background-color: #c00;
}
button.styled.order-discount.cmd {
  color: #fff;
  background-color: #a6f;
}
button.styled.add-order-discount.cmd {
  color: #fff;
  background-color: #090;
}
button.cmd {
  padding: 5px 15px;
  font-size: 12pt;
  color: #fff;
  background-color: #444;
  border: 0;
  border-radius: 5px;
}
textarea,
input[type="text"],
input[type="email"] {
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: 0;
}
input.username {
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: 0;
}
#txt_UserArtReview_Comment {
  width: 100%;
  height: 10em;
}
input[type="number"] {
  width: 4em;
  text-align: right;
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.buy-area input[type="number"] {
  font-size: 1.5em;
}
input[type="password"] {
  padding: 2px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
select {
  padding: 2px 5px;
  color: #444;
  border: 1px solid #ddd;
  border-radius: 3px;
}
select.country {
  -webkit-appearance: none;
}
select.country.value-empty {
  color: #aaa;
}
select.country option {
  color: #444;
}
select.country option:first-child {
  color: #aaa;
}
.cart-country-select {
  display: block;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}
.cart-country-select label {
  display: inline-block;
  width: 23%;
}
.cart-country-select select.country {
  display: inline-block;
  width: 75%;
}
input.credentials {
  width: 100%;
  margin: 2px 0;
}
.data-entry {
  width: auto;
}
.data-entry .value-empty.placeholder {
  color: #aaa;
}
.single-page .data-entry {
  width: 33.33333%;
}
@media only screen and (max-width: 767px) {
  .single-page .data-entry {
    width: 100%;
  }
}
.data-entry .radiocollection {
  display: block;
  width: 100%;
  margin: 5px 0;
  padding: 0.3em;
  border-radius: 6px;
}
.data-entry.click .radiocollection,
.data-entry input[type="text"],
.data-entry input[type="email"],
.data-entry input[type="password"],
.data-entry select,
.data-entry textarea {
  width: 100%;
  margin: 5px 0;
  padding: 5px;
  font-size: 11pt;
}
.data-entry textarea {
  height: 10em;
}
.data-entry .autocomplete.on input.value-empty {
  color: #888;
  background-color: #ddd;
}
.data-entry .autocomplete-msg {
  font-size: 10pt;
  font-style: italic;
  color: #fff;
  background-color: #fa0;
  border-radius: 5px;
}
.data-entry .paypal-note {
  padding: 0.5em;
  font-size: 10pt;
  font-style: italic;
  background-color: yellow;
  border-radius: 5px;
}
.data-entry.click .radiocollection.value-optional,
.data-entry.click input[type="text"].value-optional,
.data-entry.click input[type="email"].value-optional,
.data-entry.click select.value-optional,
.data-entry.click .radiocollection.value-required,
.data-entry.click input[type="text"].value-required,
.data-entry.click input[type="email"].value-required,
.data-entry.click select.value-required {
  background: none;
  border-color: #0a0;
}
.data-entry.click .radiocollection.value-optional.value-empty,
.data-entry.click input[type="text"].value-optional.value-empty,
.data-entry.click input[type="email"].value-optional.value-empty,
.data-entry.click select.value-optional.value-empty {
  background: none;
  border-color: #ddd;
}
.data-entry.click .radiocollection.value-required.value-empty,
.data-entry.click input[type="text"].value-required.value-empty,
.data-entry.click input[type="email"].value-required.value-empty,
.data-entry.click select.value-required.value-empty {
  background: none;
  /* background-color: #fee; */
  /* border-color: #f16a66; */
  border-color: #ddd;
}
.data-entry input[type="text"].value-problem {
  background: none;
  border-color: #fa0;
}
.data-entry .section .heading {
  padding: 0.5em 0 0.2em 0;
  font-size: 12pt;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #444;
}
.data-entry .section.data-customer-deladdress .heading {
  cursor: pointer;
}
.data-entry .section .expandinfo {
  display: none;
  font-size: 12px;
  font-style: italic;
  cursor: pointer;
}
.data-entry .section.hide {
  display: block !important;
}
.data-entry .section.hide .expandinfo {
  display: block;
}
.data-entry .data-customer-login {
  padding: 0 0 0 2em;
  background-image: url('/_clientfiles/layout/icons/login-zwart-19x26.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.data-entry .data-usage-info {
  margin: -3px 0 0 0;
  color: #da0;
}
.data-entry .section .content {
  margin: 0;
}
.selectDay {
  width: 20%;
}
.selectMonth {
  width: 25%;
}
.selectYear {
  width: 33%;
}
.data-entry .selectDay {
  width: 22%;
}
.data-entry .selectMonth {
  width: 25%;
}
.data-entry .selectYear {
  width: 33%;
}
.data-entry .selectYear,
.data-entry .selectMonth,
.data-entry .selectDay {
  margin: 0 0 10px 0;
  padding: 5px;
  font-size: 11pt;
}
.checkfieldissue,
.checkfieldissue * {
  background-color: #faa;
}
.data-entry .checkfieldissue,
.data-entry .checkfieldissue * {
  background-color: #fff;
  border-color: red;
}
.data-entry .checkfieldissue input,
.data-entry .checkfieldissue textarea,
.data-entry .checkfieldissue select {
  background-color: #f0e0e0 !important;
  border-color: red !important;
}
#dateofbirth {
  width: 74px;
}
.data-entry.dynlabel .data-field {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
}
.data-entry.dynlabel .data-field label {
  display: inline-block;
  width: 180px;
  clear: both;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 11pt;
  vertical-align: top;
  color: #444;
}
.data-entry.dynlabel .data-field input,
.data-entry.dynlabel .data-field select {
  width: calc(100% - 180px);
  margin: 0;
  padding: 5px;
  font-size: 11pt;
}
.data-entry.dynlabel.click .data-field label {
  color: #444;
  background: none;
}
.data-entry.dynlabel .data-field input::-webkit-input-placeholder {
  color: transparent;
}
.data-entry.dynlabel .data-field input::-moz-placeholder {
  color: transparent;
}
.data-entry.dynlabel .data-field input:-ms-input-placeholder {
  color: transparent;
}
.data-entry.dynlabel .data-field.zipcode input {
  width: 130px;
}
.data-entry.dynlabel .data-field.address2 input {
  width: 70px;
}
.data-entry .data-usage-info {
  margin: -5px 0 10px 0;
  padding: 0 0 0 180px;
}
@media all and (max-width: 767px) {
  .data-entry.dynlabel .data-field label {
    width: 150px;
  }
  .data-entry.dynlabel .data-field input,
  .data-entry.dynlabel .data-field select {
    width: calc(100% - 150px);
  }
  .data-entry .data-usage-info {
    padding: 0 0 0 150px;
  }
}
.login-new input.credentials,
.login-new input[type="text"],
.login-new input[type="email"],
.login-new input[type="password"] {
  width: 100%;
  padding: 10px;
  font-size: 11pt;
}
.login-new label {
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .account-types label {
    display: block;
  }
}
.login-new .service-message {
  margin: 15px 0 0 0;
  padding: 15px;
  font-size: 11pt;
  line-height: 1.5;
  background-color: #fed;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.login-new .service-message .attention {
  margin: 0 0 5px 0;
  font-size: 14pt;
  color: #c00;
}
@media all and (min-width: 768px) {
  .login-new .login {
    padding-right: 60px;
    border-right: 1px solid #ccc;
  }
  .login-new .new-cust {
    padding-left: 60px;
  }
}
/********************* ATTITUDE EVENTS ***************************/

#ae-latest-dest {
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
#ae-latest-dest h3 {
  width: 200px;
  height: 24px;
  line-height: 24px;
  background-color: Maroon;
  border-radius: 0 12px 12px 0;
  padding-left: 20px;
  color: White;
  font-family: 'Droid Sans', Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.ae-latest-menu-block {
  display: inline-block;
  float: left;
  width: 10%;
}
.ae-latest-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.contact-popup {
  z-index: 7200;
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.contact-popup .mobile.title {
  display: none;
}
.contact-popup .title {
  position: relative;
  padding: 5px 10px;
  font-size: 13pt;
  cursor: pointer;
  color: #ccc;
  background-color: #666;
}
.contact-popup .title .window-control {
  float: right;
  margin: 0 0 0 15px;
}
.contact-popup .title .window-control .fa-minus {
  display: none;
}
.contact-popup .contact-table {
  display: none;
  width: 0px;
  height: 0px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.contact-popup.show .contact-table {
  display: table;
  width: 400px;
  height: auto;
  margin: 10px 5px;
  opacity: 1;
  visibility: visible;
  overflow: visible;
}
.contact-popup.show .title .window-control .fa-minus {
  display: inline-block;
}
.contact-popup.show .title .window-control .fa-plus {
  display: none;
}
@media all and (max-width: 768px) {
  .contact-popup .title {
    display: none;
  }
  .contact-popup .mobile.title {
    display: block;
  }
  .contact-popup.show {
    position: relative;
    width: auto;
    margin: 0 -10px;
    padding: 0;
  }
  .contact-popup.show .contact-table {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }
  .contact-popup.show .contact-table tr {
    margin: 0 0 5px 0 !important;
  }
  .contact-popup.show .contact-table input,
  .contact-popup.show .contact-table textarea {
    padding: 5px 10px !important;
  }
}
.popup-page.foundation-of-everything > table {
  width: 100%;
}
.popup-page.foundation-of-everything .box {
  padding: 0 0 2em 0;
}
.popup-page.foundation-of-everything .heading,
.box .heading {
  padding: 0.5em 0 0.2em 0;
  font-size: 12pt;
  text-transform: uppercase;
  cursor: pointer;
  color: #444;
}
.popup-page.foundation-of-everything {
  background-color: #fff;
}
.popup-page.foundation-of-everything img {
  max-width: 100%;
  height: auto;
}
@media all and (max-width: 1024px) {
  .fancybox-content {
    width: 500px !important;
    max-width: calc(100% - 30px) !important;
  }
}
.fancybox-iframe,
.fancybox-content {
  border-radius: 5px;
}
.fancybox-skin,
.fancybox-inner {
  border-radius: 5px !important;
}
.fancybox-close-small {
  outline: none;
  top: -19px !important;
  right: -19px !important;
}
.fancybox-slide--inline .fancybox-close-small {
  outline: none;
  top: 0 !important;
  right: 0 !important;
}
.fancybox-close-small::after {
  background-color: #474645 !important;
  border: 1px solid White !important;
  border-radius: 50% !important;
  color: #f4f2f2 !important;
}
.fancybox-close-small:hover {
  background-color: Transparent !important;
}
.fancybox-close-small:hover::after {
  background-color: White !important;
  color: #c00 !important;
  outline: none;
}
@media all and (max-width: 768px) {
  .popup-page > div > .column {
    float: none;
    width: 100% !important;
  }
}
/**
#FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES_FAVORITES
{
}

.favorites-social-stuff .column
{
padding: 10px;
font-size: 12pt;
text-align: center;
border: 1px dotted #c00;
}

@media all and (max-width: 768px)
{
.favorites-social-stuff .column
{
float: none;
width: 100%;
margin: 0 0 15px 0;
}
}
**/

/**
#FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK_FACEBOOK
{
}

.facebook  .heading
{
padding: 0 0 15px 0;
font-size: 13pt;
text-transform: uppercase;
xletter-spacing: 2px;
cursor: pointer;
color: #3B5998;
}

.facebook p
{
margin: 0 0 15px 0;
}

input[type="submit"].facebook-button,
input[type="button"].facebook-button,
button.facebook,
a.facebook-button
{
margin: 0;
padding: 5px 15px;
cursor: pointer;
font-size: 11pt;
vertical-align: middle;
border: 0;
border-radius: 5px;
}

button.facebook span
{
vertical-align: middle;
}

a.facebook-button
{
white-space: nowrap;
line-height: 3;
text-decoration: none;
}

input[type="submit"].facebook-login-button,
input[type="button"].facebook-login-button
{
}

input[type="submit"].facebook-create-button,
input[type="button"].facebook-create-button,
button.facebook-create
{
}

**/

/**
#FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK_FEEDBACK
{
}

#busyuniverse
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
display: none;
background-color: #fff;
background: rgba(255,255,255,0.70);
}

#busybox
{
position: fixed;
top: 50%;
left: 50%;
width: 360px;
height: 200px;
z-index: 2001;
margin: -100px 0 0 -180px;
padding: 25px 0;
font-size: 16pt;
text-align: center;
background-color: #fff;
border: 1px solid #666;
border-radius: 12px;
box-shadow: 0 0px 20px #557;
}
**/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
  border-radius: 5px;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
  border-radius: 5px;
}
.embed-responsive-1by1 {
  padding-bottom: 100%;
  border-radius: 5px;
}
.ErrorMessage1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  background-image: url('/_clientfiles/layout/dim.png');
}
.ErrorMessage2 {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 440px;
  height: 250px;
  z-index: 3001;
  margin: -125px 0 0 -220px;
  padding: 20px 0;
  font-size: 1em;
  text-align: center;
  color: #c00;
  background-color: #fff;
  border: 1px solid #900;
  border-radius: 12px;
  box-shadow: 0 0px 20px #557;
}
.ErrorMessage2 h3 {
  font-weight: bold;
  color: #c00;
}
@media all and (max-width:991px) {
  body.headerscrolled .attitude-special-msg {
    top: 56px;
  }
  .attitude-special-msg {
    display: block;
    margin: -1px 0 0 0;
  }
  .attitude-special-msg,
  .attitude-special-msg a,
  .attitude-special-msg img {
    margin: 0 auto;
  }
}
.attitude-special-msg {
  text-align: center;
  line-height: 2;
  color: #fff;
  background-color: #444;
  background-color: #b00;
  transition: all 1s;
}
.attitude-special-msg a {
  color: #fff;
}
body.headerscrolled .site-parentbar + .attitude-special-msg {
  margin: 70px 0 0 0;
}
body.headerscrolled .attitude-special-msg {
  z-index: 9999;
  z-index: 7200;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media all and (max-width: 991px) {
  body {
    padding: 57px 0 0 0;
  }
}
/**
#SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019_SUPER_FLUID_MENU_2019
{
}

.superfluidmenu
{
padding: 0 15px;
z-index: 2001;
text-align: left;
}

.superfluidmenu a
{
color: #444;
}

.superfluidmenu .mainitem
{
position: relative;
display: inline-block;
}

.superfluidmenu .mainitem > a
{
display: inline-block;
padding: 15px;
color: #fff;
}

.superfluidmenu .mainitem > a:hover
{
text-decoration: none;
}

.superfluidmenu .dropdown-locator
{
z-index: 2002;
position: absolute;
display: none;
left: 0;
width: 80rem;
width: 80vw;
max-height: 0;
overflow: visible;
}

.superfluidmenu .mainitem:nth-child(5) .dropdown-locator
{
width: 60vw;
}

.superfluidmenu .mainitem:nth-child(6) .dropdown-locator
{
width: 40vw;
}

.superfluidmenu .mainitem:nth-child(7) .dropdown-locator
{
width: 40vw;
}

@media all and (max-width: 1200px)
{
.superfluidmenu .mainitem:first-child .dropdown-locator
{
width: 96vw;
}
}

@media all and (min-width: 1200px)
{
.superfluidmenu .mainitem.carnaval .dropdown-locator
{
width: 50vw;
}
}

.superfluidmenu .dropdown-container
{
z-index: 2002;
position: relative;
width: 100%;
}

.superfluidmenu .dropdown
{
z-index: 2002;
width: 222px;
background-color: #fff;
border: 1px solid #999;
}

.superfluidmenu .mainitem.hover .dropdown-locator
{
display: block;
}

@media all and (max-width: 991px)
{
.superfluidmenu
{
z-index: 9999;
position: absolute;
top: 57px;
left: 0;
right: 0;
bottom: 0;
display: none;
overflow-y: scroll;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding: 3px 0 0 0;
border-top: 1px solid #333;
}
.superfluidmenu a
{
font-size: 13pt;
line-height: 2;
}
.superfluidmenu .mainitem
{
display: block;
text-align: left;
}
.superfluidmenu .mainitem > a
{
display: block;
font-size: 15pt;
line-height: 2;
}
.superfluidmenu .dropdown-locator
{
position: static;
width: 100% !important;
max-height: initial;
}
.superfluidmenu .dropdown
{
width: 100%;
}
}

@media all and (min-width: 992px)
{
.superfluidmenu
{
display: block !important;
}
}

@media all and (min-width: 992px)
{
body.checkout-page .site-nav .superfluidmenu
{
display: none !important;
}
}
**/

/**
#MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019_MAIN_DROPDOWN_LEAN_2019
{
}

.superfluidmenu .dropdown.lean > .menuitem
{
padding: 15px 15px;
cursor: pointer;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.superfluidmenu .dropdown.lean > .menuitem.hover
{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.superfluidmenu .dropdown.lean > .menuitem.hover:first-child
{
border-top: 1px solid #fff;
}

.superfluidmenu .dropdown.lean > .menuitem.hover:last-child
{
border-bottom: 0;
}

.superfluidmenu .dropdown.lean > .menuitem.hover .opening
{
z-index: 2005;
position: absolute;
top: -15px;
bottom: -15px;
right: -16px;
border-right: 1px solid #fff;
}

.superfluidmenu .dropdown.lean > .menuitem > span
{
position: relative;
display: block;
}

.superfluidmenu .dropdown.lean > .menuitem .fa-caret-right
{
position: absolute;
top: 0;
right: 0;
}

@media all and (max-width: 768px)
{
.superfluidmenu .dropdown.lean > .menuitem.hover .opening
{
display: none;
}
}
**/

/**
#MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN_DROPDOWN_WIDE_2019_MAIN
{
}

.superfluidmenu .dropdown.wide
{
width: 80rem;
width: 100%;
padding: 15px;
}

.superfluidmenu .dropdown.wide a
{
display: block;
}

.superfluidmenu .dropdown.wide .heading
{
display: inline-block;
margin: 0 0 5px 0;
font-weight: bold;
}

.superfluidmenu .dropdown.wide.family
{
width: 1070px;
}

.superfluidmenu .dropdown.family a
{
display: inline-block;
}

.superfluidmenu .dropdown.family img
{
max-width: 110px;
}

.superfluidmenu .dropdown.events img
{
max-height: 200px;
}

.superfluidmenu .dropdown.events
{
width: 700px;
columns: 150px 3;
}

.superfluidmenu .dropdown.events > .menuitem
{
}

.superfluidmenu .dropdown.new
{
columns: 150px 7;
}

.superfluidmenu .dropdown.sale
{
columns: 150px 7;
}

.superfluidmenu .dropdown.attitudeforum,
.superfluidmenu .dropdown.attitudehairdye,
.superfluidmenu .dropdown.pride
{
columns: 150px 7;
}

.superfluidmenu .mainitem .halloween-mainitem
{
position: relative;
padding-left: 45px;
color: orange;
}

.superfluidmenu .mainitem .halloween-mainitem img
{
position: absolute;
top: 5px;
left: 10px;
}

.superfluidmenu .mainitem.halloween
{
background-image: url("/_clientfiles/layout/icons/halloween-icon.png");
background-repeat: no-repeat;
background-position: 5px 6px;
}

.superfluidmenu .dropdown.halloween,
.superfluidmenu .dropdown.holiday
{
width: 860px;
columns: 150px 5;
}

.superfluidmenu .dropdown.valentine,
.superfluidmenu .dropdown.carnaval
{
width: 860px;
columns: 150px 5;
}

.superfluidmenu .mainitem .holiday-mainitem
{
color: #d00;
}

.superfluidmenu .mainitem .sale-mainitem
{
color: #d00;
}

.superfluidmenu .mainitem .valentine-mainitem
{
color: #FFB6C1;
}

.superfluidmenu .mainitem .carnaval-mainitem
{
color: #FF7F50;
}

.superfluidmenu .dropdown.new > .menuitem,
.superfluidmenu .dropdown.events > .menuitem,
.superfluidmenu .dropdown.sale > .menuitem,
.superfluidmenu .dropdown.halloween > .menuitem,
.superfluidmenu .dropdown.holiday > .menuitem,
.superfluidmenu .dropdown.carnaval > .menuitem,
.superfluidmenu .dropdown.valentine > .menuitem,
.superfluidmenu .dropdown.attitudeforum > .menuitem,
.superfluidmenu .dropdown.attitudehairdye > .menuitem,
.superfluidmenu .dropdown.pride > .menuitem
{
margin: 0 0 15px 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

.superfluidmenu .dropdown.halloween > .menuitem.img img,
.superfluidmenu .dropdown.valentine > .menuitem.img img,
.superfluidmenu .dropdown.carnaval > .menuitem.img img,
.superfluidmenu .dropdown.holiday > .menuitem.img img
{
max-width: 150px;
}

.superfluidmenu .dropdown.wide.account
{
width: 222px;
}

@media all and (max-width: 1200px)
{
.superfluidmenu .dropdown.wide.family
{
width: 620px;
}
}

@media all and (max-width: 1024px)
{
.superfluidmenu .dropdown.sale
{
width: 700px;
}
.superfluidmenu .dropdown.events
{
width: 600px;
}
.superfluidmenu .dropdown.halloween
{
width: 500px;
}
}

@media all and (max-width: 768px)
{
.superfluidmenu .dropdown.wide,
.superfluidmenu .dropdown.wide.family,
.superfluidmenu .dropdown.wide.account
{
width: 100%;
}
.superfluidmenu .dropdown.events
{
width: 100%;
columns: 150px 2;
}
.superfluidmenu .dropdown.new
{
columns: 150px 2;
}
.superfluidmenu .dropdown.sale
{
columns: 150px 2;
}
.superfluidmenu .dropdown.sale .menuitem
{
float: none;
}
.superfluidmenu .mainitem .halloween-mainitem
{
padding-left: 60px;
}
.superfluidmenu .mainitem .halloween-mainitem img
{
top: 18px;
left: 15px;
}
.superfluidmenu .dropdown.halloween
{
width: 100%;
columns: 150px 2;
white-space: nowrap;
}
.superfluidmenu .dropdown.halloween .menuitem.link
{
height: 700px;
}
}
**/

/**
#SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019_SIDEMENU_2019
{
}

.superfluidmenu .sidemenu
{
z-index: -2;
position: absolute;
top: 0;
left: 222px;
display: none;
right: 0;
height: auto;
min-height: 100%;
}

.superfluidmenu .sidemenu:before
{
z-index: -1;
position: absolute;
top: 0px;
bottom: 0px;
left: -222px;
right: 0px;
background-color: #fff;
border: 1px solid #999;
content: "";
}

.superfluidmenu .dropdown .menuitem.hover .sidemenu
{
display: block;
}

.superfluidmenu .sidemenu-contents
{
z-index: 1;
width: 100%;
height: auto;
min-height: 100%;
padding: 15px;
}

.superfluidmenu .sidemenu-contents:before
{
z-index: 2;
position: absolute;
top: 0;
left: -1px;
width: 1px;
height: 100%;
background-color: #999;
content: " ";
}

.superfluidmenu .sidemenu-contents a
{
display: block;
}

.superfluidmenu .sidemenu-contents.columns
{
columns: 150px 5;
}

.superfluidmenu .sidemenu-contents.columns > .menuitem
{
margin: 0 0 15px 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

.superfluidmenu .sidemenu-contents > .menuitem .heading
{
display: inline-block;
margin: 0 0 5px 0;
font-weight: bold;
}

.superfluidmenu .menuitem.brands .sidemenu-contents,
.superfluidmenu .menuitem.music .sidemenu-contents,
.superfluidmenu .menuitem.moviesseries .sidemenu-contents
{
width: 100%;
column-count: 5;
}

.superfluidmenu .sidemenu-contents .all-of-group
{
margin: 5px 0 0 0;
font-weight: bold;
color: #c00;
}

@media all and (max-width: 1024px)
{
.superfluidmenu .menuitem.brands .sidemenu-contents,
.superfluidmenu .menuitem.music .sidemenu-contents,
.superfluidmenu .menuitem.moviesseries .sidemenu-contents,
.superfluidmenu .sidemenu-contents.columns
{
columns: 4;
column-count: 4;
}
}

@media all and (max-width: 991px)
{
.superfluidmenu .sidemenu
{
position: static;
}
.superfluidmenu .sidemenu:before
{
display: none;
}
.superfluidmenu .menuitem.brands .sidemenu-contents,
.superfluidmenu .menuitem.music .sidemenu-contents,
.superfluidmenu .menuitem.moviesseries .sidemenu-contents,
.superfluidmenu .sidemenu-contents.columns
{
columns: 2;
column-count: 2;
}
}

@media all and (max-width: 576px)
{
.superfluidmenu .menuitem.brands .sidemenu-contents,
.superfluidmenu .menuitem.music .sidemenu-contents,
.superfluidmenu .menuitem.moviesseries .sidemenu-contents,
.superfluidmenu .sidemenu-contents.columns
{
columns: 1;
column-count: 1;
}
}
**/

.homepageVideoWrapper {
  width: auto;
  margin: -15px -15px 0 -15px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b2b-quickorder-filter {
  padding: 5px;
  color: #eee;
  background-color: #000;
}
.b2b-quickorder-filter .searchterm {
  width: calc(100% - 100px);
  border: 1px solid #000;
}
.b2b-multi-order-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: #222;
}
.b2b-table .header td {
  padding: 5px;
  color: #eee;
  background-color: #222;
}
.b2b-table a {
  cursor: pointer;
  color: #444;
}
.b2b-table .mpn {
  font-size: 8pt;
  color: #666;
}
.b2b-table .price {
  font-size: 8pt;
  color: #666;
}
@media (max-width: 767px) {
  .b2b-table .header {
    display: none;
  }
  .b2b-table .line {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 0 10px 0;
  }
  .b2b-table .line td {
    border: 0;
  }
  .b2b-table img {
    display: none;
  }
  .b2b-table .line td.delete {
    float: right;
  }
  .b2b-table.repeatorder .date {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .b2b-table .desc {
    padding: 0 0 5px 0;
  }
  .b2b-table td.title {
    width: 120px;
  }
  .b2b-table td.img {
    width: 100px;
    height: 100px;
  }
  .b2b-table tr.line:nth-child(odd) td {
    background-color: #e9e0e0;
  }
  .b2b-table tr.line td {
    padding: 5px;
  }
  .b2b-table.repeatorder {
    width: 360px;
  }
}
.b2b-table .hidden-updater {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  color: transparent;
  background-color: transparent;
  border: 0;
}
.excelstep {
  margin: 0 0 1em 0;
}
.excelstep2 {
  display: none;
}
.excelstep3 {
  display: none;
}
.excelinput {
  width: 100%;
  height: 100px;
}
.excelcolumns {
  max-height: 150px;
  overflow: scroll;
  border: 2px dotted #999;
}
.excelcolumns .xrow .xcolumn {
  width: 150px;
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #999;
}
.excelcolumns .xrow .xcolumn input[type=text] {
  border: 0;
}
.excelcolumns select {
  color: green;
  border: 1px solid green;
}
#cookiebanner {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  padding: 0 2em;
  text-align: left;
  background-color: #000;
  color: #fff;
  box-shadow: 0px -4px 8px #888888;
  text-align: center;
}
#cookiebanner button {
  margin: 1em;
  padding: 0.5em 1em;
  font-size: larger;
  border-radius: 4px;
  background-color: #090;
  color: #fff;
  border: 1px solid #030;
}
#cookiebanner button.basic {
  background-color: #000;
  color: #fff;
  border-color: #888;
  border: none;
  font-size: 9px;
}
@media only screen and (max-width: 767px) {
  #cookiebanner {
    top: auto;
    bottom: 1em;
    left: 1em;
    right: 1em;
    height: auto;
    border: 1px solid #222;
    border-radius: 3px;
    box-shadow: 4px 4px 8px #888888;
  }
  #cookiebanner button {
    margin: 1em 0;
  }
}
.qty-mgr {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: 1px solid black;
  border-radius: 3px;
}
.qty-mgr input[type="number"] {
  display: inline-block;
  text-align: center;
  border: 0;
}
.qty-mgr input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.qty-mgr .increaser {
  display: inline-block;
  font-size: 15pt;
  cursor: pointer;
}
.qty-mgr .qty-min {
  padding-left: 10px;
}
.qty-mgr .qty-plus {
  padding-right: 10px;
}