@charset "UTF-8";
/* Generated by less 2.2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}
body,
html {
  line-height: 1;
  width: 100%;
  height: 100%;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  /* Load system fonts */
  font-family: -apple-system, BlinkMacSystemFont, San Francisco, Roboto, Segoe
      UI, Helvetica Neue, sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* Make type rendering look crisper */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Disable auto-enlargement of small text in Safari */
  text-size-adjust: 100%;
  /* Enable kerning and optional ligatures */
  text-rendering: optimizeLegibility;
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
                @charset "UTF-8";
/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********* F R A M W O R K ********* */
/* *********************************** */
/* *********************************** */

/* -- Scaffolding Framework --*/
.wrapper { width: 100%; float: left }
.wrapper:after { content: ""; display: table; clear: both }
.grid { width: 100%; margin: 0 auto; padding: 0 }
.grid:after {content: "";display: table;clear: both;}
.container { float: left; width: 100%; margin: 0;}
.container:after { content: "";display: table;clear: both;}


/* -- col- used for layout --*/
[class*='col-'] {padding: 0;float: left;}
.col-1 { width: 100% }
.col-2 { width: 50% }
.col-3 { width: 33.33% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.66%  }
/* -- No col-7's, they're filthy -- */
.col-8 { width: 12.50% }
.col-9 { width: 11.11% }
.col-10 { width: 10% }
/* -- No col-11's, they too are disgusting -- */
.col-12 { width: 8.33% }
.col-90p { width: 90% }
.col-80p { width: 80% }
.col-75p { width: 75% }
.col-70p { width: 70% }
.col-66p { width: 66.66% }
.col-60p { width: 60% }
/* -- You don't need a col-50, we have col-5 for that -- */
.col-40p { width: 40% }
.col-30p { width: 30% }
.col-25p { width: 25% }
.col-20p { width: 20% }
.col-10p { width: 10% }

.col-thumbnail {width: 12.5%; max-width:112px; }


/* -- This style enables the jQuery to target and address the element height -- */
.imgCtr, .imgCtr25, .imgCtr50, .imgCtr75, .imgCtr75a, .imgCtrHome  {position:relative;float:left;width:100%;}
.imgCtr:after, .imgCtr25:after, .imgCtr50:after, .imgCtr75:after, .imgCtr75a:after, .imgCtrHome:after {content: "";display: block;width:100%;}
.imgCtr:after {padding-bottom: 100%;}
.imgCtr25:after {padding-bottom: 25%;}
.imgCtr50:after {padding-bottom: 50%;}
.imgCtr75:after {padding-bottom: 75%;}
.imgCtr75a:after {padding-bottom: calc(75% + 4px);}
.imgCtrHome:after {padding-bottom: 40%;}

/* Layout - Muliple Location Change one, changes all */

/* -- Grid guttering --*/
[class*='gutter'] {padding: 0;float: left; }
.gutter8 {margin: 0 -4px;}
.gutter8 >li, .gutter8 >a, .gutter8 >div, .gutter8 >span, .gutter8 > img { padding: 4px;}
.gutter16 {margin: 0 -8px;}
.gutter16 >li, .gutter16 >a, .gutter16 >div, .gutter16 >span, .gutter16 > img { padding: 8px;}
.gutter32 {margin: 0 -16px;}
.gutter32 >li, .gutter32 >a, .gutter32 >div, .gutter32 >span, .gutter32 > img {padding: 0 16px;}

/* -- Embed Video Responsively */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/* Flex Box CSS */
*[class*="zflex"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
*[class*="zflexInline"] {display: -webkit-inline-flex;display: -ms-inline-flexbox; display: inline-flex;}
.zflex-w, .zflexInline-w {flex-wrap:wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex;   flex-wrap: wrap;}
.zflex-s, .zflexInline-s {align-items:stretch; -webkit-align-items:stretch; -ms-align-items:stretch; -moz-align-items:stretch;}
.zflex-ws, .zflexInline-ws {flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;align-items:stretch;-webkit-align-items:stretch; -ms-align-items:stretch; -moz-align-items:stretch;}
.zflex-v, .zflexInline-v { justify-content:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; align-content:center; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; }
.zflex-hm, .zflexInline-hm {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap;}
.zflex-vs, .zflexInline-vs { align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; }
.zflex-sa, .zflexInline-sa { justify-content: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around}
.zflex-sb, .zflexInline-sb { justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between}
.wrap {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex;   flex-wrap: wrap;}
.flex-grow0 {flex-grow:0;-ms-flex-positive: 0;}
.flex-grow1 {flex-grow:1;-ms-flex-positive: 1;}
.flex-grow2 {flex-grow:2;-ms-flex-positive: 2;}
.flex-grow3 {flex-grow:3;-ms-flex-positive: 3;}
.modernizr-no-flexbox [class*="zflex"] {display:block;}
.hideallbutfirstpara * {display:none;}
.hideallbutfirstpara [data-firstpara="true"] {display:initial;}

.pos-rel {
    position:relative;
}

.pos-abs {
    position:absolute;
}

    .pos-abs.pos-top-right {
        top:0;
        right:0;
    }

.pos-fix {
    position:fixed;
}

.height-100-vh {
    height:100vh;
    min-height:100%;
}

.is-touch-device .hide-on-touch-device {
    display:none;
}

.isnot-touch-device .show-on-touch-device {
    display: none;
}

/* Grid CSS */
*[class*="cssGrid"] {display: -ms-grid;display: grid;}
.modernizr-no-cssgrid *[class*="cssGrid"] {
    display: block;
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.9px) {
    /* -- col- used for layout --*/
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-90p, .col-80p, .col-75p, .col-70p, .col-66p, .col-60p, .col-40p, .col-30p, .col-25p, .col-20p, .col-10p, .col-1-mobile {
        width: 100%
    }
    .col-2-mobile {width:50%;}
	.col-8 { width: 12.50%}
	.col-9 { width: 11.11%}
	.col-10 { width: 10%}
	.col-12 { width: 8.33% }

	.zflex-sa {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex;   flex-wrap: wrap; flex-grow:1;-ms-flex-positive: 1;}
	.zflex-sb {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: flex;   flex-wrap: wrap; flex-grow:1;-ms-flex-positive: 1;}
	
	.gutter32, gutter16, gutter18 {margin: 0;}
	.gutter32 >li, .grid8 >a, .grid8 >div, .grid8 >span, .grid8 >img  { padding: 0px;}

    .hide-on-mobile {display:none !important;}

    .zflex-ws-mobonly {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -moz-align-items: stretch;
    }

    .mobile-order--1 {
        order: -1;
    }
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{

  	/* Zesty Responsiveness */
  	.col-75p, .col-70p, .col-30p  { width:100%}

	/* -- Grid guttering --*/
	.gutter32 {margin: 0 -16px;}
	.gutter32 >li, .grid8 >a, .grid8 >div, .grid8 >span, .grid8 >img  { padding: 8px;}
}
                /* -- Padding -- */
.leftPadding {padding-left: 32px}
.topPadding { padding:32px 0}
.ctrPadLeft16 {padding-left: 16px}
.ctrPadTop32 { padding:32px 0}
.ctrPadSide32 {padding:0 32px}
.ctrPadTop16 { padding:16px 0}
.ctrPadSide16 { padding:0 16px}
.ctrPadLeft32 {padding-left: 32px}
.ctrPad32 {padding: 32px}
.ctrPad32-left {padding-left: 32px}
.ctrPad32-right {padding-right: 32px}
.ctrPad32-top {padding-top: 32px}
.ctrPad32-bottom {padding-bottom: 32px}
.ctrPad16 {padding: 16px}
.ctrPad16-left {padding-left: 16px}
.ctrPad16-right {padding-right: 16px}
.ctrPad16-top {padding-top: 16px}
.ctrPad16-bottom {padding-bottom: 16px}
.ctrPad8 {padding: 8px}
.ctrPad8-left {padding-left: 8px}
.ctrPad8-right {padding-right: 8px}
.ctrPad8-top {padding-top: 8px}
.ctrPad8-bottom {padding-bottom: 8px}
.ctrPad4 {padding: 4px}
.ctrPad4-left {padding-left: 4px}
.ctrPad4-right {padding-right: 4px}
.ctrPad4-top {padding-top: 4px}
.ctrPad4-bottom {padding-bottom: 4px}
.ctrPad0 {padding: 0}
.ctrPad0-left {padding-left: 0}
.ctrPad0-right {padding-right: 0}
.ctrPad0-top {padding-top: 0}
.ctrPad0-bottom {padding-bottom: 0}
.ctrPadTighten {padding-left: 22%;padding-right: 22%;}

/* -- Margins -- */
.leftMargin {margin-left: 32px}
.ctrMrgLeft32 {margin-left: 32px}
.ctrMrgLeft16 {margin-left: 16px}
.ctrMgr32, .ctrMrg32 {margin: 32px}
.ctrMgr32-left {margin-left: 32px}
.ctrMgr32-right {margin-right: 32px}
.ctrMgr32-top {margin-top: 32px}
.ctrMgr32-bottom {margin-bottom: 32px}
.ctrMgr16, .ctrMrg16 {margin: 16px}
.ctrMgr16-left {margin-left: 16px}
.ctrMgr16-right {margin-right: 16px}
.ctrMgr16-top {margin-top: 16px}
.ctrMgr16-bottom {margin-bottom: 16px}
.ctrMgr8, .ctrMrg8 {margin: 8px}
.ctrMgr8-left {margin-left: 8px}
.ctrMgr8-right {margin-right: 8px}
.ctrMgr8-top {margin-top: 8px}
.ctrMgr8-bottom {margin-bottom: 8px}
.ctrMgr8-bottom-i {margin-bottom: 8px !important}
.ctrMgr4, .ctrMrg4 {margin: 4px}
.ctrMgr4-left {margin-left: 4px}
.ctrMgr4-right {margin-right: 4px}
.ctrMgr4-top {margin-top: 4px}
.ctrMgr4-bottom {margin-bottom: 4px}
.ctrMgr0 {margin: 0}
.ctrMgr0-left {margin-left: 0}
.ctrMgr0-right {margin-right: 0}
.ctrMgr0-top {margin-top: 0}
.ctrMgr0-bottom {margin-bottom: 0}

@media screen and (max-width: 767.9px) {
    /* -- Padding and margins -- */
	.ctrPad4 	{padding: 2px}
    .ctrPad4-left {padding-left: 2px}
    .ctrPad4-right {padding-right: 2px}
    .ctrPad4-top {padding-top: 2px}
    .ctrPad4-bottom {padding-bottom: 2px}
	.ctrPad8 	{padding: 4px}
    .ctrPad8-left {padding-left: 4px}
    .ctrPad8-right {padding-right: 4px}
    .ctrPad8-top {padding-top: 4px}
    .ctrPad8-bottom {padding-bottom: 4px}
	.ctrPad16 	{padding: 8px}
    .ctrPad16-left {padding-left: 8px}
    .ctrPad16-right {padding-right: 8px}
    .ctrPad16-top {padding-top: 8px}
    .ctrPad16-bottom {padding-bottom: 8px}
	.ctrPad32 	{padding: 16px}
    .ctrPad32-left {padding-left: 16px}
    .ctrPad32-right {padding-right: 16px}
    .ctrPad32-top {padding-top: 16px}
    .ctrPad32-bottom {padding-bottom: 16px}
    .ctrMrg4, .ctrMgr4 {margin: 2px}
    .ctrMgr4-left {margin-left: 2px}
    .ctrMgr4-right {margin-right: 2px}
    .ctrMgr4-top {margin-top: 2px}
    .ctrMgr4-bottom {margin-bottom: 2px}
    .ctrMrg8, .ctrMgr8 {margin: 4px}
    .ctrMgr8-left {margin-left: 4px}
    .ctrMgr8-right {margin-right: 4px}
    .ctrMgr8-top {margin-top: 4px}
    .ctrMgr8-bottom {margin-bottom: 4px}
    .ctrMgr8-bottom-i {margin-bottom: 4px !important}
    .ctrMrg16, .ctrMgr16 {margin: 8px}
    .ctrMgr16-left {margin-left: 8px}
    .ctrMgr16-right {margin-right: 8px}
    .ctrMgr16-top {margin-top: 8px}
    .ctrMgr16-bottom, .ctrMgr16-bottom-mobileonly {margin-bottom: 8px}
    .ctrMrg32, .ctrMgr32 {margin: 16px}
    .ctrMgr32-left {margin-left: 16px}
    .ctrMgr32-right {margin-right: 16px}
    .ctrMgr32-top {margin-top: 16px}
    .ctrMgr32-bottom {margin-bottom: 16px}
    .mobilepadding-0 {padding:0;}
    .mobilepadding-0-left {padding-left: 0;}
    .mobilepadding-0-right {padding-right: 0;}
    .mobilepadding-0-top {padding-top: 0;}
    .mobilepadding-0-bottom {padding-bottom: 0;}

	/* Layout - Muliple Location Change one, changes all */
	.leftMargin, .leftPadding,.topPadding,.ctrMrgLeft32,.ctrPadLeft32,.ctrMrgLeft16,.ctrPadLeft16,.ctrPadTop32,.ctrPadSide32,.ctrPadTop16,.ctrPadSide16 {margin: 0px;padding: 0px}
}

@media screen and (min-width : 768px) and (max-width : 1023.99px) {
    /* -- Padding and margins -- */
  	.ctrPad32 { padding:16px}

	/*  Fixed width */
	.leftMargin {margin-left: 16px}
	.leftPadding {padding-left: 16px}
	.topPadding { padding: 16px}
	.ctrMrgLeft32 {margin-left: 16px}
	.ctrPadLeft32 {padding-left: 16px}
	.ctrMrgLeft16 {margin-left: 16px}
	.ctrPadLeft16 {padding-left: 16px}
	.ctrPadTop32 { padding: 16px}
	.ctrPadSide32 {padding: 0 16px}
	.ctrPadTop16 { padding: 16px}
	.ctrPadSide16 { padding: 16px}
}

@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
  	/* -- Padding and margins -- */
  	.ctrPad32 { padding:16px}

	/*  Fixed width */
	.leftMargin {margin-left: 16px}
	.leftPadding {padding-left: 16px}
	.topPadding { padding: 16px}
	.ctrMrgLeft32 {margin-left: 16px}
	.ctrPadLeft32 {padding-left: 16px}
	.ctrMrgLeft16 {margin-left: 16px}
	.ctrPadLeft16 {padding-left: 16px}
	.ctrPadTop32 { padding: 16px}
	.ctrPadSide32 {padding: 0 16px}
	.ctrPadTop16 { padding: 16px}
	.ctrPadSide16 { padding: 16px}
}
                @charset "UTF-8";
/* -- Global --*/
html, body { width: 100%; height: 100%; margin: 0; padding: 0;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
a,a:hover,a:focus, a img{outline:none;text-decoration:none; border:none}
select::-ms-expand {display: none;}
select{-webkit-appearance: none;-moz-appearance: none;appearance:none;text-indent: 0.01px;text-overflow: '';}
.transition, .button, .flex-viewport, .flexslider, .flex-direction-nav, a, lable, input, textarea, .loading {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
p, .p {margin-bottom: 0.75rem;}
.loading { opacity: 0}
.loading.loadingDone { opacity: 1}
.flex-container {-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex;}
.flipmeContain, .bgContain { background-size:contain !important;}
img { vertical-align: middle; max-width: 100%; max-height: auto; }
img[src*="platformlayout/clear.gif"] {display:none;}
span[class*="noSaleIcon"] {display:none;}
.centralise { text-align: center }
em { font-style: italic }
.clearboth { clear:both}
.open {display:block !important;}
.middle { margin:0 auto !important; float:initial}
.desktop {display: initial;}
.mobile { display: none; }
.required, .errorFormInfo {color:#FF0004;}


/*  columnFlow */
.columnFlow {margin: auto;-moz-column-count: 2;-moz-column-gap: 64px;-webkit-column-count: 2;-webkit-column-gap: 64px;column-count: 2;}
.columnFlow h1, .columnFlow h2 {-webkit-column-span: all;column-span: all;}
.columnFlow p { text-align:left}
.columnFlow p:first-of-type{ padding-top:0px; margin-top:0}


/*  Transitions */
.transition, .button, button, .flex-viewport, .flexslider, .flex-direction-nav {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.hideme,
[data-hideshow*="alse"],
[data-hideme*="true"],
[data-hideme*="True"] {
    display: none !important
}

.flexslider .flipme,
.flexslider .flipmeContain {
    max-width: 100vw;
    max-height: 100vh;
}

.zindex-2 {
    z-index: 2;
}
.zindex-100 {
    z-index:100;
}

.zindex-1000 {
    z-index: 1000;
}

/*  base font-size --*/
html { font-size: 100%; }

/* -- Headings --*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
  line-height: 1.25;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
h4, .h4, h5, .h5,h6, .h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h1, .h1 { font-size: 1.6rem;; }
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.3rem;}
h4, .h4 {font-size: 1.2rem;}
h5, .h5 { font-size: 1.1rem; }
h6, .h6 { font-size: 1.0rem; }

/* -- Body --*/
p {
  margin: 0 0 1.5rem;
}
body, button, select, input, textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    line-height: 1.55;
}

[type="checkbox"], [type="radio"] {width: initial;height: initial;}

/* -- Alignment --*/
.text-left           { text-align: left; }
.text-right          { text-align: right; }
.text-center         { text-align: center; }
.text-justify        { text-align: justify; }
.text-nowrap         { white-space: nowrap; }

/* -- Transformation --*/
.text-lowercase      { text-transform: lowercase; }
.text-uppercase      { text-transform: uppercase; }
.text-capitalize     { text-transform: capitalize; }

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

/* -- Unordered and Ordered lists --*/
ul,ol {
  margin-top: 0;
  margin-bottom: 1.5;
}


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
	html { font-size: 80%; }
	.desktop { display:none }
	.mobile {display:initial}

    *[class*="zflex"].mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
    }

    *[class*="zflexInline"].mobile {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

	/* -- Headings --*/
	h1, .h1 { font-size: 1.5rem;; }
	h2, .h2, h3, .h3,h4, .h4,h5, .h5,h6, .h6 {font-size: 1rem;}

     /*  columnFlow */
	.columnFlow {-moz-column-count: 1;-moz-column-gap: 0px;-webkit-column-count: 1;-webkit-column-gap: 0px;column-count: 1;}

    /* --- CSS images */
	.css-image-ipad, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-mobile {display:block;}

}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
  /* -- Global --*/
  html { font-size: 90%; }
  .desktop {display:none;}
  .mobile {display:initial;}

	/* -- Headings --*/
	h1, .h1 { font-size: 1.5rem;; }
	h2, .h2 {font-size: 1.4rem;}
	h3, .h3 {font-size: 1.3rem;}
	h4, .h4 {font-size: 1.2rem;}
	h5, .h5 { font-size: 1.1rem; }
	h6, .h6 { font-size: 1rem; }

  /* --- CSS images */
	.css-image-mobile, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
	.css-image-ipad {display:block;}

  /* Layout - Muliple Location Change one, changes all */
  .leftMargin {margin-left: 16px !important;}
	.leftPadding {padding-left: 16px !important;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
  /* --- CSS images hide*/
	.hmBanner1 .imgCtr75 {height: calc(100vh - 250px);}
}

/* --- Start Payment Method ---*/
img[src*="cards/card-Adyen.png"]{display: none;}
/* --- End Payment Method ---*/
                @charset "UTF-8";
/*  Top Banner Call to Actions */
.CNCCTA {
    background: #fafafa;
    color: #272929;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px !important;
    height: 42px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 11px;
}

    .CNCCTA a, .CNCCTA p {
        color: inherit;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }

#flexsliderCTA .CNCCTA a {
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.CNCCTA a i {
    color: inherit;
    margin: 0 10px 0 0;
    display: inline-block;
}

.CNCCTA a div, .CNCCTA a span, .CNCCTA a p {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100;
}

.CNCCTA .flex-direction-nav {
    display: none
}

.CNCCTA li {
    text-align: left;
    overflow: hidden;
}

.Message a {
    margin: 0 0 0 21px !important;
}

.hdrRewardsTitle {
}

.slides.thinBanner {
    margin: 0;
}

.backgrounrdsignup.thinBanner {
    padding: 0;
}

.slides.thinBanner li {
    text-align: center;
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

    .slides.thinBanner li a {
        color: #FFFFFF;
        font-size: 20px;
        border: 0;
    }

        .slides.thinBanner li a:hover {
            text-decoration: underline;
        }

        .slides.thinBanner li a h2 {
            margin: 0;
            color: #fff;
        }

        .slides.thinBanner li a p {
            margin: 0;
            font-size: small;
        }

/*  Top Banner Layout */
.masthead {
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 100;
    clear: both;
    position: fixed;
    -webkit-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}

    .masthead .fixed .navIcons {
        position: relative;
    }

.navIcons {
    z-index: 1;
    border-bottom: 1px solid #ababab4a;
    background: inherit;
    height: 75px;
}

    .navIcons > div, .navIcons > a, .navIcons *[class*="icon-"] {
        width: 75px;
        line-height: 75px;
        font-size: 18px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

    .navIcons .icon-menu {
        display: none;
    }

    .navIcons *[class*="icon-"].close:before {
        color: tomato;
        content: "\e117";
    }

.basketPip {
    display: none;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    bottom: 50%;
    right: 25%;
    font-size: 10px;
    color: #fff;
    border-radius: 100%;
    font-family: monospace;
    background: rgba(255, 66, 66, 0.75);
}

.header-cart-item .imgCtr {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    background-size: contain !important;
}

.header-cart-item-qty {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 4px;
    color: #222;
    background: #eee;
}

.logoContainer {
    padding: 0 16px;
    width: 140px;
}

.logo {
    max-width: 170px;
    height: 47px;
}

.logo {
    background: url('/sitespecific/customcontent/layout/generalLyout/logo.png') center center no-repeat;
    background-size: contain;
    margin: 0;
    display: block;
    height: 75px;
    width: 100%;
    min-width: 75px;
    transition: background-image 1s ease-in-out;
}

.NodeLevel0 > a, .navIcons *[class*="icon-"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* NAVIGATION */
#body-wrapper-overlay.open-slide-menu {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: 9;
    touch-action: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    backdrop-filter: blur(1px);
}

html.open-slide-menu, body.open-slide-menu {
    position: absolute;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.ctrNavigation {
    align-self: center;
}

    .ctrNavigation > .CSSFacetNavModules {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center
    }

.CSSFacetNavModules {
    width: 100%;
    float: left;
    text-align: center;
}

.NodeLevel0 {
    float: none;
    padding: 0;
    display: inline-block;
    margin: 0 8px;
    align-self: center;
}

    .NodeLevel0 > a {
        padding: 0 14px 0 0;
        position: relative;
        display: block;
        cursor: pointer;
        color: inherit;
    }

        .NodeLevel0 > a:before, .NodeLevel0 > a:after {
            position: absolute;
            height: 2px;
            width: 5px;
            border-radius: 2px;
            content: ' ';
            display: block;
            background: #bbb;
            top: calc(50% - 1px);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .NodeLevel0 > a:before {
            right: 3px;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .NodeLevel0 > a:after {
            right: 0px;
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after {
            background: dodgerblue;
        }

        .NodeLevel0 > a.active:before {
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .NodeLevel0 > a.active:after {
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    /* Sub-options */
    .NodeLevel0 > .CSSFacetNavModules {
        display: none;
        position: absolute;
        top: 75px;
        left: 0;
        max-height: calc(100vh - 75px);
        background: white;
        padding: 16px;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -moz-align-items: stretch;
        overflow-y: auto;
        padding-left: 10%;
        padding-right: 10%;
        z-index: 11;
        margin: 0 auto;
        left: 0%;
    }

        .NodeLevel0 > .CSSFacetNavModules.active {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            max-width: 100%;
        }

.NodeLevel1 > a {
    width: 100%;
    display: block;
}

.NodeLevel1 > .CSSFacetNavModules {
    clear: both;
    -moz-column-count: 2;
    -moz-column-gap: 2;
    -webkit-column-count: 2;
    -webkit-column-gap: 2;
    column-count: 2;
}

.NodeLevel1 > .CSSFacetNavModules, .NodeLevel0 > .CSSFacetNavModules * {
    text-align: left;
    line-height: 40px;
    color: inherit;
}

.NodeLevel1 > .CSSFacetNavModules, .NodeLevel0 > .CSSFacetNavModules .NodeLevel2:has(.CSSChild) {
    line-height: 150%;
}

.NodeLevel1 {
    width: 50%;
    padding: 32px;
    float: left;
}

    .NodeLevel1 > .CSSFacetNavModules > div {
        float: none;
        width: 100%;
        display: table;
        padding: 0 16px 0 0;
    }

    .NodeLevel1 > .CSSFacetNavModules a {
    }

.allBrand {
    float: left;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 0px 32px 64px 32px;
}

    .allBrand:before {
        font-family: 'feather';
        content: "\e005";
        padding-right: 8px;
    }

/* Icon Menus */
.menuOptions {
    position: relative;
    background: transparent;
}

.srchCtr.tbcnt, .loginCtr.tbcnt, .basketCtr.tbcnt {
    display: none;
    width: 100%;
    float: left;
}

    .srchCtr.tbcnt.tbcntOpen, .loginCtr.tbcnt.tbcntOpen, .basketCtr.tbcnt.tbcntOpen {
        display: block;
    }

    /* Search */
    .srchCtr.tbcnt > div {
        width: 100%;
        float: left;
        position: relative;
    }

    .srchCtr.tbcnt .searchBoxForm, .srchCtr.tbcnt .searchBoxForm:focus {
        width: 100%;
        height: 75px;
        padding: 0 0 0 75px;
        border: none;
        border-radius: 0px;
    }

    .srchCtr.tbcnt .icon-search {
        position: absolute;
        top: 0;
        left: 0;
        width: 75px;
        height: 75px;
        line-height: 75px;
        text-align: center;
    }

/* Login */
.loginCtr.tbcnt {
    text-align: right;
}

    .loginCtr.tbcnt h3 {
        margin: 0 0 16px 0;
    }

.loginCtr .lockIcon {
    display: none;
}

.loginCtr a {
    text-decoration: none;
    border-bottom: 1px solid dodgerblue;
}

.loginCtr > div > div {
    width: 100%;
    float: left;
}

.loginCtr #CustomerRewardsDisplay1-dev {
    float: right;
    margin-top: 16px;
}

.loginCtr .hdrRewardsTitle, .loginCtr .crNotLoggedIn {
    float: left;
}

.loginCtr .crNotLoggedIn {
    margin-left: 8px;
    border-bottom-color: green;
    color: green;
}

/* Basket */
.basketCtr {
    display: none;
    text-align: left;
    position: absolute;
    margin: 0;
    overflow: visible;
    max-width: 416px;
    top: 16px;
    right: 16px;
    z-index: 4000;
}

.basketPip2, .sbuy-offers {
    display: inline-block;
    line-height: 24px;
    padding: 0 8px;
    font-size: 12px;
    font-family: 'citrfontbold';
}

div.basketCtr .buttonSmall {
    float: right;
    font-size: 10px;
}

#CartList-dev, #CartList-dev-bk {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    margin: 0;
}

div#CartList-dev a, div#CartList-dev-bk a {
    text-decoration: none;
    display: block;
}

    div#CartList-dev a span.purse10, div#CartList-dev-bk a span.purse10 {
        display: none;
    }

    div#CartList-dev a span[id*="lblCount"], div#CartList-dev-bk a span[id*="lblCount"] {
        margin-left: 6px;
        padding-left: 6px;
    }

div.basketCtr h3 {
    margin: 0;
}

div.basketCtr a:not(.buttonSmall)[href='/cart/'] span {
    display: none;
}

    div.basketCtr a:not(.buttonSmall)[href='/cart/'] span[id*="lblTotal"] {
        display: block;
        font-family: 'citrfontbold';
    }

        div.basketCtr a:not(.buttonSmall)[href='/cart/'] span[id*="lblTotal"]:before {
            content: var(--03-header-total);
            color: inherit;
        }

.CCartLinks {
    justify-content: space-between;
    font-size: smaller;
}

    .CCartLinks a {
        color: dodgerblue;
        border-bottom: 1px solid dodgerblue
    }

.CCartBut {
    padding-top: 8px;
    font-size: small;
    width: 100%;
}

    .CCartBut > div {
        padding: 4px;
    }

        .CCartBut > div:first-of-type > a {
        }

        .CCartBut > div:last-of-type > a {
            color: #fff !important;
        }

#CCart-dev {
    margin: 0;
    padding: 0;
    overflow-y: auto;
}

    #CCart-dev > a > .mini-basket-img {
        width: 80px !important;
        min-height: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }

    #CCart-dev > a[data-starbuy="true"] > .mini-basket-img:after {
        width: 80px !important;
        display: block;
        float: left;
        margin: 4px 0 0 0;
        background: #b07ed7;
        color: white;
        content: var(--03-header-star-buy);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        height: 20px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
    }

    #CCart-dev > a [data-saving="0.00"],
    #CCart-dev > a [data-saving="0"],
    #CCart-dev > a [data-matrix="No Option"] {
        display: none;
    }

#CCartFreeMSG {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: smaller;
}

    #CCartFreeMSG span {
        line-height: 18px;
    }

        #CCartFreeMSG span:before {
            font-family: 'feather';
            content: '\e006';
            display: inline;
            margin: 0 8px 0 0;
        }

    #CCartFreeMSG p {
        margin: 0;
        display: inline;
        font-size: inherit;
    }

/* Modernizr */
.modernizr-no-flexbox .menu-icons-header {
    float: right;
}

.minibasket-toggles {
}

    .minibasket-toggles > div {
        line-height: 48px;
        text-align: center;
        background: #eee;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        user-select: none;
    }

        .minibasket-toggles > div[data-boxlink="minibasket-starbuys"] {
            border-left: 1px solid #ccc;
        }

        .minibasket-toggles > div.activeminilink {
            line-height: 48px;
            text-align: center;
            background: white;
            border-bottom-color: white;
            cursor: default;
        }

div[data-boxcontext*="minibasket"] {
    max-height: calc(100vh - 400px);
    overflow: auto;
}

.basketstarbuyouter {
    margin-bottom: 8px;
    background: #f3ebfa;
    padding-right: 48px;
    position: relative;
}

    .basketstarbuyouter:after {
        position: absolute;
        top: 50%;
        right: 8px;
        width: 32px;
        font-family: 'feather';
        content: "\e095";
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #a46ec2;
        font-size: 24px;
    }

    .basketstarbuyouter:last-of-type {
        margin-bottom: 0;
    }

    .basketstarbuyouter[data-status="applied"] {
        background: #D8ECDE;
        cursor: default;
    }

        .basketstarbuyouter[data-status="applied"]:before {
            color: #17af45;
            content: var(--03-header-offer-applied);
            display: block;
            font-family: 'citrfontbold';
        }

        .basketstarbuyouter[data-status="applied"]:after {
            color: #17af45;
            content: "\e116";
        }

.basketstarbuy-strap {
}

.basketstarbuy-desc {
}

.sbuy-offers {
    background: #a46ec2;
}

.sbuy-offers-link {
    color: #a46ec2;
}

.smiley-loading-anim {
    display: block;
    width: 100%;
    min-height: 48px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

    .smiley-loading-anim > span {
        display: block;
        min-height: 24px;
        line-height: 24px;
        font-family: 'citrfontbold';
        color: #a46ec2;
    }

        .smiley-loading-anim > span:before {
            content: var(--03-header-offers-loading);
        }

    .smiley-loading-anim[data-status="empty"] > span:before {
        content: var(--03-header-offers-none-found);
    }

    .smiley-loading-anim > img {
        width: 24px;
        height: 24px;
        margin: 8px;
        display: inline-block;
    }

    .smiley-loading-anim[data-status="loading"] > img[src*="sad"],
    .smiley-loading-anim[data-status="empty"] > img[src*="cool"] {
        display: none;
    }

/* -- Mobile Phones, iPads & Very Small Desktop Screens  -- */
@media screen and (max-width: 1024px) {
    /* Header */
    #body-wrapper-overlay, #body-wrapper-overlay.open-slide-menu {
    }

    .navIcons {
        height: 48px;
    }

    .logoContainer {
        width: 96px;
    }

    .logo {
        height: 48px;
        min-height: 48px;
        max-width: 80px;
    }

    .menu-icons-header {
        flex-grow: 1;
        -ms-flex-positive: 1;
    }

        .menu-icons-header .icon-menu {
            order: 1;
        }

        .menu-icons-header .icon-search {
            order: 2;
        }

        .menu-icons-header .icon-head {
            order: 3;
        }

        .menu-icons-header .icon-bag {
            order: 4;
        }

    .navIcons *[class*="icon-"] {
        width: 25%;
        display: block;
        float: left;
        height: 48px;
        line-height: 48px;
    }

    .ctrNavigation {
        display: none;
        order: 4;
        -webkit-order: 4;
        top: 48px;
        left: 0;
        width: 100%;
        background: white;
        padding: 0;
        height: calc(100vh - 48px);
        min-height: calc(100vh - 48px);
        max-height: calc(100vh - 48px);
        float: left;
        position: absolute;
        z-index: 100;
        height: 100%;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0px,0px,0px);
        -ms-transform: translate3d(0px,0px,0px);
        transform: translate3d(0px,0px,0px);
    }

        .ctrNavigation.tbcntOpen {
            display: block;
        }

        .ctrNavigation > .CSSFacetNavModules {
            z-index: 100;
            height: 100%;
            overflow: hidden;
            background: #f4f4f4;
            -webkit-overflow-scrolling: touch;
            -webkit-transform: translate3d(0px,0px,0px);
            -ms-transform: translate3d(0px,0px,0px);
            transform: translate3d(0px,0px,0px);
        }

    .CSSFacetNavModules {
    }

    .NodeLevel0 {
        width: 100%;
        float: left;
        display: block;
        text-align: left;
        line-height: 40px;
        max-height: 100%;
        margin: 0;
    }

        .NodeLevel0 > a {
            width: 100%;
            float: left;
            padding: 20px 48px 20px 16px;
            line-height: 100%;
            background: white;
            border-bottom: 1px solid #d7d7d7;
        }

    a#TopBanner1_CSSFacetNav2_TopLevel_ctl02_hylNode {
    }

    .NodeLevel0 > a:before {
        right: 19px;
    }

    .NodeLevel0 > a:after {
        right: 16px;
    }

    .NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after {
        width: 10px;
        right: 16px;
        background: tomato;
    }

    .NodeLevel0 > .CSSFacetNavModules {
        position: relative;
        top: auto;
        left: auto;
        padding: 16px;
        max-height: calc(100vh - 48px);
        border-bottom: none;
        border-top: none;
        z-index: 10000;
        background: #f4f4f4;
        padding-bottom: 100px;
        -webkit-overflow-scrolling: touch;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    .NodeLevel1 {
        width: 100%;
        padding: 0 0 32px 0;
    }

        .NodeLevel1:last-child {
            padding-bottom: 64px;
        }

        .NodeLevel1 > .CSSFacetNavModules > div {
            width: 100%;
        }

    div.basketCtr {
        width: calc(100% - 32px) !important;
        left: 16px;
        max-width: 100%;
    }

    .ctrNavigation > .CSSFacetNavModules {
        display: inline
    }
}

/* iPads  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 769px) and (max-width : 1024px) {
    .NodeLevel1 > .CSSFacetNavModules {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1025px) and (max-width : 1439px) {
    /* Header */
    .NodeLevel0 > .CSSFacetNavModules {
        padding-left: 16px;
        padding-right: 16px;
    }

    .NodeLevel0 > a {
        padding-right: 0;
    }

        .NodeLevel0 > a:before, .NodeLevel0 > a:after {
            display: none;
        }
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913px) {
    /* Header */
    .logoContainer {
        width: 200px;
    }
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {
    /* Header */
    .logoContainer {
        width: 250px;
    }
}
                /* NON-DEPLOYED FOOTER ******************************************************************** */
@charset "UTF-8";
/* -- Footer ----- */
.footer {font-size:small;opacity: 1;color: #000;}
.footer img {max-width:100%;margin-bottom: 16px;}
.footer a, .footer span, .footer p {display: block;margin-bottom: 0.5em;color: inherit;}
.citrusDate {
    display: inline-block !important;
    margin: 0 4px;
    margin-bottom: 0 !important;
}
.footer .col-8 > span, .footer .col-3 > span {color:#fff;text-align: left;}
.footer input {border-radius: 8px 0 0 8px;font-size: inherit;width: inherit;min-width: 220px;}
.footer input:active {border-bottom: 1px solid #999 ;}
.footer #newsletter-footer-submit {border-radius: 0px 8px 8px 0px;font-size: inherit;color: #fff;}
.cards a, .cards span, .cards {display: inline-block;font-size: 11px;opacity: 0.7;color: inherit;}
.footerRow:last-of-type {border-top: 1px solid #ababab4a;margin: 64px 0 32px;}
.Promise p {margin: 0 !important;}

.social a {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    display: inline-block;
    margin: 8px;
    background-color: #333 !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: center !important;
    color: white;
    padding: 16px;
    text-align: center;
}

    .social a.facebook {
        background-image: url("/modules/assets/icons/facebook.svg");
    }
        .social a.facebook:hover {
            background-color: #3b5998 !important;
        }

    .social a.twitter {
        background-image: url("/modules/assets/icons/twitter.svg");
    }
        .social a.twitter:hover {
            background-color: #1da1f2 !important;
        }

    .social a.instagram {
        background-image: url("/modules/assets/icons/instagram.svg");
    }
        .social a.instagram:hover {
            background-color: #c32aa3 !important;
        }

    .social a.pinterest {
        background-image: url("/modules/assets/icons/pinterest.svg");
    }
        .social a.pinterest:hover {
            background-color: #bd081c !important;
        }

    .social a.youtube {
        background-image: url("/modules/assets/icons/youtube.svg");
    }
        .social a.youtube:hover {
            background-color: #ff0000 !important;
        }

    .social a.linkedin {
        background-image: url("/modules/assets/icons/linkedin.svg");
    }

        .social a.linkedin:hover {
            background-color: #0a66c2 !important;
        }

    .social a.tiktok {
        background-image: url("/modules/assets/icons/tiktok.svg");
    }

        .social a.tiktok:hover {
            background-color: #00f2ea !important;
        }

    .social a.strava {
        background-image: url("/modules/assets/icons/strava.svg");
    }

        .social a.strava:hover {
            background-color: #f05222 !important;
        }

    .social a.snapchat {
        background-image: url("/modules/assets/icons/snapchat.svg");
    }

        .social a.snapchat:hover {
            background-color: #fffc00 !important;
        }

    .social a img {
        height: 20px;
        max-height: 100%;
        display: none;
    }

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
    .footer, .footerNewsletter  { text-align:center}
    .footerRow > div { display: block; width: 100%; margin: 21px 0}
}


/* MODULAR FOOTER ******************************************************************** */
#modular-footer-wrapper {
    display:block;
    float:left;
    width:100%;
}

#modular-footer-wrapper .modular-footer-company-details {
    width: 100%;
    display: block;
    float: left;
    padding-top: 32px;
    font-size: 11px;
    text-align: center;
    overflow-wrap: break-word;
}

    #modular-footer-wrapper .modular-footer-company-details div {
        padding: 0 8px 8px 8px;
    }

#modular-footer-wrapper .modular-footer-citruslime---tagline {
    width: 100%;
    display: block;
    float: left;
    padding: 0 8px 8px 8px;
    font-size: 11px;
    text-align: center;
}

#modular-footer-wrapper .modular-footer-review---container,
#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter {
    background: white;
}

    #modular-footer-wrapper .modular-footer-review---container .modular-footer-review---container-inner,
    #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container {
        max-width: 1366px;
        margin: auto;
        float: none;
        height: 1%;
        overflow: hidden;
        padding: 32px;
    }

    #modular-footer-wrapper .modular-footer-socials {
        padding: 16px;
        background: white;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    #modular-footer-wrapper .modular-footer-socials .modular-footer-icons {
        width: 100%;
        display: block;
        float: left;
        padding: 32px 32px 0 32px;
        text-align: center;
    }

        #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a {
            height: 50px;
            width: 50px;
            border-radius: 100%;
            display: inline-block;
            margin: 8px;
            background-color: black;
            background-repeat: no-repeat !important;
            background-size: 20px !important;
            background-position: center !important;
            color: white;
            padding: 16px;
            text-align: center;
        }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.facebook {
                background-image: url("/modules/assets/icons/facebook.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.facebook:hover {
                    background-color: #3b5998 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.twitter {
                background-image: url("/modules/assets/icons/twitter.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.twitter:hover {
                    background-color: #1da1f2 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.instagram {
                background-image: url("/modules/assets/icons/instagram.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.instagram:hover {
                    background-color: #c32aa3 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.pinterest {
                background-image: url("/modules/assets/icons/pinterest.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.pinterest:hover {
                    background-color: #bd081c !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.youtube {
                background-image: url("/modules/assets/icons/youtube.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.youtube:hover {
                    background-color: #ff0000 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.linkedin {
                background-image: url("/modules/assets/icons/linkedin.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.linkedin:hover {
                    background-color: #0a66c2 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.tiktok {
                background-image: url("/modules/assets/icons/tiktok.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.tiktok:hover {
                    background-color: #00f2ea !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.strava {
                background-image: url("/modules/assets/icons/strava.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.strava:hover {
                    background-color: #f05222 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.snapchat {
                background-image: url("/modules/assets/icons/snapchat.svg");
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a.snapchat:hover {
                    background-color: #fffc00 !important;
                }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-icons a img {
                height: 20px;
                max-height: 100%;
                display: none;
            }

    #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter {
        width: 100%;
        display: block;
        float: left;
        padding: 16px;
        background: white;
    }

        #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner {
            width: 100%;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner input {
                flex-grow: 1;
                background: white;
                outline: none !important;
                border: 1px solid #ddd;
                transition: 0.3s all ease-in-out;
                height: 56px;
                line-height: 56px;
                font-size: 18px;
                border-radius: 6px;
                margin-right: 8px;
            }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit {
                flex-grow: 0;
                background: black;
                outline: none !important;
                border: 1px solid black;
                transition: 0.3s all ease-in-out;
                height: 56px;
                line-height: 56px;
                font-size: 18px;
                border-radius: 6px;
                padding: 0 18px;
                color: white;
                cursor: pointer;
                white-space: nowrap;
            }

                #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit:hover {
                    background: #46a4ff;
                }

        #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text {
            display: none;
            background: dodgerblue;
            color: white;
        }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterFail,
            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterSuccess {
                display: inline-block;
                padding: 16px;
                margin-top: 16px;
            }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterFail {
                background: crimson;
            }

            #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterSuccess {
                background: #00b917;
            }

#modular-footer-wrapper .modular-footer-retaillinks {
    border-bottom:1px solid #ddd;
    background: white;
}

    #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container {
        max-width: 1366px;
        margin: auto;
        float: none;
        height: 1%;
        overflow: hidden;
        padding: 32px;
    }

        #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr;
            gap: 32px 32px;
            font-size: 13px;
            line-height: 26px;
        }

            #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner > div {
                flex-grow: 1;
            }

            #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner h4 {
                margin: 0 0 1em 0;
                font-size: 16px;
            }

            #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner .modular-footer-retaillinks---logo {
                
            }

                #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner .modular-footer-retaillinks---logo img {
                    max-width: 250px;
                    height: auto;
                }

            #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a,
            #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a {
                display: block;
                transition: 0.3s all ease-in-out;
            }

                #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a:hover,
                #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a:hover {
                    color: black;
                }

        #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---custommenu:empty {
            display:none;
        }


@media screen and (max-width: 767.99px) {
    #modular-footer-wrapper .modular-footer-citruslime---tagline, #modular-footer-wrapper .modular-footer-review---container .modular-footer-review---container-inner, #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container, #modular-footer-wrapper .modular-footer-citruslime---tagline, #modular-footer-wrapper .modular-footer-review---container .modular-footer-review---container-inner {
        padding: 16px;
    }

    #modular-footer-wrapper .modular-footer-socials {
        padding: 0;
    }

    #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner input {
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 768px) {
    #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner {
        grid-template-columns: 1fr 1fr;
    }

    #modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1366px) {
    #modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
                @charset "UTF-8";

.form-section,
.input-section {
    line-height: 47px;
}

button, input, optgroup, select, textarea, [type="button"], [type="reset"], [type="submit"], .button, input[type="submit"], input[type="button"], .defaultbutton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    height: 47px;
    line-height: 47px;
}

    input[type=checkbox], .checkbox, input[type=radio], input[type=radio], .radio, label {
        border: none;
        display: inline-block;
    }

.lable, lable {
    display: block;
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    margin-right: 7px;
    outline: none;
    color: #666;
    cursor: pointer;
    border: none;
}

    input[type=radio]:checked::before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        content: '\2022';
        line-height: 0;
        font-size: 26px;
        color: #fff;
    }

    input[type=radio]:hover {
        background-color: #f7f7f7;
    }

    input[type=radio]:checked {
        background-color: #525151;
        border: none;
    }
                @charset "UTF-8";
/* accordion */
.accordianBox {
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    float: left;
}

.accordianHeader {
    cursor: pointer;
    width: calc(100% - 32px);
    position: relative;
    padding: 32px 0;
    font-family: 'citrfontbold';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .accordianHeader p {
        margin: 0;
        padding: 0;
        display: inline-block
    }

    .accordianHeader > h3 {
        float: left;
        margin: 0;
        font-size: initial;
    }

    .accordianHeader > span.fa-unsorted {
        padding-left: 21px;
        position: absolute;
        right: -32px;
        top: 50%;
    }

        .accordianHeader > span.fa-unsorted:before, .accordianHeader > span.fa-unsorted:after {
            position: absolute;
            height: 1px;
            width: 13px;
            border-radius: 2px;
            content: ' ';
            display: block;
            background: #868686;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            z-index: 1;
        }

        .accordianHeader > span.fa-unsorted:before {
            right: 0;
        }

        .accordianHeader > span.fa-unsorted:after {
            right: 0;
            -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.accordianBox.active .accordianHeader > span.fa-unsorted:before {
    opacity: 0;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordianBox.active .accordianHeader > span.fa-unsorted:after {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordianHeader [class*="icon"] {
    margin-right: 8px;
    position: relative;
    bottom: 2px;
}

.accordianCtn {
    width: 100%;
    float: left;
    margin: 0 0 32px 0;
    display: none;
}

.accordianBox.active .accordianCtn {
    display: block;
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px) {
    .accordianHeader {
        padding: 16px 0;
    }
}
                @charset "UTF-8";
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-iosfix {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        margin-right: -.25em;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

            .fancybox-button svg path {
                fill: transparent;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3
            }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555 !important;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}

    .fancybox-close-small svg {
        fill: transparent;
        opacity: .8;
        stroke: currentColor;
        stroke-width: 1.5;
        transition: stroke .1s;
        background: #3c3c3c;
        color: #fff;
    }

    .fancybox-close-small:focus {
        outline: none
    }

    .fancybox-close-small:hover svg {
        opacity: 1
    }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
        background: transparent;
        color: #fff
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

    .fancybox-caption:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -25px;
        z-index: -1
    }

    .fancybox-caption:after {
        border-bottom: 1px solid hsla(0,0%,100%,.3);
        content: "";
        display: block;
        left: 44px;
        position: absolute;
        right: 44px;
        top: 0
    }

    .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .fancybox-thumbs > ul > li:before {
        border: 4px solid #4ea7f9;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}
                @charset "UTF-8";
/*  Fixed width + Nav */
.fixed, .NodeLevel0 > .CSSFacetNavModules {
    max-width: 90%;
}

.maxInner {
    max-width: 1366px;
    margin: auto;
    float: none;
    height: 1%;
    overflow: hidden;
}




.xx-small {
    font-size: xx-small;
}

.x-small {
    font-size: x-small;
}

.small {
    font-size: small;
}

.normal {
    font-size: medium;
}

.large {
    font-size: large;
}

.x-large {
    font-size: x-large;
}

.xx-large {
    font-size: xx-large;
}

.tt-uppercase {
    text-transform:uppercase;
}

.ls---0-1em {
    letter-spacing:0.1em;
}

.lh--100-perc {
    line-height:100%;
}

/*  General */
html, body {
    background: #efefef
}

.container {
    background: #fff;
}

.colorwhite {
    color: white
}

.colorblack {
    color: black
}

.backgroundwhite {
    background: white
}

.backgroundblack {
    background: black
}

.backgroundblacki {
    background: black !important;
}

.left-aligned {
    text-align: left;
}

.right-aligned {
    text-align: right;
}

.centralised {
    text-align: center
}

.warning, .errorMsg {
    color: #F00;
    background: #FFF4F4;
    border-left: 1px solid #FF0000;
}

    .warning i {
        margin: 0 7px
    }

    .warning span {
        border-bottom: 1px solid #FF9999;
        text-transform: uppercase;
        font-weight: 700;
    }

/*  Alerts */
#divID {
    padding: 28px
}

.alert {
    border: 1px solid transparent;
    color: #000;
    font-weight: 500;
    padding: 16px;
    position: relative;
    margin: 8px 0;
    text-align: center;
    display: inline-block;
}

    .alert strong {
        font-size: large
    }

    .alert p {
        opacity: 0.8
    }

    .alert.info {
        border-color: #9fcdff;
        color: #2c76c7;
    }

    .alert.success {
        border-color: #96dab5;
        color: #35ac6b;
    }

    .alert.notice {
        border-color: #fed37d;
        color: #cf9215;
    }

    .alert.errorMsg {
        border-color: #ffbfbf;
        color: #cf1515;
    }


/*  Top Banner Call to Actions */
.tbCTA {
    background: #161b23;
    border-bottom: 1px solid #393f4a;
    font-size: x-small;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    height: 42px;
}

#flexsliderCTA li p {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
}

#flexsliderCTA .flex-direction-nav {
    display: none
}


.typo > div {
    margin-bottom: 56px;
}

    .typo > div > div {
        display: inline-block;
        margin-right: 16px;
        vertical-align: top;
    }


/*  Top body Padding, Sticky nav*/
body {
    padding-top: 75px
}

.fade-out-siblings:hover > * {
    -webkit-filter: grayscale(1);
}

    .fade-out-siblings:hover > *:hover {
        -webkit-filter: grayscale(0);
    }

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    body {
        padding-top: 48px
    }
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023px) {
    body {
        padding-top: 64px
    }
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439px) {
    body {
        padding-top: 75px
    }
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913px) {
    body {
        padding-top: 75px
    }
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {
    body {
        padding-top: 75px
    }
}


.cart-lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 13px;
}

    .cart-lds-ellipsis div {
        position: absolute;
        top: 0;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #ccc;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .cart-lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: cart-lds-ellipsis1 0.6s infinite;
            background: antiquewhite;
        }

        .cart-lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: cart-lds-ellipsis2 0.6s infinite;
            background: aliceblue;
        }

        .cart-lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: cart-lds-ellipsis2 0.6s infinite;
            background: azure;
        }

        .cart-lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: cart-lds-ellipsis3 0.6s infinite;
            background: cornsilk;
        }

@keyframes cart-lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cart-lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes cart-lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
                @charset "UTF-8";
div[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain {background-size:contain !important;}

/* Image Media Queries */
@media screen and (max-width : 320px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-320 {display:block !important;}
}

@media screen and (min-width : 321px) and (max-width : 414px)
{
	#prodInfoLeft .MIViconPlus:before {top: 16px;left: 16px;}
	.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
	.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
	.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1920px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
	.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1920.1px)
{
	.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important; background: none !important;}
	.css-image-4k {display:block !important;}
}
                @charset "UTF-8";
.US_flag{
	left: -250px;
	top: 10%;
	margin-left: 50%;
	position: absolute;
	display: block;
	width: 500px;
	height: 20px;
	background: #cc0000;
	box-shadow: 0 20px 0 #f3f3f3, 0 40px 0 #cc0000, 0 60px 0 #f3f3f3, 0 80px 0 #cc0000, 0 100px 0 #f3f3f3, 0 120px 0 #cc0000, 0 140px 0 #f3f3f3, 0 160px 0 #cc0000, 0 180px 0 #f3f3f3, 0 200px 0 #cc0000, 0 220px 0 #f3f3f3, 0 240px 0 #cc0000;
}
.US_flag:before{
	content: "\0020";
	background: #191b6d;
	display: block;
	width: 200px;
	height: 140px;
	position: absolute;
}
.US_flag:after{
	content: "\2605";
	font-size: 14px;
	color: #f3f3f3;
	text-style: none;
	display: block;
	width: 500px;
	position: absolute;
	margin: 5px;
	text-shadow: 35px 0 0 #f3f3f3, 70px 0 0 #f3f3f3, 105px 0 0 #f3f3f3, 140px 0 0 #f3f3f3, 175px 0 0 #f3f3f3, 17px 14px 0 #f3f3f3, 52px 14px 0 #f3f3f3,   87px 14px 0 #f3f3f3,  122px 14px 0 #f3f3f3, 157px 14px 0 #f3f3f3, 0 28px 0 #f3f3f3, 35px 28px 0 #f3f3f3, 70px 28px 0 #f3f3f3, 105px 28px 0 #f3f3f3, 140px 28px 0 #f3f3f3, 175px 28px 0 #f3f3f3, 17px 42px 0 #f3f3f3, 52px 42px 0 #f3f3f3,   87px 42px 0 #f3f3f3,  122px 42px 0 #f3f3f3, 157px 42px 0 #f3f3f3, 0 56px 0 #f3f3f3, 35px 56px 0 #f3f3f3, 70px 56px 0 #f3f3f3, 105px 56px 0 #f3f3f3, 140px 56px 0 #f3f3f3, 175px 56px 0 #f3f3f3,    17px 70px 0 #f3f3f3, 52px 70px 0 #f3f3f3,   87px 70px 0 #f3f3f3,  122px 70px 0 #f3f3f3, 157px 70px 0 #f3f3f3, 0 84px 0 #f3f3f3, 35px 84px 0 #f3f3f3, 70px 84px 0 #f3f3f3, 105px 84px 0 #f3f3f3, 140px 84px 0 #f3f3f3, 175px 84px 0 #f3f3f3, 17px 98px 0 #f3f3f3, 52px 98px 0 #f3f3f3,   87px 98px 0 #f3f3f3,  122px 98px 0 #f3f3f3, 157px 98px 0 #f3f3f3, 0 112px 0 #f3f3f3, 35px 112px 0 #f3f3f3, 70px 112px 0 #f3f3f3, 105px 112px 0 #f3f3f3, 140px 112px 0 #f3f3f3, 175px 112px 0 #f3f3f3;
}
                /*  Duplicated CSS - redundant file */
                @charset "UTF-8";
/* -- Store pages ----- */
.tabs{padding: 0px;list-style: none;padding-top: 10px;padding-bottom: 14px;border-bottom: 1px solid #ababab4a;}
.tabs li{text-align: center;display: inline-block;vertical-align: middle;position: relative;margin-right: 32px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;cursor: pointer;font-style: normal; -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.tabs li:after {content: "";height: 2px;background: #63c8eb;width: 100%;left: 0;position: absolute;bottom: -14px;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.tabs li.current:after { -webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.tabsContent { margin-top: 16px;}
.tabsContent > div {display: none;padding: 0px;margin: 0;width: 100%;}
.tabsContent > div.current {display:inline-block;}
                @charset "UTF-8";
/*  Bradcrumbs */
.breadcrumbsContainer, .breadcrumbs {
    font-size: smaller;
}

    .breadcrumbs a {
        opacity: 0.5
    }

    .breadcrumbs a {
        padding: 0 18px 0 0;
        position: relative;
        cursor: pointer;
        color: inherit;
    }

        .breadcrumbs a:before, .breadcrumbs a:after {
            position: absolute;
            height: 2px;
            width: 5px;
            border-radius: 2px;
            content: ' ';
            display: block;
            background: #bbb;
            top: calc(50% - 2px);
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .breadcrumbs a:before {
            right: 6px;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .breadcrumbs a:after {
            right: 6px;
            top: 8px;
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

            .breadcrumbs a:last-of-type:before, .breadcrumbs a:last-of-type:after {
                display:none;
            }
                @charset "UTF-8";
@font-face {
    font-family: 'citrfontbold';
    src: url('/ssl/secure/resources/nner-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'citrfontreg';
    src: url('/ssl/secure/resources/nner-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuliRegularFont';
    src: url('/ssl/secure/resources/nner-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuliBoldFont';
    src: url('/ssl/secure/resources/nner-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -- global  -- */
html, body {
    background: #fafafa;
    font-family: 'citrfontreg';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .current, .bannerTitle, .NodeLevel0 > a > span, .NodeLevel0 > a, .mainFont, .ctaTitle, .boldfont {
    font-family: 'citrfontbold';
}

.regularfont {
    font-family: 'citrfontreg';
}

[class*="icon-"]:hover, .NodeLevel0 > a.active, .NodeLevel0 > a.active > span:after, .footer a:hover, .footer a:hover p, a, .checkList li:before {
    color: #2C3368
}

    .NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after, .noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .facetSelectedff.checked, .wsPrice, a.flex-active, .social a {
        background: #2c3368
    }

.fixed, .NodeLevel0 > .CSSFacetNavModules {
    max-width: 90%;
}

@media screen and (max-width : 320px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 100%;
    }
}

@media screen and (min-width : 321px) and (max-width : 414px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 100%;
    }
}

@media screen and (min-width : 415px) and (max-width : 767px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 100%;
    }
}

@media screen and (min-width : 768px) and (max-width : 1024px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 100%;
    }
}

@media screen and (min-width : 1025px) and (max-width : 1440px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 95%;
    }
}

@media screen and (min-width : 1441px) and (max-width : 1920px) {
    .fixed, .NodeLevel0 > .CSSFacetNavModules {
        max-width: 90%;
    }
}

@media screen and (min-width : 1920.1px) {
}

/* Borders, Bakgrounds & Font Colours */
.border1 {
    border: 1px solid #ccc;
}

.border2 {
    border: 1px solid #2f76ec;
}

.border3 {
    border: 1px solid #ddd;
}

.border4 {
    border: 1px solid #eee;
}

.border5 {
    border: 1px solid #484848;
}

.border6 {
    border: 1px solid #46d82d;
}

.border7 {
    border: 1px solid #fd4239;
}

.border7i {
    border: 1px solid #fd4239 !important;
}

.borderi {
    border: 1px solid;
}

.borderdotted, .collect-open-CollectPlus {
    border-style: dotted;
}

.bbottomc {
    border-bottom: 1px solid;
    padding-bottom: 3px;
}

.border-thick {
    border-width: 3px;
}

.removeborder-left {
    border-left: none;
}

.removeborder-right {
    border-right: none;
}

.removeborder-top {
    border-top: none;
}

.removeborder-bottom {
    border-bottom: none;
}

.borderradius {
    border-radius: 4px;
}

.borderradius3 {
    border-radius: 3px;
}

.borderradius8 {
    border-radius: 8px;
}

.borderradius100 {
    border-radius: 100%;
}

@media screen and (max-width: 767px) {
    .removeborder-mobile {
        border: 0;
    }
}

.coGreen {
    color: #46d82d;
}

.coBlue, .coStandard, .requiredfield, .metapackselectspoof > span > i {
    color: #2f76ec;
}

.co888, .optionalfield {
    color: #555;
}

.coCCC {
    color: #ccc;
}

.coRED {
    color: #fd4239;
}

.coStarbuys {
    color: #a46ec2;
}

.coWhite {
    color: white;
}

.bgWhite {
    background: white;
}

.bgf4 {
    background: #f4f4f4;
}

.bgeb {
    background: #eee;
}

.bgd7 {
    background: #ddd;
}

.bgStandard {
    background: #2f76ec;
}

.bgGreen {
    background: #46d82d;
}

.bgLGreen {
    background: #E8FFED;
}

.bgLBlue {
    background: #e8f4ff;
}

.bgLRed {
    background: #fee7e6;
}

.bgSemiWhite {
    background: rgba(255,255,255,0.05);
}

.bgSemiDark {
    background: rgba(14, 19, 27, 0.5);
}

.opposite-colour {
    filter: hue-rotate(180deg);
}

/* -- Dark Them global  -- */
.dark, .dark form, .dark html, .dark body, .dark footer {
    background: #0E131B;
    color: #fff
}

    .dark .container, .dark .NodeLevel0 > .CSSFacetNavModules {
        background: #161d27;
    }

/* -- forms gloable  -- */
input, textarea, button, .button, select, .defaultbutton {
    padding: 0 16px;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    input, textarea, button, .button, select, .defaultbutton {
        border-radius: 4px;
    }
}



/* -- forms input  -- */
input, textarea, select {
    border: none;
    clear: both;
    display: inline-block;
    border: 1px solid rgba(200,200,200,0.2);
    background: rgba(200,200,200,0.2);
    border-radius: 6px;
    width: 100%;
}

textarea {
    min-height: 200px
}

    input:hover, textarea:hover, select:hover {
        background: rgba(200,200,200,0.25);
    }

    input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
        border: 1px solid #2f76ec;
        background: rgba(200,200,200,0.1);
    }

.dark input, .dark textarea {
    color: #fff
}

    .dark input:active, .dark input:focus, .dark textarea:active, .dark textarea:focus {
        border: 1px solid #f1752d
    }

    .dark input::-webkit-input-placeholder, .dark input:-moz-placeholder, .dark input::-moz-placeholder, .dark input:-ms-input-placeholder, .dark textarea::-webkit-input-placeholder, .dark textarea:-moz-placeholder, .dark textarea::-moz-placeholder, .dark textarea:-ms-input-placeholder, .dark select:-ms-input-placeholder, .dark select::-webkit-input-placeholder, .dark select:-moz-placeholder, .dark select::-moz-placeholder, .dark select:-ms-input-placeholder {
        color: #fff
    }

/* -- forms buttons  -- */

.pointer, button, .button, button:hover, .button:hover, input[type="submit"], input[type="button"], .defaultbutton {
    cursor: pointer;
}

button, .button, button:hover, .button:hover, input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    border: none;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

button, .button {
    background: #2f76ec;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

    .button.buttonpunchdown {
        background-color: #e0ecff;
        color: #161d27;
    }

    .button.small-button {
        padding: 0 8px;
        line-height: 32px;
        height: 32px;
        font-size: 0.85em;
    }

.dark .button, .dark button {
    background-color: #f1752d;
}

button.ghost-button, input[type="submit"].ghost-button, a.ghost-button {
    background: transparent;
    border: 1px solid #2F76EC;
    color: #2f76ec;
}

    button.ghost-button:hover, input[type="submit"].ghost-button:hover, a.ghost-button:hover {
        color: white;
        background: #2f76ec;
        border: 1px solid #2F76EC;
    }

    button.ghost-button.ghost-button-red, input[type="submit"].ghost-button.ghost-button-red, a.ghost-button.ghost-button-red {
        border-color: crimson;
        color: crimson;
    }

        button.ghost-button.ghost-button-red:hover, input[type="submit"].ghost-button.ghost-button-red:hover, a.ghost-button.ghost-button-red:hover {
            background: crimson;
            border-color: crimson;
            color: white;
        }


/* -- forms select  -- */
select {
    position: relative;
    padding-right: 42px;
    display: block;
}

.dark select {
    color: #fff
}

.dark option {
    color: #000
}

.selectWrapper {
    position: relative
}

    .selectWrapper:before, .selectWrapper:after {
        height: 1px;
        width: 10px;
        border-radius: 2px;
        content: ' ';
        display: block;
        background: #868686;
        top: calc(50% - -1px);
        z-index: 1;
        position: absolute;
    }

    .selectWrapper:before {
        right: 21px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .selectWrapper:after {
        right: 14px;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


/* -- forms lable  -- */
.lable, lable {
    font-size: small;
    text-transform: uppercase;
    margin-bottom: 8px
}

/* -- forms feedback  -- */
.success {
    background: #4BA835 !important
}

.error {
    background: #A82123 !important
}

.disabled, :disabled, .a2bButtonInactive {
    opacity: 0.3;
    cursor: not-allowed !important;
    background: #333 !important
}

/* -- header basket  -- */
.basketCtr {
    background: #fff;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);
    max-height: calc(100vh - 110px);
}

/* -- header Dropdown nav  -- */
.navIcons, .NodeLevel0 > .CSSFacetNavModules {
}

.NodeLevel1 > a {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.7;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ababab4a;
    margin-bottom: 16px;
}

.NodeLevel2 > a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    
    line-height: 150% !important;
}

    .NodeLevel2 > a:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background: #9d9d9d;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .NodeLevel2 > a:hover:before {
        width: 100%;
    }
/* -- footer -- */

                @charset "UTF-8";
/* CSS Document */
.topCTA {border-bottom: 1px solid #ababab4a;text-align: center;margin: auto;overflow: auto;justify-content: space-between;-webkit-overflow-scrolling: touch;}
.topCTA a {padding: 12px 16px;font-size: smaller;color: #666;flex-shrink: 0;}
.topCTA a:before{display:inline-block;font-family:feather;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscalel;font-size:smaller;margin-right: 8px;color: #286cc3;position: relative;bottom: 2px;}
.topCTA p { margin:0; padding:0; display: inline-block;}
.topCTA a:nth-child(1):before{ content:"\e085";}
.topCTA a:nth-child(2):before{ content:"\e058";}
.topCTA a:nth-child(3):before{ content:"\e093";}
.topCTA a:nth-child(4):before{ content:"\e079";}
.topCTA a:nth-child(5):before{ content:"\e046";}
.topCTA a:nth-child(6):before{ content:"\e009";}
                @charset "UTF-8";

/*  Finance Calculator */
.finance-pop-wrap {max-width:1000px;}
#finance.fancybox-content {padding:0;}

table#radFinanceProductList {
    border-collapse: collapse;
    width: 100%;
    font-family: 'citrfontreg', Arial, Helvetica, sans-serif;
    line-height: 1em;
}

    table#radFinanceProductList tr {
        float: left;
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
        line-height: 24px;
    }

    table#radFinanceProductList td {
        text-align: left;
        width: 100%;
        display: block;
    }

    table#radFinanceProductList input {
        display:none;
    }

        table#radFinanceProductList input + label{
            display: block;
            float: left;
            width: 100%;
        }

        table#radFinanceProductList input + label:before {
            display: block;
            float: left;
            margin-right:8px;
            content: '';
            font-family: "feather";
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 20px;
            border: 1px solid #ccc;
            background: #eee;
        }

        table#radFinanceProductList input:checked + label:before {
            content: "\e116";
            border: 1px solid #BBD5FF;
            background: #e0ecff;
            color: #2f76ec;
        }


.financeAmount {
    float: left; /* width: 100%; */
    margin-bottom: 21px;
}
span.minMax {
    font-size: 1em;
    text-transform: capitalize;
}

.minVal {
    text-align: left;
}

.maxVal {
    text-align: right;
}

.financeAmountPay {
    float: left;
    display: block;
    width: 149px;
    text-align: left;
    color: #767676
}

.financeAmountSlider {
    float: left;
    display: block;
    padding: 30px;
    background: url(/layout/finance/blend.jpg);
    background-position: -100px -7px;
}

.financeAmountPayContainer {
    display: block;
    margin: 14px;
    padding: 7px;
    color: #444;
}

.financeDeposit {
    float: right;
    width: 184px;
    border: 1px solid #3d649a;
    height: 84px;
    text-align: center;
    padding: 16px;
    background: #5982ba;
    color: #fff;
    line-height: 180%;
    font-size: 13px;
}

    .financeDeposit b span {
        display: block;
        font-size: 24px;
    }

@media screen and (max-width: 767px) {

}

.ui-widget-content {
    border: 1px solid #2f76ec /*{borderColorContent}*/;
    background: #background: #c1d7ec;
    background: -moz-linear-gradient(left, cornflowerblue 0%, #2f76ec 100%) !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,cornflowerblue), color-stop(100%,#2f76ec)) !important;
    background: -webkit-linear-gradient(left, cornflowerblue 0%,#2f76ec 100%) !important;
    background: -o-linear-gradient(left, cornflowerblue 0%,#2f76ec 100%) !important;
    background: -ms-linear-gradient(left, cornflowerblue 0%,#2f76ec 100%) !important;
    background: linear-gradient(to right, cornflowerblue 0%,#2f76ec 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='cornflowerblue', endColorstr='#2f76ec',GradientType=1 ) !important;
    /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

#financeTopPanel a {
    color: #2f76ec;
    text-decoration: underline;
}

.ui-slider {
    position: relative;
    text-align: left;
    border-radius: 39px;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 20px;
        height: 20px;
        cursor: default;
        background-color: transparent !important;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }


.ui-slider-horizontal .ui-state-default:before {
    content: "";
    width: 20px !important;
    height: 20px !important;
    background: #ffffff;
    z-index: 10;
    display: block;
    border-radius: 4px;
    border: 1px solid #c1d7ec;
}
                @charset "UTF-8";

.bottom-drawer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color:white;
    z-index:90;
    padding-right:60px;
}

    .bottom-drawer[data-drawercolour="green"] {
        background: #47AB6C;
    }

    .bottom-drawer[data-drawercolour="blue"] {
        background: #0894A1;
    }

    .bottom-drawer[data-drawercolour="orange"] {
        background: #F2B134;
    }

    .bottom-drawer[data-drawercolour="red"] {
        background: #ED553B;
    }

    .bottom-drawer[data-drawercolour="grey"] {
        background: #70818B;
    }

    .bottom-drawer[data-drawercolour="dark"] {
        background: #334A5A;
    }

    .bottom-drawer[data-drawercolour="offblack"] {
        background: #0C1824;
    }

    .bottom-drawer a {
        color:white;
        border-bottom:1px solid white;
    }

.bottom-drawer---close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

    .bottom-drawer---close:hover {
        background:rgba(255,255,255,0.15);
    }

@media screen and (max-width: 767px) {
    .bottom-drawer {
        padding-right: 36px;
    }
    .bottom-drawer---close {
        width: 32px;
        height: 32px;
        line-height: 32px;
        top:0;
        right:0;
    }
}                /* GDPR Cookies */
#GDPRCookieBox {
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(6,16,32,0.85);
    z-index: 90000;
    width: 100%;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 32px;
}

    #GDPRCookieBox.GDPRCookieBox-show {
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

#GDPRCookieBox, .GDPRCookieBox-button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.GDPRCookieBox-text, .GDPRCookieBox-link {
    color: white !important;
}

.GDPRCookieBox-text {
    color: white;
    font-size: 18px;
    line-height: 150%;
}

.GDPRCookieBox-link {
    font-size: 12px;
    text-decoration: underline;
    line-height: 12px;
    display: inline-block;
    margin: 16px 0;
    cursor: pointer;
}

    .GDPRCookieBox-link:hover {
        text-decoration: none;
    }

.GDPRCookieBox-button {
    display: inline-block;
    border-radius: 4px;
    padding: 8px 16px;
    margin: 4px;
    border: 1px solid white;
    color: white;
    cursor: pointer;
}

    .GDPRCookieBox-button:hover {
        background: white;
        color: #222;
    }

.GDPRCookieBox-accept {
    color: #222;
    background: #e8dc54;
    border-color: #e8dc54;
}

    .GDPRCookieBox-accept:hover {
        background: #feee37;
        border-color: #feee37;
    }

.GDPRCookieBox-close {
    margin-bottom: 0;
}
                body {
}

modal-message, modal-message * {
    display: block;
    float: left;
    width: 100%;
}

modal-message {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 8000;
    opacity: 0;
}

    modal-message modal-message-inner {
        width: 480px;
        max-width: 90vw;
        position: absolute;
        top: 100px;
        left: 50%;
        z-index: 8000;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 8px;
    }

        modal-message modal-message-inner modal-message-close {
            float: right;
            font-family: feather;
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: right;
            font-size: 25px;
            margin-bottom: 8px;
            cursor: pointer;
            color: white;
            text-shadow: 0 0 4px #000000;
        }

            modal-message modal-message-inner modal-message-close:before {
                content: "\e117";
            }

        modal-message modal-message-inner modal-message-inner-message {
            width: 100%;
            float: left;
            border-radius: 8px;
            background: white;
            -webkit-box-shadow: 0 20px 32px 16px rgba(0,0,0,0.15);
            box-shadow: 0 20px 32px 16px rgba(0,0,0,0.15);
        }

            modal-message modal-message-inner modal-message-inner-message modal-message-header,
            modal-message modal-message-inner modal-message-inner-message modal-message-body,
            modal-message modal-message-inner modal-message-inner-message modal-message-footer {
                padding: 32px;
                font-size: 16px;
            }

            modal-message modal-message-inner modal-message-inner-message modal-message-header,
            modal-message modal-message-inner modal-message-inner-message modal-message-footer {
                padding-top: 16px;
                padding-bottom: 16px;
                font-family: 'citrfontbold';
            }

            modal-message modal-message-inner modal-message-inner-message modal-message-header {
                background: dodgerblue;
                color: white;
                font-size: 24px;
                -webkit-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0;
            }

                modal-message modal-message-inner[modal-type="success"] modal-message-inner-message modal-message-header {
                    background: #47ab6c;
                }

                modal-message modal-message-inner[modal-type="warning"] modal-message-inner-message modal-message-header {
                    background: #de9d00;
                }

                modal-message modal-message-inner[modal-type="error"] modal-message-inner-message modal-message-header {
                    background: #b62727;
                }

                modal-message modal-message-inner[modal-type="clpos"] modal-message-inner-message modal-message-header {
                    background-color: #23282e;
                }

        modal-message modal-message-inner modal-message-inner-message modal-message-body {
            max-height: calc(100vh - 350px);
            overflow: auto;
        }

        modal-message modal-message-inner modal-message-inner-message modal-message-footer {
            border-top: 1px solid #d7d7d7;
            font-size: 14px;
            text-align: right;
            letter-spacing: 0.035em;
        }

            modal-message modal-message-inner modal-message-inner-message modal-message-footer span {
                display: block;
                margin-left: 16px;
                float: right;
                width: auto;
                cursor: pointer;
            }

                modal-message modal-message-inner modal-message-inner-message modal-message-footer span[onclick*="false)"] {
                    color: #999;
                }

                modal-message modal-message-inner modal-message-inner-message modal-message-footer span[onclick*="true)"] {
                    color: dodgerblue;
                }

                    modal-message modal-message-inner[modal-type="success"] modal-message-inner-message modal-message-footer span[onclick*="true)"] {
                        color: #47ab6c;
                    }

                    modal-message modal-message-inner[modal-type="warning"] modal-message-inner-message modal-message-footer span[onclick*="true)"] {
                        color: #de9d00;
                    }

                    modal-message modal-message-inner[modal-type="error"] modal-message-inner-message modal-message-footer span[onclick*="true)"] {
                        color: #b62727;
                    }

                    modal-message modal-message-inner[modal-type="clpos"] modal-message-inner-message modal-message-footer span[onclick*="true)"] {
                        color: yellowgreen;
                    }

@media screen and (max-width: 767.9px) {
    modal-message modal-message-inner {
        top: 14px;
    }

        modal-message modal-message-inner modal-message-inner-message modal-message-body {
            max-height: calc(100vh - 200px);
            overflow: auto;
        }
}
                .stateful-loader {
    margin: 0;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation-name: loader-spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    display: block;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    vertical-align: top;
    box-sizing: content-box;
    z-index:10;
}

    .stateful-loader,
    .stateful-loader:after {
        border-radius: 50%;
        width: 32px;
        height: 32px;
    }

.stateful-load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.stateful-load-error {
    -webkit-animation: none;
    animation: none;
    border-color: red;
    transition: border 500ms ease-out;
}

.stateful-checkmark {
    display: none;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

    .stateful-checkmark.stateful-draw:after {
        opacity: 1;
        height: 16px;
        width: 8px;
        transform-origin: left top;
        border-right: 2px solid #5cb85c;
        border-top: 2px solid #5cb85c;
        content: '';
        left: 8px;
        top: 17px;
        position: absolute;
        animation-duration: 1.2s;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .stateful-checkmark.stateful-error:before, .stateful-checkmark.stateful-error:after {
        position: absolute;
        left: 15px;
        top: 6px;
        content: ' ';
        height: 20px;
        width: 2px;
        background-color: #f00;
    }

        .stateful-checkmark.stateful-error:before {
            transform: rotate(45deg);
        }

        .stateful-checkmark.stateful-error:after {
            transform: rotate(-45deg);
        }

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    33% {
        height: 6px;
        width: 8px;
        opacity: 1;
    }

    66% {
        height: 13px;
        width: 8px;
        opacity: 1;
    }

    100% {
        height: 16px;
        width: 8px;
        opacity: 1;
    }
}
                .add-to-cart-area {
}

.add-to-cart-area-dropdown {
    background: white;
    border-radius: 3px;
    position: relative;
    margin-bottom: 6px;
}

    .add-to-cart-area-dropdown:after {
        content: '';
        width: 56px;
        height: 56px;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1200 1200'%3E%3Cpath d='M600.006 989.352l178.709-178.709L1200 389.357l-178.732-178.709L600.006 631.91L178.721 210.648L0 389.369l421.262 421.262l178.721 178.721h.023z' fill='%23626262'/%3E%3Crect x='0' y='0' width='1200' height='1200' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .add-to-cart-area-dropdown select,
    .add-to-cart-area-dropdown-qty input,
    .add-to-cart-input-back-in-stock {
        background: transparent;
    }

    .add-to-cart-area-dropdown select,
    .add-to-cart-area-dropdown-qty input,
    .add-to-cart-area-dropdown-qty-label,
    .add-to-cart-input-back-in-stock {
        width: 100%;
        height: 56px;
        line-height: 56px;
        border-radius: 3px;
        outline: none;
        border: 1px solid #dfdfeb;
        -webkit-appearance: none;
        z-index: 1;
        font-family: 'citrfontreg';
    }

        .add-to-cart-area-dropdown select:focus,
        .add-to-cart-area-dropdown-qty input:focus,
        .add-to-cart-input-back-in-stock:focus {
            outline-color: #d0d0d7;
            border-color: #d0d0d7;
        }

    .add-to-cart-area-dropdown option {
        background: white;
    }

        .add-to-cart-area-dropdown option[data-status="out of stock"] {
            color: #bbb;
        }

.add-to-cart-area-dropdown-qty {
    margin-right: 6px;
    border-radius: 3px;
}

    .add-to-cart-area-dropdown-qty input {
        width: 56px;
    }

[data-browser="Internet Explorer"] .add-to-cart-area-dropdown-qty input {
    width: 100px;
}

.add-to-cart-area-dropdown-qty input {
    background: white;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.add-to-cart-area-dropdown-qty-label {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 12px;
    font-family: 'citrfontbold';
    border-right: none;
}

.add-to-cart-area-button,
[onclick*="AddStockNotificationModular"] {
    width: auto;
    height: 56px;
    line-height: 56px;
    padding: 0 24px;
    border-radius: 3px;
    margin-left: 6px;
    color: white;
    font-family: 'citrfontbold';
    cursor: pointer;
}

    .add-to-cart-area-button:focus,
    .add-to-cart-area-button.focus-within,
    .add-to-cart-area-dropdown:focus-within,
    .add-to-cart-area-dropdown.focus-within,
    .add-to-cart-area-dropdown-qty:focus-within,
    .add-to-cart-area-dropdown-qty.focus-within {
        box-shadow: 0px 0px 5px 0px #e4e4e4;
        outline: none;
    }

    .add-to-cart-area-button[data-available="false"],
    [onclick*="AddStockNotificationModular"] {
        background: #0e73b6;
    }

        .add-to-cart-area-button[data-available="false"]:focus,
        [onclick*="AddStockNotificationModular"]:focus {
            outline-color: #319de4;
        }

    .add-to-cart-area-button[data-available=""] {
        filter: grayscale(100%);
        cursor: not-allowed;
    }

    .add-to-cart-area-button:before {
        content: var(--22-add-to-basket-add);
        white-space: nowrap;
    }

    .add-to-cart-area-button[data-available="false"]:before {
        content: var(--22-add-to-basket-notify);
    }

.add-to-cart-area-1 {
    margin-bottom: 6px;
}

.add-to-cart-area-dropdown-qty,
.add-to-cart-area-2,
.add-to-cart-area-3 {
    filter: grayscale(1);
    position: relative;
}

    .add-to-cart-area-dropdown-qty:before,
    .add-to-cart-area-2:before,
    .add-to-cart-area-3:before {
        content: '';
        z-index: 2;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0);
    }

    .add-to-cart-area-2:after {
        text-align: center;
        content: var(--22-add-to-basket-select-option-availability);
        width: 100%;
        font-size: small;
        display: block;
        float: left;
    }

[data-selected="true"] .add-to-cart-area-dropdown-qty,
[data-selected="true"] ~ .add-to-cart-area-2,
[data-selected="true"] ~ .add-to-cart-area-3 {
    filter: grayscale(0);
}

    [data-selected="true"] .add-to-cart-area-dropdown-qty:before,
    [data-selected="true"] ~ .add-to-cart-area-2:before,
    [data-selected="true"] ~ .add-to-cart-area-3:before {
        display: none;
    }

    [data-selected="true"] ~ .add-to-cart-area-2:after,
    [data-available="true"] ~ .add-to-cart-area-2:after,
    [data-available="false"] ~ .add-to-cart-area-2:after,
    .add-to-cart-area-1:not([data-selected="true"]) ~ .add-to-cart-area-2 .add-to-cart-area-msg-stock,
    .add-to-cart-area-1:not([data-selected="true"]) ~ .add-to-cart-area-2 .add-to-cart-area-msg-handling {
        display: none;
    }

[data-available="false"] ~ .add-to-cart-area-2 {
    display: none;
}

[checkstockmsg]:before {
    text-transform: uppercase;
    content: var(--22-add-to-basket-select-option);
}

[data-selected="true"] ~ .add-to-cart-area-3 [checkstockmsg]:before {
    content: var(--22-add-to-basket-check-stock);
}

.add-to-cart-area-msg {
    font-size: 14px;
    margin: 6px 0;
    border-top: 1px solid #dfdfeb;
}

.add-to-cart-area-msg-stock {
    font-family: 'citrfontbold';
    border-bottom: 1px solid #dfdfeb;
    padding: 10px 0;
}

    .add-to-cart-area-msg-stock:before,
    .add-to-cart-area-msg-stock:after {
        display: block;
        float: left;
    }

    .add-to-cart-area-msg-stock:before {
        content: var(--22-add-to-basket-stock-availability);
        width: 50%;
        text-align: left !important;
    }

    .add-to-cart-area-msg-stock:after {
        content: attr(data-amountmsg);
        width: 50%;
        text-align: right;
        color: #6db60e;
    }

.amountmsg-preorder.add-to-cart-area-msg-stock:after {
    content: attr(data-amountmsg);
    width: 50%;
    text-align: right;
    color: #832357;
}

.add-to-cart-area-msg-handling {
    border-bottom: 1px solid #dfdfeb;
    padding: 10px 0;
    font-family: 'citrfontbold';
}

    .add-to-cart-area-msg-handling:before,
    .add-to-cart-area-msg-handling:after {
        display: block;
        width: 50%;
        float: left;
    }

    .add-to-cart-area-msg-handling:before {
        content: var(--22-add-to-basket-estimated-despatch);
        text-align: left !important;
    }

    .add-to-cart-area-msg-handling:after {
        content: attr(data-handlingmsg);
        text-align: right;
    }

    .add-to-cart-area-msg-handling[data-handlingmsg=""]:before {
        content: var(--22-add-to-basket-estimated-collection);
    }

    .add-to-cart-area-msg-handling[data-handlingmsg=""]:after {
        content: attr(data-collectmsg);
        text-align: right;
    }

    .add-to-cart-area-msg-handling[data-handlingmsg="Checking with couriers ..."]:before {
        margin-left: 6px;
    }

    .add-to-cart-area-msg-handling[data-handlingmsg="Checking with couriers ..."]:after {
        content: '';
        display: block;
        float: left;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
        animation: handling-loader 1s infinite;
    }

    .add-to-cart-area-msg-handling[data-handlingmsg*="null."] {
        display: none !important;
    }

@keyframes handling-loader {
    0% {
        background: #4CC9F0;
    }

    25% {
        -moz-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    33% {
        background: #3F37C9;
    }

    50% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    66% {
        background: #7209B7;
    }

    25% {
        -moz-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    100% {
        background: #F72585;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.add-to-cart-area-msg-stock[data-amountmsg="non tracked"],
.add-to-cart-area-msg-handling[data-handlingmsg="non tracked"] {
    display: none;
}

.add-to-cart-area-checkavailability {
    height: 56px;
    background: #5b917a;
    line-height: 56px;
    padding: 0 0 0 12px;
    color: white;
    border-radius: 3px;
    overflow: hidden;
    font-size: 14px;
    cursor: pointer;
    text-align: right;
}

    .add-to-cart-area-checkavailability[data-visible*="alse"] {
        display: none;
    }

    .add-to-cart-area-checkavailability span[class*="icon-"] {
        height: 56px;
        line-height: 56px;
        background: rgba(0, 0, 0, 0.2);
        margin-left: 12px;
        padding: 0 24px;
        color: white !important;
        float: right;
    }

        .add-to-cart-area-checkavailability span[class*="icon-"]:before {
            transform: rotate(90deg);
            display: inline-block;
        }

.add-to-cart-stock-availability-results .mapContainer,
.add-to-cart-stock-availability-results .mapContainer .ctrPad32 {
    padding: 0;
}

[data-backinstock] {
    margin-top: 8px;
    padding: 16px;
    font-size: 14px;
    border: 1px solid #4d7020;
    color: #4d7020;
    background: #e8f0df;
}

[data-backinstock="false"] {
    filter: hue-rotate(270deg);
}

[data-backinstock]:empty {
    display: none;
}

.add-to-cart-input-back-in-stock,
.add-to-cart-input-back-in-stock:hover,
.add-to-cart-input-back-in-stock:active {
    background: white;
    padding: 0 12px;
}

[onclick*="AddStockNotificationModular"] {
}

#cart-pills {
    justify-content: space-between;
}

    #cart-pills > div {
        font-size: 16px;
        border-radius: 3px;
        line-height: 56px;
        background: #f4f4f4;
        color: #282e33;
        padding: 0 12px;
        flex-grow: 1;
        text-align: left;
        width: 100%;
    }
[data-hidecc-message] .add-to-cart-area-msg-handling {
    display: none;
}

@media screen and (max-width: 415px) {
    .add-to-cart-area-1-row-2 {
        flex-wrap: wrap;
    }

    .add-to-cart-area-button {
        width: 100%;
        margin-left: 0;
        margin-top: 6px;
        text-align: center;
    }

    .add-to-cart-area-checkavailability {
        font-size: 12px;
    }

    #cart-pills > div {
        font-size: 14px;
    }

    .add-to-cart-area-dropdown:after {
        width: 40px;
    }

    .add-to-cart-area-dropdown:after,
    .add-to-cart-area-dropdown select,
    .add-to-cart-area-dropdown-qty input,
    .add-to-cart-area-dropdown-qty-label,
    .add-to-cart-input-back-in-stock,
    .add-to-cart-area-button,
    [onclick*="AddStockNotificationModular"],
    .add-to-cart-area-checkavailability,
    .add-to-cart-area-checkavailability span[class*="icon-"] {
        height: 40px;
    }

        .add-to-cart-area-dropdown select,
        .add-to-cart-area-dropdown-qty input,
        .add-to-cart-area-dropdown-qty-label,
        .add-to-cart-input-back-in-stock,
        .add-to-cart-area-button,
        [onclick*="AddStockNotificationModular"],
        .add-to-cart-area-checkavailability,
        .add-to-cart-area-checkavailability span[class*="icon-"],
        #cart-pills > div {
            line-height: 40px;
        }

            .add-to-cart-area-checkavailability span[class*="icon-"] {
                padding: 0 12px;
            }
}
                /*
    *************************************************
    Grouped Styling
    *************************************************
*/
.cc-lookup-service-entry {
    overflow: hidden;
}

.cc-lookup-service-lookupresults-store .add-to-cart-area-button,
.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-warningtext,
.cc-lookup-service-lookupresults-morelesstoggle a {
    user-select: none;
}

.cc-lookup-service-entry .cc-lookup-service-lookupbutton,
.cc-lookup-service-lookupbutton-location {
    cursor: pointer;
}

.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-entry .cc-lookup-service-lookupbutton,
.cc-lookup-service-countryselect-wrapper select {
    padding: 0 16px;
}

.cc-lookup-service-lookupresults-morelesstoggle {
    margin-top: 8px;
}

.cc-lookup-service-entry > *,
.cc-lookup-service-divider > * {
    display: flex;
}

.cc-lookup-service-entry,
.cc-lookup-service-entry > *,
.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-lookupresults-store .add-to-cart-area-button,
.cc-lookup-service-countryselect-wrapper:after,
.cc-lookup-service-countryselect-wrapper select,
.cc-lookup-service-lookupresults-morelesstoggle a {
    height: 47px;
}

    .cc-lookup-service-entry,
    .cc-lookup-service-entry > *,
    .cc-lookup-service-lookupbutton-location,
    .cc-lookup-service-entry .cc-lookup-service-lookupbutton:before,
    .cc-lookup-service-lookupresults-store .add-to-cart-area-button,
    .cc-lookup-service-countryselect-wrapper select,
    .cc-lookup-service-lookupresults-morelesstoggle a,
    .cc-lookup-service-lookupresults-morelesstoggle a:before {
        line-height: 47px;
    }

        .cc-lookup-service-entry input,
        .cc-lookup-service-entry select,
        .cc-lookup-service-countryselect-wrapper select {
            font-family: 'citrfontreg';
        }

.cc-lookup-service-lookupresults-store .add-to-cart-area-button,
.cc-lookup-service-warningtext,
.cc-lookup-service-lookupresults-store [data-availability],
.cc-lookup-service-lookupresults-store [data-leadtime],
.cc-lookup-service-lookupresults-store---name,
.cc-lookup-service-lookupresults-store---distance {
    font-family: 'citrfontbold';
}

modal-message[id*="ClickAndCollectLookupStoreViewMap"] modal-message-inner modal-message-inner-message modal-message-header,
modal-message[id*="ClickAndCollectLookupStoreViewOpeningHours"] modal-message-inner modal-message-inner-message modal-message-header,
.cc-lookup-service-lookupresults-store .add-to-cart-area-button {
    font-size: 16px;
}

.cc-lookup-service-entry input,
.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-lookupresults-store,
.cc-lookup-service-lookupresults-store *,
.cc-lookup-service-countryselect-wrapper select,
.cc-lookup-service-lookupresults-morelesstoggle a {
    font-size: 14px;
}

.cc-lookup-service-divider > .cc-lookup-service-divider-middle,
.cc-lookup-service-warningtext,
a[onclick*=".cc-lookup-service-countryselect-wrapper"] {
    font-size: 12px;
}

.cc-lookup-service-lookupresults-store [data-availability],
.cc-lookup-service-lookupresults-store [data-leadtime] {
    font-size: 10px;
}

.cc-lookup-service-lookupresults-store .add-to-cart-area-button,
.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-lookupresults-morelesstoggle a {
    text-align: center;
}

.cc-lookup-service-entry input {
    text-transform: capitalize;
}

.cc-lookup-service-entry .cc-lookup-service-lookupbutton,
.cc-lookup-service-lookupresults-store .add-to-cart-area-button,
.cc-lookup-service-lookupresults-morelesstoggle a:hover {
    background: #2f76ec;
}

.cc-lookup-service-entry input,
.cc-lookup-service-entry select,
.cc-lookup-service-countryselect-wrapper,
.cc-lookup-service-countryselect-wrapper option {
    background: white;
}

.cc-lookup-service-lookupbutton-location {
    background: #e8f4ff;
}

.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-lookupresults-morelesstoggle a {
    color: #2f76ec;
}

    .cc-lookup-service-lookupresults-morelesstoggle a:hover {
        color: white;
    }

.cc-lookup-service-lookupbutton-location,
.cc-lookup-service-lookupresults-morelesstoggle a {
    border: 1px solid #2f76ec;
}

.cc-lookup-service-entry,
.cc-lookup-service-countryselect-wrapper select {
    border: 1px solid #dfdfeb;
}

    .cc-lookup-service-entry input,
    .cc-lookup-service-entry select {
        border: none;
    }

    .cc-lookup-service-entry input,
    .cc-lookup-service-entry select {
        outline: none !important;
    }

    .cc-lookup-service-entry,
    .cc-lookup-service-entry > *,
    .cc-lookup-service-lookupbutton-location,
    .cc-lookup-service-countryselect-wrapper,
    .cc-lookup-service-countryselect-wrapper select,
    .cc-lookup-service-lookupresults-store .add-to-cart-area-button,
    .cc-lookup-service-lookupresults-morelesstoggle a {
        border-radius: 3px;
    }

        .cc-lookup-service-countryselect-wrapper:after,
        .cc-lookup-service-entrysection[data-ilc=''][data-productid='']:before,
        .cc-lookup-service-divider > .cc-lookup-service-divider-left:before,
        .cc-lookup-service-divider > .cc-lookup-service-divider-right:before {
            content: '';
            position: absolute;
        }

/*
    *************************************************
    Element-specific Styling
    *************************************************
*/
        .cc-lookup-service-entry .cc-lookup-service-lookupbutton {
            color: white !important;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.cc-lookup-service-countryselect-wrapper {
    position: relative;
    margin-bottom: 6px;
}

    .cc-lookup-service-countryselect-wrapper:after {
        width: 47px;
        top: 0;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 1200 1200'%3E%3Cpath d='M600.006 989.352l178.709-178.709L1200 389.357l-178.732-178.709L600.006 631.91L178.721 210.648L0 389.369l421.262 421.262l178.721 178.721h.023z' fill='%23626262'/%3E%3Crect x='0' y='0' width='1200' height='1200' fill='rgba(0, 0, 0, 0)' /%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .cc-lookup-service-countryselect-wrapper select {
        background: transparent;
    }

    .cc-lookup-service-countryselect-wrapper select {
        width: 100%;
        outline: none;
        -webkit-appearance: none;
        z-index: 1;
    }

        .cc-lookup-service-countryselect-wrapper select:focus {
            outline-color: #d0d0d7;
            border-color: #d0d0d7;
        }

.cc-lookup-service-lookupresults[data-expanded="false"] > .cc-lookup-service-lookupresults-store:nth-child(n+4) {
    display: none;
}

.cc-lookup-service-lookupresults:empty + .cc-lookup-service-lookupresults-morelesstoggle,
.cc-lookup-service-lookupresults[data-hasstores="false"] + .cc-lookup-service-lookupresults-morelesstoggle,
.cc-lookup-service-lookupresults[data-storecount="0"] + .cc-lookup-service-lookupresults-morelesstoggle,
.cc-lookup-service-lookupresults[data-storecount="1"] + .cc-lookup-service-lookupresults-morelesstoggle,
.cc-lookup-service-lookupresults[data-storecount="2"] + .cc-lookup-service-lookupresults-morelesstoggle,
.cc-lookup-service-lookupresults[data-storecount="3"] + .cc-lookup-service-lookupresults-morelesstoggle {
    display: none;
}

.cc-lookup-service-lookupresults + .cc-lookup-service-lookupresults-morelesstoggle a:before {
    display: block;
}

.cc-lookup-service-lookupresults[data-expanded="false"] + .cc-lookup-service-lookupresults-morelesstoggle a:before {
    content: var(--22b-click-and-collect-lookup-service-view-all);
}

.cc-lookup-service-lookupresults[data-expanded="true"] + .cc-lookup-service-lookupresults-morelesstoggle a:before {
    content: var(--22b-click-and-collect-lookup-service-view-less);
}

.cc-lookup-service-lookupresults-store {
    border-bottom: 1px solid #dfdfeb;
    padding: 10px 0;
}

    .cc-lookup-service-lookupresults-store > div {
        border-left: 1px solid #1E1E44;
        margin: 10px 0;
    }

    .cc-lookup-service-lookupresults-store [data-leadtimeavailability] {
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-leadtime],
        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability] {
            background: #1E1E44;
            color: white;
            padding: 4px 8px;
        }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability] {
            background: #26AA5B;
        }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability*="Unavailable"] {
            background: #D8150F;
        }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability*="Hurry"] {
            background: #E37F00;
        }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability*="Last Few"] {
            background: #D7A409;
        }

        .cc-lookup-service-lookupresults-store [data-leadtimeavailability] [data-availability*="Delivered to"] {
            background: #1BABA5;
        }

    .cc-lookup-service-lookupresults-store .add-to-cart-area-button {
        width: 100% !important;
        margin-left: 0;
    }

modal-message[id*="ClickAndCollectLookupStoreViewMap"] modal-message-inner modal-message-inner-message modal-message-body {
    padding: 0 !important;
}

.ccservice-results-padding-8 {
    padding: 8px;
}

.cc-lookup-service-entrysection[data-ilc=''][data-productid=''] {
    filter: grayscale(1);
}

    .cc-lookup-service-entrysection[data-ilc=''][data-productid='']:before {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.2);
        z-index: 1;
    }

    .cc-lookup-service-entrysection[data-ilc=''][data-productid=''] + div {
        opacity: 0;
    }

.cc-lookup-service-divider {
    margin: 8px 0;
}

    .cc-lookup-service-divider > .cc-lookup-service-divider-left,
    .cc-lookup-service-divider > .cc-lookup-service-divider-right {
        flex-grow: 1;
        position: relative;
    }

        .cc-lookup-service-divider > .cc-lookup-service-divider-left:before,
        .cc-lookup-service-divider > .cc-lookup-service-divider-right:before {
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            width: 100%;
            background: #dfdfeb;
        }

    .cc-lookup-service-divider > .cc-lookup-service-divider-middle {
        flex-grow: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 8px;
    }

#cc-title,
#cc-tagline {
    font-family: 'citrfontbold', sans-serif;
}
                /* Feather Icons & FontAwesome Icon Replacement */
@font-face {
    font-family: feather;
    src: url(/platformfont/feather-webfont.eot);
    src: url(/platformfont/feather-webfont.eot?#iefix) format("embedded-opentype"),url(/platformfont/feather-webfont.woff) format("woff"),url(/platformfont/feather-webfont.ttf) format("truetype"),url(/platformfont/feather-webfont.svg#feather) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-], [data-icon]:before, .fa {
    display: inline-block;
    font-family: feather;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .fa:before, .fa:after {
        font-family: inherit;
    }

[data-icon]:before {
    content: attr(data-icon)
}

.icon-eye:before {
    content: "\e000"
}

.icon-paper-clip:before {
    content: "\e001"
}

.icon-mail:before, .fa-envelope:before, .fa-envelope-o:before, .fa-envelope-open:before, .fa-envelope-open-o:before, .fa-envelope-square:before {
    content: "\e002"
}

.icon-toggle:before {
    content: "\e003"
}

.icon-layout:before {
    content: "\e004"
}

.icon-link:before {
    content: "\e005"
}

.icon-bell:before, .fa-truck:before {
    content: "\e006"
}

.icon-lock:before, .fa-lock:before {
    content: "\e007"
}

.icon-unlock:before {
    content: "\e008"
}

.icon-ribbon:before {
    content: "\e009"
}

.icon-image:before {
    content: "\e010"
}

.icon-signal:before {
    content: "\e011"
}

.icon-target:before {
    content: "\e012"
}

.icon-clipboard:before {
    content: "\e013"
}

.icon-clock:before {
    content: "\e014"
}

.icon-watch:before {
    content: "\e015"
}

.icon-air-play:before {
    content: "\e016"
}

.icon-camera:before, .fa-camera:before, .fa-camera-retro:before {
    content: "\e017"
}

.icon-video:before {
    content: "\e018"
}

.icon-disc:before {
    content: "\e019"
}

.icon-printer:before {
    content: "\e020"
}

.icon-monitor:before {
    content: "\e021"
}

.icon-server:before {
    content: "\e022"
}

.icon-cog:before {
    content: "\e023"
}

.icon-heart:before {
    content: "\e024"
}

.icon-paragraph:before {
    content: "\e025"
}

.icon-align-justify:before {
    content: "\e026"
}

.icon-align-left:before {
    content: "\e027"
}

.icon-align-center:before {
    content: "\e028"
}

.icon-align-right:before {
    content: "\e029"
}

.icon-book:before {
    content: "\e030"
}

.icon-layers:before {
    content: "\e031"
}

.icon-stack:before {
    content: "\e032"
}

.icon-stack-2:before {
    content: "\e033"
}

.icon-paper:before {
    content: "\e034"
}

.icon-paper-stack:before {
    content: "\e035"
}

.icon-search:before {
    content: "\e036"
}

.icon-zoom-in:before {
    content: "\e037"
}

.icon-zoom-out:before {
    content: "\e038"
}

.icon-reply:before {
    content: "\e039"
}

.icon-circle-plus:before {
    content: "\e040"
}

.icon-circle-minus:before {
    content: "\e041"
}

.icon-circle-check:before, .fa-check-circle:before, .fa-check-circle-o:before {
    content: "\e042"
}

.icon-circle-cross:before {
    content: "\e043"
}

.icon-square-plus:before {
    content: "\e044"
}

.icon-square-minus:before {
    content: "\e045"
}

.icon-square-check:before, .fa-check-square:before, .fa-check-square-o:before {
    content: "\e046"
}

.icon-square-cross:before {
    content: "\e047"
}

.icon-microphone:before {
    content: "\e048"
}

.icon-record:before {
    content: "\e049"
}

.icon-skip-back:before {
    content: "\e050"
}

.icon-rewind:before {
    content: "\e051"
}

.icon-play:before {
    content: "\e052"
}

.icon-pause:before {
    content: "\e053"
}

.icon-stop:before {
    content: "\e054"
}

.icon-fast-forward:before {
    content: "\e055"
}

.icon-skip-forward:before {
    content: "\e056"
}

.icon-shuffle:before, .fa-unsorted:before {
    content: "\e057"
}

.icon-repeat:before {
    content: "\e058"
}

.icon-folder:before {
    content: "\e059"
}

.icon-umbrella:before {
    content: "\e060"
}

.icon-moon:before {
    content: "\e061"
}

.icon-thermometer:before {
    content: "\e062"
}

.icon-drop:before {
    content: "\e063"
}

.icon-sun:before {
    content: "\e064"
}

.icon-cloud:before, .fa-cloud:before {
    content: "\e065"
}

.icon-cloud-upload:before, .fa-cloud-upload:before {
    content: "\e066"
}

.icon-cloud-download:before, .fa-cloud-download:before {
    content: "\e067"
}

.icon-upload:before {
    content: "\e068"
}

.icon-download:before {
    content: "\e069"
}

.icon-location:before {
    content: "\e070"
}

.icon-location-2:before {
    content: "\e071"
}

.icon-map:before {
    content: "\e072"
}

.icon-battery:before {
    content: "\e073"
}

.icon-head:before {
    content: "\e074"
}

.icon-briefcase:before {
    content: "\e075"
}

.icon-speech-bubble:before {
    content: "\e076"
}

.icon-anchor:before {
    content: "\e077"
}

.icon-globe:before {
    content: "\e078"
}

.icon-box:before {
    content: "\e079"
}

.icon-reload:before {
    content: "\e080"
}

.icon-share:before {
    content: "\e081"
}

.icon-marquee:before {
    content: "\e082"
}

.icon-marquee-plus:before {
    content: "\e083"
}

.icon-marquee-minus:before {
    content: "\e084"
}

.icon-tag:before {
    content: "\e085"
}

.icon-power:before {
    content: "\e086"
}

.icon-command:before {
    content: "\e087"
}

.icon-alt:before {
    content: "\e088"
}

.icon-esc:before {
    content: "\e089"
}

.icon-bar-graph:before {
    content: "\e090"
}

.icon-bar-graph-2:before {
    content: "\e091"
}

.icon-pie-graph:before {
    content: "\e092"
}

.icon-star:before {
    content: "\e093"
}

.icon-arrow-left:before, .fa-angle-double-left:before, .fa-angle-left:before, .fa-arrow-left:before, .fa-chevron-left:before {
    content: "\e094"
}

.icon-arrow-right:before, .fa-angle-double-right:before, .fa-angle-right:before, .fa-arrow-right:before, .fa-chevron-right:before {
    content: "\e095"
}

.icon-arrow-up:before, .fa-angle-double-up:before, .fa-angle-up:before, .fa-arrow-up:before, .fa-chevron-up:before {
    content: "\e096"
}

.icon-arrow-down:before, .fa-angle-double-down:before, .fa-angle-down:before, .fa-arrow-down:before, .fa-chevron-down:before {
    content: "\e097"
}

.icon-volume:before {
    content: "\e098"
}

.icon-mute:before {
    content: "\e099"
}

.icon-content-right:before {
    content: "\e100"
}

.icon-content-left:before {
    content: "\e101"
}

.icon-grid:before {
    content: "\e102"
}

.icon-grid-2:before {
    content: "\e103"
}

.icon-columns:before {
    content: "\e104"
}

.icon-loader:before {
    content: "\e105"
}

.icon-bag:before, .fa-shopping-bag:before, .fa-shopping-basket:before, .fa-shopping-cart:before {
    content: "\e106"
}

.icon-ban:before {
    content: "\e107"
}

.icon-flag:before {
    content: "\e108"
}

.icon-trash:before {
    content: "\e109"
}

.icon-expand:before {
    content: "\e110"
}

.icon-contract:before {
    content: "\e111"
}

.icon-maximize:before, .fa-arrows:before, .fa-arrows-alt:before, .fa-expand:before {
    content: "\e112"
}

.icon-minimize:before, .fa-compress:before {
    content: "\e113"
}

.icon-plus:before {
    content: "\e114"
}

.icon-minus:before {
    content: "\e115"
}

.icon-check:before, .fa-check:before {
    content: "\e116"
}

.icon-cross:before, .fa-close:before {
    content: "\e117"
}

.icon-move:before {
    content: "\e118"
}

.icon-delete:before {
    content: "\e119"
}

.icon-menu:before, .fa-bars:before, .fa-sliders:before {
    content: "\e120"
}

.icon-archive:before {
    content: "\e121"
}

.icon-inbox:before {
    content: "\e122"
}

.icon-outbox:before {
    content: "\e123"
}

.icon-file:before {
    content: "\e124"
}

.icon-file-add:before {
    content: "\e125"
}

.icon-file-subtract:before {
    content: "\e126"
}

.icon-help:before {
    content: "\e127"
}

.icon-open:before, .fa-external-link:before, .fa-external-link-square:before {
    content: "\e128"
}

.icon-ellipsis:before, .fa-ellipsis-h:before {
    content: "\e129"
}
                .modular-review-faq-container---header {
    border-bottom: 1px solid black;
}

    .modular-review-faq-container---header span {
        line-height: 200%;
        background: #666;
        color: white;
        cursor: pointer;
    }

        .modular-review-faq-container---header span.r-section-active {
            background: black;
        }

        .modular-review-faq-container---header span i {
            display: block;
            float: right;
            background: rgba(255,255,255,0.15);
            font-size: smaller;
        }

.modular-review-faq-container---body {
    display: none;
}

    .modular-review-faq-container---body.r-section-active {
        display: block;
    }

.modular-review-faq-slidein {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.65);
    z-index: 100000;
    opacity: 0;
    display: none;
}

    .modular-review-faq-slidein.slidein-show {
        display: block;
        opacity: 1;
    }

.modular-review-faq-slidein-inner {
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    width: 420px;
    max-width: 100%;
    height: 100%;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto;
}

.modular-review-faq-slidein.slidein-show .modular-review-faq-slidein-inner {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}


.modular-review-faq-slidein-close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
                /**** STARBUY BRANDING ***************************************************************************/

:root {
    --starbuyColourOne: #f4eef8;
    --starbuyColourTwo: #e0d0ed;
    --starbuyColourThree: #9158bf;
    --starbuyColourOneApplied: #f4f8ee;
    --starbuyColourTwoApplied: #e3edd0;
    --starbuyColourThreeApplied: #789b43;
}

/**** DRAWER GENERICS ***************************************************************************/

.starbuy-drawer *:not(.fa),
.starbuy-drawer-promotion *:not(.fa),
.starbuy-faf-preview *:not(.fa) {
    font-family: 'MuliRegularFont' !important;
}

.starbuy-list-element *:not(.fa),
.starbuy-drawer-promo-header-description-top,
.starbuy-drawer-single-product .starbuy-drawer-single-product-info---name,
.starbuy-drawer-multi-products .starbuy-drawer-single-product-info---name,
.starbuy-drawer-single-product .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-explainer,
.starbuy-product-preview .starbuy-product-preview-header,
.starbuy-faf-preview .starbuy-faf-preview-message-lead,
.starbuy-faf-preview .starbuy-faf-preview-message-whenyoubuy {
    font-family: 'MuliBoldFont' !important;
}

.starbuy-drawer {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .starbuy-drawer[data-state="open"] {
        opacity: 1;
    }

    .starbuy-drawer[data-drawer-number="1"] {
        z-index: 500;
    }

    .starbuy-drawer[data-drawer-number="2"] {
        z-index: 501;
    }

.starbuy-drawer-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    min-height: 100%;
    width: 500px;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .starbuy-drawer[data-state="open"] .starbuy-drawer-inner {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
    }

    .starbuy-drawer[data-drawer-number="1"] .starbuy-drawer-inner {
        width: 500px;
    }

.starbuy-drawer-promotion {
    width: 100%;
    min-height: 100%;
    padding: 32px;
    background: white;
    flex-grow: 1;
    -webkit-box-shadow: -10px 0px 16px 0px rgba(0,0,0,0.35);
    box-shadow: -10px 0px 16px 0px rgba(0,0,0,0.35);
    overflow-x: none;
    overflow-y: auto;
    user-select: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.starbuy-drawer-close {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    flex-grow: 0;
    min-width: 32px;
    cursor: pointer;
    position: relative;
    background: black;
}

    .starbuy-drawer-close:before, .starbuy-drawer-close:after {
        position: absolute;
        top: 8px;
        left: 15px;
        content: ' ';
        height: 16px;
        width: 2px;
        background-color: white;
    }

    .starbuy-drawer-close:before {
        transform: rotate(45deg);
    }

    .starbuy-drawer-close:after {
        transform: rotate(-45deg);
    }

.starbuy-drawer-close-inner {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: 0.0625rem solid;
    color: var(--starbuyColourThree);
    font-size: 0.75rem;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    gap: 0.25rem;
}

.starbuy-drawer-promo-header {
    margin-bottom: 16px;
}

.starbuy-drawer-promo-header-title {
    background-color: var(--starbuyColourThree);
    color: var(--starbuyColourOne);
    padding: 8px 0;
    margin-bottom: 8px;
    text-align: center;
}

    .starbuy-drawer-promo-header-title span:before {
        content: '\e093';
        font-family: feather;
    }

.starbuy-drawer-promo-header-description {
    padding: 16px;
    background-color: var(--starbuyColourOne);
}

.starbuy-drawer-promo-header-description-top {
    color: var(--starbuyColourThree);
    margin-bottom: 8px;
    font-size: 1.25em;
}

.starbuy-drawer-promo-header-description-bottom {
    color: #222;
    font-size: 0.9em;
}

.starbuy-drawer-divider {
    width:100%;
    float:left;
    height:1px;
    background: var(--starbuyColourTwo);
    margin: 16px 0;
}


/**** DRAWER 1 - PRODUCT ***************************************************************************/
.starbuy-list-element {
    padding: 16px 48px 16px 16px;
    font-size: 1.25em;
    margin-bottom: 16px;
    position: relative;
    color: var(--starbuyColourThree);
    background-color: var(--starbuyColourOne);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    user-select: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
}

    .starbuy-list-element:hover {
        background-color: var(--starbuyColourTwo);
    }

    .starbuy-list-element[data-applied="true"] {
        color: var(--starbuyColourThreeApplied);
        background-color: var(--starbuyColourTwoApplied);
        cursor: auto;
    }

        .starbuy-list-element[data-applied="true"]:hover {
            background-color: var(--starbuyColourTwoApplied);
        }

    .starbuy-list-element [class*="starbuy-list-element-"] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        width: 32px;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        align-content: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        font-size: 0.8em;
    }

    .starbuy-list-element .starbuy-list-element-arrow {
        background-color: var(--starbuyColourTwo);
        color: var(--starbuyColourThree);
    }

        .starbuy-list-element .starbuy-list-element-arrow:after {
            content: '\e095';
            font-family: feather;
        }

    .starbuy-list-element .starbuy-list-element-check {
        background-color: var(--starbuyColourTwoApplied);
        color: var(--starbuyColourThreeApplied);
    }

        .starbuy-list-element .starbuy-list-element-check:after {
            content: '\e116';
            font-family: feather;
        }

    .starbuy-list-element .starbuy-list-element-prefix {
        background-color: var(--starbuyColourThree);
        color: white;
        position: relative;
        padding: 0 8px;
        margin: 0 16px 0 0;
        width: auto;
        top: auto;
        bottom: auto;
        left: auto;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        font-size: 10px;
    }

        .starbuy-list-element .starbuy-list-element-prefix:before {
            content: '\e093';
            font-family: feather;
            margin-right: 4px;
        }

.basket-itemrow-offers .starbuy-product-preview {
    float: left;
    margin: 0 8px 16px 0;
}

/**** DRAWER 2 - OFFER ***************************************************************************/

.starbuy-drawer-single-product {
}

    .starbuy-drawer-multi-products,
    .starbuy-drawer-single-product,
    .starbuy-drawer-single-product .starbuy-drawer-single-product-info,
    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---image,
    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---name,
    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price,
    .starbuy-drawer-single-product .starbuy-drawer-addtobasket,
    .starbuy-drawer-single-product .starbuy-drawer-viewproduct,
    .starbuy-drawer-multi-products .starbuy-drawer-viewproduct,
    .starbuy-drawer-viewalloffers-backbutton,
    .starbuy-drawer-multi-products .starbuy-drawer-multi-products-items,
    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info > a,
    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info > div {
        width: 100%;
        float: left;
    }

        .starbuy-drawer-single-product .starbuy-drawer-viewproduct,
        .starbuy-drawer-multi-products .starbuy-drawer-viewproduct,
        .starbuy-drawer-viewalloffers-backbutton {
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

        .starbuy-drawer-viewalloffers-backbutton {
            margin: 0 0 8px 0;
        }

        .starbuy-drawer-single-product .starbuy-drawer-viewproduct,
        .starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproducttarget,
        .starbuy-drawer-viewalloffers-backbutton {
            color: white;
            background-color: var(--starbuyColourThree);
            text-align: center;
            border-radius: 3px;
            padding: 8px 0;
            font-size: 0.8em;
        }

            .starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproducttarget,
            .starbuy-drawer-viewalloffers-backbutton {
                background-color: white;
                border: 1px solid;
                border-color: var(--starbuyColourThree);
                color: var(--starbuyColourThree);
            }

                .starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproducttarget:hover,
                .starbuy-drawer-viewalloffers-backbutton:hover {
                    background-color: var(--starbuyColourThree);
                    color: white;
                }

        .starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproductquicklook {
            color: var(--starbuyColourThree);
        }

            .starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproductquicklook:after {
                content: '\e128';
                font-family: feather;
                margin-left: 4px;
                display: inline-block;
            }

    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---image,
    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---image {
        margin: 0 0 16px 0;
        display: block;
    }

    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---name,
    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---name {
        margin: 0 0 8px 0;
    }

    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---name {
        min-height: calc(1.55em * 3);
    }

    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price,
    .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---price {
        margin: 0 0 8px 0;
    }

        .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price > div,
        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---price > div {
            float: left;
        }

        .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-afterstarbuy,
        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-afterstarbuy {
            color: var(--starbuyColourThree);
            margin: 0 16px 0 0;
        }

        .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-beforestarbuy,
        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-beforestarbuy {
            color: #999;
            text-decoration: line-through;
        }

        .starbuy-drawer-single-product .starbuy-drawer-single-product-info---price .starbuy-drawer-single-product-info---price-explainer {
            width: 100%;
            font-size: 0.7em;
        }

    .starbuy-drawer-single-product .starbuy-drawer-addtobasket {
        margin: 0 0 8px 0;
    }

        .starbuy-drawer-single-product .starbuy-drawer-addtobasket .add-to-cart-area-dropdown-qty {
            display: none !important;
        }

    .starbuy-drawer-multi-products .starbuy-drawer-multi-products-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin: 16px 0 0 0;
    }

        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---image {
            margin: 0 0 8px 0;
        }

        .starbuy-drawer-multi-products .starbuy-drawer-viewproduct {
            font-size: 0.8em;
            padding: 4px 0;
        }

        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---name {
            font-size:0.9em;
        }

        .starbuy-drawer-multi-products .starbuy-drawer-single-product-info---price {
            font-size: 0.8em;
        }

    .starbuy-drawer[data-drawer-number="2"] {
        --padding: 32px;
    }

    .starbuy-drawer[data-drawer-number="2"] .starbuy-drawer-promotion {
        padding: 0;
    }

    .starbuy-drawer[data-drawer-number="2"] .starbuy-drawer-single-product {
        padding: var(--padding, 32px);
    }

    .starbuy-drawer[data-drawer-number="2"] .starbuy-drawer-promotion > .starbuy-drawer-promo-header {
        padding: var(--padding, 32px);;
        margin-bottom: 0;
    }

    .starbuy-drawer[data-drawer-number="2"] .starbuy-drawer-promotion > .starbuy-drawer-viewalloffers-backbutton {
        margin-inline: var(--padding, 32px);
        width: calc( 100% - calc( var(--padding, 32px) * 2 ));
    }

    .starbuy-drawer[data-drawer-number="2"] :is(.starbuy-drawer-top-buttons, .starbuy-drawer-multi-products-items) {
        padding: 0 var(--padding, 32px) var(--padding, 32px) var(--padding, 32px);
        overflow: hidden;
    }

    .starbuy-drawer-bottom-buttons {
        width: 100%;
        float: left;
        display: block;
        padding: var(--padding, 32px);
        background: var(--starbuyColourTwo);
    }

    .starbuy-drawer-top-buttons {
        background: transparent;
    }

    .starbuy-drawer-bottom-buttons :is(.starbuy-drawer-multi-products .starbuy-drawer-viewproduct.starbuy-drawer-viewproducttarget, .starbuy-drawer-viewalloffers-backbutton) {
        background: var(--starbuyColourThree);
        color: #fff;
        text-transform: uppercase;
    }

@media screen and (max-width: 768px) {
    .starbuy-drawer[data-drawer-number="2"] {
        --padding: 16px;
    }
}

/**** PREVIEWS ***************************************************************************/

#detailfast-starbuys {
    width: 100%;
}

.starbuy-product-preview,
.starbuy-faf-preview {
    border: 1px solid;
    border-color: var(--starbuyColourThree);
    background: white;
    border-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    -webkit-align-items: stretch;
    line-height: 150%;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .starbuy-product-preview:hover {
        background: var(--starbuyColourOne);
    }

    .starbuy-product-preview > div,
    .starbuy-faf-preview > div {
        padding: 16px;
    }

    .starbuy-faf-preview {
        max-width: 100%;
        line-height: 135%;
        margin: 0 0 16px 0;
        background-color: var(--starbuyColourOne);
    }

    .starbuy-product-preview .starbuy-product-preview-header,
    .starbuy-faf-preview .starbuy-faf-preview-header {
        background: var(--starbuyColourThree);
        color: white;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 10px;
    }

        .starbuy-faf-preview .starbuy-faf-preview-header {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            align-content: center;
            align-items: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
        }

        .starbuy-product-preview .starbuy-product-preview-header .starbuy-product-preview-header-star:after,
        .starbuy-faf-preview .starbuy-faf-preview-header .starbuy-faf-preview-header-star:after {
            content: '\e093';
            font-family: feather;
        }

            .starbuy-faf-preview .starbuy-faf-preview-header .starbuy-faf-preview-header-star:after {
                margin-right: 3px;
            }

    .starbuy-product-preview .starbuy-product-preview-message {
        flex-grow: 1;
    }

        .starbuy-product-preview .starbuy-product-preview-message strong {
            text-transform: uppercase;
            color: var(--starbuyColourThree);
            font-weight: normal;
        }

    .starbuy-product-preview .starbuy-product-preview-link {
        color: var(--starbuyColourThree);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 10px;
    }

.starbuy-faf-preview .starbuy-faf-preview-message-lead {
    color: var(--starbuyColourThree);
    margin-bottom: 8px;
    font-size: 1.5em;
    line-height: 1.5em;
}

.starbuy-faf-preview .starbuy-faf-preview-message-whenyoubuy {
    font-size:1.2em;
}

.starbuy-faf-preview .starbuy-faf-preview-message-explainer {
    font-size: 0.9em;
    margin: 8px 0 0 0;
}

@media screen and (max-width: 767.99px) {
    .starbuy-drawer-promo-header-title {
        padding: 4px 0;
        margin-bottom: 4px;
    }

    .starbuy-drawer-promo-header-description {
        padding: 8px;
    }

    .starbuy-drawer-promo-header-description-top {
        font-size: 1em;
        margin-bottom: 4px;
    }

    .starbuy-drawer-promotion {
        padding: 16px;
    }

    .starbuy-drawer-single-product .starbuy-drawer-single-product-info---image {
        margin: 0 0 8px 0;
    }

        .starbuy-drawer-single-product .starbuy-drawer-single-product-info---image .imgCtr:after {
            padding-bottom: 75%;
        }

    .starbuy-drawer-single-product .starbuy-drawer-addtobasket .add-to-cart-area-msg {
        font-size: 0.8em;
    }

    .starbuy-product-preview,
    .starbuy-faf-preview {
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
    }

        .starbuy-product-preview > div {
            width: 100%;
            padding: 0 8px;
            text-align: center;
            line-height: 32px;
        }

        .starbuy-faf-preview > div {
            width: 100%;
            padding: 8px;
        }

        .starbuy-product-preview .starbuy-product-preview-link {
            border-top: 1px dotted;
            border-color: var(--starbuyColourTwo);
            color: var(--starbuyColourThree);
        }

        .starbuy-faf-preview .starbuy-faf-preview-message-lead {
            font-size: 1.25em;
            line-height: 1.25em;
        }

        .starbuy-faf-preview .starbuy-faf-preview-message-whenyoubuy {
            font-size: 1em;
        }

        .starbuy-faf-preview .starbuy-faf-preview-message-explainer {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .starbuy-faf-preview[data-view-all-explainer="1"] .starbuy-faf-preview-message-explainer {
            text-overflow: unset;
            white-space: unset;
            overflow: unset;
        }

}
                .quicklookitem-wrapper,
.quicklookitem-inner {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.quicklookitem-wrapper {
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    align-items: center;
    -webkit-align-items: center;
}

    .quicklookitem-wrapper[data-state="open"] {
        opacity: 1;
        overflow: auto;
    }

    .quicklookitem-wrapper .quicklookitem-inner {
        width: 1250px;
        height: auto;
        max-height: none;
        max-width: calc(100vw - 32px);
        margin: 16px;
        background: white;
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);
        top: 10px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        align-items: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -moz-align-items: stretch;
    }

    .quicklookitem-wrapper[data-state="open"] .quicklookitem-inner {
        top: 0px;
    }

.quicklookitem-inner .quicklookitem-inner-left,
.quicklookitem-inner .quicklookitem-inner-right {
    width: 50%;
    float: left;
}

.quicklookitem-inner-right {
    padding: 32px;
    position: relative;
}

    .quicklookitem-inner-right[data-isstarbuy="true"] {
        padding: 80px 32px 32px 32px;
        background-color: var(--starbuyColourOne);
    }

        .quicklookitem-inner-right[data-isstarbuy="true"] .lead-in-header-starbuys {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 48px;
            line-height: 48px;
            text-align: center;
            color: white;
            background-color: var(--starbuyColourThree);
        }

    .quicklookitem-inner-right > div {
        width: 100%;
        float: left;
        margin-bottom: 16px;
    }

    .quicklookitem-inner-right .quicklookitem-inner-right---name {
        font-size: 1.25em;
        font-family: 'citrfontbold';
    }

    .quicklookitem-inner-right .quicklookitem-inner-right---prices {
        font-size: 0.9em;
    }

        .quicklookitem-inner-right .quicklookitem-inner-right---prices > div {
            float: left;
            margin-right: 8px;
        }

        .quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-starbuy {
            color: var(--starbuyColourThree);
        }

            .quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-starbuy + .quicklookitem-inner-right---prices-price {
                color: #999;
                text-decoration: line-through;
            }

        .quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-starbuy-explainer {
            color: var(--starbuyColourThree);
            font-size: 0.7em;
            width:100%;
        }

        .quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-price {
        }

        .quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-wasprice {
            color: #999;
            text-decoration: line-through;
        }

    .quicklookitem-inner-right .quicklookitem-inner-right---clickcollectnotice {
        border: 1px solid #2f76ec;
        background: #e8f4ff;
        color: #2f76ec;
        padding: 8px;
        text-align: center;
        font-size: 0.9em;
    }

    .quicklookitem-inner-right .quicklookitem-inner-right---link {
        background: #2f76ec;
        color: white;
        border-radius: 4px;
        padding: 16px;
        text-align: center;
        display: block;
        float: left;
        width: 100%;
    }


.quicklookitem-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    max-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: white;
    background: black;
    cursor: pointer;
    z-index: 3001;
}

@media screen and (max-width : 1023px) {
    .quicklookitem-wrapper {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }

    .quicklookitem-inner .quicklookitem-inner-left,
    .quicklookitem-inner .quicklookitem-inner-right {
        width: 100%;
    }

    .quicklookitem-inner-right {
        padding: 16px;
    }

        .quicklookitem-inner-right .add-to-cart-area-1-row-2 .add-to-cart-area-button {
            width: auto;
            margin-top: 0;

        }

            .quicklookitem-inner-right .add-to-cart-area-1-row-2 .add-to-cart-area-button,
            .quicklookitem-inner-right .add-to-cart-area-1-row-2 .add-to-cart-area-dropdown-qty input,
            .quicklookitem-inner-right .add-to-cart-area-1-row-2 .add-to-cart-area-dropdown-qty-label,
            .quicklookitem-inner-right .add-to-cart-area-1 .add-to-cart-area-dropdown select {
                line-height: 36px;
                height: 36px;
            }

            .quicklookitem-inner-right .add-to-cart-area-1-row-2 .add-to-cart-area-dropdown-qty input {
                padding: 0 8px;
                width: 40px;
            }

        .quicklookitem-inner-right .add-to-cart-area-msg,
        .quicklookitem-inner-right .quicklookitem-inner-right---clickcollectnotice {
            font-size: 11px;
        }

        .quicklookitem-inner-right[data-isstarbuy="true"] {
            padding: 40px 16px 16px 16px;
        }

            .quicklookitem-inner-right[data-isstarbuy="true"] .lead-in-header-starbuys {
                height: 32px;
                line-height: 32px;
                font-size: 0.9em;
            }

        .quicklookitem-inner-right > div {
            margin-bottom: 8px;
        }

    .quicklookitem-inner .quicklookitem-inner-left .quicklookitem-image > div {
        background-size: cover !important;
    }

        .quicklookitem-inner .quicklookitem-inner-left .quicklookitem-image > div:after {
            padding-bottom: 80%;
        }

    .quicklookitem-inner-right .quicklookitem-inner-right---link {
        padding: 8px;
    }
}
                 .imm-widget-anchor{
     display:flex !important;
     margin-bottom:0px !important;
     background: rgb(255, 255, 255);
 }
 .finance-output{
     width:100%;
 }
 .finance-output iframe{
     margin:0px auto;
     width:90% !important;
 }
.finance-hidden-price{
    display:none;
}
                .view-all-link-container {
    align-items: center;
    display: flex;
    justify-content: end;
    padding: 0 1.25rem;
    width: 100%;
}
.view-all-link {
    font-size: 1rem;
    color: #0077cc;
}
.view-all-link:hover,
.view-all-link:focus {
    color: #004b99;
    text-decoration: underline;
}
                /* Not found Page */
.not-found-page {
    display: flex;
    justify-content: center;
    width: 100%;
}

.not-found-container {
    align-items: center;
    background: #fff;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 4rem;
    position: relative;
    width: 100%;
    z-index: 0;
    text-align: center;
}

    .not-found-container::before {
        align-items: center;
        bottom: 0;
        color: #f7f7f7;
        content: '404';
        display: flex;
        font-size: 20rem;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

.not-found-container-has-background::before {
    content: '';
}

.not-found-title {
    font-size: 4rem;
}

.not-found-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

/* Classes only found in the default contents for the page. These may not be present, if the contents has been overridden. */
.not-found-paragraph-container {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.not-found-first-paragraph,
.not-found-second-paragraph {
    font-size: 2rem;
}

.not-found-link-container {
    display: flex;
    flex-direction: column;
}

.not-found-homepage-link {
    background-color: cornflowerblue;
    border-radius: 0.5rem;
    color: #fff;
    padding: 1rem;
}
                /*
 *********************************
 * Collections Landing Page Styles
 *********************************
 */

 .content-collection-landing-page {
    display: flex;
    justify-content: center;
}

.content-collection-container {
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
    width: 90%;
}

#content-collection-search {
    grid-template-columns: 300px 1fr;
    gap: 3rem;
}

.content-collection-title {
    margin: 0;
}

.content-collection-no-results-message {
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
}

.content-collection-grid {
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

.content-collection-card {
    border-radius: 0.25rem;
    box-shadow: 0 4px 6px -1px #eee;
    color: black;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 150ms ease-in-out;
    padding: 0px;
    border: 1px solid #ccc;
    margin-bottom: 16px;
    background-color: #f9f9f9;
}

.content-collection-info-container {
    padding: 1.25rem;
}

.content-collection-card:hover {
    background: #fcfcfc;
    transform: scale(1.01);
}

.content-collection-card-title {
    font-size: 18px;
    font-weight: bold;
    margin: 4px 0;
    min-height: 2rem;
}

.content-collection-image-container {
    width: 100%;
    padding-top: 75%;
    position: relative;
    background-color: #e5e5e5;
    overflow: hidden;
}

    .content-collection-image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.content-collection-tag-container {
    display: flex;
    flex-flow: row wrap;
    gap: 0 0.25rem;
    margin: 6px 0;
}

.search-tag, .content-collection-tag {
    border-radius: 0.75rem;
    border: 1px solid #2f76ec;
    color: #2f76ec;
    font-size: 0.75rem;
    padding: 0.4rem;
    transition: all 150ms ease-in-out;
    cursor: pointer;
    display: inline-flex;
    margin-bottom: 0.5em;
    white-space: nowrap;
}

    .content-collection-tag:hover {
        background: #1563e0;
        color: white;
        cursor: pointer;
    }

.content-collection-filter-tag {
    background: #2f76ec;
    color: #fff;
}

.content-collection-hidden-element {
    display: none !important;
}

#clear-tags-button {
    width: 100%;
    margin-bottom: 1rem;
}

.search-container {
    margin-bottom: 1rem;
    position: relative;
}

.clear-btn {
    font-size: 18px;
    color: #888;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    z-index: 10;
}

    .clear-btn:hover {
        color: red;
    }

.content-collection-description {
    font-size: 14px;
    color: #555;
    margin-top: 6px;
}

.column {
    display: none;
}

@media screen and (max-width: 1023px) {
    .filter-button {
        width: 50%;
        margin: 0 !important;
        text-align: center;
        position: relative;
        padding: 0 14px;
        height: 47px !important;
        line-height: 47px !important;
        border-radius: 0 !important;
        background: white !important;
        float: left;
        border: 1px solid #ccc !important;
        color: #666;
    }

    .filters-open .column {
        display: flex;
        position: fixed;
        top: 0px;
        background-color: white;
        left: 0px;
        width: 100%;
        z-index: 99999;
        height: max(75%, 400px);
        padding: 2em;
        flex-flow: column;
    }

    .filters-open .column::after {
        content: '';
        display: block;
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        z-index: -2;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: -100%;
    }

    .filters-open .collection-filter-actions {
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        gap: 0.5rem;
        margin-top: auto;
    }

    .filters-open .collection-filter-actions > div {
        cursor: pointer;
        height: 48px;
        text-align: center;
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        background: #2f76ec;
        color: #fff;
    }

    .filters-open {
        overflow-y: hidden
    }

    .ffclose:before {
        font: normal normal normal 14px / 1 feather;
        content: "\e117";
        color: #ffffff;
        line-height: 48px;
    }
}

@media screen and (min-width: 1024px) {
    .filters-open {
        overflow-y: scroll;
    }

    .content-collection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .collection-filter-actions {
        display: none;
    }

    .search-column {
        display: flex;
    }

    #content-collection-search {
        display: grid;
    }

    .search-wrapper {
        position: sticky;
        top: 90px;
        align-self: start;
        width: 100%;
    }

    .column {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex: 1;
        min-width: 250px;
        position: relative;
    }

    .filter-button {
        display: none;
    }
}

@media screen and (min-width: 1536px) {
    .content-collection-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/*
 *******************************
 * Collection Article Styles
 *******************************
 */

 :root {
    --collection-content-width: 80%;

    --collection-image-aspect-ratio: 2.35 / 1;
    --collection-image-border-radius: 0.5rem;

    --collection-content-image-border-radius: 0.5rem;
    --collection-content-link-color: #2163d6;
 }

 div[data-type="collection"] #FAFImg {
    width: 100%;
    display: flex;
    justify-content: center;
}

div[data-type="collection"] #FAFImg .collection-image {
    height: auto;
    width: 100%;
    aspect-ratio: var(--collection-image-aspect-ratio, 2.35 / 1);
    object-fit: cover;
    overflow: hidden;
    object-position: center center;
    display: flex;
    margin: 0;
    border-radius: var(--collection-image-border-radius, 0.5rem);
}

div[data-type="collection"] #FAFDesc {
    display: block;
    max-width: var(--collection-content-width, 80%);
    margin: auto;
    background: transparent;
    margin-block: 2rem;
}

    div[data-type="collection"] #FAFDesc img {
        width: 100%;
        height: auto;
        border-radius: var(--collection-content-image-border-radius, --collection-image-border-radius, 0.5rem);
    }

    div[data-type="collection"] #FAFDesc a {
        color: var(--collection-content-link-color, #2163d6);
        text-decoration: underline;
    }

@media screen and (max-width: 500px) {
    :root {
        --collection-content-width: 100%;
        --collection-image-aspect-ratio: 1;
    }
}
                /* CSS Document */                /* CSS Document */
/* CSS Grid Banners - FACET COLLECTIONS PAGE --------------------------------------------------------------- */
div[class*="css-image"], span[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain, span[class*="css-image"].bgContain {background-size:contain !important; background-color: white !important;}
span[class*="css-image"] {display: block;}
[class*="gridBanner"] > div, [class*="grirow"] > div {display: grid;padding: 0 0 1em 0;grid-gap: 3em;}
[class*="gridBanner"] > div > a, [class*="grirow"] > div > a {position: relative;width: 100%;}
[class*="gridBanner"] > div > a:hover .photo span:after, [class*="grirow"] > div > a:hover .photo span:after {opacity: 1;}
[class*="grirow"] > div {display: grid; padding: 0 0 0 0;}
.grirow1 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
.grirow2 > div {grid-template-columns: repeat(2, 1fr);-ms-grid-columns: 1fr 1fr;}
.grirow3 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
.grirow4 > div {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}
.grirow5 > div {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}
.grirow6 > div {grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grirow7 > div {grid-template-columns: repeat(7, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

.gg2, .gg2 > div{grid-gap:2em;}
.gg1, .gg1 > div{grid-gap:1em;}
.gg0, .gg0 > div{grid-gap: 0em !important;}

.bannerTxtCtrGrid {position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;flex-wrap: wrap;text-align: center;padding: 32px 16px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0e12+0,0d0e12+100&0+50,0.39+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */}
.bannerDescGrid:empty, .bannerTitleGrid:empty, .bannerViewGrid:empty{display:none;}
.bannerDescGrid {font-size: smaller;}
.bannerTitleGrid {font-size: x-large;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: 'citrfontbold';font-weight: normal;}
.bannerViewGrid {font-size: small;color: #ffffff;border: 1px solid #ffffffa1;padding: 4px 8px;font-size: 10px;letter-spacing: 1px;margin-top: 8px;}

.textBottom .bannerTxtCtr {background: none;position: relative;height: auto;order: 1;padding: 16px 0 32px;color: #000;}
.textBottom > div {padding-bottom: 20px;}
.textBottom > div a {display: inline-grid;}
.textBottom .bannerDescGrid, .textBottom .bannerTitleGrid, .textBottom .bannerViewGrid {color: #222; padding: 0;}
.textBottom .bannerTitleGrid {-webkit-line-clamp: 1;}
.textBottom .bannerView {right: 0;margin: 0;border: none;}
.textBottom .bannerTitle {text-shadow: none;font-size: 16px;}
.alignleft, .alignleft .bannerTxtCtr {text-align:left; align-items:end}

.gBrandsBut {padding: 1em;background: #000;margin-bottom: 1em;}
.gBrandsBut > div > a {text-align: center;padding: 1em 2em;color: #fff;text-decoration: underline;font-size: 14px; border: 1px solid #fff;}
.gBrandsBut > div > a:hover {color: #BF1009; border: 1px solid #bf1009;}
.gBrandsLogo { padding:16px 0}
.gBGcover .bannerTxtCtrGrid {background: rgba(0, 0, 0, 0.5);}
.gBGcover img, .imgBlue img {}

.All125 .photo span:after, .All125 .photo:after, .All125 .photo div:after {padding-bottom: 125%;}
.All100 .photo span:after, .All100 .photo:after, .All100 .photo div:after {padding-bottom: 100%;}
.All75 .photo span:after, .all75 .photo:after, .All75 .photo div:after {padding-bottom: 75%;}
.All50 .photo span:after, .All50 .photo:after, .All50 .photo div:after {padding-bottom: 50%;}
.All30 .photo span:after, .All30 .photo:after, .All30 .photo div:after {padding-bottom: 30%;}

.All100 .photo div:after, .All100 .photo span:after {padding-bottom: 100% !important;}
.All75 .photo div:after, .all75 .photo span:after {padding-bottom: 75% !important;}
.All75vh .photo div:after, .All75vh .photo span:after {padding-bottom: 75vh !important;}
.All50vh .photo div:after, .All50vh .photo span:after {padding-bottom: 50vh !important;}
.All30vh .photo div:after, .All30vh .photo span:after {padding-bottom: 30vh !important;}

.All50 .photo div:after, .All50 .photo span:after {padding-bottom: 50% !important;}
.All25 .photo div:after, .All25 .photo span:after {padding-bottom: 25% !important;}
.All12 .photo div:after, .All25 .photo span:after {padding-bottom: 12.5% !important;}

.Banner > .photo {overflow:hidden;}
.Banner > .photo > div {transform: scale3d(1,1,1);transition: transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);}
.photo span:after {padding-bottom: 75%;content: "";display: block;width: 100%;}

.logos .Banner > .photo > div {
    background: #666666 !important;
}

.textCenter .bannerTxtCtrGrid {
    justify-content: center;
}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
	.gridBanner1 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
	.gridBanner1 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
	.gridBanner1 > div > a:nth-child(4) {grid-column: span 2;}
    [class*="grirow"] > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow2 > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow4 > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow5 > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow6 > div {grid-template-columns: repeat(2, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.All75v .photo span:after, .all75v .photo:after, .All75v .photo div:after {padding-bottom: calc(75%);}
	.All50v .photo span:after, .All50v .photo:after, .All50v .photo div:after {padding-bottom: calc(75%);}
	.All30v .photo span:after, .All30v .photo:after, .All30v .photo div:after {padding-bottom: calc(75%);}
	.bannerTxtCtrGrid {padding:8px;}
	.bannerTxtCtrGrid > span {padding: 0px 8px;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	[class*="gridBanner"] > div, [class*="grirow"] > div {grid-gap: 1em;}
	.gridBanner1 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
	.gridBanner1 > div > a:nth-child(1) {grid-column: 1/3; grid-row: 1/3;}
	.gridBanner1 > div > a:nth-child(4) {grid-column: span 2;grid-row: span 2;}
	[class*="grirow"] > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow2 > div {grid-template-columns: repeat(1, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow4 > div {grid-template-columns: repeat(2, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow5 > div {grid-template-columns: repeat(2, 1fr) !important; -ms-grid-columns: 1fr 1fr}
	.grirow6 > div {grid-template-columns: repeat(2, 1fr) !important; -ms-grid-columns: 1fr 1fr}

}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{    
	[class*="gridBanner"] > div, [class*="grirow"] > div {grid-gap: 1em;}
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px) {}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {
	.gridBanner1 > div > a:nth-child(1) {grid-column: 1/2;grid-row: 1/2;}
}




/* text overlay  --------------------------------------------------------------- */
.text  > span {
    background:transparent;
    text-align: center;
}
.noDesc .bannerDesc, .noTitle .bannerTitle, .noLink .bannerView {
    display: none;
}



/* Banner collections Main  */
.splide__slide {
	overflow: hidden;
	/* background: var(--cg-color-white); */
	border-radius: var(--radius-large);
}

/* Banner collections department  */


.splide-department img {
    border-radius: var(--radius-small);
}

.splide-department a {
	display: flex;
	flex-direction: column;
}

.splide-department .bannerTxtCtr {
	justify-content: flex-end;
	align-content: flex-start;
	position: relative;
	order: 1;
	padding: 16px 0;
}

.splide-department .splide__slide {
	background:transparent
}

.splide-department .bannerTitle {
	text-align:left;
	font-size:smaller;
	color: var(--cg-color-1);
}
.splide-department .bannerDesc,
.splide-department .bannerView
{
	display:none
}


.textInline .bannerTxtCtr {
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    gap: 1rem;
    padding: 2rem;
    /* background: -webkit-radial-gradient(left bottom, 100% 33%, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0)); */
    background: radial-gradient(100% 33% at left bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0));
}

.textInline .text {
	flex-grow:1;
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 16px;
}

.textInline .bannerView  {
	order:-1;
	margin: 0;
	background: #fff;
	border-radius: 100px;
	color: var(--cg-color-black);
	font-size: 11px;
	letter-spacing: var(--font-body-letter-spacing);
}

.textInline .text > span {
	text-align:left;
	font-size: 16px;
}

.textInline .text > span:first-child:after {
  content: "\2022";
  padding-left: 1rem;
}

.textInline .text > span.bannerDesc {
	font-size:13px;
	letter-spacing: 1px;
}  

.bannerTxtCtr:has(.bannerTitle:empty):has(.bannerDesc:empty):has(.bannerView:empty) {
  background: none !important;
}



@media screen and (max-width: 1024px)
{
	.textInline .text > span:first-child:after { display:none}
	.textInline .bannerTxtCtr {display: flex;flex-direction: column;align-content: center;background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7)), linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0) 200px);justify-content: flex-end;align-items: center;gap: 8px;padding-bottom: 3rem;}
	.textInline .text {
	    display: flex;
	    align-content: flex-end;
	    align-items: center;
	    flex-direction: column;
	    justify-content: flex-end;
	    text-align: center;
	    order: -1;
	    gap: 0px;
	}
	.textInline .bannerDesc {
	    text-align: center !important;
	}

	.textInline.img-16-9 img {
		aspect-ratio: 1 !important;
	}

}                                                                                           .bfMain {
}
.bfMain .item  {
   border:5px solid #fff 
}
.bfMain .owlPhoto {
   border-radius:0px
}
.bfMain .item img {
   border-radius:0px !important;
   border-bottom:5px solid #fff 
}
.bfMain .owlTitle {
    color:#fff;
    transform: skew(
0.97turn, 0deg);
    text-wrap-style: balance;
}  

.bfMain .owl-item  {
   flex:1;
   display: flex;
}

.bfMain .owl-stage {
   display:flex
}

.bfMain .owl-carousel-small .owlBannerTxtCtr  {
   display:none
}
.bfMain .owl-carousel-small .item img  {
   border:none
}

.BF:before {
   content:"";
   width: 100%;
   height: 100%;
   background:url("/images/myimages/bf-2025.jpg?width=1920");
   position: absolute;
   background-size: cover;
   background-position: bottom;
}

.BF form {
   background:url("/images/myimages/bf-2025-repeat.png?width=1920");
   background-repeat:repeat;
   background-size:contain
} 



.bfRepater > div > li:first-child {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    gap: 1rem;
}
.bfRepater > div * {
    z-index:1
}
.bfRepater > div > li:first-child:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/images/myimages/bf-2025.jpg?width=1920);
    position: absolute;
    background-size: cover;
    background-position: top;
    left:0;
    top:0;
    z-index:0;
}
.bfRepater li:first-of-type h2, 
.bfRepater li:first-of-type p 
{
    color:#fff;
    margin: 0;
}
.bfRepater li:first-of-type h2:before {
    background: url(/sitespecific/customcontent/blackFriday/logo.png) !important;
    width: 200px;
    height: 200px;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat !important;
    margin: 0;
    content: "" !important;
}




.bfRepater [isonsale="True"] .nowPrice-repeater, .bfRepater [isonsale="True"] .percentOff-repeater  {
     color:#456c81;

}
.bfRepater [isonsale="True"]:before {
    content: "BLACK FRIDAY SALE";
    background: #456c81;
    color: #ffffff;
    font-weight: 700;
    background-size: cover;
    background-position: center;
    z-index: 3;
}

.bfMain.noText .owlBannerTxtCtr {
    display:none
}
.bfMain.noText .cg-img {
   border-bottom:none
}

.bfMain.noText .item  {
   border:none
}


@media screen and (min-width: 1024px) {
    #navi .NodeLevel0[data-nodename*="black" i] > a {
    	border: 1px solid;
    	padding:6px 12px;
    }
    
    #navi .NodeLevel0[data-nodename*="black" i] a:after {
    	display:none
    }
}

#navi .NodeLevel0[data-nodename*="black" i] > .CSSFacetNavModules {background: url(/images/myimages/black-friday-25-homepage-banner2.jpg?width=1500);position: absolute;background-size: cover;border-radius: 0;}

#navi .NodeLevel0[data-nodename*="black" i] .NodeLevel1 {
    border-radius: 0px;
    background: #000000bf;
    color: #fff;
    border: 5px solid;
}
#navi#navi .NodeLevel0[data-nodename*="black" i] a {
    color: #fff !important;
}
#navi .NodeLevel0[data-nodename*="black" i] a:before {
    background: #fff !important;
}

#navi .NodeLevel0[data-nodename*="black" i] .CSSFacetNavModules.active > div:not(.NodeLevel1) {
    border-radius: 0px;
    background: #00000091;
    color: #fff;
    border: 5px solid;
}
            
@media screen and (max-width: 1024px) {

    div.cg-overflow-x-ctr-mobile { 
        overflow-x: scroll;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;}
     
    .cg-overflow-x-ctr-mobile > div{
        min-width: 80%;
    }
    
 }

/*
 _________Contents________  

1. Buttons

2. Image

3. Colors
    a.Text Color
    b.Background Color

4. Fonts
    a.Font Sizing / Line Height
    b.Alignment
    c.Transform
    d.Weight
    e.Text Wrap

5. Layout
    a.Grid Column
    b.Grid Gap
    c.Column
    d.Padding
    e.Margin
    f.Flex Grow
    g.Gap

6. Borders
    a.Border
    b.Box Style
    c.Border Radius

7. Flex
    a.Flex Direction
    b.wrap
    c.justify-content
    d.align-content
    e.align-items


8.Overflow

9.Fill Available


*/

/* ________Buttons________ */

a.cg-button {
    color: var(--cg-color-white);
    background: var(--cg-color-1);
    padding: .5rem 1rem; 
    width: fit-content;
    text-decoration: none;
}

/* ________Image________ */
.cg-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


/* ________Colors________ */

/* Text Color */

.cg-color-1 {
    color: var(--cg-color-1);
}

.cg-color-2 {
    color: var(--cg-color-2);
}

.cg-color-3 {
    color: var(--cg-color-3);
}

.cg-color-4 {
    color: var(--cg-color-4);
}

.cg-color-5 {
    color: var(--cg-color-5);
}

.cg-color-6 {
    color: var(--cg-color-6);
}

.cg-color-7 {
    color: var(--cg-color-7);
}

.cg-color-8 {
    color: var(--cg-color-8);
}

.cg-color-9 {
    color: var(--cg-color-9);
}


.cg-color-blk {
    color: var(--cg-color-black);
}

.cg-color-wht {
    color: var(--cg-color-white);
}

/* Background Color */

.cg-bg-color-1 {
    background-color: var(--cg-color-1);
}

.cg-bg-color-2 {
    background-color: var(--cg-color-2);
}

.cg-bg-color-3 {
    background-color: var(--cg-color-3);
}

.cg-bg-color-4 {
    background-color: var(--cg-color-4);
}

.cg-bg-color-5 {
    background-color: var(--cg-color-5);
}

.cg-bg-color-6 {
    background-color: var(--cg-color-6);
}

.cg-bg-color-7 {
    background-color: var(--cg-color-7);
}

.cg-bg-color-8 {
    background-color: var(--cg-color-8);
}

.cg-bg-color-9 {
    background-color: var(--cg-color-9);
}


.cg-bg-color-blk {
    background-color: var(--cg-color-black);
}

.cg-bg-color-wht {
    background-color: var(--cg-color-white);
}


/* ________Fonts________ */

/* Font Sizing*/

.cg-font-xs {
    font-size: .5rem;
}

.cg-font-s {
    font-size: .7rem;
}

.cg-font-sm {
    font-size: .8rem;
}

.cg-font-m {
    font-size: 1rem;
}

.cg-font-ml {
    font-size: 1.5rem;
}

.cg-font-l {
    font-size: 2rem;
}

.cg-font-xl {
    font-size: 2.5rem;
}

.cg-font-xxl {
    font-size: 5rem;
}

.cg-font-xxxl {
    font-size: 6rem;
}

@media screen and (max-width: 767.99px) {
    .cg-font-xxl, .cg-font-xxxl {
        font-size: 2.5rem;
    }
}


.cg-line-height-1 {
    line-height: 1rem;
}

.cg-line-height-15 {
    line-height: 1.5rem;
}

.cg-line-height-125 {
    line-height: 1.25rem;
}

.cg-line-height-175 {
    line-height: 1.75rem;
}

.cg-line-height-2 {
    line-height: 2rem;
}

.cg-line-height-3 {
    line-height: 3rem;
}

.cg-line-height-4 {
    line-height: 4rem;
}

.cg-line-height-5 {
    line-height: 5rem;
}

@media screen and (max-width: 767.99px) {
    .cg-line-height-4, .cg-line-height-5 {
        line-height: 3rem;
    }
}

/*  Alignment */

.cg-text-left {
    text-align: left;
}

.cg-text-right {
    text-align: right;
}

.cg-text-center {
    text-align: center;
}

.cg-text-justify {
    text-align: justify;
}

.cg-text-nowrap {
    white-space: nowrap;
}

/*  Transformation */

.cg-text-lowercase {
    text-transform: lowercase;
}

.cg-text-uppercase {
    text-transform: uppercase;
}

.cg-text-capitalize {
    text-transform: capitalize;
}

/* Weight */

.cg-weight-lighter {
    font-weight: lighter;
}

.cg-weight-normal {
    font-weight: normal;
}

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

.cg-weight-bolder {
    font-weight: bolder;
}

/* Text Wrap */

.cg-text-wrap {
    text-wrap: wrap;
}

.cg-text-nowrap {
    text-wrap: nowrap;
}

.cg-text-balance {
    text-wrap: balance;
}

.cg-text-pretty {
    text-wrap: pretty;
}

/* Letter Spacing */

.cg-letter-spacing-tighter {
    letter-spacing: -0.05em;
}

.cg-letter-spacing-tight {
    letter-spacing: -0.025em;
}

.cg-letter-spacing-normal {
    letter-spacing: 0em;
}

.cg-letter-spacing-wide {
    letter-spacing: 0.025em;
}

.cg-letter-spacing-wider {
    letter-spacing: 0.05em;
}

.cg-letter-spacing-widest {
    letter-spacing: 0.1em;
}


/* ________Layout________ */


/* Grid Column */

[class*="cg-grid-col-"]{
    display: grid;
}

.cg-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
}

.cg-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.cg-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
}

.cg-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.cg-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
}

.cg-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
}

.cg-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
}

.cg-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
}

.cg-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 1023.99px) {
    [class*="cg-grid-col-"] {
        grid-template-columns: repeat(1, 1fr);
    }

    .cg-grid-col-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .cg-grid-col-4 {
        grid-template-columns: repeat(2, 1fr)
    }

    .cg-grid-col-5 {
        grid-template-columns: repeat(1, 1fr)
    }

    .cg-grid-col-6 {
        grid-template-columns: repeat(2, 1fr)
    }

    .cg-grid-col-8 {
        grid-template-columns: repeat(2, 1fr);
    }

    .cg-grid-col-10 {
        grid-template-columns: repeat(2, 1fr);
    }

    .cg-grid-col-12 {
        grid-template-columns: repeat(2, 1fr);
    }
    
}

@media screen and (max-width: 767.99px) {
    [class*="cg-grid-col-"] {
        grid-template-columns: repeat(1, 1fr);
    }

    .cg-grid-col-2>div {
        grid-template-columns: repeat(1, 1fr);
    }

    .cg-grid-col-4>div {
        grid-template-columns: repeat(2, 1fr)
    }

    .cg-grid-col-5>div {
        grid-template-columns: repeat(1, 1fr)
    }

    .cg-grid-col-6>div {
        grid-template-columns: repeat(2, 1fr)
    }
}


/* Grid Gap */

.cg-grid-gap-0 {
    grid-gap: 0em !important;
}

.cg-grid-gap-1 {
    grid-gap: 1rem;
}

.cg-grid-gap-2 {
    grid-gap: 2rem;
}

.cg-grid-gap-3 {
    grid-gap: 3rem;
}

.cg-grid-gap-4 {
    grid-gap: 4rem;
}


/* Column */

.cg-col-1 {
    width: 100%
}

.cg-col-2 {
    width: 50%
}

.cg-col-3 {
    width: 33.33%
}

.cg-col-4 {
    width: 25%
}

.cg-col-5 {
    width: 20%
}

.cg-col-6 {
    width: 16.66%
}

.cg-col-8 {
    width: 12.50%
}

.cg-col-9 {
    width: 11.11%
}

.cg-col-10 {
    width: 10%
}

.cg-col-12 {
    width: 8.33%
}

.cg-col-90p {
    width: 90%
}

.cg-col-80p {
    width: 80%
}

.cg-col-75p {
    width: 75%
}

.cg-col-70p {
    width: 70%
}

.cg-col-66p {
    width: 66.66%
}

.cg-col-60p {
    width: 60%
}

.cg-col-40p {
    width: 40%
}

.cg-col-30p {
    width: 30%
}

.cg-col-25p {
    width: 25%
}

.cg-col-20p {
    width: 20%
}

.cg-col-10p {
    width: 10%
}

@media screen and (max-width: 767.9px) {

    .cg-col-1,
    .cg-col-2,
    .cg-col-3,
    .cg-col-4,
    .cg-col-5,
    .cg-col-6,
    .cg-col-7,
    .cg-col-90p,
    .cg-col-80p,
    .cg-col-75p,
    .cg-col-70p,
    .cg-col-66p,
    .cg-col-60p,
    .cg-col-40p,
    .cg-col-30p,
    .cg-col-25p,
    .cg-col-20p,
    .cg-col-10p {
        width: 100%
    }

    .cg-col-8 {
        width: 12.50%
    }

    .cg-col-9 {
        width: 11.11%
    }

    .cg-col-10 {
        width: 10%
    }

    .cg-col-12 {
        width: 8.33%
    }
}

/* Padding */

.cg-pad-0 {
    padding: 0rem;
}

.cg-pad-1 {
    padding: 1rem;
}

.cg-pad-2 {
    padding: 2rem;
}

.cg-pad-3 {
    padding: 3rem;
}

.cg-pad-4 {
    padding: 4rem;
}

.cg-pad-5 {
    padding: 5rem;
}

.cg-pad-6 {
    padding: 6rem;
}

/*top*/

.cg-pad-t-0 {
    padding-top: 0rem;
}

.cg-pad-t-1 {
    padding-top: 1rem;
}

.cg-pad-t-2 {
    padding-top: 2rem;
}

.cg-pad-t-3 {
    padding-top: 3rem;
}

.cg-pad-t-4 {
    padding-top: 4rem;
}

.cg-pad-t-5 {
    padding-top: 5rem;
}

.cg-pad-t-6 {
    padding-top: 6rem;
}


/*bottom*/

.cg-pad-b-0 {
    padding-bottom: 0rem;
}

.cg-pad-b-1 {
    padding-bottom: 1rem;
}

.cg-pad-b-2 {
    padding-bottom: 2rem;
}

.cg-pad-b-3 {
    padding-bottom: 3rem;
}

.cg-pad-b-4 {
    padding-bottom: 4rem;
}

.cg-pad-b-5 {
    padding-bottom: 5rem;
}

.cg-pad-b-6 {
    padding-bottom: 6rem;
}


/*Left*/
.cg-pad-l-0 {
    padding-left: 0rem;
}

.cg-pad-l-1 {
    padding-left: 1rem;
}

.cg-pad-l-2 {
    padding-left: 2rem;
}

.cg-pad-l-3 {
    padding-left: 3rem;
}

.cg-pad-l-4 {
    padding-left: 4rem;
}

.cg-pad-l-5 {
    padding-left: 5rem;
}

.cg-pad-l-6 {
    padding-left: 6rem;
}


/*Right*/

.cg-pad-r-0 {
    padding-right: 0rem;
}

.cg-pad-r-1 {
    padding-right: 1rem;
}

.cg-pad-r-2 {
    padding-right: 2rem;
}

.cg-pad-r-3 {
    padding-right: 3rem;
}

.cg-pad-r-4 {
    padding-right: 4rem;
}

.cg-pad-r-5 {
    padding-right: 5rem;
}

.cg-pad-r-6 {
    padding-right: 6rem;
}


/*Block*/

.cg-pad-block-0 {
    padding-block: 0rem;
}

.cg-pad-block-1 {
    padding-block: 1rem;
}

.cg-pad-block-2 {
    padding-block: 2rem;
}

.cg-pad-block-3 {
    padding-block: 3rem;
}

.cg-pad-block-4 {
    padding-block: 4rem;
}

.cg-pad-block-5 {
    padding-block: 5rem;
}

.cg-pad-block-6 {
    padding-block: 6rem;
}


/*Inline*/

.cg-pad-inline-0 {
    padding-inline: 0rem;
}

.cg-pad-inline-1 {
    padding-inline: 1rem;
}

.cg-pad-inline-2 {
    padding-inline: 2rem;
}

.cg-pad-inline-3 {
    padding-inline: 3rem;
}

.cg-pad-inline-4 {
    padding-inline: 4rem;
}

.cg-pad-inline-5 {
    padding-inline: 5rem;
}

.cg-pad-inline-6 {
    padding-inline: 6rem;
}

/* margin */

.cg-mrg-0 {
    margin: 0rem;
}

.cg-mrg-1 {
    margin: 1rem;
}

.cg-mrg-2 {
    margin: 2rem;
}

.cg-mrg-3 {
    margin: 3rem;
}

.cg-mrg-4 {
    margin: 4rem;
}

.cg-mrg-5 {
    margin: 5rem;
}

.cg-mrg-6 {
    margin: 6rem;
}

.cg-mrg-auto {
    margin: auto;
}


/*top*/

.cg-mrg-t-0 {
    margin-top: 0rem;
}

.cg-mrg-t-1 {
    margin-top: 1rem;
}

.cg-mrg-t-2 {
    margin-top: 2rem;
}

.cg-mrg-t-3 {
    margin-top: 3rem;
}

.cg-mrg-t-4 {
    margin-top: 4rem;
}

.cg-mrg-t-5 {
    margin-top: 5rem;
}

.cg-mrg-t-6 {
    margin-top: 6rem;
}

.cg-mrg-t-auto {
    margin-top: auto;
}


/*bottom*/

.cg-mrg-b-0 {
    margin-bottom: 0rem;
}

.cg-mrg-b-1 {
    margin-bottom: 1rem;
}

.cg-mrg-b-2 {
    margin-bottom: 2rem;
}

.cg-mrg-b-3 {
    margin-bottom: 3rem;
}

.cg-mrg-b-4 {
    margin-bottom: 4rem;
}

.cg-mrg-b-5 {
    margin-bottom: 5rem;
}

.cg-mrg-b-6 {
    margin-bottom: 6rem;
}

.cg-mrg-b-auto {
    margin-bottom: auto;
}

/*Left*/
.cg-mrg-l-0 {
    margin-left: 0rem;
}

.cg-mrg-l-1 {
    margin-left: 1rem;
}

.cg-mrg-l-2 {
    margin-left: 2rem;
}

.cg-mrg-l-3 {
    margin-left: 3rem;
}

.cg-mrg-l-4 {
    margin-left: 4rem;
}

.cg-mrg-l-5 {
    margin-left: 5rem;
}

.cg-mrg-l-6 {
    margin-left: 6rem;
}

.cg-mrg-l-auto {
    margin-left: 6rem;
}

/*Right*/

.cg-mrg-r-0 {
    margin-right: 0rem;
}

.cg-mrg-r-1 {
    margin-right: 1rem;
}

.cg-mrg-r-2 {
    margin-right: 2rem;
}

.cg-mrg-r-3 {
    margin-right: 3rem;
}

.cg-mrg-r-4 {
    margin-right: 4rem;
}

.cg-mrg-r-5 {
    margin-right: 5rem;
}

.cg-mrg-r-6 {
    margin-right: 6rem;
}

.cg-mrg-r-auto {
    margin-right: auto;
}


/*Block*/

.cg-mrg-block-0 {
    margin-block: 0rem;
}

.cg-mrg-block-1 {
    margin-block: 1rem;
}

.cg-mrg-block-2 {
    margin-block: 2rem;
}

.cg-mrg-block-3 {
    margin-block: 3rem;
}

.cg-mrg-block-4 {
    margin-block: 4rem;
}

.cg-mrg-block-5 {
    margin-block: 5rem;
}

.cg-mrg-block-6 {
    margin-block: 6rem;
}

.cg-mrg-block-auto {
    margin-block: 6rem;
}

/*Inline*/

.cg-mrg-inline-0 {
    margin-inline: 0rem;
}

.cg-mrg-inline-1 {
    margin-inline: 1rem;
}

.cg-mrg-inline-2 {
    margin-inline: 2rem;
}

.cg-mrg-inline-3 {
    margin-inline: 3rem;
}

.cg-mrg-inline-4 {
    margin-inline: 4rem;
}

.cg-mrg-inline-5 {
    margin-inline: 5rem;
}

.cg-mrg-inline-6 {
    margin-inline: 6rem;
}

.cg-mrg-inline-auto {
    margin-inline: auto;
}

/* ________Borders________ */

/* Borders */

.cg-border-0 {
    border-width: 0px;
}

.cg-border-2 {
    border-width: 2px;
}

.cg-border-4 {
    border-width: 4px;
}

.cg-border-8 {
    border-width: 8px;
}

.cg-border {
    border-width: 1px;
}

.cg-border-t-0 {
    border-top-width: 0px;
}

.cg-border-t-2 {
    border-top-width: 2px;
}

.cg-border-t-4 {
    border-top-width: 4px;
}

.cg-border-t-8 {
    border-top-width: 8px;
}

.cg-border-t {
    border-top-width: 1px;
}

.cg-border-r-0 {
    border-right-width: 0px;
}

.cg-border-r-2 {
    border-right-width: 2px;
}

.cg-border-r-4 {
    border-right-width: 4px;
}

.cg-border-r-8 {
    border-right-width: 8px;
}

.cg-border-r {
    border-right-width: 1px;
}

.cg-border-b-0 {
    border-bottom-width: 0px;
}

.cg-border-b-2 {
    border-bottom-width: 2px;
}

.cg-border-b-4 {
    border-bottom-width: 4px;
}

.cg-border-b-8 {
    border-bottom-width: 8px;
}

.cg-border-b {
    border-bottom-width: 1px;
}

.cg-border-l-0 {
    border-left-width: 0px;
}

.cg-border-l-2 {
    border-left-width: 2px;
}

.cg-border-l-4 {
    border-left-width: 4px;
}

.cg-border-l-8 {
    border-left-width: 8px;
}

.cg-border-l {
    border-left-width: 1px;
}

/* Border Style */

.cg-border-solid {
    border-style: solid;
}

.cg-border-dashed {
    border-style: dashed;
}

.cg-border-dotted {
    border-style: dotted;
}

.cg-border-double {
    border-style: double;
}

.cg-border-hidden {
    border-style: hidden;
}

.cg-border-none {
    border-style: none;
}

/* Border Color */

.cg-border-color-1 {
    border-color: var(--cg-color-1)
}

.cg-border-color-2 {
    border-color: var(--cg-color-2)
}

.cg-border-color-3 {
    border-color: var(--cg-color-3)
}

.cg-border-color-4 {
    border-color: var(--cg-color-4)
}

.cg-border-color-5 {
    border-color: var(--cg-color-5)
}

.cg-border-color-6 {
    border-color: var(--cg-color-6)
}

.cg-border-color-7 {
    border-color: var(--cg-color-7)
}

.cg-border-color-8 {
    border-color: var(--cg-color-8)
}

.cg-border-color-9 {
    border-color: var(--cg-color-9)
}

.cg-border-color-blk {
    border-color: var(--cg-color-black);
}

.cg-border-color-wht {
    border-color: var(--cg-color-white);
}

/* Border Radius */

.cg-border-radius-0 {
    border-radius: 0px;
}

.cg-border-radius-sm {
    border-radius: 0.125rem;
    ;
}

.cg-border-radius {
    border-radius: 0.25rem;
}

.cg-border-radius-md {
    border-radius: 0.375rem;
}

.cg-border-radius-l {
    border-radius: 0.5rem;
}

.cg-border-radius-xl {
    border-radius: 0.75rem;
}

.cg-border-radius-xxl {
    border-radius: 1rem;
}

.cg-border-radius-xxxl {
    border-radius: 1.5rem;
}

.cg-border-radius-full {
    border-radius: 9999px;
}

/* Border radius Top Left*/

.cg-border-radius-tl-0 {
    border-top-left-radius: 0px;
}

.cg-border-radius-tl-sm {
    border-top-left-radius: 0.125rem;
    ;
}

.cg-border-radius-tl {
    border-top-left-radius: 0.25rem;
}

.cg-border-radius-tl-md {
    border-top-left-radius: 0.375rem;
}

.cg-border-radius-tl-l {
    border-top-left-radius: 0.5rem;
}

.cg-border-radius-tl-xl {
    border-top-left-radius: 0.75rem;
}

.cg-border-radius-tl-xxl {
    border-top-left-radius: 1rem;
}

.cg-border-radius-tl-xxxl {
    border-top-left-radius: 1.5rem;
}

.cg-border-radius-tl-full {
    border-top-left-radius: 9999px;
}

/* Border radius Top Right*/

.cg-border-radius-tr-0 {
    border-top-right-radius: 0px;
}

.cg-border-radius-tr-sm {
    border-top-right-radius: 0.125rem;
    ;
}

.cg-border-radius-tr {
    border-top-right-radius: 0.25rem;
}

.cg-border-radius-tr-md {
    border-top-right-radius: 0.375rem;
}

.cg-border-radius-tr-l {
    border-top-right-radius: 0.5rem;
}

.cg-border-radius-tr-xl {
    border-top-right-radius: 0.75rem;
}

.cg-border-radius-tr-xxl {
    border-top-right-radius: 1rem;
}

.cg-border-radius-tr-xxxl {
    border-top-right-radius: 1.5rem;
}

.cg-border-radius-tr-full {
    border-top-right-radius: 9999px;
}

/* Border radius Bottom Left */

.cg-border-radius-bl-0 {
    border-bottom-left-radius: 0px;
}

.cg-border-radius-bl-sm {
    border-bottom-left-radius: 0.125rem;
    ;
}

.cg-border-radius-bl {
    border-bottom-left-radius: 0.25rem;
}

.cg-border-radius-bl-md {
    border-bottom-left-radius: 0.375rem;
}

.cg-border-radius-bl-l {
    border-bottom-left-radius: 0.5rem;
}

.cg-border-radius-bl-xl {
    border-bottom-left-radius: 0.75rem;
}

.cg-border-radius-bl-xxl {
    border-bottom-left-radius: 1rem;
}

.cg-border-radius-bl-xxxl {
    border-bottom-left-radius: 1.5rem;
}

.cg-border-radius-bl-full {
    border-bottom-left-radius: 9999px;
}

/* Border radius Bottom Right */

.cg-border-radius-br-0 {
    border-bottom-right-radius: 0px;
}

.cg-border-radius-br-sm {
    border-bottom-right-radius: 0.125rem;
    ;
}

.cg-border-radius-br {
    border-bottom-right-radius: 0.25rem;
}

.cg-border-radius-br-md {
    border-bottom-right-radius: 0.375rem;
}

.cg-border-radius-br-l {
    border-bottom-right-radius: 0.5rem;
}

.cg-border-radius-br-xl {
    border-bottom-right-radius: 0.75rem;
}

.cg-border-radius-br-xxl {
    border-bottom-right-radius: 1rem;
}

.cg-border-radius-br-xxxl {
    border-bottom-right-radius: 1.5rem;
}

.cg-border-radius-br-full {
    border-bottom-right-radius: 9999px;
}

/* ________Flex________ */

.cg-flex {
    display: flex;
}

/* Flex Direction */

.cg-flex-row {
    flex-direction: row;
}

.cg-flex-row-reverse {
    flex-direction: row-reverse;
}

.cg-flex-col {
    flex-direction: column;
}

.cg-flex-col-reverse {
    flex-direction: column-reverse;
}

/* Flex Wrap */

.cg-flex-wrap {
    flex-wrap: wrap
}

.cg-flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.cg-flex-nowrap {
    flex-wrap: nowrap
}

/* Justify Content */

.cg-justify-normal {
    justify-content: normal;
}

.cg-justify-start {
    justify-content: flex-start;
}

.cg-justify-end {
    justify-content: flex-end;
}

.cg-justify-center {
    justify-content: center;
}

.cg-justify-between {
    justify-content: space-between;
}

.cg-justify-around {
    justify-content: space-around;
}

.cg-justify-evenly {
    justify-content: space-evenly;
}

.cg-justify-stretch {
    justify-content: stretch;
}

/* Align Content */

.cg-content-normal {
    align-content: normal;
}

.cg-content-center {
    align-content: center;
}

.cg-content-start {
    align-content: flex-start;
}

.cg-content-end {
    align-content: flex-end;
}

.cg-content-between {
    align-content: space-between;
}

.cg-content-around {
    align-content: space-around;
}

.cg-content-evenly {
    align-content: space-evenly;
}

.cg-content-baseline {
    align-content: baseline;
}

.cg-content-stretch {
    align-content: stretch;
}

/* Align Items */

.cg-items-start {
    align-items: flex-start;
}

.cg-items-end {
    align-items: flex-end;
}

.cg-items-center {
    align-items: center;
}

.cg-items-baseline {
    align-items: baseline;
}

.cg-items-stretch {
    align-items: stretch;
}

/* Flex Grow */

.cg-flex-grow{
    flex-grow: 1;
}

.cg-flex-grow-0{
    flex-grow: 0;
}

/* Gap */

.cg-gap-0{
    gap: 0px;
}

.cg-gap-25{
    gap: .25rem;
}

.cg-gap-05{
    gap: .5rem;
}

.cg-gap-75{
    gap: .75rem;
}

.cg-gap-1{
    gap: 1rem;
}

.cg-gap-1-25{
    gap: 1.25rem;
}

.cg-gap-1-5{
    gap: 1.5rem;
}

.cg-gap-1-75{
    gap: 1.75rem;
}

.cg-gap-2{
    gap: 2rem;
}

/* ________Overflow________ */

.cg-overflow-auto {
    overflow: auto;
}

.cg-overflow-hidden {
    overflow: hidden;
}

.cg-overflow-clip {
    overflow: clip;
}

.cg-overflow-visible {
    overflow: visible;
}

.cg-overflow-scroll {
    overflow: scroll;
}

.cg-overflow-x-auto {
    overflow-x: auto;
}

.cg-overflow-y-auto {
    overflow-y: auto;
}

.cg-overflow-x-hidden {
    overflow-x: hidden;
}

.cg-overflow-y-hidden {
    overflow-y: hidden;
}

.cg-overflow-x-clip {
    overflow-x: clip;
}

.cg-overflow-y-clip {
    overflow-y: clip;
}

.cg-overflow-x-visible {
    overflow-x: visible;
}

.cg-overflow-y-visible {
    overflow-y: visible;
}

.cg-overflow-x-scroll {
    overflow-x: scroll;
}

.cg-overflow-y-scroll {
    overflow-y: scroll;
}

/* ________Fill Available________ */


@media screen and (min-width: 1023.99px) {
    .cg-fill-available{
        height: -webkit-fill-available;
    } 
}                                                                                                                                                                                                                                                       .cg-accordions {
    width: 100%;
    margin: 0 auto;
  }
  
  .cg-accordion {
      border: 1px solid #ccc;
      margin-bottom: 0;
      overflow: hidden;
      /* transition: border-color .5s ease; */
  }
  
  .cg-accordion:hover {
    border-color: #000;
  }
  
  .cg-accordion__header {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 32px 0 0;
  }
  .cg-accordion__header:after, .cg-accordion__header:before {
    content: '';
    position: absolute;
    right: 0.5em;
    width: 2px;
    height: 0.75em;
    background-color: #666;
    transition: all 0.2s;
  }
  .cg-accordion__header:after {
    transform: rotate(90deg);
  }
  
  .cg-accordion:has(input:checked) .cg-accordion__header {
    color: #000;
  }
  
  .cg-accordion__content {
    max-height: 0;
    overflow: hidden;
    /* transition: max-height 0.5s ease; */
    font-size: smaller;
  }
  
  .cg-accordion input {
    display: none;
  }
  
  .cg-accordion:has(input:checked) {
    border-color: #000;
    background-color: #fff;
  }

  
  .cg-accordion input:checked ~ .cg-accordion__header:before {
      transform: rotate(270deg) !important;
    background-color: #000;
   }
  
  .cg-accordion input:checked ~ .cg-accordion__header:after {
      transform: rotate(270deg) !important;
    background-color: #000;
   }
  
  .cg-accordion input:checked ~ .cg-accordion__content {
      max-height: 1000px; /* Adjust based on content length */
      margin-top: 8px;
  }                                                                                                                                                    @charset "utf-8";


/*
Global CSS Variables // Add as needed
*/
:root {
	/* Text Color */
	--mf1: #000;

	/* Text Underline Display:None/Block */
	--mf16: none;

	/* text underline color */
	--mf15: #fff; 

	/* Headers */
	--mf2: #000;

	/* Link Hvr */
	--mf3: #e8710a;

	/* Newsletter Btn */
	--mf4: #e8710a;

	/* Newsletter Btn Color */
	--mf12 :#000;

	/* Newsletter Btn Hvr */
	--mf5: #e8710a;

	/* Main background */
	--mf9: #f2f2f2;
	
	/* Links Background */
	--mf6: #f2f2f2;

	/* Social icons color b/w */
	--mf13:
	invert(1);

	/* Tagline Background */
	--mf7: #f2f2f2;

	/* Tagline Text */
	--mf8: #000;

	/* Payment Options Background*/
	--mf10: transparent;

	/* Inner Width */ 
	--maxWidth: 1440px;

	/* Outer Width eg.1920px */
	--mf14: ;

	/* Openinig Times Display: */
}


/******************************************************************************************************************

-----------------
RESETS AND LAYOUT
-----------------

*/
#modular-footer-wrapper {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-flow: column nowrap;background: var(--mf9);border-top: 1px solid #dfdfdf;margin: auto;float: none;max-width: var(--mf14);}
#modular-footer-wrapper > div.fixed {max-width: 100%;background: var(--mf6);}
#modular-footer-wrapper :is( .modular-footer-socials, .modular-footer-retaillinks, .modular-footer-citruslime---tagline ) { border-bottom: none; }
#modular-footer-wrapper .modular-footer-socials,
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;border-top: 0;padding: 0;}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner > div {flex: 0 0 auto;width: auto;}
/**********************************************************/




/******************************************************************************************************************
	Set inner footer column max width
*/
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container {
	height: auto;
	max-width: var(--maxWidth);
	padding: 44px;
}




/******************************************************************************************************************
	Order of styling of main columns
*/
#modular-footer-wrapper > div.modular-footer-socials {
    flex-flow: row-reverse wrap;
    padding: 44px;
    order: 3;
    align-items: center;
    max-width: var(--maxWidth);
    margin: auto;
    background: #e5e5e5;
    border-radius: 16px;
    margin-block: 32px;
}

#modular-footer-wrapper .modular-footer-retaillinks {
    order: 1;
}
#modular-footer-wrapper .modular-footer-retaillinks:nth-child(3) {
    order: 2;
}
#modular-footer-wrapper .modular-footer-citruslime---tagline {
    order: 4;
	background: var(--mf7);
	color: var(--mf8);
}


@media screen and (max-width: 600px) {
	
	#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container {
		padding: 24px;
	}
		
	#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner > div {
		width: 100%;
	}
	
}


/******************************************************************************************************************
	Social & Newsletter
*/
#modular-footer-wrapper .modular-footer-socials .modular-footer-icons {
    padding: 0;
    order: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	-o-flex-flow: row nowrap;
	flex-flow: row nowrap;
    width: auto;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-icons > a {
	height: 44px;
	width: 44px;
	background-color: transparent;
	filter: var(--mf13);
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-icons > a:hover {
	filter: invert(0);
}


#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter {
    padding: 0;
    width: auto;
	border-radius: 8px;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container {
	padding: 0;
	max-width: 100%;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container .modular-footer-newsletter---container-inner {
	position: relative;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner input {
    border: 1px solid #dfdfdf;
    border-radius: 8px 0 0 8px;
    margin: 0;
    height: 54px;
    line-height: 54px;
    font-size: 12px;
    min-width: 300px;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner input::placeholder {
	font-size: 12px;
	color: #666;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit {
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    background: var(--mf4);
	color: var(--mf12)
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit {
	background: ;
	border: none;
}


#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit:hover {
	background: var(--mf5);
}



@media screen and (max-width: 1024px) {
	
	#modular-footer-wrapper .modular-footer-socials {
		-webkit-flex-flow: column nowrap;
		-moz-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		-o-flex-flow: column nowrap;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		padding: 24px;
	}
	
	#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container .modular-footer-newsletter---container-inner {
		flex-flow: row;
		justify-content: center;
		align-items: center;
		margin-bottom: ;
	}	

	#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner input {
		order: 3;
		flex-basis: 90%;
		flex: 1;
		font-size: 12px;
	}

	#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container > .modular-footer-newsletter---container-inner #newsletter-footer-submit {
		order: 4;
	}
	
}




/******************************************************************************************************************
	Main Column and links
*/



#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner h4 {
	margin-bottom: 1em;
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner h4::after {
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a {color: var(--mf1)}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner h4 {color: var(--mf2)}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner h4::after {
	content: "";
    display: var(--mf16);
    width: 40px;
    height: 3px;
    background: var(--mf15);
    margin: 10px 0px 10px 0px;	
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container .modular-footer-retaillinks-container-inner a:hover {
	color: var(--mf3);
}




/******************************************************************************************************************
	Logo, Menu, Contact & Opening Hours
*/
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---logo {}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---logo img {}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---menu {}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---contact {
    order: 3;
}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---contact a.mainFont {
	font-size: initial;
}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours {
	display: var(--mf11);
	max-width: 320px;
}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours p {
	margin:auto
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	flex: 1;
	width: auto;
	max-width: 250px;
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours dl dt {
	flex-basis: 50%;
	color: var(--mf1);
}

#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours dl dd {
	font-weight: bold;
	color: var(--mf1);
}

/*
	Payment Icons
*/
#modular-footer-wrapper .modular-footer-payment-icons {
    text-align: center;
	background: var(--mf10);
	order:3;
	padding-bottom: 32px;
}

#modular-footer-wrapper .modular-footer-payment-icons img {
    height: 1.5em;
}

/******************************************************************************************************************
	Custom Links
*/
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container-inner---custommenu {}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks-container-inner---custommenu > div {}




/******************************************************************************************************************
	Tagline
*/
#modular-footer-wrapper .modular-footer-citruslime---tagline a {
	color: var(--mf8);
}  

#modular-footer-wrapper .modular-footer-retaillinks---openinghours a {display:inline-block !important;text-decoration: underline;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .fetch-products {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.fetch-products > div {
    width: 100% !important;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    min-width: 100%;
}

.fetch-products {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.product-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  overflow: hidden;
  align-items: flex-start;
  padding: 1rem;
}

.product-card img {
  border-radius: 0.3rem;
  overflow: hidden;
}

.product-card-item-name {
  font-weight: bold;
  font-size: 0.9rem;
  min-height: 5rem;
  padding-block: 1rem;
  text-wrap: pretty;
}

.product-card-item-short-desc {
  display: flex;
  margin-bottom: auto;
  font-size: smaller;
  color: #444444;
  text-wrap: pretty;
}

.product-card-item-price-ctr {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  justify-content: space-around;
}

.product-card-item-price {
  color: var(--BLUE);
  font-weight: bold;
}

.product-card-item-price::before {
  content: 'only ';
}

.product-card-item-price-ctr.on-sale .product-card-item-price::before {
  content: 'now ';
}

.product-card-item-sale-price {
  color: var(--color-error);
  font-weight: bold;
}

.product-card-item-sale-price::before {
  content: 'was ';
}

.product-card-item-buy-now {
  background: var(--cg-color-2);
  color: white;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  line-height: normal;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.05rem;
}

.fetch-products.fetch-counter {
  counter-reset: section;
}

.fetch-products.fetch-counter .product-card {
  counter-increment: section;
  position: relative;
} 


@media screen and (max-width: 1024px) {
    .fetch-products.cg-overflow-x-ctr-mobile > div {
        width: 80% !important;
        min-width: 80%;
    }
}                                                                      @font-face {
    font-family: 'citrfontbold';
    src: url('/font/metropolis-extrabold-webfont.woff2') format('woff2'),
    url('/font/metropolis-extrabold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* -- global  -- */
body {padding-top: 0px;}
body form {display:flex; flex-direction: column;}
body .masthead {order: -1;position: sticky;top: 0px;}
body .topBar{order:-2;position: relative;}
.wrapper {background: #f7f7f7;}
.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"], .smiley-loading-anim > span {font-family: futura-pt, sans-serif !important;}
.container {background: transparent;}
.innerWidth {max-width: 1660px;margin: auto; float: none;}
.innerWidthText {max-width: 900px;margin: auto; float: none;}
.innerWidthText p {margin: 32px 0 ;}
html, body {font-weight: 400;font-style: normal;color: #000;background: #f2f2f2;font-family: futura-pt, sans-serif;}
.NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after, .noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .facetSelectedff.checked, .wsPrice, a.flex-active, .social a {background: #030303;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .current, .bannerTitle, .NodeLevel0>a, .mainFont, .ctaTitle, .boldfont {font-family: futura-pt, sans-serif;font-weight: 800;font-style: normal;}
.NodeLevel0>a {letter-spacing: inherit;line-height: 100%;font-weight: 400;font-size: 14px;font-weight: 700;}
.NodeLevel0 > a:before, .NodeLevel0 > a:after {height: 1px;background: #8c8c8c;}
.fixed, .NodeLevel0>.CSSFacetNavModules, .fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}
.ctaIcon {color: #000000;}
.maxInnerTitle { max-width: 900px; margin: auto; float: none; }
@media screen and (max-width : 320px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;padding: 0 8px;}}
@media screen and (min-width : 321px) and (max-width : 414px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 415px) and (max-width : 767px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 768px) and (max-width : 1024px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 1025px) and (max-width : 1440px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 1440px) and (max-width : 1920px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 1920px}}
@media screen and (min-width : 1920px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 1920px}}
.backgroundDark {background: #212121 !important}
.background1, .background1 .container {background: #212121 !important; color:#fff;}
.background2, .background2 .container {background: #f1f3f4 !important;}
.background1Split { position:relative;}
.background1Split:before {background: #212121;content:"";height:50%;position:absolute;width: 100%;}
.background1SplitLight iframe { position:relative; z-index:10}
.background1SplitLight { position:relative;}
.background1SplitLight:before {background: #f1f3f4;content:"";height:50%;position:absolute;width: 100%;}
.bginvert {background: #f1f3f4;}
.bginvert:before {background: #ffffff;}
.vPadding {display: flex;
    flex-direction: column;
    gap: var(--section-spacing-unit-size);
}


.button {background: #e8710a;color:#fff;}
.bgGrey {background: #f9f5f5}
@media screen and (max-width: 1023.99px) and (min-width: 768px){
	.ctrPadTop16 {padding: 16px 0;}
}
.container > .ctrPad32, .fixed > .ctrPad32  { padding: 32px 0;}
@media screen and (max-width : 1930px){
    .container > .ctrPad32, .fixed > .ctrPad32  { padding: 32px}
}
@media screen and (max-width : 1440px){
    .container > .ctrPad32, .fixed > .ctrPad32  { padding: 16px}
}
@media screen and (max-width: 767.9px){
	.ctrPadTop16 {padding: 16px 0;}
	.gutter32 >div { padding:0}
}

.BlogFormatting p {margin: 21px auto;float: none;}
.BlogFormatting img {height: auto;}



/* -- header basket  -- */
.wrapper { float:none}
.logo {max-width: 225px;}
.navIcons {border-bottom: none; padding:0 16px}
.masthead .topBar { display:none}
.topBar {background: #3a3a3a;padding: 0 16px;}
.masthead, .masthead .container, .ctrNavigation > .CSSFacetNavModules {position: fixede;}
.masthead {padding: 0;margin: auto;background: #212121;position: -webkit-sticky;position: sticky;top: 0;float: none;z-index: 10;}
.masthead input {background: #fafafa;}
.logoContainer {/* padding:0; */width: 225px;}
.navIcons [class*="icon-"] {text-align: center;font-size: 14px;}
.navIcons [class*="icon-"]:active {color: #000000;}
.navIcons [class*="icon-"]:hover { color:#f8ec01}
.loginCtr a { color:#b4d0fe}
body{padding-top: 0px !important;}
@media screen and (max-width: 1023px) {
	.logoContainer {padding-left: 16px;width: 150px;}
	.navIcons *[class*="icon-"] {text-align: center;}
	.navIcons {padding:0}
	body{padding-top: 0 !important;}
}
.NodeLevel1 > a {
    font-size: 16px;
    text-transform: uppercase;
    opacity: 1;
    width: 100%;
    font-weight: 800;
}
.NodeLevel0[data-nodename*='Sale'] > a  {color: #EC0028;}
.NodeLevel0[data-nodename*='Sale'] > a.active  {color: #EC0028 !important;} 
@media screen and (min-width : 1441px) and (max-width : 1920px){.navIcons {padding: 0;}}
@media screen and (min-width : 1920.1px){.navIcons {
    padding: 0px;
}}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .logo {min-height: 40px;top: 2px;}
    body {padding-top: 0px !important;}
}
@media screen and (max-width: 1024px){
	.NodeLevel0 > a {background: #fafafa;border-bottom: none;border-top: 1px solid #4b4b4b;}
}
.basketPip {background: #000000;right: 10px;}
@media screen and (max-width:1024px)
{
	.basketPip {right: 50%;}
}


/* header Call to action bar */
.topBanner > a {font-size: 13px;text-align: center;padding: 10px;width: 100%;float: left;text-transform: uppercase;font-weight: 700;}
.topBanner .bsubtitle {margin: 0 0 0 8px;color: inherit;opacity: 0.7;}
.topBanner .blink {margin: 0 0 0 8px;border-bottom: 1px dotted;}
.topBanner [class*="theme"] .btitle:before {margin-right:8px;font: normal normal normal 12px/1 FontAwesome;color: #FFF;font-size: initial;position: relative;top: 2px;}
.topBanner [class*="theme"] span {color: #fff;}
.topBanner .theme0 {background: #498cbc ;}
.topBanner .theme0 .btitle:before {content: "\f005"; color: #e3c01d; }
.topBanner .theme0 .blink {color: #e3c01d;}
.topBanner .theme1 {background: #9E1C1C;}
.topBanner .theme1 .btitle:before {content: "\f0e7"; color: #e3c01d; }
.topBanner .theme1 .blink {color: #e3c01d;}
.topBanner .theme2 {background: #179e21;}
.topBanner .theme2 .btitle:before {content: "\f1bb"; color: #e3c01d}
.topBanner .theme2 .blink {color: #e3c01d;}
.topBanner .theme3 {background: #cc3333;}
.topBanner .theme3 .btitle:before {content: "\f004"; color: #e3c01d}
.topBanner .theme3 .blink {color: #e3c01d;}
.topBanner .theme4 {background: #1d8ab1;}
.topBanner .theme4 .btitle:before {content: "\f0d1"; color: #e3c01d}
.topBanner .theme4 .blink {color: #e3c01d;}
.topBanner .theme5 {background: #212223;}
.topBanner .theme5 .btitle:before {content: "\f005"; color: #e3c01d}
.topBanner .theme5 .blink {color: #2db8e9;}



/* -- header Dropdown nav  -- */
.NodeLevel0 > .CSSFacetNavModules, .ctrNavigation {top: 55px !important;}
.navIcons, .navIcons > div, .navIcons > a, .navIcons *[class*="icon-"], .logoContainer, .logo {height: 55px;line-height: 55px;}
.NodeLevel1 {width: auto;float: none;display: inline-block;vertical-align: top;padding: 16px;}
.NodeLevel1 > .CSSFacetNavModules {-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
.masthead .fixed, .TopSubBanner .fixed {padding: 0;}
.TopSubBanner {position: relative;background: #2e2e2e;}
.TopSubBanner  .container{ background:none}
.NodeLevel1>a {font-size: 16px;letter-spacing: 0;opacity: 1;width: 100%;display: block;margin-bottom: 16px;text-transform: initial;border-bottom: 1px solid #c1c1c126;font-size: 14px;}
.NodeLevel2 > a {position:relative;overflow: inherit;display: block;float: left;margin: 0 0 4px 0;line-height: 150% !important;opacity: 1;color: #b7b7b7 !important;text-transform: capitalize;font-weight: 400;}
.NodeLevel2 > a:before {background: #f8ec01;}
.NodeLevel0[data-nodename*='Sale'] .NodeLevel2 > a:before {background: #EC0028;}
.NodeLevel2 > a:hover {opacity:1;color: #ffffff !important;}
.NodeLevel0 > .CSSFacetNavModules.active {position: fixed;text-align: center;justify-content: center;background: #f3f3f3;}
.NodeLevel0 > a.active {color: #f8ec01 !important;}
.NodeLevel2[data-nodename="Shop All"] a {font-style:italic;border-bottom: 1px solid #ffffff42;opacity: 0.7;overflow: initial;}
@media screen and (max-width: 1024px){
    .NodeLevel1 {width: 100%;}
    .ctrNavigation {top: 55px !important;}
}


/* Invert Cover*/
.masthead .container, .masthead .NodeLevel0>.CSSFacetNavModules, .ctrNavigation, .NodeLevel0 > a {background: #212121;color: white;text-transform: uppercase;}
@media screen and (max-width: 767px) {.NodeLevel0>a {color: #FFF;border-bottom: 1px solid #363636;}}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {.NodeLevel0>a {color: #FFF;}}
.social a {background-color: #212121 !important;}
.navIcons { border-bottom:none}
.fafbackground { background: #fff}
.srchCtr.tbcnt .searchBoxForm, .srchCtr.tbcnt .searchBoxForm:focus {background: #212121;}
.NodeLevel0>a.active:before, .NodeLevel0>a.active:after, .basketPip {background: #f8ec01;}
#basket, .basketPip { color: #000}
#basket > div:last-of-type{ background:#efefef}
@media screen and (max-width: 1023px) {
	.NodeLevel0 > .CSSFacetNavModules.active {position: relative;top: 0 !important;padding-bottom: 130px;}
	.ctrNavigation > .CSSFacetNavModules { height:auto}
}
@media screen and (min-width : 1441px) and (max-width : 1920px){
	.NodeLevel0>a {line-height: 100%;}
}
@media screen and (min-width : 1920px){
	.NodeLevel0>a {line-height: 100%;}
	.NodeLevel1>a, .NodeLevel2>a {font-size: 14px;}
}


/* -- forms buttons  -- */
button, .button, .dark .button, .dark button, .col-1 .dropdownA2B .a2bButtonGo {
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fff;
    }
button:hover, .button:hover, .a2bButtonGo:hover {
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fef207;
    background: #000000;
    }
.but {padding: 16px 32px;border: 1px solid #06090d;color: #05070d;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;background: transparent;font-family: 'citrfontbold';display: inline-block;}
.but:hover {border: 1px solid #060a0d;background: #000;color: #ffffff;}
.butInvert {padding: 16px 32px;border: 1px solid #ffffff;color: #ffffff;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;background: transparent;font-family: 'citrfontbold';display: inline-block;}
.butInvert:hover {border: 1px solid #ffffff;background: #ffffff;color: #000;}
.but.small, .butInvert.small {padding: 8px 16px; font-size:12px; letter-spacing:1px} 


button.ghost-button, a.ghost-button {background: #ffffff;border: 1px solid #d6d3d3;color: #333;}
button.ghost-button:hover, a.ghost-button:hover {color: white;background: #999;border: 1px solid #999;}
.NodeLevel0>a.active, .NodeLevel0 > a.active > span:after, .footer a:hover, .footer a:hover p, a, .checkList li:before {color: initial;}.NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after, .noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .facetSelectedff.checked, .wsPrice, a.flex-active, .social a {}
.CCartBut > div:first-of-type > a {
	font-size    :11px
}
#ctl01_panLoggedIn .ghost-button {color: #212121;}
.open-slide-menu .NodeLevel0>a:hover {}
@media screen and (max-width: 1023px) {
    .open-slide-menu .NodeLevel0>a:not(.active) {opacity: 1}
    .NodeLevel0>a.active {background: #000000;color: #fff !important;}
    .NodeLevel0>a.active:before, .NodeLevel0>a.active:after { background:white}
}

/* CSS Document */
form[action*="facet"] #body-wrapper-overlay ~ *, form[action*="facet"]  #body-wrapper-overlay + div .container, form[action*="collection="]  #body-wrapper-overlay + div .container, .fafbackground { background: #FFFFFF}
.wrapper #FafKnockoutResults .FAFFilters, .FAFResults, .FAF  { background: #FFFFFF !important}
form[action*="facet"]  #body-wrapper-overlay + div .fixed, form[action*="collection="]  #body-wrapper-overlay + div .fixed  { max-width:100%}


/* -- accordian  -- */
.accordianHeader > span.fa-unsorted:before, .accordianHeader > span.fa-unsorted:after {height: 3px;border-radius: 3px;}
.active .accordianHeader > span.fa-unsorted:before, .active .accordianHeader > span.fa-unsorted:after {background: #3e5b3e;}



/* -- Footer  -- */
.footer {background: #f2f2f2;}
.footer .container {max-width: 1440px;margin: 0 auto;width: auto;float: none;}
.footer > div {opacity:0.8}
.footer a:hover, .footer a:hover p  {color: #8bc0e9;}
.cards {color: #2e2e2e;background: #f2f2f2;opacity: 1;}
.footer .mainFont { font-size:larger; }
.social a{background-color: #ffffff00 !important;}
.social a:hover{filter: invert(0);}
input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {border: 1px solid #585858;}
.disabled, :disabled, .a2bButtonInactive {opacity: 0.3;cursor: not-allowed !important;background: #bcbcbc !important;color: #fff !important;}
.footer img {max-width: 100%;height: 100%;}
.gutter64 {margin: 0 -32px;}
.gutter64 >li, .gutter64 >a, .gutter64 >div, .gutter64 >span, .gutter64 > img {padding: 0 32px;}
.social a.facebook {background-color: #3b5998 !important;}
.social a.twitter {background-color: #1da1f2 !important;}
.social a.instagram {background-color: #c32aa3 !important;}
.social a.pinterest {background-color: #bd081c !important;}
.social a.youtube {background-color: #ff0000 !important;}
.social a{filter: invert(1);opacity: 1;}
.social.social a {background-color: transparent !important;}
.footerNewsletter  {color: #212329;margin: auto;float: inherit;text-align: center;padding: 32px 32px 64px 32px;}
.footerLogo img {max-width: 145px;background: #2d2e33;height: auto;}
#footerEmail { background:#fff}
.citrusDate {margin: 0;}
@media screen and (max-width: 767px)
{
	.footer .mainFont:after {margin: 16px auto}
    .footerBrands a { width:50%}
    .footer .zflex-sb { display: inline; width: 100%;}
    .footer .zflex-sb > div { margin: 0 0 64px 0;}
}
.fafbackground {background: #ffffff;}
.footerRow:last-of-type {border-top: none;margin: 32px 0 32px;}
.tp-widget-wrapper {
    max-width: 285px;
}



/* -- Live Chat  -- */
.livechatPOP {position:fixed;display: flex;bottom:16px;grid-gap: 8px;left: 16px;z-index: 9;-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);border-radius:4px;background:#2f353e;color:white;padding:8px 16px;font-size:12px;cursor:pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-animation-name:tinDownOut;-moz-animation-name:tinDownOut;-o-animation-name:tinDownOut;animation-name:tinDownOut;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: 3;-moz-animation-iteration-count: 3;-o-animation-iteration-count: 3;animation-iteration-count: 3;-webkit-animation-delay: 2s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.livechatPOP:hover {background:#1993d6;}
.livechatPOP span {margin:0;padding: 0;line-height: 150%;}
.backUpLink {position:fixed;width:40px;height:40px;bottom:16px;left:16px;z-index: 9;-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.05);-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);border-radius:4px;background:#2f353e;color:white;line-height: 40px;text-align: center;font-size:12px;cursor:pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;display:none;}
.backUpLink:hover {background:#1993d6;}



/* -- Logo Overides  -- */
.highlight {position:relative;margin: 32px 0;}
.highlight:after {content: '';position: absolute;top: 50%;left: 0;border-top: 1px solid #000000;width: 100%;transform: translateY(-50%);z-index: 0;}
.highlight span {text-transform:uppercase;font-size: 16px;background: #ffffff;z-index :1;position: relative;padding: 0 32px;font-weight: 900;}
.highlight.invert:after {border-top: 1px solid #a8acbe;}
.highlight.invert span {background: #212121;color: #fff;}


.invert, .invert .container {background: #212121;}
.invert * { color: #ffffff;}
.invert img[src*='svg'] { filter:invert(1)}



/* ----- 'Brands' Link in dropdown   ----- */
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1){width: 38%;}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .NodeLevel2 > a { font-size:larger}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){ width:62%}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 3;-moz-column-gap: 3;-webkit-column-count: 3;-webkit-column-gap: 3;column-count: 3;}
.allBrandLink {border-top: 1px solid #ababab4a; margin-top: 16px;}
.allBrandLink a {margin-top: 16px;position: relative;overflow: hidden;display: inline-block;line-height: 150% !important;}
.allBrandLink a:before {content: '';position: absolute;left: -100%;bottom: 0;width: 100%;height: 1px;background: #9d9d9d;-webkit-transform: none;transform: none;will-change: transform;transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1);transition: transform .6s cubic-bezier(.19,1,.22,1);}
.allBrandLink a:hover:before {-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
@media screen and (max-width: 767px){
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .NodeLevel2 > a {
    margin: 0 0 1.5em 0;
}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1), .NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){ width:100%}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) {width:30%;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){width:70%;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .CSSFacetNavModules {-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 3;-moz-column-gap: 3;-webkit-column-count: 3;-webkit-column-gap: 3;column-count: 3;}
} 

/* ----- Dropdown add to baketet styling   ----- */
.add-to-cart-area-dropdown option[data-qtyinstock='0'] {color:red;background: #f9f1f1;}
.add-to-cart-area-dropdown option[data-status="special order available"] {color:#386673;background: #eefcff;}
.add-to-cart-area-dropdown option[data-status="new season, coming soon. pre-order now."] {color:#386673;background: #eefcff;}


/* ----- Repeaters   ----- */
.flexsliderMP ul {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 1em;}
@media screen and (max-width: 1440px){
    .flexsliderMP ul {display: grid;padding: 1em;grid-template-columns: repeat(3, 1fr);grid-gap: 1em;}
}
@media screen and (max-width: 768px){
    .flexsliderMP ul {display: grid;padding: 1em;grid-template-columns: repeat(2, 1fr);grid-gap: 1em;}
}
.item-repeater-info-name {font-weight: bold;max-width: 300px;margin: auto;}
.hmRepeater > div a.item-repeater-info {text-align: center;}
.hmRepeater > div .item-repeater-info-name {font-size: smaller;padding-bottom: 8px;}
.hmRepeater > div ul.slides > li .standardPrice-repeater {color: #bbbbbb;font-family: 'citrfontreg';display: inline-block;margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dadada; text-decoration:line-through;}
.hmRepeater > div ul.slides > li .nowPrice-repeater {font-weight: bold;}
.hmRepeater > div [id*="lblDiscounttext"]  {color:#e83e3e; font-weight: bold;margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dadada;}
.hmRepeater > div [id*="lblDiscounttext"] > span, .hmRepeater > div [id*="lblDiscounttext"] > font  {color:#e83e3e;}
.hmRepeater > div ul.slides > li .percentOff-repeater {margin-right: 4px;}
.hmRepeater > div ul.slides > li .standardPrice-repeater,
.hmRepeater > div ul.slides > li .nowPrice-repeater,
.hmRepeater > div [id*="lblDiscounttext"] {font-size: 14px !important;}
.hmRepeater > div .pricingRepeater {border-bottom: 1px solid #6060606b;margin: 8px 0 8px 0;padding: 0 0 8px 0;display: inline-block;}


/* ----- Flexslider   ----- */
.topBar .zflex-sb > div:first-of-type {text-align: left;}
.topBar .zflex-sb > div:last-of-type { text-align: right;}
.flex-control-nav { display: none;}
.flex-control-nav a { font-size: 10px;}
.flex-prev, .flex-next {position:absolute;top:0;font-size:0px;display: inline-block;font-family: feather;font-style: normal;opacity: 0.3;}
.flex-prev:hover, .flex-next:hover { opacity:1}
.flex-prev { left:0;}
.flex-prev:before {content:"\e094";font-size:12px;position: relative;top: -2px;}
.flex-next { right:0}
.flex-next:before {content:"\e095";font-size:12px;position: relative;top: -2px;}
#flexsliderCTA {position:relative;}
#flexsliderCTA li {position:relative;display: none;opacity: 0;transition: opacity 1s; /* Transition should take 0.3s */-webkit-transition: opacity 1s;}
#flexsliderCTA.loaded li {opacity: 1;}
#flexsliderCTA .flex-direction-nav { display: inline;}
.CNCCTA {text-transform:uppercase;height: auto;padding: 0px !important;border-bottom: none;background: #3a3a3a;width: 100%;justify-content: flex-end;/* max-width: 475px; */color: #fff;}
.CNCCTA a:hover, .CNCCTA p:hover {color: #f8ec01;}
.CNCCTA a:after {content:"\2022";padding: 0 8px;color: #cbc331;}
.CNCCTA a:last-of-type:after, .CNCCTA li a:after {display:none}
.slider {height: 33px;max-width: 255px;}
.ctaDesktop  { width:100%}
#flexsliderCTA .CNCCTA a {flex:1; display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.CNCCTA li {text-align: center;overflow: hidden;}
.CNCCTA li a {display:flex;justify-content: left;align-content: flex-start;align-items: flex-start;color: #ffffff;PADDING: 8px;}
.CNCCTA li img {margin: 0 8px 0 0;filter: invert(1) sepia(1) saturate(120) hue-rotate(357deg);}
.full { flex-grow: 1; max-width: 100%;}
@media screen and (max-width: 1024px) {
	.ctaMobile {
        flex-grow: 1;
    }
}
@media screen and (max-width: 768px) {
	.mobile.ctaMobile {
        display:none
    }
    .CNCCTA li a {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        color: #ffffff;
        PADDING: 8px;
    }
    .slider {
        max-width:100%
    }
}


/* ----- BHF Footer   ----- */
.bhf p { color:#000 !important}
.bhf a span { webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #000; border: 1px solid #000; padding: 4px 8px; font-size: 10px; letter-spacing: 1px; margin-top: 8px; text-transform: uppercase; width: auto; display: inline-block;}
.bhf a:hover span { background: #000; color: #fff;}

#jg-widget-leisurelakesbikes2021-87 {display: -webkit-inline-box; justify-content: center;}
#jg-widget-leisurelakesbikes2021-87 > div {  min-width: 100%;}


/* ----- salesfire-search   ----- */
#salesfire-search > div {inset: 86px 0px 0px !important}


.banners {display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;flex-direction: column;grid-gap: 0.5em;width: 100%;position: relative;}
.banners >div {position:relative;}
.banners img {width: 100%;height: 100%;display: block;object-fit: cover;position: absolute;}
.lazyload.main {height: calc(100vh - 56px);object-fit: cover;}
.overlay .topBanner { position: absolute; top: 56px; width: 100%;}
.btn{    right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; min-width: 2.5rem; line-height: 2.375rem; background-color: rgba(36,34,34,.6); border-color: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.btn-tooltip {position:absolute;left: 2.25rem;bottom: 2.25rem;z-index: 1;}  
.text-button {width: 0; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) 0s,width .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) 0s,width .3s cubic-bezier(.215,.61,.355,1) .2s;}


/* ----- yotpo-hide   ----- */
.yotpo.testimonials { display: none;}


#loader{grid-column: span 3;}
.preloading #loader{ display: block; position: relative; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 32px; width: 32px; clip: rect(0, 32px, 32px, 16px); -webkit-animation: loader-1-2 1.2s linar infinite; anmation: loader-1-2 s cubicbezier(06, 0.64, 049, 0.48) infinit;}
.preloading #loader::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 32px; width: 32px; clip: rect(0, 32px, 32px, 16px); border: 3px solid #212121; border-radius: 50%;}
.preloading.found #loader { display:none}
.preloading.error #loader {display:none}
@-webkit-keyframes loader-1-2 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}




/* .modular-footer-citruslime---tagline:after {
    content: "XLR8 Sports Limited, trading as Leisure Lakes Bikes, is an appointed representative of Product Partnerships Limited which is authorised and regulated by the Financial Conduct Authority. Product Partnerships Limited's FCA registration number is 626349 and its address is Suite D2 Joseph's Well, Hanover Walk, Leeds LS3 1AB. Product Partnerships Limited's permitted business is to act as a Principal for a network of Appointed Representatives who arrange regulated credit facilities for customers who are purchasing goods from them. \A XLR8 Sports Limited acts as a credit broker not a lender. We can only introduce V12 Retail Finance Ltd (FRN: 679653) who may be able to offer you finance facilities for your purchase. We do not receive any commission for introducing customers to a finance provider. You may be able to obtain finance for your purchase from other lenders and you are encouraged to seek alternative quotations. If you would like to know how we handle complaints, please ask for a copy of our complaints handling process. You can also find information about referring a complaint to the Financial Ombudsman Service (FOS) at financial-ombudsman.org.uk We also offer unregulated credit agreements through Klarna (pay in 3) and Clearpay. Please note that these credit agreements are not regulated by the FCA. Please use these products responsibly and ensure you can make repayments on time. Finance is subject to status. T&Cs and eligibility apply. Failure to make repayments on time may negatively impact you. ";
    padding: 32px 32px 92px 32px;
    max-width: 1290px;
    display: block;
    margin: auto;
}                                                                                                                                                                                                                   */                                                                                                                     /* Homepage Video  -- */
.standardWrapper {position: relative;overflow:hidden;}
.videoWrapper {position: relative;overflow:hidden;height: calc(1400px * 0.5625);max-height: calc(90vh - 140px);background: #000;}
.videoWrapper iframe {top: 0;left: 0;width: 100%;height: 100%;z-index: 0;position: absolute;}
.ytplayerWrapper {width: 100%;padding-bottom: 56.25%;overflow: hidden;float: left;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0.5;}
.ytplayerOverlay {z-index: 2;color:#fff;width: auto;position: absolute;top: 41%;left: 50%;transform: translateX(-50%) translateY(-50%);top: 85%;}
.ytplayerOverlay img { max-width:100%}
.ytplayerOverlay h1:before {content:"";background: url(/layout/generalLyout/logo.png) center center no-repeat;background-size: contain;width: 190px;height: 65px;display: block;margin: auto;}

.ytplayerOverlay h1 {color:#fff;margin: 0;display: block;}
.ytplayerOverlay h2 {color:#fff;font-size: 32px;margin: 0;}
.ytplayerOverlay a {display: inline-block;margin-top: 16px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;padding: 6px 10px !important;color: #ffffff;border: 1px solid #ffffffa1;padding: 4px 8px;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;}
.videoWrapper:hover a { background:#333; color:#fff}

@media screen and (max-width: 767px){
	.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
	.ytplayerWrapper {width: 100%;padding-bottom: 100%;}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
	.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
}

.vlog a {display: inline-block;vertical-align: top;padding: 0;position: relative;}
.vlog h3 {margin: 16px 0 0 0;font-size: 17px;}
.vlog p {margin: 8px  0 56px 0;font-size: smaller;color: #444;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.vlog .play {position:absolute;background:#fff;padding: 4px 12px;top: 0;right: 0;height: 30px;line-height: 100%;}
.vlog .play:after {font: normal normal normal 14px/1 FontAwesome;content: "\f04b";color: #cc0000;font-size: 8px;}
.vlog a:hover .play {background: #cc0000;}
.vlog a:hover .play:after {color:white;}
.Videoheader .videoWrapper { background:#000}
.Videoheader .imgCtr { opacity: 0.8}
.imgctrVideo { width:100%}
.imgctrVideo:after { padding-bottom: 56.25%; content: ""; display: block; width: 100%;}
.vlog {display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 16px;margin: 32px 0;}
.vlog a:first-of-type {grid-column: 1/4;grid-row: 1/3;}

@media screen and (max-width: 767.9px)
{
    .vlog { display:grid; grid-template-columns: repeat(1, 1fr);}
    .vlog a:first-of-type {grid-column: auto;grid-row: auto;}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	.vlog { display:grid; grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
    .vlog {display:grid;grid-template-columns: repeat(4, 1fr);}
}                                                                                                                                                                                                                                                                                                                                                                                                              .reasons {
    display: flex !important;
    flex-direction: column-reverse;
}

.reasonToBuy {
    counter-reset: my-sec-counter 0;
}

.reasonToBuy > div {
    counter-increment: my-sec-counter 1;
}

.reasonToBuy [class*="cg-icon"]::before {
    content: counter(my-sec-counter);
    font-size: xx-large;
    font-weight: bold;
}

.reasonToBuy [class*="cg-icon"] {
    background: rgb(30, 30, 30);
    height: 75px;
    width: 75px;
    min-width: 75px;
    place-content: center;
    display: flex;
    align-items: center;
    border-radius: 75px;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 768px) {
    .reasonToBuy .cg-justify-center {
        text-align: center;
    }

    [class*="cg-icon"] {
        margin: auto !important;
    }
}

.specs [class*="cg-icon"] {
    background: rgb(255, 255, 255);
    height: 75px;
    width: 75px;
    min-width: 75px;
    place-content: center;
    display: flex;
    align-items: center;
    border-radius: 75px;
    color: rgb(0, 0, 0);
}

.specs [class*="cg-icon"] div {
    width: 2em;
    height: 2em;
    margin: auto;
    background-color: currentcolor;
    mask-image: var(--svg);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.specs .card:not(.active) {
    display: none;
}

.Battery {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.9 16.923L14.942 11H12.25V7l-3.154 6H11.9zM12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E");
}

.Headset {
    --svg: url("data:image/png;base64,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");
}

.Shock {
    --svg: url("data:image/png;base64,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");
}

.Forks {
    --svg: url("data:image/png;base64,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");
    width: 2.5em !important;
    height: 2.5em !important;
}

.Display {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11 17H4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-7v2h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3zM4 5h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.Motor {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048'%3E%3Cpath fill='%23000' d='M1088 1024H960V0h128zm212-724q138 44 252 128t196 197t127 248t45 279q0 124-32 238t-90 214t-140 181t-181 140t-214 91t-239 32t-238-32t-214-90t-181-140t-140-181t-91-214t-32-239q0-144 45-279t126-248t196-197t253-128l40 121q-119 39-217 111T403 700T295 911t-39 241q0 106 27 204t78 183t120 156t155 120t184 77t204 28t204-27t183-78t156-120t120-155t77-184t28-204q0-125-38-240t-109-212t-168-168t-217-111z'/%3E%3C/svg%3E");
}

.Range {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M92.6 21c-32 0-64.04 24-64.04 72L92.6 221l64-128c0-48-32-72-64-72m282.3 39c-6.9.29-13.6 1.6-19.2 2.8l3.8 17.6c5.6-1.25 11.4-2.04 16.3-2.4zM92.6 61c17.7 0 32 14.33 32 32c0 17.7-14.3 32-32 32c-17.67 0-32-14.3-32-32c0-17.67 14.33-32 32-32m302.2.2l-3 17.7c4.9 1.03 9.8 2.32 14.1 4.9l8.7-15.8c-6.1-3.25-12.9-6.17-19.8-6.8m-57.5 6.7c-6.1 2.38-12.2 4.51-17.4 6.6L327 91c5.5-2.34 11.3-4.38 16.2-6.1zM431 81.3L417.3 93c3.6 4.12 6.4 9.2 8.6 13.3l16.1-8.1c-3.4-6.55-6.4-11.51-11-16.9m-127.8.9c-6.1 3.11-11.1 5.88-16.5 8.6l8.8 15.8c5.2-3 10.9-5.9 15.5-8.2zm-32.3 17.9c-5.3 3.1-10.5 6.2-15.6 9.6l9.8 15c4.9-3.2 10-6.2 15-9.2zM448.2 118c-5.9 1-11.9 1.7-17.8 2.4c.4 5 .1 10.4-.9 14.6l17.5 4.1c1-7.2 1.9-14.6 1.2-21.1m-208.1 1.7c-5 3.4-9.9 6.9-14.9 10.3l10.4 14.7c4.8-3.5 9.7-6.8 14.6-10.2zm-29.6 21.1c-5 3.6-10.2 7.6-14.5 10.9l10.9 14.3c5.5-4 9.3-7 14.3-10.7zm213 8c-3 4.6-6.5 9.2-10 12.7l13.1 12.5c4.3-5.1 8.9-10.3 12.1-15.5zm-241.8 14.1c-4.9 3.8-9.8 7.7-14.1 11.3l11.4 13.9c4.7-3.9 9.5-7.9 13.9-11.1zM401.1 173c-4.6 3.7-9.4 7.3-13.8 10.3l10.3 14.8c5.3-3.6 10.5-7.5 15-11.1zm-247.4 12.9c-4.7 3.8-9.2 7.8-13.8 11.7l11.7 13.7c4.5-3.9 9-7.8 13.6-11.6zm218.9 7c-5.1 3-10.4 6.1-15.2 8.7l8.6 15.9c5.4-3.3 11.5-6.2 16-9.2zm-246.4 16.6c-4.5 4-8.9 8-13.4 12.1l12.1 13.4c4.4-4 8.9-8 13.3-12zm215.5.4c-5.3 2.6-10.6 5.3-15.9 7.9l7.7 16.2c6.2-3 10.8-5.5 16.4-8.1zm-32 15.4c-5.5 2.5-10.8 4.9-16.4 7.2l7.3 16.5c5.5-2.4 11-4.9 16.5-7.4zM99.6 234c-5.1 4.5-8.65 8-13.3 12.5l12.7 13c4.7-4.5 8.5-8.4 12.9-12.2zm177.3 5.8c-5.5 2.3-11 4.7-16.5 7l7 16.7c5.6-2.3 11.1-4.7 16.6-7.1zm-33.1 14c-5.5 2.4-11 4.8-16.6 7l7 16.7c5.5-2.3 11.1-4.7 16.6-7zm184.8 7.2c-32 0-64 24-64 72l64 128l64-128c0-48-32-72-64-72m-218 6.8c-5.7 2.6-11.7 5-16.6 7.1l7.1 16.6c5.9-2.5 11.5-4.9 16.5-7.1zM177.4 282c-5.4 2.5-11.7 5.3-16.5 7.5l7.4 16.4c5.9-2.6 11.1-5.2 16.3-7.4zm-33 15c-5.6 2.7-11.4 5.5-16.4 8l8.1 16.1c5.4-2.8 11-5.4 15.9-7.8zm284.2 4c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m-316.8 12.3c-5.3 2.9-10.6 5.9-16 9l9 15.6c5.1-3 10.3-5.8 15.5-8.6zM80.1 332c-5.61 3.2-11.03 7.5-15.7 10.6L75.3 357c4.97-3.6 10.32-7.3 14.6-9.9zm-29.9 22.6c-4.8 4.4-9.53 9.5-13.2 13.8l13.7 11.7c3.85-4.7 7.2-8.2 11.7-12.2zm217.8 1.3l1.6 17.9c5.2-.9 10.4-.3 15.6.5l3.1-17.7c-6.6-1-13.6-1.7-20.3-.7m-37.2 10l6.8 16.7c5.2-2.3 10.6-4.1 16.1-5.8c-1.9-5.7-3.3-11.5-4.8-17.3c-6.3 1.8-12.6 4.2-18.1 6.4m77.5-.9l-10.2 14.8c4.2 3.1 8.3 6.4 11.6 10.5l13.6-11.8c-5.1-5.2-9-10.1-15-13.5m-94.5 9c-5.5 2.8-10.8 6-16.1 9.1l9.1 15.5c5.2-2.8 10.3-6.1 15.4-8.8zM26.01 385c-3.02 6.5-5.47 13.5-6.61 19.7l17.7 3.1c1.08-5.7 2.63-9.8 4.9-14.7c-5.49-2.4-10.73-5.3-15.99-8.1m156.09 7.8c-5.1 3.3-10.1 6.6-15.1 10l10 15c5-3.3 9.9-6.7 14.9-10zm152.7 1.2l-15.1 9.8c3.2 4.8 6.3 9.8 9.2 14.9l15.6-9c-3.5-5.6-6-10.6-9.7-15.7m-182.7 19c-5 3.3-10 6.5-14.9 10l10 15c4.8-3.5 9.9-6.8 15-10.2zm-114.8 9.5c-5.79 1.2-11.63 2.2-17.45 3.3c1.05 7 3.86 13.8 6.4 19.2l16.25-7.8c-2.17-5-4.23-10.2-5.2-14.7m316.1 2.8l-15.6 9c3.1 5.4 6.7 11.2 9.6 15.8l15.1-9.7c-3.4-5.3-6.3-10.3-9.1-15.1m-231 7.5c-5 3.1-9.9 6.1-15.1 9l8.9 15.7c5.3-3.1 10.6-6.2 15.7-9.5zm-71.3 16.3l-12.3 13.2c5.56 5.3 12.42 8.8 19.9 10.4l4-17.5c-4.44-.9-8.59-3.1-11.6-6.1m41 .3c-5.01 2.3-10.21 4.1-15.6 5.2l4.1 17.6c6.42-1.3 12.46-3.7 18.5-6.2zm280.3 4.8l-13.9 11.3c4.3 5.3 9.6 10.4 14.2 14l11.1-14.2c-4.4-3.4-8.2-7.5-11.4-11.1m24.1 17.5l-4.5 17.5c7.9 1.6 13.8 2.1 21.2 1.3l-2.2-17.9c-4.9.8-9.7.3-14.5-.9'/%3E%3C/svg%3E");
}

.Weight {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.712 19h10.577q.269 0 .461-.221t.154-.49l-1.252-8.77q-.039-.23-.212-.375Q16.267 9 16.036 9H7.963q-.23 0-.404.144q-.173.144-.211.375l-1.252 8.77q-.038.269.154.49t.461.221M12 8q.425 0 .713-.288T13 7t-.288-.712T12 6t-.712.288T11 7t.288.713T12 8m1.71 0h2.346q.615 0 1.06.394q.444.394.53 1.004l1.252 8.77q.106.726-.376 1.279q-.481.553-1.233.553H6.711q-.752 0-1.234-.553t-.376-1.28l1.252-8.769q.087-.61.53-1.004Q7.33 8 7.945 8h2.347q-.133-.212-.212-.468Q10 7.275 10 7q0-.846.577-1.423T12 5t1.423.577T14 7q0 .275-.079.532q-.079.256-.211.468M6.038 19h11.924z'/%3E%3C/svg%3E");
    width: 2.5em !important;
    height: 2.5em !important;
}

.Travel {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M4 2a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1zm0 15a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1zM9.146 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L10 6.707v6.586l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L9 13.293V6.707L7.854 7.854a.5.5 0 1 1-.708-.708z'/%3E%3C/svg%3E");
}

.Wheels {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2C8.27 2 2 8.27 2 16.002m13.425 11.25a11.2 11.2 0 0 1-6.173-2.231l5.1-6.074c.327.184.689.315 1.073.38zm1.211-.004v-7.93q.421-.081.797-.259l4.545 6.493a11.2 11.2 0 0 1-5.342 1.696m6.332-2.394l-4.55-6.497q.292-.297.502-.659l7.45 2.713a11.3 11.3 0 0 1-3.402 4.443m3.817-5.581l-7.454-2.714a3.4 3.4 0 0 0 .035-.828l7.664-2.053a11.3 11.3 0 0 1-.245 5.595m-.067-6.764l-7.662 2.055a3.4 3.4 0 0 0-.442-.7l5.101-6.078a11.3 11.3 0 0 1 3.003 4.723M22.79 7.005l-5.097 6.075a3.4 3.4 0 0 0-1.057-.394V4.749a11.2 11.2 0 0 1 6.154 2.256m-7.365-2.26v7.93a3.4 3.4 0 0 0-.811.249l-4.552-6.501a11.2 11.2 0 0 1 5.363-1.677M9.07 7.116l4.547 6.497a3.4 3.4 0 0 0-.524.676l-7.456-2.714A11.3 11.3 0 0 1 9.07 7.116m-3.848 5.596l7.453 2.715a3.4 3.4 0 0 0-.037.86l-7.66 2.052a11.3 11.3 0 0 1-.244-2.34c0-1.143.17-2.247.488-3.287m.069 6.794l7.663-2.05q.188.392.465.72l-5.094 6.07a11.3 11.3 0 0 1-3.034-4.74m12.285-3.503a1.574 1.574 0 1 1-3.148 0a1.574 1.574 0 0 1 3.148 0'/%3E%3C/svg%3E");
}

.specs .Capacity {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M6 7h11a2 2 0 0 1 2 2v.5a.5.5 0 0 0 .5.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5a.5.5 0 0 0-.5.5v.5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2m1 3v4m3-4v4m3-4v4'/%3E%3C/svg%3E");
    width: 3em !important;
    height: 3em !important;
}

@media screen and (max-width: 768px) {
    .specs.cg-grid-col-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .specs [class*="cg-icon"] {
        height: 45px;
        width: 45px;
        min-width: 45px;
        border-radius: 45px;
    }

    .specs .cg-justify-center {
        text-align: center;
    }
}

span.counter::before {
    content: counter(my-sec-counter);
}

.rating-scales-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    width: 100%;
}

.rating-scale:only-child {
    grid-column: span 2;
}

.rating-scale {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.rating-scale p {
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: bold;
}

.bars {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    gap: 0.25rem;
    width: 100%;
}

.bar {
    flex: 1 1 auto;
    height: 1rem;
    border-radius: 0.25rem;
    width: 100%;
    background: rgb(223, 223, 223);
    margin-bottom: 0.25rem;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.filled {
    background: var(--mf3);
}

.bar-titles {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: small;
}

@media screen and (max-width: 768px) {
    .rating-scales-container {
        grid-template-columns: 1fr;
    }
}

.bannderSides > div:nth-child(2n) {
    flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
    .bannderSides > div {
        flex-direction: column !important;
    }
}

.buttons {
    float: left;
    width: 100%;
    clear: both;
    display: grid;
    margin: 0px;
    gap: 8px !important;
}

.buttons a {
    width: auto;
    clear: none;
    min-width: auto;
    background: rgb(255, 255, 255);
    border: none;
    border-radius: 6px;
    gap: 12px;
    position: relative;
    outline: rgb(214, 214, 214) solid 1px;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 12px 20px 12px 21px !important;
}

.buttons a::after {
    content: "";
    display: inline-block;
     width: 18px;
     height: 18px;
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10' opacity='0.5'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 12h8m0 0l-3-3m3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");
     background-color: currentColor;
     -webkit-mask-image: var(--svg);
     mask-image: var(--svg);
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-size: 100% 100%;
     mask-size: 100% 100%;
   }

.buttons a:hover {
    color: rgb(255, 255, 255);
    background: var(--cg-color-black);
}

.buttons a:hover::after {
    color: var(--mf4);
}

.buttons a[href*="onsale"], .buttons .button-sale {
    outline: rgb(241 156 156) solid 1px;
}
.buttons a[href*="onsale"]:after, .buttons .button-sale :after{
    color: #d74444;
}

.buttons a[href*="onsale"]:hover, .buttons .button-sale:hover {
    color: rgb(255 255 255);
    background: #d74444;
}

.buttons a[href*="onsale"]:hover::after, .buttons .button-sale:hover::after {
    color: #ffffff;
}

.button-layout-1 {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.button-layout-2 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.button-layout-3 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 1em;
    margin: 0px !important;
}

.button-layout-3 > a {
    width: auto;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
}

.buttons .button-featured {
    outline: var(--mf3) 1px solid;
    font-weight: bold;
}

.buttons .button-featured {
    background: var(--cg-color-black);
    color:#fff;
}
.buttons .button-featured[href*="onsale"] {
    background:#d74444;
    color:#fff;
}
     
                                                                                                                             /* Salefire Modifcations -------------------------  */
.sf-search-open .masthead,
.sf-search-open .masthead .fixed .navIcons,
.sf-search-open .masthead .NodeLevel0>.CSSFacetNavModules.active {
	z-index: 499;
}


html.sf-search-open.citrSale #body-wrapper-overlay.open-slide-menu,
html.sf-search-open.citrSale #search {
	display: none;
}

html .masthead,
html body[style="position: fixed;"] #GDPRCookieBox+.wrapper {
	z-index: 499;
}

html body[style="position: fixed;"] #GDPRCookieBox+.wrapper {
	position: relative;
}

.NodeLevel0>a {
	padding: 0;
}

.NodeLevel0>a:before,
.NodeLevel0>a:after {
	height: auto;
}

.NodeLevel0>a.active,
.NodeLevel0>a.active>span:after,
.footer a:hover,
.footer a:hover p,
a,
.checkList li:before {
	color: initial;
}

.NodeLevel0>a.active:before,
.NodeLevel0>a.active:after,
.noUi-connect,
.noUi-tooltip,
.basketPip,
a.flex-active,
.noUi-tooltip,
.noUi-connect,
.facetSelectedff.checked,
.wsPrice,
a.flex-active,
.social a {}

.open-slide-menu .NodeLevel0>a:not(.active) {
	opacity: 0.5;
}

.NodeLevel0>a:hover::after,
.NodeLevel0>a.active:after {
	width: 100%;
}

.NodeLevel0>a::after {
	bottom: -5px;
	top: auto;
	left: 50%;
	transform: translateX(-50%) !important;
	width: 0;
	background: #afafaf !important;
	height: 1px;
}

.open-slide-menu .NodeLevel0>a:not(.active):after {
	background: #aaaaaa !important;
}

.navIcons *[class*="icon-"] {
	min-width: 75px;
	font-size: 16px
}

.basketPip {
	top: 50%;
	left: calc(50% + 12px);
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px;
	line-height: 18px;
}

@media screen and (max-width: 1023px) {
	.open-slide-menu .NodeLevel0>a:not(.active) {
		opacity: 1
	}
}

.menu-icons-header {
	flex-grow: 1;
	justify-content: flex-end;
}

.NodeLevel0 {
	margin: 0 12px;
}

.navIcons {
	grid-gap: 18px;
}

.srchCtr {
	transition: opacity 0.3s;
	opacity: 0;
	display: inline-block !important;
	width: 100%;
	min-width: 200px;
}

.srchCtr.tbcnt .icon-search {
	left: auto;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	min-width: 40px;
	background: #575757;
	color: #b9b9b9;
	z-index: 1;
	pointer-events: none;
	border: 1px solid #575757;
	border-left: none !important;
}

.srchCtr.tbcnt .searchBoxForm,
.srchCtr.tbcnt .searchBoxForm:focus {
	padding: 0 0 0 21px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	background: #ffffff;
	border: 1px solid #444;
	font-size: 12px;
}

.menu-icons-header>.icon-search {
	display: none
}

.searchActive .srchCtr {
	opacity: 1;
	transition: opacity 0.3s;
	padding: 8px 0px 8px 32px;
}

.menu-icons-header {
	transition: opacity 0.3s;
	min-width: 315px;
	max-width: 400px;
	width: 400px;
}

.icon-head {
	order: 5 !important;
}

.open-slide-menu #salesfire-search {
	display: none
}

#login {
	background: #fff;
	-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 10%);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 10%);
	max-height: calc(100vh - 110px);
	text-align: left;
	position: absolute;
	margin: 0;
	overflow: visible;
	max-width: 416px;
	top: 16px;
	right: 16px;
	z-index: 4000;
	text-align: left;
	color: #000;
}

.basketPip {
	background: #f8ec01
}

@media screen and (max-width: 1600px) {
	.NodeLevel0 {
		margin: 0 16px 0 0;
	}

	.masthead input {
		font-size: 12px
	}

	.NodeLevel0>a {
		font-size: 12px;
	}
}

@media screen and (max-width: 1440px) {
	.NodeLevel0 {
		margin: 0 8p;
	}
}

@media screen and (max-width: 1224px) {
	.masthead input {
		font-size: 12px
	}

	.NodeLevel0 {
		margin: 0 8px 0 0
	}

	.NodeLevel0>a {
		font-size: 11px;
	}

	.navIcons {
		grid-gap: 0px;
	}

	.navIcons *[class*="icon-"] {
		min-width: 56px;
		font-size: 16px
	}
}

@media screen and (max-width: 1024px) {
	.menu-icons-header {
		max-width: 100%;
		min-width: 100px;
		width: 100%;
	}

	#search {
		min-width: 75px;
	}

	.icon-bag {
		text-align: center !important;
		margin: unset;
		width: 75px important;
		width: 25% !important;
	}

	.menu-icons-header {
		flex-grow: 1;
		justify-content: flex-start;
	}

	.menu-icons-header>.icon-search {
		display: none;
	}

	.NodeLevel0>a {
		padding: 16px
	}

	#login {
		max-width: calc(100% - 32px);
	}
}

@media screen and (max-width: 600px) {
	#txtTerm {
		opacity: 0
	}

	.srchCtr.tbcnt .icon-search {
		background: transparent;
		border: none
	}
}

/* Salefire Modifcations  Ends -------------------------  */

/* New Layout -------------------------  */
.NodeLevel0>.CSSFacetNavModules .NodeLevel1>a {
	font-size: 16px;
	opacity: 1;
	letter-spacing: 0;
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 16px;
	line-height: 100%;
	margin-bottom: 16px;
	color: inherit;
	border-bottom: 1px solid #a8afbd42;
}

.NodeLevel0>a.active {
	color: #ffffff !important;
	position: relative;
	width: 100%;
}

#navi .NodeLevel1[data-nodename*="brand" i] {
	background: #e3e7ef;
}

#navi .NodeLevel1[data-nodename*="brand" i] .NodeLevel2 a {}


#navi .NodeLevel0[data-nodename*="brand" i] .NodeLevel1>a {
	color: var(--but-bg-color) !important;
}

#navi .NodeLevel0[data-nodename*="Store"] .NodeLevel1,
#navi .NodeLevel0[data-nodename*="Help"] .NodeLevel1,
#navi .NodeLevel1[data-nodename*="info"],
#navi .NodeLevel1[data-nodename*="Info"] {
	background: #eaeaea;
}

#navi .NodeLevel0[data-nodename*="Sale" i] a::after #navi .NodeLevel1[data-nodename*="Sale" i] .NodeLevel2>a:before {
	background: #f53a3a !important;
}

#navi .NodeLevel0[data-nodename*="Brand" i] a::after,
#navi .NodeLevel1[data-nodename*="brand" i] .NodeLevel2>a:before {
	background: var(--mf3) !important;
}

#navi .NodeLevel0[data-nodename*="store" i] a::after,
#navi .NodeLevel1[data-nodename*="store" i] .NodeLevel2>a:before {
	background: #7fa4a8 !important;
}

#navi .NodeLevel0 a::after {
	background: #f5ea3a !important;
}

.NodeLevel2>a:before {
	background: cornflowerblue;
}

#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules.active {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules.active>div {
	width: 100%
}

#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules>div:first-child {
	/* width: 50%; */
}

#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules>div:last-child {
	flex-grow: 1
}

#navi a[href*="onsale" i],
#navi a[href*="discount" i],
#navi .NodeLevel2[data-nodename*="ex-demo" i] a {
	color: #a21212 !important;
}

#navi a[href*="onsale"]:before,
#navi a[href*="discount"]:before {
	background: #a21212 !important;
}


.NodeLevel1>.CSSFacetNavModules a {
	color: #000000 !important;
	opacity: 0.85;
	font-size: 18px;
}


.NodeLevel0>.CSSFacetNavModules.active {
	background: #f2f4f8;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	border-radius: 0;
	/* max-width: 1920px; */
	margin: auto;
	width: 100%;
	padding: 16px;
	border-radius: 16px;
	color: #000;
	position: absolute;
}

.NodeLevel2>a {
	float: none;
	display: inline-block;
}


.NodeLevel0>.CSSFacetNavModules.active .NodeLevel1 {
	background: #ffffff;
	padding: 1.5rem;
	border-radius: 8px;
}

@media screen and (max-width: 1024px) {
	.NodeLevel0>.CSSFacetNavModules.active {
		grid-gap: 1rem;
		grid-template-columns: 1fr;
		padding-top: 16px !important;
	}

	.NodeLevel1 {
		grid-column: auto;
	}
}


.NodeLevel1[data-nodename*="stores" i] .CSSFacetNavModules {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

@media screen and (max-width: 1023px) {
	.ctrNavigation>.CSSFacetNavModules {
		height: inherit;
	}

	.NodeLevel0>.CSSFacetNavModules.active {
		top: 45px !important;
		padding-bottom: 250px;
	}

	#navi .NodeLevel0 a::after,
	#navi .NodeLevel0 a.active::after {
		display: inline-block;
		width: 2em;
		height: 2em;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		position: absolute;
		top: 10px;
		right: 0px !important;
		left: calc(100% - 32px);
		opacity: 1;
		background: red !important;
	}

	#navi .NodeLevel0 a::after {
		opacity: 0
	}

	#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules.active {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	#navi .NodeLevel0[data-nodename*="brand" i]>.CSSFacetNavModules>div:first-child {
		width: 100%
	}

	.NodeLevel0[data-nodename*='Brands'] .NodeLevel1:nth-child(2) .NodeLevel2>a {
		font-size: inherit;
	}
}



#navi .NodeLevel1[data-nodename*="Clothing" i] {
    grid-column: 1 / 3;
}
#navi .NodeLevel1[data-nodename*="Clothing" i] .CSSFacetNavModules {
        column-count: 2;
}

@media screen and (max-width: 1224px) {
    #navi .NodeLevel1[data-nodename*="Clothing" i] {
        grid-column: auto;
    }
	#navi .NodeLevel1[data-nodename*="Clothing" i] .CSSFacetNavModules {
        column-count: 1;
    }
}
/* New Layout end -------------------------  */                                                                                                                                 .mainControls, .helpfulTools {
    padding: 1rem;
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    background: rgb(241, 241, 241);
    border-radius: 10px;
    margin-inline: 1rem; align-items: center;
}

.mainControls h2, .helpfulTools h2 {
    flex: 1 1 100%;
    margin-top: 0px;
}

.mainControls .button, .helpfulTools .button {
    margin-top: 25px;
}

.mainControls input, .mainControls select {
    background: rgb(255, 255, 255);
}

.cg-col-1:has(.mainControls) {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.cardControls {
    padding: 1rem;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}

.cg-col-1:has(.cardControls) {
    padding-top: 1rem;
}

.previewContainer {
    padding: 1rem;
}

.generatedCode, .pasteCode {
    padding: 1rem;
}

[data-tooltip]:hover::before {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    background: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 0.5rem;
    transform: translateY(-79px);
    max-width: 250px;
    border: 2px solid;
}

[data-tooltip]:has([disabled="disabled"]):hover::before {
    content: "Scroll is forced over 4 cards, for a better mobile user expreience";
}

[data-card]:hover::before {
    display: block;
    position: absolute;
    content: "Click and hold to drag and move position";
    background: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 0.5rem;
    transform: translateY(-55px);
    border: 2px solid;
}

[data-card]:hover {
    cursor: move;
}

.icon-arrow-up::before {
    content: "";
    font-size: 1.5rem;
    padding: 0.5rem;
}

.open.icon-arrow-up::before {
    content: "";
}

.accordion-header {
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 1rem;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(241, 241, 241);
    cursor: pointer;
    display: flex !important;
}

.accordion-header h3 {
    display: flex;
    flex-flow: column;
    padding-left: 0;
    padding-right: 1rem;
    margin-block: 0px;
    margin-right: auto;
    font-size: small;
    font-weight: 400;
}

.accordion-header .button {
    background: none;
    border: 2px solid red;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    padding: 0.5rem;
}

.accordion-header .button:hover {
    background: red;
    color: rgb(255, 255, 255);
}

.accordion-header:hover {
    border: 2px solid rgb(202, 202, 202);
}

.accordion-header.open {
    border-radius: 10px 10px 0px 0px;
    border-width: 2px 2px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(202, 202, 202);
    border-right-color: rgb(202, 202, 202);
    border-left-color: rgb(202, 202, 202);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.accordion-content {
    padding: 1rem;
    border-width: 0px 2px 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(202, 202, 202);
    border-bottom-color: rgb(202, 202, 202);
    border-left-color: rgb(202, 202, 202);
    border-image: initial;
    background: rgb(241, 241, 241);
    border-top-style: initial;
    border-top-color: initial;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}

.accordion-content .button {
    width: fit-content;
}

.accordion-content h3 {
    margin: 0px;
    padding-inline: 0.5rem; }

.accordion-content input, .accordion-content textarea {
    background: rgb(255, 255, 255);
}



.card-input.active {
    
    opacity:1
}
.card-input:not(.active) {
    /* opacity: 0.5; */
}
.card-input:not(.active) .icon-check {
    border: 2px solid #cacaca;
    background: transparent;
}
.card-input:not(.active) .icon-check:before {
    content: "\e115";
    color: #adadad;
}
.accordion-header { gap:16px}
.card-input strong { flex-grow:1}
                                                                                                                                                             /* Variables */

:root {
    --cg-color-1: #bf0d3d;
    --cg-color-2: #bf0d3caa;
    --cg-color-3: #bf0d3c69;
    --cg-color-4: #041e41;
    --cg-color-5: #041e41aa;
    --cg-color-6: #041e4169;
    --cg-color-7: #f1f3f4 ;
    --cg-color-8: #fafafa;
    --cg-color-9: #2b2b2b;

    --cg-color-black: #000;
    --cg-color-white: #fff;
}



                                                             



 /* Variables */

:root {
    --cg-color-1: #bf0d3d;
    --cg-color-2: #bf0d3caa;
    --cg-color-3: #bf0d3c69;
    --cg-color-4: #041e41;
    --cg-color-5: #041e41aa;
    --cg-color-6: #041e4169;
    --cg-color-7: #f1f3f4 ;
    --cg-color-8: #fafafa;
    --cg-color-9: #2b2b2b;
    --cg-color-black: #000;
    --cg-color-white: #fff;
    --gradient-default: linear-gradient(70deg,#00334C,#056991 60%,#056991);
    --header-height: 75px;
    --announcement-bar-height: 48px;
    --header-top-position: 92px;
    --header-group-height: 75px;
    --radius-small: 4px;
    --radius-large: 6px;
    --font-heading-family:"futura-pt,", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 1000;
    --font-heading-scale: 1.0;
    --font-heading-letter-spacing: -0.02em;
    --font-heading-text-transform: uppercase;
    --font-heading-word-break: break-word;
    --font-sub-heading-family:"futura-pt,", sans-serif;
    --font-sub-heading-style: normal;
    --font-sub-heading-weight: 700;
    --font-sub-heading-scale: 1.0;
    --font-sub-heading-letter-spacing: -0.02em;
    --font-sub-heading-word-break: break-word;
    --font-body-family:"futura-pt,", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-scale: 1.0;
    --font-body-letter-spacing: 0;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --button-border-radius: 0;
    --button-text-transform: uppercase;
    --input-border-radius: 6px;
    --button-action-border-radius: 0;
    --section-spacing-unit-size: 1.2rem;
    --spacing-unit-size: 1.2rem;
    --grid-spacing: 1.2rem;
    --color-success: #4fac60;
    --color-alert: #f6861f;
    --color-error: #ee3a45;
    --color-white: #FFFFFF;
    --color-black: #111111;
    --page-width: 1680px;
    --page-gutter: 1.6rem;
    --z-header: 100;
    --z-modals: 150;
}


@media screen and (min-width: 750px) {
    :root {
        --radius-small: 8px;
        --radius-large: 12px;
        --section-spacing-unit-size: 1.6rem;
        --spacing-unit-size: 1.2rem;
        --grid-spacing: 2.6rem;
        --page-gutter: 3.6rem;
    }
}

/* Z-Indexes */
.llke-zindex-0 { z-index: 0; }
.llke-zindex-1 { z-index: 1; }
.llke-zindex-2 { z-index: 2; }
.llke-zindex-3 { z-index: 3; }
.llke-zindex-4 { z-index: 4; }
.llke-zindex-5 { z-index: 5; }
.llke-zindex-6 { z-index: 6; }
.llke-zindex-7 { z-index: 7; }
.llke-zindex-8 { z-index: 8; }
.llke-zindex-9 { z-index: 9; }
.llke-zindex-9999 { z-index: 9999; }

/* Background Transparency */
.llke-bg-color-transparent { background-color: transparent; }
.llke-bg-color-7 {background: #ffffff;}

/* Backdrop Blur */
.llke-blur-light { backdrop-filter: blur(1px); }
.llke-blur-mid { backdrop-filter: blur(5px); }
.llke-blur-strong { backdrop-filter: blur(10px); }
.llke-blur-extreme { backdrop-filter: blur(30px); }

/* Positioning */
.llke-position-absolute { position: absolute; }
.llke-position-relative { position: relative; }

.llke-right-16 { right: 16px; }
.llke-right-32 { right: 32px; }
.llke-right-5p { right: 5%; }
.llke-right-10p { right: 10%; }
.llke-right-20p { right: 20%; }
.llke-right-30p { right: 30%; }
.llke-right-40p { right: 40%; }
.llke-right-50p { right: 50%; }
.llke-right-60p { right: 60%; }
.llke-right-80p { right: 80%; }
.llke-right-90p { right: 90%; }

.llke-left-16 { left: 16px; }
.llke-left-32 { left: 32px; }
.llke-left-5p { left: 5%; }
.llke-left-10p { left: 10%; }
.llke-left-20p { left: 20%; }
.llke-left-30p { left: 30%; }
.llke-left-40p { left: 40%; }
.llke-left-50p { left: 50%; }
.llke-left-60p { left: 60%; }
.llke-left-80p { left: 80%; }
.llke-left-90p { left: 90%; }

/* Images width */
.llke-maxwidth-50{
    max-width: 50%;
}
@media screen and (max-width: 767.9px){
    .llke-maxwidth-50{
    max-width: 100%;
    }
} 

/* Height properties */
.llke-height-auto {
    height: auto;
}

.llke-height-auto {
    height: auto;
}

@media screen and (max-width: 767.9px){
    .cg-flex-col-mobile {
        flex-direction: column !important;
    }
    .cg-flex-col-mobile-center {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }
    
    .llke-maxwidth-50{
        max-width: 100%;
    }
}

/* aspect ratios */
.aspect-16-9 { aspect-ratio: 16/9}
.aspect-4-3 {aspect-ratio: 4/3;}
.aspect-1 { aspect-ratio: 1;}
.aspect-3-4 { aspect-ratio: 3/4;}
.aspect-9-16 { aspect-ratio: 9/16}
.img-16-9 img { aspect-ratio: 16/9 !important}
.img-4-2 img { aspect-ratio: 4/2 !important}
.img-4-3 img { aspect-ratio: 4/3 !important}
.img-1 img { aspect-ratio: 1 !important}
.img-3-4 img { aspect-ratio: 3/4 !important}
.img-9-16 img { aspect-ratio: 9/16!important}
@media only screen and (min-width: 768px) {
    .triple-block > div {
        flex: 0 320px;
    }
}

@media screen and (max-width: 1023.99px) {
    .llke-hmScrollCtr {
        overflow-x: scroll;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1100px) {
    .llke-hmScrollCtr .cg-flex-col {
        min-width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .llke-hmScrollCtr .cg-flex-col {
        min-width: 80%;
    }
}


@media screen and (max-width: 1023.99px) {
    .llke-hmScrollCtrBanner > div {
        overflow-x: scroll;
        display: flex !important;
        flex-flow: row;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1100px) {
    .llke-hmScrollCtrBanner a {
        min-width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .llke-hmScrollCtrBanner a {
        min-width: 80%;
    }
}

/* New Button */

a.cg-button-2 {
    color: var(--cg-color-white);
    background: var(--RED);
    padding: .5rem 1rem;
    width: fit-content;
    text-decoration: none;
}


/* Overide padding on on mobie */
@media screen and (max-width: 768px) {
    .cg-pad-4 {
        padding: 2rem;
    }
}

@media screen and (max-width: 1024px) {
     
    .cg-overflow-x-ctr-mobile > a, .cg-overflow-x-ctr-mobile > li {
        min-width: 235px;
    }
    
 }

 .llke-text-ch-100 {
    max-width: 100ch;
 }

 .llke-text-center {
    margin: auto;
    text-align: center;
 }                                                                                                  .no-js .owl-carousel, .owl-carousel.owl-loaded {
  opacity: 1;
}

.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
}

.owl-carousel .owl-stage::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0px;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  backface-visibility: hidden;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

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

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

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  border: none;
  font: inherit;
  box-shadow: none;
  padding: 0px !important;
  background: transparent !important;
  color: rgb(0, 0, 0) !important;
}

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

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

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

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  user-select: none;
}

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

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

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

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

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

  100% {
      opacity: 0;
  }
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0px;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: rgb(0, 0, 0);
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  backface-visibility: hidden;
  transition: transform 0.1s;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*="owl-"] {
  color: rgb(255, 255, 255);
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: rgb(214, 214, 214);
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  color: var(--mf3);
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: rgb(214, 214, 214);
  display: block;
  backface-visibility: visible;
  transition: opacity 0.2s;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: rgb(11, 11, 11);
}

.owl-showHidden .owl-stage-outer {
}

.module-hero_carousel {
  background: rgb(175, 175, 175);
  padding: 0px !important;
}

.module-hero_carousel .owl-carousel .slide {
  height: calc(-101px + 95vh);
  position: relative;
  transition: 0.4s;
  top: 0px;
}

.module-hero_carousel .owl-carousel .slide .text {
  position: relative;
  transform: translateY(-50%);
  z-index: 2;
  top: 50% !important;
}

.module-hero_carousel .owl-carousel .slide .text .button {
  margin: 0px 10px 10px 0px;
}

.module-hero_carousel .owl-carousel .slide .media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.4s;
}

.module-hero_carousel .owl-carousel .slide .media img, .module-hero_carousel .owl-carousel .slide .media video {
  height: 100%;
  object-fit: cover;
}

.module-hero_carousel .owl-nav {
  width: 100%;
  display: block !important;
}

.module-hero_carousel .owl-nav .owl-prev, .module-hero_carousel .owl-nav .owl-next {
  height: 100%;
  border: 0px;
  color: transparent;
  background-color: transparent;
  position: absolute;
  top: 0px;
  z-index: 5;
}

.module-hero_carousel .owl-nav .owl-prev {
  width: 70px;
  left: 0px;
  margin: 0px;
}

.module-hero_carousel .owl-nav .owl-next {
  width: 70px;
  right: 0px;
  margin: 0px;
}

@media screen and (max-width: 767px) {
  .module-hero_carousel .owl-nav .owl-next {
      display: none;
  }
}

.module-hero_carousel .owl-dots {
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
}

.module-hero_carousel .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
  display: inline-block;
  float: left;
  margin: 5px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  opacity: 0.5;
}

.module-hero_carousel .owl-dots .owl-dot span {
  display: none;
}

.module-hero_carousel .owl-dots .owl-dot:hover {
  opacity: 1;
}

.module-hero_carousel .owl-dots .owl-dot.active {
  opacity: 1;
}

.module-hero_carousel.previous .media {
  transform: translateX(70px);
}

.module-hero_carousel.previous .slide {
}

.module-hero_carousel.previous .owl-item.active {
  z-index: -1;
}

.module-hero_carousel.previous .owl-item.active .slide {
  opacity: 1;
}

.module-hero_carousel.previous .owl-item.active .slide .media {
  transform: translateX(70px);
}

.module-hero_carousel.next .media {
  transform: translateX(-70px);
}

.module-hero_carousel.next .slide {
}

.module-hero_carousel.next .owl-item.active .slide {
  opacity: 1;
}

.module-hero_carousel.next .owl-item.active .slide .media {
  transform: translateX(-70px);
}

.titles {
  position: absolute;
  bottom: 110px;
  right: 0px;
  text-align: center;
  z-index: 5;
  padding: 16px 32px;
  text-shadow: rgba(0, 0, 0, 0.97) 0px 0px 1em;
  color: rgb(255, 255, 255);
  font-family: citrfontbold;
  font-size: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.owl-next::before {
  font-family: feather;
  content: "\e095";
}

.owl-prev::before {
  font-family: feather;
  content: "\e094";
}

.owl-nav.disabled {
  opacity: 1;
}

.next .owl-nav.disabled, .previous .owl-nav.disabled {
  opacity: 0.5;
}

.owl-next span, .owl-prev span {
  opacity: 0;
}

.owl-carousel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(360px, auto);
  gap: 1.5em;
  margin: auto;
  padding: 0px;
  max-width: 100%;
}

.owl-carousel > a {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
}

.owl-carousel > a h2, .owl-carousel > a p {
  z-index: 1;
  position: relative;
}

.owl-carousel > a h2 {
  font-size: 20px;
  display: inline-flex;
  align-items: baseline;
  gap: 16px;
  padding: 0px;
  margin: 0px;
}

.owl-carousel > a p {
  font-size: 14px;
  opacity: 0.8;
  margin: 0px;
  text-wrap: balance;
}

.owl-carousel .built {
  background: rgb(19, 32, 69);
  color: rgb(255, 255, 255);
}

.owl-carousel .bikefitting {
  background: rgb(200, 200, 200);
  z-index: 2;
  position: relative;
}

.owl-carousel .cover {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  text-align: left;
  max-width: 100%;
  text-wrap: balance;
  z-index: 1;
  position: relative;
  gap: 8px;
}

.owl-carousel .noGrad {
}

.owl-carousel .cover img {
  position: relative;
}

.owl-carousel img.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.owl-theme .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.owl-carousel.owl-carousel .owl-nav.owl-nav button {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  top: -31px;
  filter: drop-shadow(rgba(0, 0, 0, 0.19) 0px 8px 10px);
  background: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

.owl-prev.disabled, .owl-next.disabled {
  display: none !important;
}

.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-prev {
  left: 16px;
}

.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-next {
  right: 16px;
}

@media screen and (max-width: 768px) {
  .owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-prev {
     left: 0px;
   }
   
   .owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-next {
     right: 0px;
   }
}


.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    top: 50%;
    left: 0;
}

.owl-carousel
    img.product {
  position: relative;
    width: 75%;
    object-fit: contain;
    z-index: 0;
    padding: 12% 0px 0px;
}

.invertWhite {
}

.owl-item {
    overflow: hidden;
}

.owl-item .item {
    height: 100%;
    text-align: left;
}

.owl-item .item
    p {
  font-size: 12px;
}

.owl-item .item
    img {
  height: 100%;
    border-radius: 12px;
}

.owl-item .item >
    a {
  position: relative;
    overflow: hidden;
}

.owl-item .item >
    a::before, .owl-item .item > a:hover::after {
  transition: opacity 0.3s;
}

.owl-item .item >
    a::before {
  content: "Shop";
    z-index: 1;
    color: rgb(255, 255, 255);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.owl-item .item >
    a::after {
  content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.314);
    top: 0px;
    border-radius: 12px;
    opacity: 0;
    transition: opacity 0.3s;
}

.owl-item .item >  a:hover::before, .owl-item .item > a:hover::after {
  opacity: 1;
    font-weight: bold;
    text-decoration: underline;
}

.owl-item .tom-bannerPhoto  a {position:relative;overflow: hidden;width: 100%;display: inline-block;}
.owl-item .tom-bannerPhoto  a:before,  .owl-item .tom-bannerPhoto  a:hover:after{
  transition: opacity 0.3s;
}
.owl-item .tom-bannerPhoto  a:before {
    content:"View";
    z-index: 1;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity:0;
    transition: opacity 0.3s;
}
.owl-item .tom-bannerPhoto  a:after {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000050;
    top: 0;
    border-radius: 12px;
    opacity:0;
    transition: opacity 0.3s;
    left: 0;
}
.owl-item .tom-bannerPhoto  a:hover:before,  .owl-item .tom-bannerPhoto  a:hover:after {
     opacity:1;
     font-weight: bold;
     text-decoration: underline
}                                                                                  


.owlPhoto {
  position:relative;
  width: 100%;
  height: 100%;
}

.owlLink {
  position: absolute;
  background: #00000026;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  opacity:0;
  font-weight: 700;
}

.owl-item:hover .owlLink { opacity:1}
.owl-item .owlLink:empty { display:none} 

.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-next:hover,.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-prev:hover  {
  background: var(--mf4) !important;
}
.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-next:hover:before,.owl-carousel.owl-carousel .owl-nav.owl-nav button.owl-prev:hover:before  {
  filter:invert();
}   


.owlBannerTxtCtr { text-align:center}     


.owl-carousel-small img.cg-img.aspect-1 {
  aspect-ratio: 16/9;
}    

.bikesDeals .owl-item .item > a::after, .bikesDeals .owl-item .item > a:before {display:none }                                                                                                                                                     .reasons  {
    
}
.reasons a  {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 1.6rem;
    border-radius: .6rem;
    overflow: hidden;
    border: .2rem solid #efefef;
    transition: background-color .25s; 
    1.5: 2rem;
    padding: 1.5rem;
}

.reasons a:hover {
  background:#fff;
}


.reasons a:hover .bannerView {
   color:var(--RED)
}

.reasons img  {
    width: 64px;
    height: 80px;
    order:-1;
    background: #fff;
    margin-bottom: 3rem;
    padding: 16px;
    border-radius: 8px;
}

.reasons .bannerTxtCtr  {
   position:relative;
   color:#000;
   padding: 0;
   align-items: flex-start;
   justify-content: space-between;
   gap: 16px;
}

.reasons .bannerTxtCtr span  {
   position:relative;
   text-align: left;
   padding: 0;

}

.reasons .bannerTxtCtr .bannerTitle  {
   overflow: visible;
   text-overflow: unset;
   -webkit-box-orient: inherit;
   font-size: 18px;
}
.reasons .bannerTxtCtr .bannerDesc  {
   display:none
}

.reasons .bannerTxtCtr .bannerView   {
     font-size: 11px;
   border-bottom: 1px solid;
}

@media screen and (max-width: 1440px) {
    .reasons.cg-grid-col-6 {
        grid-template-columns: repeat(3, 1fr) !important
    }
}

@media screen and (max-width: 1200px) {
    .reasons.cg-grid-col-6 {
        grid-template-columns: repeat(2, 1fr) !important
    }
}
                                                                                             .sans-serif {
    font-family: sans-serif;
}

:root {
    --si_co1: #000;
    --si_co1a: #e5572117;
    --si_co2: #000000;
    --si_co3: #fff;
	--si_co4: #f15a33;
}
/**
	SI : Slide Out Panel
**/
/****************************************************************************/
.sundaysPanel {
    position: fixed;
    z-index: 999999;
    width: 50%;
    height: 100vh;
    backdrop-filter: none;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: all 0.33s ease-in-out;
    text-align: center;
    background: #fffa;
    box-shadow: none;
}
body.si__show .sundaysPanel {
    transform: translateY(0%) !important;
    box-shadow: 0 0 1rem 1rem #e5572117;
}
.sundaysPanelBackground {
    background: #eeefef;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    grid-gap: 1em;
    padding: 4em 4em 0 3em;
    overflow-y: scroll;
}

.sundaysPanelBackground h2 {
   text-align:left;
}


body.si__show .sundaysPanelContainerMain > a.si_close {
    position: fixed;
    z-index: 9999999;
    right: 1rem;
    top: 14px;
    margin: 0;
    padding: 0;
}
.sundaysPanelContainerMain > a span {
    color: #000;
    font-size: 2.5rem;
}
.sundaysPanelContainerMain > a:hover span {
    color: #000;
}


.icon-circle-cross:before {
    font-size: 2em;
}
.sundaysLogo {
    position: absolute;
    width: min(20vh, 200px);
    bottom: 4rem;
    left: 4rem;
}
.sundaysTextBox {
    border-radius: 5px;
    background-color: #fff;
    padding: 2rem;
    text-align: left;
}

.sundaysTextBox h2 {
    font-size: 2.5em;
    margin: 0;
}
.sundaysTextBox p {
    font-size: 1.25em;
    margin-block: .5rem;
}

.sundaysTextBox p:last-child {
	line-height: 100%;
}

.sundaysTextBox p:last-child small {
    line-height: 125%;
    font-size: 0.75rem;
}


.sundaysPanel h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
}
.sundaysTextBox ul {
    padding-top: 5px;
}
.sundaysTextBox ul li {
    font-size: 1rem;
    margin-left: 0;
    display: flex;
    grid-gap: 0.5rem;
    align-items: baseline;
}
.sundaysTextBox ul li span {
    color: var(--si_co1);
}
.sundaysTextBox ul li span:hover {
    color: var(--si_co1);
}
.sundaysText {
    text-align: left;
    padding: 2rem;
    overflow: none;
    height: fit-content;
    border-radius: 5px;
    background: var(--si_co3);
}
.sundaysText p{
    margin:0;
}
.sundaysBottomLogo {
    border-radius: 4px;
    background-color: #000!important;
    width: 100%;
    margin-top: 0;
}
.sundaysBottomLogo > h2 {
   text-align:center;
    font-family:sans-serif;
    font-size:1.5rem;
     color: var(--si_co3);
}
.sundaysBottomLogo > h2 a{
    color:#fff;
}
.sundaysBG {
    width: 100vw;
    height: 100vh;
    display: block;
    background: #0009;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transition:
        opacity 0.33s ease-in-out, width 0.33s ease-in-out;
    pointer-events: none;
}
body.si__show .sundaysBG {
    background: url(/SiteSpecific/CustomContent/resources/sundays-insurance/images/Sundays--orange-triangles.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    pointer-events: all;
    width: 50%;
}
@media screen and (max-width: 520px) {
    body.si__show .sundaysPanelBackground > a.si_close {
        left: 0.5rem;
    }
}
/**
	SI : Masthead CTA
**/
/****************************************************************************/
/**
	SI : Detail Page CTA
**/
/****************************************************************************/
#firstdetails > a.sundays {
    width: 100%;
    color: #000;
    font-family: sans-serif;
    font-size: .7rem;
    font-weight: 100;
    text-decoration: none;
    padding: 1rem;
    border: 1px solid #f25838;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    grid-gap: 1rem;
    order: 10;
    justify-content: space-between;
    background: #fff;
}
#firstdetails > a.sundays span:first-of-type {
    display: flex;
    text-decoration: none;
    text-underline-offset:2px;
    align-items: center;
    font-size: 12px;
}
.sundays img {
    max-width: 80px;
    width: 100%;
    min-width: 40px;
}
span.sundaybtn {
    background: #ec623a;
    padding: 0.75rem;
    font-size: 0.7rem;
    border-radius: 2rem;
    color: #fff;
    font-family: 'citrfontbold';
    text-align: center;
    display: none;
}

@media screen and (max-width: 600px) {
    
    #firstdetails > a.sundays span {
        display:none;
    }
    
    #firstdetails > a.sundays span:not(.sundaybtn) {
        display: block;
        color: #000;
        text-decoration: none;
        font-family: 'citrfontbold';
        font-size: 0.8rem;
        display: flex;
    }
  
}

/**
	SI : Shopping Cart
**/
/****************************************************************************/

.basket-wrapper :is(.new-basket-grid a.sundays) {
    display: inline-block;
    border: none;
    font-family: 'citrfontbold' !important;
    color: var(--si_co1);
    text-decoration: underline;
    position: relative;
}

.basket-wrapper :is(.new-basket-grid a.sundays)::after {
    content: "?";
    border: 1px solid;
    width: 17px;
    height: 17px;
    position: absolute;
    text-decoration: none;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    top: 3px;
    font-size: 10px;
    right: -20px;
}

.step3confirm.si__show .sundaysBG {width: 100vw;}

@media screen and (max-width: 768px) {
.sundaysPanelBackground {
    padding: 11em 4em 0 3em;
}
 
    body.si__show .sundaysPanel {
    transform: translateY(0%) !important;
    box-shadow: 0 0 1rem 1rem #e5572117;
        height: 100%;
        overflow-y:scroll;
}

body.si__show .sundaysBG {
    background: url(/SiteSpecific/CustomContent/resources/sundays-insurance/images/Sundays--orange-triangles.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    pointer-events: all;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sundaysBG {
    width: 100vw;
    height: 20vh;
    display: block;
    background: #0009;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.33s ease-in-out, width 0.33s ease-in-out;
    pointer-events: none;
}

    .sundaysPanel {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    backdrop-filter: none;
    top: 0px;
    right: 0;
    transform: translateX(100%);
    transition: all 0.33s ease-in-out;
    text-align: center;
    background: #fffa;
    overflow-y: scroll;
    box-shadow: none;
}
    .sundaysLogo {
    position: relative;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
}
    .sundaysPanelContainerMain > a span {
    color: #000 !important;
}
.sundaysPanelContainerMain > a:hover span {
    color: #000;
}
      #firstdetails > a.sundays {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}
}                 
#firstdetails > a.sundays span:after {
    content: "LEARN MORE";
    background-repeat: no-repeat;
    display: block;
    background: #f25838;
    padding-inline:2rem;
    padding-block:4px;
    color:#fff;
    border-radius:2rem;
    margin-left: 0.5rem;
}    
span.sundaysPDPtext div {
    color: #f25838;
    font-weight: 700;
    font-size: 13px;
}    


:root {
    --si_co1: #005668;
    --si_co1a: #e5572117;
    --si_co2: #34a5bc;
}
/**
	SI : Order Confirmation Modal
**/
.sundaysCta {
    display: flex;
    background: #fff;
    border-radius: 1rem;
    color: #fff;
    flex-direction: column;
    border: 2px solid var(--si_co4);
}
a.sundaysCta {
    text-decoration: none;
}

span.underlinetext {
    text-decoration: underline;
}
.sundaysCta .sundaysCtaTxt p:nth-child(1):after {
       content: "";
    background: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/arrowright.png);
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 25px;
    margin-left: 0.5rem;
    filter: invert(50%) sepia(81%) saturate(346%) hue-rotate(143deg) brightness(91%) contrast(96%);
}

.sundaysCtaTxt p:nth-child(2) {
    color: var(--si_co3);
    background: var(--si_co4);
    padding: 0.5rem;
    border-radius: 2rem;
    text-align: center;
    font-size: 0.6rem;
}


.sundaysCta .sunCtaLogo {
    width: 100px;
    margin-left: 0;
}
.sidiv1 p {
    margin-block: 0;
    font-size: .8rem;
    background: var(--si_co4);
    padding: 1rem 2rem;
    border-radius: 0.6rem 0 0 0;
}
.sundaysCta .sundaysCtaTxt p:nth-child(1) {
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    display:flex;
}
.sundaysCta .sundaysCtaTxt {display: flex;align-items: flex-end;justify-content: space-between;padding-inline: 0rem 5rem;text-align: left;}
.sundaysCta .sunArrowIcon {
    width: 50px;
    filter: invert(1);
}
/* @media screen and (max-width : 1024px) {
    .sundaysCta .sundaysCtaTxt p:nth-child(1) {
        text-align: right;
        margin: 0;
    }
}
@media screen and (max-width : 768px) {
    .sundaysCta .sunArrowIcon {
        display: none;
    }
    .sundaysCta {
        grid-gap: 32px;
        padding: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 0;
        text-align: center;
    }
} */
	
#sundaysPopUp {
    padding: 0;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
	
body.si__show #sundaysPopUp {
	display: block;
	z-index: 100;
}

body.si__show #sundaysPopUp > a.si_close {
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 105;
}
	
#sundaysPopUp > div {
    z-index: 999;
    opacity: 1;
    transition: transform 0.33s ease-in-out;
    width: min(95vw, 1280px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
	
.sundaysPopUpImgWrap {
    grid-area: 1 / 1 / 2 / 3;
}
	
.sundaysPopUpImg {
    background-image:  url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/sidefault.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-position: left;
    background-size: cover;
}
	
.sundaysPopUpImgWrap[data-type="ebike"] .sundaysPopUpImg {		
	background-image: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/siebike.jpg);
}

.sundaysPopUpImgWrap[data-type="mtb"] .sundaysPopUpImg {		
	background-image: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/simtb.jpg);
}	

	
	
.sundaysPopUpImg::before {
    background: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/sundayslogo.png) no-repeat;
    width: 200px;
    height: 55px;
    background-size: contain;
    display: block;
    z-index: 10;
    content: "";
    position: absolute;
    filter: invert(1) brightness(1.5) drop-shadow(5px 5px 5px #2226);
    left: 2rem;
    bottom: 2rem;
}
.sundaysPopUpImg::after {
    background: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/sundaysorangetrianglesvertical.png) no-repeat;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-position: right center;
    background-size: contain;
}
.sundaysPopUpTxtBox {
    background-color: var(--si_co1);
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    grid-gap: 1em;
    padding: 2em;
    grid-area: 1 / 3 / 2 / 4;
}
	
.sundaysPopUpTxtBox :is(h2, h3) {
    float: none;
}

.sundaysPopUpTxtBox ul {
    padding: 5px;
}
.sundaysPopUpTxtBox ul li {
    font-size: 1rem;
    margin-left: 0;
    display: flex;
    grid-gap: 0.5rem;
    align-items: baseline;
}
	
	
.sundaysPopUpTxtBox h2 {
    font-size: min(2.5em, 10vw);
    margin: 0;
}
.sundaysPopUpTxtBox li {
    font-size: 1em;
    font-weight: bold;
    margin-left: 0;
    display: flex;
    grid-gap: 0.5rem;
    align-items: baseline;
}
#sundaysPopUp > div li span {
    font-size: 1.5em;
}
#sundaysPopUp > div li span:hover {
    color: #fff;
}
.sundaysPopUpTxtBox p {
    font-size: 0.75rem;
	margin: 0;
}
.sundaysPopUpTxtBox .btn {
    background: var(--si_co2);
    color: #fff;
    margin-top: 2em;
    padding: 1rem;
    border-radius: 20px;
    text-align: center;
}
	
.sundaysBG {
    width: 100vw;
    height: 100vh;
    display: block;
    background: #0009;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    transition:
        opacity 0.33s ease-in-out, width 0.33s ease-in-out;
    pointer-events: none;
}
	
body.si__show .sundaysBG {
    opacity: 1;
    pointer-events: all;
    z-index: 999999;
    cursor: pointer;
}	
	
@media screen and (max-width : 1024px) {
    #sundaysPopUp > div {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        max-height: 980px;
    }
    .sundaysPopUpImgWrap {
        grid-area: 1 / 1 / 2 / 2;
    }
    .sundaysPopUpTxtBox {
        grid-area: 2 / 1 / 3 / 2;
    }
    .sundaysPopUpImg::before {
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 50%;
    }
    .sundaysPopUpImg::after {
        background: url(/SiteSpecific/CustomContent/resources/sundaysinsurance/images/sundaysorangetriangleshorizontal.png) no-repeat;
        height: 101%;
        background-position: bottom right;
        background-size: contain;
		background-color: #2222;
    }
	
	
    .sundaysCta .sundaysCtaTxt {
        text-align: right;
	}
}


@media screen and (max-width : 600px) {

	body.si__show #sundaysPopUp {
		max-height: calc(100vh - 1rem);
		overflow: auto;
	}

	.sundaysPopUpTxtBox {
		grid-gap: 0.75rem;
		justify-content: center;
	}

	.sundaysPopUpTxtBox :is(h2, h3),
	.sundaysPopUpTxtBox .btn,
	.sundaysPopUpTxtBox ul {
		margin: 0;
	}
	
.sidiv1 {
    padding-right: 1rem !important;
}
 .sundaysCta .sundaysCtaTxt {
    padding-inline: 0rem 1rem !important;
 }
	.sundaysCtaTxt ul {
    padding-left:1rem !important;
}
}
 

.sidiv1 {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding-right: 5rem;
}

.sundaysCtaTxt ul {
	color: #000;
	text-align: start;
}

.sundaysCtaTxt ul li {list-style-type: none;padding-block: 0.4rem;font-size: 0.8rem;} 


.sundaysCtaTxt ul li span {list-style-type: none;padding-right: 0.4rem;} 

.sundaysCta:hover {
    color:#fff;
}

.sundaysPanelContainerMain .icon-cross {
    display: none;
}

.si__show .sundaysPanelContainerMain .icon-cross {
    display: inline-block;
}
                                                                                                                                                                                                                                                                             .splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    border: 0;
    opacity: 1;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.lightArrows .splide__arrow {
    background: #efefef !important;
    box-shadow: none;
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: 1
}

.splide__arrow:disabled {
    display:none !important
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 25px
}
.offsetButtons .splide__arrow--prev {
    left: -25px
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 25px
}

.offsetButtons .splide__arrow--next {
    right: -25px
}

@media screen and (max-width: 767.9px) {
    .splide__arrow {
        width:30px;
        height: 30px;
    }
    .offsetButtons .splide__arrow--next {
        right: -15px
    }
    .offsetButtons .splide__arrow--prev {
        left: -15px
    }
    .splide__arrow--next::before, .splide__arrow--next:before {
        font-size:10px
    }
}

.splide__arrow--next svg, .splide__arrow--prev svg {
    display:none
}
.splide__arrow--next::before {
    font-family: feather;
    content: "\e095";
}

.splide__arrow--prev::before {
    font-family: feather;
    content: "\e094";
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.dotBelow .splide__pagination {
    position: relative;
    padding: 1em  1em  0;
}

.dotDark .splide__pagination__page {
    background: var(--cg-color-6);
    box-shadow: none;
}

.dotDark .splide__pagination__page.is-active {
    background: var(--cg-color-1);
}


.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}                                                                                           /* Variables */

:root {
    --cg-color-1: #00334C;
    --cg-color-2: #056991;
    --cg-color-3: #E2A854;
    --cg-color-4: #C17C2A;
    --gradient-default: linear-gradient(70deg,#00334C,#056991 60%,#056991);
    --header-height: 75px;
    --announcement-bar-height: 48px;
    --header-top-position: 92px;
    --header-group-height: 75px;
    --radius-small: 4px;
    --radius-large: 6px;
    --font-heading-family:"futura-pt,", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 1000;
    --font-heading-scale: 1.0;
    --font-heading-letter-spacing: -0.02em;
    --font-heading-text-transform: uppercase;
    --font-heading-word-break: break-word;
    --font-sub-heading-family:"futura-pt,", sans-serif;
    --font-sub-heading-style: normal;
    --font-sub-heading-weight: 700;
    --font-sub-heading-scale: 1.0;
    --font-sub-heading-letter-spacing: -0.02em;
    --font-sub-heading-word-break: break-word;
    --font-body-family:"futura-pt,", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-scale: 1.0;
    --font-body-letter-spacing: 0;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --button-border-radius: 0;
    --button-text-transform: uppercase;
    --input-border-radius: 6px;
    --button-action-border-radius: 0;
    --section-spacing-unit-size: 1.2rem;
    --spacing-unit-size: 1.2rem;
    --grid-spacing: 1.2rem;
    --color-success: #4fac60;
    --color-alert: #f6861f;
    --color-error: #ee3a45;
    --color-white: #FFFFFF;
    --color-black: #111111;
    --page-width: 1680px;
    --page-gutter: 1.6rem;
    --z-header: 100;
    --z-modals: 150;
}


@media screen and (min-width: 750px) {
    :root {
        --radius-small: 8px;
        --radius-large: 12px;
        --section-spacing-unit-size: 1.6rem;
        --spacing-unit-size: 1.2rem;
        --grid-spacing: 2.6rem;
        --page-gutter: 3.6rem;
    }
}

.cg-grid-gap-05 {
    grid-gap: 0.5rem;
}

/* Z-Indexes */
.llke-zindex-0 { z-index: 0; }
.llke-zindex-1 { z-index: 1; }
.llke-zindex-2 { z-index: 2; }
.llke-zindex-3 { z-index: 3; }
.llke-zindex-4 { z-index: 4; }
.llke-zindex-5 { z-index: 5; }
.llke-zindex-6 { z-index: 6; }
.llke-zindex-7 { z-index: 7; }
.llke-zindex-8 { z-index: 8; }
.llke-zindex-9 { z-index: 9; }
.llke-zindex-9999 { z-index: 9999; }

/* Background Transparency */
.llke-bg-color-transparent { background-color: transparent; }
.llke-bg-color-7 {background: #ffffff;}

/* Backdrop Blur */
.llke-blur-light { backdrop-filter: blur(1px); }
.llke-blur-mid { backdrop-filter: blur(5px); }
.llke-blur-strong { backdrop-filter: blur(10px); }
.llke-blur-extreme { backdrop-filter: blur(30px); }

/* Positioning */
.llke-position-absolute { position: absolute; }
.llke-position-relative { position: relative; }

.llke-right-16 { right: 16px; }
.llke-right-32 { right: 32px; }
.llke-right-5p { right: 5%; }
.llke-right-10p { right: 10%; }
.llke-right-20p { right: 20%; }
.llke-right-30p { right: 30%; }
.llke-right-40p { right: 40%; }
.llke-right-50p { right: 50%; }
.llke-right-60p { right: 60%; }
.llke-right-80p { right: 80%; }
.llke-right-90p { right: 90%; }

.llke-left-16 { left: 16px; }
.llke-left-32 { left: 32px; }
.llke-left-5p { left: 5%; }
.llke-left-10p { left: 10%; }
.llke-left-20p { left: 20%; }
.llke-left-30p { left: 30%; }
.llke-left-40p { left: 40%; }
.llke-left-50p { left: 50%; }
.llke-left-60p { left: 60%; }
.llke-left-80p { left: 80%; }
.llke-left-90p { left: 90%; }

.llke-maxwidth-50{
    max-width: 50%;
}

.llke-height-auto {
    height: auto;
}

@media screen and (max-width: 767.9px){
    .cg-flex-col-mobile {
        flex-direction: column !important;
    }
    .cg-flex-col-mobile-center {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }
    
    .llke-maxwidth-50{
        max-width: 100%;
    }
}

/* aspect ratios */
.aspect-16-9 { aspect-ratio: 16/9}
.aspect-4-3 {aspect-ratio: 4/3;}
.aspect-1 { aspect-ratio: 1;}
.aspect-3-4 { aspect-ratio: 3/4;}
.aspect-9-16 { aspect-ratio: 9/16}
.img-16-9 img { aspect-ratio: 16/9 !important}
.img-4-2 img { aspect-ratio: 4/2 !important}
.img-4-3 img { aspect-ratio: 4/3 !important}
.img-1 img { aspect-ratio: 1 !important}
.img-3-4 img { aspect-ratio: 3/4 !important}
.img-9-16 img { aspect-ratio: 9/16!important}
@media only screen and (min-width: 768px) {
    .triple-block > div {
        flex: 0 320px;
    }
}

@media screen and (max-width: 1023.99px) {
    .llke-hmScrollCtr {
        overflow-x: scroll;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1100px) {
    .llke-hmScrollCtr .cg-flex-col {
        min-width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .llke-hmScrollCtr .cg-flex-col {
        min-width: 80%;
    }
}


@media screen and (max-width: 1023.99px) {
    .llke-hmScrollCtrBanner > div {
        overflow-x: scroll;
        display: flex !important;
        flex-flow: row;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1100px) {
    .llke-hmScrollCtrBanner a {
        min-width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .llke-hmScrollCtrBanner a {
        min-width: 80%;
    }
}

/* New Button */

a.cg-button-2 {
    color: var(--cg-color-white);
    background: var(--RED);
    padding: .5rem 1rem;
    width: fit-content;
    text-decoration: none;
}


/* Overide padding on on mobie */
@media screen and (max-width: 768px) {
    .cg-pad-4 {
        padding: 2rem;
    }
}

@media screen and (max-width: 1024px) {
     
    .cg-overflow-x-ctr-mobile > a, .cg-overflow-x-ctr-mobile > li {
        min-width: 235px;
    }
    
 }

 .llke-text-ch-100 {
    max-width: 100ch;
 }

 .llke-text-center {
    margin: auto;
    text-align: center;
 }     



 a.cg-button.outline {
    border: 1px solid var(--cg-color-1);
    background: transparent;
    color: var(--cg-color-1);
}                                                                                             /* Purposefully empty, we shouldn't duplicate shared CSS */

@supports(position:sticky) {
    @media screen and (min-width : 1024px) {
        .FAFFilters---inner {
            margin-bottom: 32px;
            position: -webkit-sticky;
            position: sticky;
            top: 107px;
            max-height: calc(100vh - 139px);
            overflow: auto;
            padding-right: 3px;
        }

            .FAFFilters---inner::-webkit-scrollbar-track {
                border-radius: 5px;
                background-color: #F5F5F5;
            }

            .FAFFilters---inner::-webkit-scrollbar {
                width: 5px;
                background-color: #F5F5F5;
            }

            .FAFFilters---inner:hover::-webkit-scrollbar {
                background-color: aliceblue;
            }

            .FAFFilters---inner::-webkit-scrollbar-thumb {
                border-radius: 5px;
                background-color: #ccc;
            }
    }
}
                @charset "UTF-8";
/* -- Add to Basket Grid */
#addBasketAnchor { padding: 16px }
.addToBasketArea {background: #E4E4E4;border-left: none !important;border-right: none !important;}
div.addMobile { display: none; }
div.addDesktop {display: block;overflow: hidden;padding: 0px;clear: both;}
.clAttributeGridContainer {margin: 0 auto;}
.attRow {margin: 0 0 16px 0;background: #ffffff;display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: left;flex-direction: row;}
.attRow:last-of-type { margin: 0 }
.attRow>div:first-child { text-align:left}
.attRow>div {flex-direction:row;align-items: stretch;padding: 0 16px;padding: 21px;text-align: left;}

#attCode {order: 1;flex-grow: 0; vertical-align: middle; color: cornflowerblue  }
#attName {order: 2;}
#attPrice {order: 4;flex-basis: auto;}
#attStockMessage {order: 6;background: rgba(227, 245, 198, 0.84);flex-grow: 1; -webkit-flex-grow: 1;text-align: left;}
#attStockLookup {order: 4;color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
#attQty {order: 7;min-width: 125px;text-align: left;position: relative;}
#attAdd {order:8;background: #acd373;text-align: center;position: relative;color: #fff;text-transform: uppercase;letter-spacing: 1px;flex-basis: auto;overflow: hidden;position: relative;}
#attAdd:before {content: "add";line-height: 66px;}
#attAdd:hover {background: #96BD5C;color:#fff;}

#attOutStock {order: 9;padding: 0;background: #FFF2F0;padding: 9px;flex-grow: 1; -webkit-flex-grow: 1;}
#trOutofStock, #trOutofStockAjax {display:none;width:100%;background: white;padding: 32px;border: 1px solid #ebebeb;float:left;margin-top:8px;position: relative;text-align:left;}
#trOutofStockAjax h3 {margin:0 0 8px 0;}
#trOutofStockAjax p {margin:0 0 16px 0;padding:0 0 16px 0;border-bottom:1px dotted #aaa;}
.out-of-stock #trOutofStock, .out-of-stock #trOutofStockAjax {padding:9px; order:8; background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;position: relative;}
.out-of-stock #attStockMessage {order:5;background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;text-align: center !important;color: red;}
.out-of-stock #attStockMessage span {width:100%;text-align: left;}
.out-of-stock #attAdd {display:none;}
.out-of-stock #attStockLookup {}
#trOutofStock input, #trOutofStockAjax input[type="text"] {border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;font-size: 18px;height: 48px;text-align: left;right: 9px;vertical-align: middle;flex-grow: 1;-webkit-flex-grow: 1;text-indent: 14px;font-size: 15px;background-color: white;width: 100%;}
.button-outofStock {/* display: block; *//* width: 64px; */background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 64px;/* position: absolute; */right: 0;background-size: 32px;}
.dev-emailback-instock {/* display: block; */width: 48px;background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 48px !important;position: absolute !important;right: 32px;background-size: 32px;text-indent: -999px;padding: 0 !important;border: none !important;border-radius: 0 !important;}
.button-outofStock:hover, .dev-emailback-instock:hover, .dev-emailback-instock:focus, .dev-emailback-instock:active {background: url("/layout/outofStock2.png") 50% no-repeat #3B729C !important; color:#fff; background-size: 32px !important;}
.NotifyWarning {width: 100%;background: #FF5858;color: #ffffff;line-height: 250%;text-align: center;}
.button-outofStock:before, .dev-emailback-instock:before {content: "\f1d8"; /* line-height: 66px; */position: absolute;right: 25px;top: 20px;color: #fff;z-index: 1;}
.disableAdd { pointer-events: none; opacity:0.9}
.loader {display:none;margin: 19px auto;font-size: 5px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 0.5s infinite linear;}
.loader,.loader:after {border-radius: 50%; width:28px;height: 28px;}
@-webkit-keyframes load8 {0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height: 66px;}
.nameCtr { display: block;  color: #666;}
.name {/* white-space: nowrap; *//* overflow: hidden; */vertical-align: left;}
.stock { display: block;min-width: 15%;text-align: center;}
.InStockCSS {color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
.OutofStockCSS { display: block;/* background: #fff2f0; */ color: #f54f36; width: 100% }
.BackOrderCSS {display: block;color: #55acee;padding: 0 8px;}
.locate { float: right; text-align: center; padding: 0 16px;}
.StoreLookup:before {font-family: 'FontAwesome';content: "\f041";padding-right:8px;color: #E4E4E4;}
.StoreLookup {color: #0066CC;cursor:pointer;border-bottom: 1px solid #D6D6D6;}
.price { display: block;/* height: 64px; *//* line-height: 64px; */ text-align: center; float: right; padding: 0 16px;}
.oosEmail { display: block; height: 64px; float: right;background: #fff2f0; line-height: 64px; padding: 0;}
.add {float: right;width: 64px;padding: 0 !IMPORTANT;}
.button-matrix { cursor: pointer;height: 64px;width: 100%;position: absolute;right: 0;}
.dev-qty { float:right}
.dev-qty input {	border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;/* padding: 10px; */font-size: 18px;height: 48px;/* margin:8px; */text-align:center;position: absolute;width: 57px;top: 10px;right: 9px;}


#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
#storelookupresults {text-align:left;width:40vw;margin-left:auto;margin-right:auto;background: #fff;padding: 32px;display: table;}
.cncTitle {display:none;}
#DDStoreLookupResults {text-align:left;}
#storelookupresults h3, #DDStoreLookupResults h3 {margin:0;padding:0;font-size:1.3em;}
#storelookupresults p, #DDStoreLookupResults p {margin: 0;padding:0 0 16px 0;border-bottom:1px solid #eaeaea;}
#storelookupresults .col-1, #DDStoreLookupResults .col-1 {font-size:12px;line-height:18px;border-bottom: 1px solid #efefef;}
#storelookupresults .col-1 h4, #DDStoreLookupResults .col-1 h4 {font-size:12px;letter-spacing:0.1em; text-transform:uppercase}
.cncStore {padding: 16px;display: block;float:left;width:100%;}
.cncStore .col-2 span {width:100%;float:left;display:block;}
.cncGMap {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #fff !important;background:rgba(30,144,255,0.8);border-radius:4px;padding:4px 8px;display: inline-block;margin:4px 0 0 0;}
.cncGMap:hover {color:white;background:rgba(30,144,255,1);}
.cncAvail {color:green;}
.cncUnavail {color:black;}
.cncStoreOOS {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.75}
#DDStoreLookupResults .cncStoreOOS {display:none;}
.cncFooterTxt {float:left;width:100%;display: block;font-size:15px;line-height: 1.6em;padding-top: 16px;}
.cncQty {text-align:right;}
.collectLocation > div:nth-last-child(1) span  { display:none}
.collectLocation > div:nth-last-child(1) .cncGMap  { display:none}
.collectLocation > div:only-of-type .cncGMap, .collectLocation > div:only-of-type span  {display: inline-block !important;}
.cncQty span { display:inline !important;}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height:66px;}
.collectLocation .col-1[data-qty="0"] { background:#fff}
.collectLocation .col-1 { background:#f6fdf1}
#storelookupresults .col-1[data-qty="0"] .cncStore .col-2 span .cncGMap {/* display:none; */}
#storelookupresults .col-1[data-qty="0"] .cncGMap { display:none; }
#storelookupresults .col-1[data-qty="0"] h4 {margin:0;}
#storelookupresults .col-1[data-qty="0"] .cncUnAvail {line-height: 14px;}


/* Dropdown A2B */
.dropdownA2BWrap {}
.dropdownA2B {padding:0;min-width: 100%;display:block;margin:0;}
.dropdownA2B .a2btitle {text-align:left; font-size: small}
.dropdownA2B .a2bsizing {text-align:right;font-size:0.8em;}
.dropdownA2B .a2bselect {position:relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity:0;}
.dropdownA2B .a2bselect:before {position:absolute;right: 18px;top: 18px;content:'\f107';font-family: 'FontAwesome';z-index: 1; pointer-events: none;}
.dropdownA2B .a2bselect select {position:relative;margin-top:4px;padding:0 42px 0 16px;width:100%;height:48px;display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #cecece;background:none;outline:none !Important;border-radius: 4px;background: #fff;cursor:pointer;}
.dropdownA2B .a2bselect select:focus {border:1px solid #999999;}
.dropdownA2B .a2bselect select option {background:white;}
.dropdownA2B .a2bselect select option[data-status*="out of stock"], .dropdownA2B .a2bselect select option[data-status*="no stock"] {background: #ffeae7;color: tomato;}
.dropdownA2B .a2bselect select option[data-status*="last few in stock"], .dropdownA2B .a2bselect select option[data-status*="last few"] {background:#fff9c7;}
.dropdownA2B .a2bselect select option[data-status*="special order available"] {background:#d9f4ed;}
.dropdownA2B .a2bselect table {width:100%;}
.dropdownA2B .a2bButtonGo {width: 100%;height:48px;text-align:center;line-height: 48px;background:#17af45;color:white;border-radius:4px;cursor:pointer;float:right;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;opacity:1;}
.dropdownA2B .a2bButtonGo.a2bButtonInactive {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.dropdownA2B .a2bButtonGo.a2bButtonGoNotify {background:tomato;}
.dropdownA2B .a2bStockCheck {padding:0 16px 0 0;/* height:48px; */line-height: 28px;color:#17af45;float:left;font-size:0.8em;display:none;width: 50%;text-align:left; text-transform: capitalize;}
.dropdownA2B .a2bStockCheck[data-status*="out of stock"], .dropdownA2B .a2bStockCheck[data-status*="no stock"] {color:tomato;}
.dropdownA2B .a2bStockCheck[data-status*="last few in stock"], .dropdownA2B .a2bStockCheck[data-status*="last few"] {color:#e3a000;}
.dropdownA2B .a2bStockCheck[data-status*="special order available"] {color:#09b587;}
.dropdownA2B .a2bStockCheck span {font-weight: bold;color:#333;}
.a2bStockStore {display:none;cursor: pointer;float: right;height: 28px;line-height: 28px;margin: 0;border-bottom: none;font-size:0.8em;padding: 0 16px;border-radius: 4px;background-color: lightskyblue;color: #35436d;}
.a2bStockStore:before {content:'\f041';font-family: FontAwesome; margin:0 4px 0 0;}
#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
.a2bStockArea {width: 100%;margin-bottom: 8px;}
.AvaLeadtime {display:none;}
.a2bControls {position:relative;margin-top:8px;}
.a2bCover {display:none;position:absolute;z-index:2;width: 100%;height:48px;background:#1bc54f;bottom: 0;right:0;text-align: center;border-radius:4px;}
.a2bButtonGoNotify + .a2bCover {background:#fe846e;}
#m-check-mark {margin: 11px 0 0 0;width: 36px;height: auto;display: inline;}
#checkmark {}
.a2bAdded #checkmark {stroke-dasharray: 640;stroke-dashoffset: 640;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-animation-name: draw-around;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.3s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-ms-animation-name: draw-around;-ms-animation-duration: 1s;-ms-animation-delay: 0.3s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: forwards;animation-name: draw-around;animation-duration: 1s;animation-delay: 0.3s;animation-iteration-count: 1;animation-fill-mode: forwards;}
.a2bPayments {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px solid #ebebeb;position: relative;}
.a2bPayments:before {content:'\f0d8';font-family: 'FontAwesome';position: absolute;top: -15px;right: 0;font-size: 20px;line-height: 100%;color: #ebebeb;}
.a2bPayments img {margin:4px auto; height:24px; width:auto;}

.dropdownA2B .a2bselect:before, .dropdownA2B .a2bselect:after {
    position: absolute;
    height: 2px;
    width: 9px;
    border-radius: 2px;
    content: ' ';
    display: block;
    background: #565656;
    top: calc(50% - -1px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
    top: 24px !important;
}

.dropdownA2B .a2bselect:before {
    right: 21px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdownA2B .a2bselect:after {
    right: 16px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


@-ms-keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0;}
}
@-webkit-keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0;}
}
@keyframes draw-around {
  0% {stroke-dashoffset: 640;}
  10% {stroke-dashoffset: 640;}
  100% {stroke-dashoffset: 0; }
}


/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	#storelookupresults {width:70vw !important}
}}
                @charset "UTF-8";
/*  Find + Filter  */
.dev-branddescription, .dev-filterdescription { width:100%}
.dev-branddescription #catImg {min-height: 130px;background-size: 130px !important;background-position: 16px 0% !important;}
.dev-filterdescription #catImg {/* height: 150px; */}
.dev-branddescription .ffTitle { display:none}
.ffTitle {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;align-items: left;justify-content: left;width: 100%;height: 100%;text-align: left;overflow: hidden;color: #31353E;outline: 0;padding-top: 0;background: rgba(255, 255, 255, 0.75);}
.FacetDefinitions 	{-webkit-order: 2;  order: 2; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-start;justify-content: flex-start;}
#defDepartment 		{-webkit-box-ordinal-group: 1;  -moz-box-ordinal-group: 1;  -webkit-order: 1;  order: 1; }
#defProductGroup 	{-webkit-box-ordinal-group: 2;  -moz-box-ordinal-group: 2;  -webkit-order: 2;  order: 2; }
#defBrand 			{-webkit-box-ordinal-group: 3;  -moz-box-ordinal-group: 3;  -webkit-order: 3;  order: 3; }
#defColour 			{-webkit-box-ordinal-group: 4;  -moz-box-ordinal-group: 4;  -webkit-order: 4;  order: 4; }
#defSeason 			{-webkit-box-ordinal-group: 5;  -moz-box-ordinal-group: 5;  -webkit-order: 5;  order: 5; }
#defActivity 		{-webkit-box-ordinal-group: 6;  -moz-box-ordinal-group: 6;  -webkit-order: 6;  order: 6; }
#defGender 			{-webkit-box-ordinal-group: 7;  -moz-box-ordinal-group: 7;  -webkit-order: 7;  order: 7; }
#defMaterial 		{-webkit-box-ordinal-group: 8;  -moz-box-ordinal-group: 8;  -webkit-order: 8;  order: 8; }
#defAge 			{-webkit-box-ordinal-group: 9;  -moz-box-ordinal-group: 9;  -webkit-order: 9;  order: 9; }
.FacetSearch 		{-webkit-box-ordinal-group: 1;  -moz-box-ordinal-group: 1;  -webkit-order: 1;  order: 1; }
.FacetDefinitions 	{-webkit-box-ordinal-group: 2;  -moz-box-ordinal-group: 2;  -webkit-order: 2;  order: 2; }
.priceFilter 		{-webkit-box-ordinal-group: 3;  -moz-box-ordinal-group: 3;  -webkit-order: 3;  order: 3; }
.salestock 			{-webkit-box-ordinal-group: 4;  -moz-box-ordinal-group: 4;  -webkit-order: 4;  order: 4; }

/*  Find + Filter Landing pages */
#LP1    	 { -webkit-box-ordinal-group: 1  ;  -moz-box-ordinal-group: 1  ;  -webkit-order: 1  ;  order: 1  ;}  /*  Departemnt */
#LP5    	 { -webkit-box-ordinal-group: 2  ;  -moz-box-ordinal-group: 2  ;  -webkit-order: 2  ;  order: 2  ;}  /*  Department Level 1 */
#LP6    	 { -webkit-box-ordinal-group: 3  ;  -moz-box-ordinal-group: 3  ;  -webkit-order: 3  ;  order: 3  ;}  /*  Department Level 2 */
#LP7    	 { -webkit-box-ordinal-group: 4  ;  -moz-box-ordinal-group: 4  ;  -webkit-order: 4  ;  order: 4  ;}  /*  Department Level 3 */
#LP3    	 { -webkit-box-ordinal-group: 5  ;  -moz-box-ordinal-group: 5  ;  -webkit-order: 5  ;  order: 5  ;}  /*  Product Group */
#LP8    	 { -webkit-box-ordinal-group: 6  ;  -moz-box-ordinal-group: 6  ;  -webkit-order: 6  ;  order: 6  ;}  /*  Product Group Level 1 */
#LP9    	 { -webkit-box-ordinal-group: 7  ;  -moz-box-ordinal-group: 7  ;  -webkit-order: 7  ;  order: 7  ;}  /*  Product Group Level 2 */
#LP10   	 { -webkit-box-ordinal-group: 8  ;  -moz-box-ordinal-group: 8  ;  -webkit-order: 8  ;  order: 8  ;}  /*  Product Group Level 3 */
#LP11   	 { -webkit-box-ordinal-group: 9  ;  -moz-box-ordinal-group: 9  ;  -webkit-order: 9  ;  order: 9  ;}  /*  Brand */
#LP4    	 { -webkit-box-ordinal-group: 10 ;  -moz-box-ordinal-group: 10 ;  -webkit-order: 10 ;  order: 10 ;}  /*  Material */
#LP2    	 { -webkit-box-ordinal-group: 11 ;  -moz-box-ordinal-group: 11 ;  -webkit-order: 11 ;  order: 11 ;}  /*  Activity */
#LP12   	 { -webkit-box-ordinal-group: 12 ;  -moz-box-ordinal-group: 12 ;  -webkit-order: 12 ;  order: 12 ;}  /*  Season */
#LP13   	 { -webkit-box-ordinal-group: 13 ;  -moz-box-ordinal-group: 13 ;  -webkit-order: 13 ;  order: 13 ;}  /*  Gender */
#LP14   	 { -webkit-box-ordinal-group: 14 ;  -moz-box-ordinal-group: 14 ;  -webkit-order: 14 ;  order: 14 ;}  /*  Colour */
#LP15   	 { -webkit-box-ordinal-group: 15 ;  -moz-box-ordinal-group: 15 ;  -webkit-order: 15 ;  order: 15 ;}  /*  Stock */
#LP16   	 { -webkit-box-ordinal-group: 16 ;  -moz-box-ordinal-group: 16 ;  -webkit-order: 16 ;  order: 16 ;}  /*  Sale */
#LP17   	 { -webkit-box-ordinal-group: 17 ;  -moz-box-ordinal-group: 17 ;  -webkit-order: 17 ;  order: 17 ;}  /*  Age */
#LP18   	 { -webkit-box-ordinal-group: 18 ;  -moz-box-ordinal-group: 18 ;  -webkit-order: 18 ;  order: 18 ;}  /*  Price */
#LP19   	 { -webkit-box-ordinal-group: 19 ;  -moz-box-ordinal-group: 19 ;  -webkit-order: 19 ;  order: 19 ;}  /*  Collection */
.LPCollection .facetItemDetails {background: #333333;padding: 8px 16px;}
.LPCollection .facetItemImg>img.loaded {border: 1px solid #f1f1f1;}
.LPCollection .facetPricing {border-bottom: 1px solid #5f5f5f;color: #fff;}
.LPCollection .frItemName {border-bottom: 1px solid #5f5f5f;}
.LPCollection .frItemName span { color:#dcdcdc}
.LPCollection .stockStatus-True:before{color:#dcdcdc}
.LPCollection .facetQuickView { background: #333333;}                #LandingPage .FAF {
    flex-direction: column-reverse;
}

@media screen and (max-width: 1024px) {
    #LandingPage .FAF {
        flex-direction: inherit;
    }
}

#LandingPage .FAFFilters, #LandingPage #FAFLPProducts {
    width: 100% !important;
}

#LandingPage .LPFilters {
    float: left;
    width: 100%;
    clear: both;
    display: grid;
    gap: 8px !important;
    margin: 0;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
#LandingPage .LPFilters a {width: auto;clear: none;min-width: auto;background: #fff;padding: 2px 20px 2px 11px  !important;border: none;border-radius: 6px;/* font-size: inherit; */}
#LandingPage .LPFilters a:hover {
    background:#000;
    color:#fff;
}
#LandingPage .LPFilters a:after {
    content: '\e095';
    font-size: 9px;
    right: 6px;
}

#LandingPage .facetHdr, div#facetsearch_landingPageTotalProductsPanel {
    font-weight: 800;
    font-style: normal;
    padding: 16px 0 0 0 !important;
    background: transparent;
    border-top: 1px solid #999;
    display: block;
    text-transform: capitalize;
    font-size: 1.3rem;
    letter-spacing: 0px;
}

#LandingPage  .LPExpandButton:after {
    display: inline;
    font-family: feather;
    content: "\e114" !important;
    line-height: 100%;
    font-size: 7px;
    margin-left: 8px;
    background: #fff;
    padding: 4px;
    color: var(--mf3);
    border-radius: 16px;
}

#LandingPage .ALPfilters  .LPExpandButton[data-start="Hide"]:after {
    content: "\e113" !important;
}

#LandingPage .flexreorder .ALPfilterList > div > div {
    margin-bottom: 32px;
    background: transparent !important;
}

#LandingPage .flexreorder .LPExpandButton {
    background: var(--mf3);
    color: white !important;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: right;
    justify-content: center;
}



/* #LandingPage .ALPfilterList > [id*="LP"] {display: none;} */
#LandingPage #LP1,
#LandingPage #LP3,
#LandingPage #LP11 
{display: inline-block;}


@media screen and (max-width: 1024px) {
    #LandingPage .FAFLanding .FAFFilters.active {
        background: #f7f7f7;
    }
}

                                                                                                                                                                                                                                 form[action*="facet"] #body-wrapper-overlay ~ *, 
form[action*="facet"] #body-wrapper-overlay + div .container, 
form[action*="collection="] #body-wrapper-overlay + div .container, 
.fafbackground {
  background:#f7f7f7
}

.wrapper #FafKnockoutResults .FAFFilters, .FAFResults, .FAF {
  background:#f7f7f7 !important
}
.flexreorder .ALPfilterList > div > div, .FAFLanding .flexreorder {
  background:#f7f7f7 !important
}
.FFDesktop .ToggleMenu > .col-1:not(.facetHdr) {
  background: #f5f5f5;
}                                                                                                                                                                                                                                                          /* tool tip and slider */
.noUi-connect, .noUi-tooltip { 
  background:#212121 !important
}

/* Facet options */
span#subFacetsCheckBoxbikes, .facetUnselectedff.checked, .facetSelectedff.checked {
    background: #212121 !important;
    outline: 1px solid #212121;
}
.facetSelectedff:before {
  color: #f5ea3a !important;
}                                                                                                                                                                                                                                                  /* Layout F&F via Grid auto fill */
.productContainer.productContainer {
  display: grid;
  gap: 8px;
  margin: 0 -16px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

@media screen and (max-width: 768px) {
  .facetItemDetails.facetItemDetails {
      padding:8px
  }
  .productContainer.productContainer {
      grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  }
}                                                                                                                                                                                                                                                /* finance, colour wheel, rewiews, star buys, hide when empty    */
.productContainer .denyFinance.col-1.FFPrice.facetFinance:empty,
.productContainer .colourWheel[style="display: none;"]:before,
.productContainer .facetColourGroup[style="display: none;"],
.productContainer .score[data-rate="0"],
.productContainer .productIsNotStarBuy:empty:after {
  display: none !important;
}
.productContainer .percentOff-betterSearch {
  right: 13px;
  color: #fff !important;
  background: #ec0028;
  text-align: center;
  padding: 3px 8px;
  border-radius: 4px;
}
.productContainer .facetPricing {
  border-bottom: none;
  padding: 0;
  margin: 16px 0 8px 0;
  height: auto;
}
.productContainer .facetIsOnSale span:after {
  display: none;
}
.productContainer #lblNow {
  font-weight: bold;
}
.productContainer .fafSalePR > span:nth-child(2) > span, .productContainer [id=lblNow] + [id=lblwas] .standardPrice-betterSearch {
  color: #686868;
}

/* Hide sale sash */
.productContainer .FFPrice:after {
    display: none;
  }

/* Modify fiance    */
.productContainer .allowFinance {
    color: #3a7af2;
    padding: 0;
    background: none;
    outline: none;
    font-size: 14px;
    min-height: auto;
  }

/* Modify starbuy colout    */
.productContainer .productIsStarbuy, .productContainer .productIsStarbuy:after {
    color: var(--mf3);
  }

/* Modify option layout to left aligned    */
.productContainer .facetOptions {
    border: none !important;
    justify-content: start;
    gap: 24px;
}

/* Modify container - add lin and padding   */
.productContainer .facetItemDetails {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 8px;
  }

/* Modify colour wheel - remove padding left   */
.productContainer .colourWheel:before {
    background-position: left;
  }

/* Modify quick link button - change background to to bold  */
.productContainer [class*=stockStatus]:hover:after {
    background: var(--mf1);
}          

/* Change background to white */
.productContainer > div {
  width:100% !important;
  padding:0px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  min-width: 100%;
}
.item.col-facetItem .facetItem {
  border-radius: 8px;
  overflow: hidden;
}
.facetItemDetails {
  padding:16px;
  border: none !important;
}
.facetItemImg {
  padding: 16px;
}

.col-facetItem:not([data-isinstock="stockStatus-False" i]){
  filter: drop-shadow(0px 0px 5px #3b3b3b0d);
}
      

/* fafpriority */
.col-facetItem[data-onsale][data-fafpriority]:before {
  position: absolute;
  width: 90px;
  top: 1rem;
  left: 16px;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 0.04rem;
  padding: 0.25rem 0.5rem;
  z-index: 1;
  color: white;
  border-radius: 6px;
}

.col-facetItem[data-onsale="0"][data-fafpriority="1"] {
  order: -2;
}

.col-facetItem[data-onsale="1"][data-fafpriority="1"] {
  order: -1;
}

.col-facetItem[data-fafpriority="1"]:before {
  content: 'STAFF PICK' !important;
  background-color: var(--cg-color-2);
}

.col-facetItem[data-onsale="0"][data-fafpriority="1"] {
  background-color: #ffffff;
  border: 1px solid #e0e9f0;
}

.col-facetItem[data-onsale="0"][data-fafpriority="1"] img{
  mix-blend-mode: multiply;
}                                                                .alp-code-view, .alp-link-wrap {
    display: flex;
    grid-gap: 32px;
    background: #efefef;
}

.alp-link-wrap > div.alp-link {
    display: flex;
    flex-flow: column nowrap;
    padding: 32px;
    background: #ffffff;
    outline: 1px solid;
}

.alp-link-wrap .grow1 {
    flex-grow: 1;
}

.alp-link-wrap > div.alp-link p {
    margin: 0 0 32px 0;
    font-size: 14px;
}

.alp-link-wrap > div.alp-link label {
    font-family: 'citrfontbold';
    font-size: 18px;
    margin: 0;
}

.alp-link-wrap > div.alp-link input, .alp-link-wrap > div.alp-link select {
    border-radius: 0;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 0 0 0 16px;
}

.alp-link-wrap select {
    margin-bottom: 8px
}

.alp-code-view .alp-code-copy > pre {
    font-size: 12px;
    position: relative;
    left: -100px;
}

.alp-code-view .alp-code-copy, .alp-code-view .alp-code-preview {
    padding: 32px;
    border: 1px solid #dfdfdf;
}

.bannerInput, .addNew {
    display: flex;
    align-items: stretch;
    margin-bottom: 8px;
    grid-gap: 8px;
}

.bannerInput a {
    background: #ffd6d6;
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    padding: 0 16px;
    color: #6e1313;
    cursor: pointer;
    font-family: feather;
}

.bannerInput a:before {
    content: "\e117";
}

.add {
    background: #212121;
    color: #fff;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
}

.move {
    padding: 16px 16px 0 0;
}

input[type="checkbox"] {
    appearance: auto !important;
}

div[class*="alp-grid-"] > div {
    display: grid;
    grid-gap: 32px;
    margin: 0 0 32px 0;
    border-bottom: 1px solid #999;
    padding: 0 0 32px 0;
}

div[class*="alp-grid-"]:last-of-type > div {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

div[class*="alp-grid-"] > div a.alp-grid-photo {
    background: #efefef;
    background-position: center;
    height: 100%;
    display: block;
    position: relative;
    background-size: cover !important;
}

div[class*="alp-grid-"] > div a.alp-grid-photo::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    background: #00000000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {
    background: #00000088;
}

.alp-grid-1 > div {
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-columns: 1fr;
}

.alp-grid-2 > div {
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-columns: 1fr 1fr;
}

.alp-grid-3 > div {
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr;
}

.alp-grid-4 > div {
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
}

.alp-grid-5 > div {
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
}

.alp-grid-6 > div {
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

div[class*="alp-grid-"].alp-grid-photo-20 > div a.alp-grid-photo::after {
    padding-bottom: 20%;
}

div[class*="alp-grid-"].alp-grid-photo-25 > div a.alp-grid-photo::after {
    padding-bottom: 25%;
}

div[class*="alp-grid-"].alp-grid-photo-33 > div a.alp-grid-photo::after {
    padding-bottom: calc(100% / 3);
}

div[class*="alp-grid-"].alp-grid-photo-50 > div a.alp-grid-photo::after {
    padding-bottom: 50%;
}

div[class*="alp-grid-"].alp-grid-photo-66 > div a.alp-grid-photo::after {
    padding-bottom: calc( (100% / 3) * 2 );
}

div[class*="alp-grid-"].alp-grid-photo-75 > div a.alp-grid-photo::after {
    padding-bottom: 75%;
}

div[class*="alp-grid-"].alp-grid-photo-125 > div a.alp-grid-photo::after {
    padding-bottom: 125%;
}

div[class*="alp-grid-"].alp-grid-photo-150 > div a.alp-grid-photo::after {
    padding-bottom: 150%;
}

div[class*="alp-grid-"].alp-grid-photo-200 > div a.alp-grid-photo::after {
    padding-bottom: 200%;
}

div[class*="alp-grid-"].alp-grid-main > div {
}

div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {
    background: var(--co2);
    width: max(20%, 280px);
    padding: 32px;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    height: calc(100% - 64px);
    left: 32px;
    top: 32px;
    opacity: .9;
}

div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {
    text-transform: none;
    font-size: 2em;
    line-height: 1.5em;
}

div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle::after {
    content: "";
    margin: 32px 0;
    display: block;
    background: var(--co1);
    width: 40px;
    height: 4px;
}

div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid img {
    width: min(120px, 100%);
}

div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo {
}

div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {
    padding-bottom: 35%;
    background: none;
}

div[class*="alp-grid-"].alp-grid-text > div {
    display: block;
    -webkit-columns: 2;
    -moz-columns: 2;
    -o-columns: 2;
    columns: 2;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    -o-column-gap: 32px;
    column-gap: 32px;
    position: relative;
}

div[class*="alp-grid-"].alp-grid-text > div::after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: var(--co1);
    position: absolute;
    bottom: 32px;
    right: 0;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle {
    font-size: 3em;
    width: 100%;
    font-family: 'citrfontbold';
    line-height: 100%;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle::after {
    content: "";
    background: var(--co1);
    width: 40px;
    height: 4px;
    display: block;
    margin: 32px 0;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc {
    position: relative;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc p {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.75em;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:first-of-type {
    font-size: 1.25em;
}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:last-child {
    margin: 0;
}

div[class*="alp-grid-"].alp-grid-nobg > div a.alp-grid-photo::after {
    background: none;
}

div.alp-grid-brand > div > a.alp-grid-photo {
    border: 1px solid #dfdfdf;
    font-size: 0;
    text-indent: -9999px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

div.alp-grid-brand > div > a.alp-grid-photo::after {
    background: transparent !important;
}

.alp-grid-button > div a {
    padding: 20px 24px;
    display: flex;
    border: 2px solid #var(--co2);
    color: #var(--co2);
    font-size: 14px;
    font-family: 'citrfontbold';
    justify-content: space-between;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.alp-grid-button > div a:hover {
    background: var(--co1);
    border-color: var(--co1);
    color: #fff;
}

.alp-grid-button > div a::after {
    content: "\e095";
    font-family: 'feather';
}

div.alp-grid-sizes, div.alp-grid-col {
    position: relative;
}

div.alp-grid-sizes > div, div.alp-grid-col > div {
    border: none;
}

div.alp-grid-sizes > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 16px;
}

div.alp-grid-sizes > div > a {
    border: 1px solid;
    width: 54px;
    height: 54px;
    color: var(--co2);
    display: inline-block;
    border-radius: 100%;
    line-height: 54px;
    text-align: center;
    font-family: 'citrfontbold';
    background: transparent;
}

div.alp-grid-sizes > div > a:hover {
    background: #000;
    color: #fff;
}

div.alp-grid-col > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    grid-gap: 16px;
}

div.alp-grid-col > div > a::after {
    content: "";
    width: 52px;
    height: 52px;
    border-radius: 100%;
    z-index: 10;
    display: block;
    border: 11px solid #fff;
    top: 0px;
    left: 0px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.alp-grid-col > div > a {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    text-indent: -9999px;
    background: transparent;
    overflow: inherit;
    border: 1px solid #999999;
    margin: 0;
    position: relative;
}

div.alp-grid-col > div > a:hover {
    border-color: #fff;
}

div.alp-grid-col > div > a:hover::after {
    border: 0px solid #fff;
}

div.alp-grid-col > div > a[href*="white"]:hover::after {
    border: 1px solid #efefef;
}

div.alp-grid-col > div > a[href*="blue"] {
    background: #5083c1;
}

div.alp-grid-col > div > a[href*="pink"] {
    background: #de9fd0;
}

div.alp-grid-col > div > a[href*="red"] {
    background: #d04c4c;
}

div.alp-grid-col > div > a[href*="yellow"] {
    background: #fef047;
}

div.alp-grid-col > div > a[href*="green"] {
    background: #a9c76f;
}

div.alp-grid-col > div > a[href*="gold"] {
    background: #dec052;
}

div.alp-grid-col > div > a[href*="orange"] {
    background: #dea052;
}

div.alp-grid-col > div > a[href*="purple"] {
    background: #a656c7;
}

div.alp-grid-col > div > a[href*="black"] {
    background: #000;
}

div.alp-grid-col > div > a[href*="brown"] {
    background: #674232;
}

div.alp-grid-col > div > a[href*="white"] {
    background: #fff
}

div.alp-grid-col > div > a[href*="grey"] {
    background: #a0a0a0;
}

div.alp-grid-col > div > a[href*="silver"] {
    background: #dbdbdb;
}

.ALPDescription-desktop .ALPDescription-desktop-desc > h2 {
    /* border-bottom: 1px solid #999; */
    /* padding: 0 0 32px 0; */
    margin: 0;
}

.ALPDescription-desktop-desc a {
    font-weight: bold
}

.mobile a {
    font-weight: bold
}

.ALPtxtGrid {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    text-align: left;
    padding: 32px;
    z-index: 2;
    width: 100%;
    height: 100%;
    flex-direction: column;
    -ms-flex-direction: column;
    color: white;
}

.ALPtxtGridDesc:empty, .ALPtxtGridTitle:empty, .ALPtxtGridView:empty {
    display: none;
}

.ALPtxtGrid > span {
    padding: 1em 2em;
}

.ALPtxtGrid .ALPtxtGridDesc {
    font-size: smaller;
    padding: 0 !important;
}

.ALPtxtGrid .ALPtxtGridTitle {
    font-size: 20px;
    font-family: 'citrfontbold';
    font-weight: normal;
    letter-spacing: normal;
    font-size: 1.5em;
}

.ALPtxtGrid .ALPtxtGridView {
    padding: 10px 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 2px solid;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 6px;
}

div[class*="alp-grid-"] > div a:hover .ALPtxtGridView {
    background: var(--co1);
    border-color: var(--co1);
}

[class*="alp-grid-filter"], [class*="alp-grid-filter"] a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.alp-grid-filter-grayscale a {
    filter: grayscale(1);
}

.alp-grid-filter-grayscale a:hover {
    filter: grayscale(0);
}

@media screen and (max-width : 1023px) {
    .alp-grid-3 > div {
        grid-template-columns: repeat(1, 1fr);
        -ms-grid-columns: 1fr;
    }

    .alp-grid-4 > div {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-columns: 1fr 1fr;
    }

    .alp-grid-6 > div {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-columns: 1fr 1fr;
    }
}

@media screen and (max-width : 768px) {
    .alp-grid-2 > div, .alp-grid-4 > div, .alp-grid-5 > div {
        grid-template-columns: repeat(1, 1fr);
        -ms-grid-columns: 1fr;
    }

    div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid {
        flex-flow: row wrap;
    }

    div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid > a {
        flex-basis: 100%;
        width: 100%;
    }

    div[class*="alp-grid-"] > div {
        padding-bottom: 16px;
        margin-bottom: 16px;
        grid-gap: 16px;
    }

    div[class*="alp-grid-"] > div a.alp-grid-photo::after, div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {
        background: #0000003b;
    }

    div[class*="alp-grid-"] > div a .ALPtxtGridView {
        background: var(--co1);
        border-color: var(--co1);
    }

    div[class*="alp-grid-"].alp-grid-text > div {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        text-align: center;
        align-items: center;
        background: #1e1e28eb;
        opacity: 1;
    }

    div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {
        font-size: 1.5em;
        display: none;
    }

    div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {
        padding-bottom: 50%;
    }

    div[class*="alp-grid-"]:last-of-type > div {
        margin-bottom: 32px;
    }
}

.size-chart {
    width: 100%;
}

.size-chart tr {
    border-top: 1px solid #d7d7d7;
    margin: 0;
    display: inline-flex;
    float: left;
    clear: both;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.size-chart tr:last-of-type {
    border-bottom: 1px solid #d7d7d7;
}

.size-chart td {
    padding: 8px 16px;
}

.size-chart tr:nth-child(odd) {
    background: #f4f4f4;
}

.size-chart tr td:first-of-type {
    /* width: 20%; */
    min-width: 40px;
    font-family: 'citrfontbold';
}

.size-chart tr td:nth-child(2) {
    flex-grow: 1
}

.size-chart .slideOption {
    display: inline-block;
    padding: 4px 16px;
    text-align: center;
}

.ALPDescription-desktop-brand {
    display: none;
}

.ALPDescription-desktop-desc p:empty {
    display: none
}

.ALPbrands a, .ALPbrands {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ALPbrands:hover a {
    filter: grayscale(100%);
    opacity: 0.3;
}

.ALPbrands a:hover {
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.activity .zflex-v {
    flex-direction: column;
}

.activity a {
    position: relative;
    border: 1px solid #333;
    padding: 8px 16px;
    flex-grow: 1;
    text-transform: uppercase;
    text-align: center;
    background: #212121;
    color: #fff;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.activity a:hover {
    background: #fff;
    color: #333
}


.extra { position: relative; max-height: 150px; display: block; overflow: hidden; width: 100%; margin-bottom: 16px;}
.extra:after {position: absolute;bottom: 0;height: 100%;width: 100%;content: "";background: linear-gradient(to top,   rgba(255,255,255, 1) 20%,    rgba(255,255,255, 0) 80%);pointer-events: none;left: 0;}                
.extra.show {max-height: initial;}
.extra.show:after {background: linear-gradient(to top,rgba(255,255,255, 0) 20%,  rgba(255,255,255, 0) 80%);}  
.morebtn::after { content: "Read More"; display: inline-block; cursor: pointer; color: black; font-size: 16px; border-bottom: 1px solid;}
.extra .morebtn {position:absolute;bottom: 0;z-index: 1; left: 0px;}
.extra.show .morebtn { display:none}
#FAFTitle {order: -1;}
.extra h2 { font-size:28px}
#FAFDesc p:empty { display:none}
.alp-header { }

.group {margin: 0 0 16px;background: #f1f1f1;}
.group  > .bannerInput {background: #ffffff;padding: 8px 16px;margin: 0;}
.sub {outline: 1px solid #ebebeb;padding: 16px;background: #fff;text-align: center;}
.sub .add {margin: auto;margin-top: 8px;display: inline-block;}
#textOut {outline:1px solid #000;background: #fff;padding: 16px;margin-top: 16px;}

.alt2 img {width:100%;height: 100%;aspect-ratio: 4/3;object-fit: cover;}
.alt2 > div > div {display:flex;flex-direction:column;background: #efefef;}
div[class*="alp-grid-"].alt2  > div {gap: 16px;}

.subTitle {display:flex;flex-direction: column;align-items: center;padding: 16px;text-align:center;flex-grow: 1;justify-content: center;}
.subTitle > div {display:flex;align-items: center;padding: 8px;gap:16px;flex-wrap: wrap;justify-content: center;}
.subTitle > div a { text-decoration:underline; position:relative;  }
.subTitle > div a:after {content:"";height: 100%;width: 1px;position:absolute;right: -8px;z-index: 4;color: #000;display: inline-block;}
.subTitle span { font-size:smaller}   





                                                       .LPTitle h3 {
    border-top: 1px solid #9999994f;
    padding-top: 16px;
} 

#FAFLPProducts .ctrPad16-bottom:empty { display:none}

body:has(input#UseLandingPageHidden[value="true"]) .breadcrumbs  {
    display: none;
}

#FAFLPProducts h1 {margin-top:0px;font-size: 2rem;padding: 0;order: -1;}

@media screen and (min-width: 1024px) {
    body:has(> form[action*="collection" i]) #FAFTitle h1 {
        font-size: 4rem;
    }
}
body:has(input#UseLandingPageHidden[value="true"]) .metaControls h1, .ALPDescription-desktop {
    text-align:center;
}

.ALPDescription-desktop-brand {
    display:inline-block;
    margin: auto;
    padding: 0 0 32px;
}

.ALPDescription-desktop-brand img {
   mix-blend-mode: multiply;
   min-width: auto;
}

#FAFBrandImg {
   text-align:center
}
#FAFBrandImg img {
   mix-blend-mode: multiply;
   min-width: auto;
   margin: auto;
}

a.readMoreBtn {
    padding-bottom: 32px;
    float: left;
}
                                                       .quicklookitem-inner .quicklookitem-inner-right {
    display: flex;
    flex-flow: column;
}
 
.col-1.add-to-cart-area-1 {
    justify-content: space-around;
}
 
.add-to-cart-area-button {
    background: mediumseagreen;
    width: 100% !important;
    margin: 0;
    text-align: center;
}
 
.quicklookitem-inner-right .quicklookitem-inner-right---name {
    font-size: 1.4rem;
}
 
.quicklookitem-inner-right---prices-price {
    font-family: 'citrfontbold';
    font-size: 1.2rem;
}
 
.quicklookitem-inner-right .quicklookitem-inner-right---prices .quicklookitem-inner-right---prices-wasprice {
    color: #6a6a6a;
}
 
.quicklookitem-inner-right .quicklookitem-inner-right---link {
    background: transparent;
    color: #000;
    border: 1px solid #000;
}

.add-to-cart-area-dropdown-qty .add-to-cart-area-dropdown-qty-label {
    background: transparent;
    color: #000;
    font-family: inherit;
}
.quicklookitem-inner-right .quicklookitem-inner-right---link:hover {
    background: #3b75e6;
    color: #fff;
    border: 1px solid #3b75e6;
}
 
.quicklookitem-inner-right .quicklookitem-inner-right---clickcollectnotice {
    margin-top: auto;
    background: transparent;
    border: none;
    color: #000;
}
 
.add-to-cart-area-dropdown-qty-label.bgStandard {
    background: none;
    color: #000;
    border-right: 1px solid #e0e0e0;
}  

.quicklookitem-inner-right .quicklookitem-inner-right---name {
    font-family: 'citrfontreg';   
}                                                                                                                                                                                                                                                                                          /* FAF SpecialOrder */
  [class*="col-1.stockStatus-"]:hover { cursor:pointer}
  [class*="stockStatus-"]:before {text-align: center;letter-spacing: 0.5px;color: #ffffff !important;padding: 4px 6px;text-transform:uppercase;margin-right: 6px;font-size:12px;font-weight: 700;}
  .stockStatus-True.stockStatus-True:before{content: "In Stock" !important;background: #69ca87 !important;border-radius: 4px;}
  .stockStatus-false.stockStatus-false:before{content:"Out of Stock";background: #c86565;}
  .stockStatus-SpecialOrder.stockStatus-SpecialOrder:before{content:"Special order";background: #75aab9}
  .stockStatus-PreOrder.stockStatus-PreOrder:before{content:"Pre order";background: #b57fb8;}
  .stockStatus-ComingSoon.stockStatus-ComingSoon:before{content:"Coming Soon";background: #b89a7f;}
  [class*="stockStatus"]:after {content: "CHECK AVAILABILITY" !important;position: relative;padding-bottom: 1px;font-family:inherit;flex-grow: 1;text-align: left;outline: 1px solid #cecece;padding: 4px 6px;text-align: center;width: 100%;position: relative !important;font-family: inherit !important;border-radius: 4px;}
  .LPCollection [class*="stockStatus"]:after {background: #efefef;}
  [class*="stockStatus"] {margin:0px;display: flex;justify-content: start;align-items: stretch;}
  [class*="stockStatus-"]:before {/* padding: 3px 6px; */font-size: 12px;min-width: 45%;border-radius: 4px;} 
  [class*="stockStatus"]:hover:after {background:#b8b8b8; color:#fff}                                                                                                                                                                                                                                                                                                                                               /* ________This is all custom classes after cg-framework________ */
:root {
    --cg-color-transparent: transparent;
    --cg-color-white: #ffffff;
    --cg-color-gray-50: #f9fafb;
    --cg-color-gray-100: #f3f4f6;
    --cg-color-gray-300: #d1d5db;
    --cg-color-gray-400: #9ca3af;
    --cg-color-gray-500: #6b7280;
    --cg-color-gray-600: #4b5563;
    --cg-color-gray-800: #1f2937;
    --cg-color-black: #000000;
    --cg-color-gray: #6b7280;
}

/* ===== ASPECT RATIO ===== */
.cg-aspect-square { aspect-ratio: 1 / 1; }
.cg-aspect-video { aspect-ratio: 16 / 9; }
.cg-aspect-photo { aspect-ratio: 4 / 3; }
.cg-aspect-portrait-3-4 { aspect-ratio: 3 / 4; }
.cg-aspect-portrait-9-16 { aspect-ratio: 9 / 16; }

/* ===== POSITIONING ===== */
.cg-relative { position: relative; }
.cg-absolute { position: absolute; }
.cg-position-absolute { position: absolute; }
.cg-position-relative { position: relative; }
.cg-inset-0 { top: 0; right: 0; bottom: 0; left: 0; }

/* ===== OPACITY ===== */
.cg-opacity-0 { opacity: 0; }
.cg-opacity-10 { opacity: 0.1; }
.cg-opacity-20 { opacity: 0.2; }
.cg-opacity-30 { opacity: 0.3; }
.cg-opacity-40 { opacity: 0.4; }
.cg-opacity-50 { opacity: 0.5; }
.cg-opacity-60 { opacity: 0.6; }
.cg-opacity-70 { opacity: 0.7; }
.cg-opacity-80 { opacity: 0.8; }
.cg-opacity-90 { opacity: 0.9; }
.cg-opacity-100 { opacity: 1; }

/* ===== OVERLAY OPACITY (BACKGROUND) ===== */
.cg-overlay-opacity-0 { background-color: rgba(0, 0, 0, 0); }
.cg-overlay-opacity-10 { background-color: rgba(0, 0, 0, 0.1); }
.cg-overlay-opacity-20 { background-color: rgba(0, 0, 0, 0.2); }
.cg-overlay-opacity-30 { background-color: rgba(0, 0, 0, 0.3); }
.cg-overlay-opacity-40 { background-color: rgba(0, 0, 0, 0.4); }
.cg-overlay-opacity-50 { background-color: rgba(0, 0, 0, 0.5); }
.cg-overlay-opacity-60 { background-color: rgba(0, 0, 0, 0.6); }
.cg-overlay-opacity-70 { background-color: rgba(0, 0, 0, 0.7); }
.cg-overlay-opacity-80 { background-color: rgba(0, 0, 0, 0.8); }
.cg-overlay-opacity-90 { background-color: rgba(0, 0, 0, 0.9); }
.cg-overlay-opacity-100 { background-color: rgba(0, 0, 0, 1); }

/* ===== TRANSITION DURATION ===== */
.cg-duration-100 { transition-duration: 100ms; }
.cg-duration-200 { transition-duration: 200ms; }
.cg-duration-300 { transition-duration: 300ms; }
.cg-duration-400 { transition-duration: 400ms; }
.cg-duration-500 { transition-duration: 500ms; }
.cg-duration-600 { transition-duration: 600ms; }
.cg-duration-700 { transition-duration: 700ms; }
.cg-duration-800 { transition-duration: 800ms; }
.cg-duration-900 { transition-duration: 900ms; }
.cg-duration-1000 { transition-duration: 1000ms; }
.cg-duration-2000 { transition-duration: 2000ms; }
.cg-duration-3000 { transition-duration: 3000ms; }
.cg-duration-4000 { transition-duration: 4000ms; }
.cg-duration-5000 { transition-duration: 5000ms; }
.cg-duration-6000 { transition-duration: 6000ms; }
.cg-duration-7000 { transition-duration: 7000ms; }
.cg-duration-8000 { transition-duration: 8000ms; }
.cg-duration-9000 { transition-duration: 9000ms; }
.cg-duration-10000 { transition-duration: 10000ms; }

/* ===== TRANSITIONS ===== */
.cg-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.cg-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* ===== HEIGHT ===== */
.cg-h-01px { height: 0.1px; }
.cg-h-01 { height: 0.1rem; }
.cg-h-1 { height: 0.25rem; }
.cg-h-2 { height: 0.5rem; }
.cg-h-3 { height: 0.75rem; }
.cg-h-4 { height: 1rem; }
.cg-h-6 { height: 1.5rem; }
.cg-h-8 { height: 2rem; }
.cg-h-12 { height: 3rem; }
.cg-h-14 { height: 3.5rem; }
.cg-h-16 { height: 4rem; }
.cg-h-20 { height: 5rem; }
.cg-h-24 { height: 6rem; }
.cg-h-32 { height: 8rem; }
.cg-h-40 { height: 10rem; }
.cg-h-48 { height: 12rem; }
.cg-h-64 { height: 16rem; }
.cg-h-80 { height: 20rem; }
.cg-h-96 { height: 24rem; }
.cg-h-auto { height: auto; }
.cg-h-full { height: 100%; }
.cg-h-screen { height: 100vh; }
.cg-h-svh { height: 100svh; }
.cg-h-lvh { height: 100lvh; }
.cg-h-dvh { height: 100dvh; }
.cg-h-min { height: min-content; }
.cg-h-max { height: max-content; }
.cg-h-fit { height: fit-content; }

/* ===== MIN-HEIGHT ===== */
.cg-min-h-screen { min-height: 100vh; }
.cg-min-h-40px { min-height: 40px; }
.cg-min-h-60px { min-height: 60px; }
.cg-min-h-200px { min-height: 200px; }

/* ===== CUSTOM HEIGHT VALUES ===== */
.cg-h-256px { height: 256px; }
.cg-h-384px { height: 384px; }
.cg-h-500px { height: 500px; }
.cg-h-600px { height: 600px; }
.cg-h-700px { height: 700px; }
.cg-h-800px { height: 800px; }

/* ===== WIDTH ===== */
.cg-w-1 { width: 0.25rem; }
.cg-w-3 { width: 0.75rem; }
.cg-w-4 { width: 1rem; }
.cg-w-6 { width: 1.5rem; }
.cg-w-8 { width: 2rem; }
.cg-w-12 { width: 3rem; }
.cg-w-16 { width: 4rem; }
.cg-w-20 { width: 5rem; }
.cg-w-24 { width: 6rem; }
.cg-w-32 { width: 8rem; }
.cg-w-40 { width: 10rem; }
.cg-w-64 { width: 16rem; }
.cg-w-80 { width: 20rem; }
.cg-w-auto { width: auto; }
.cg-w-full { width: 100%; }
.cg-w-screen { width: 100vw; }
.cg-w-svw { width: 100svw; }
.cg-w-lvw { width: 100lvw; }
.cg-w-dvw { width: 100dvw; }
.cg-w-min { width: min-content; }
.cg-w-max { width: max-content; }
.cg-w-fit { width: fit-content; }
.cg-w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); }
.cg-min-w-0 { min-width: 0; }

/* ===== FRACTIONAL WIDTH ===== */
.cg-w-1\/3 { width: 33.333333%; }
.cg-w-1\/2 { width: 50%; }
.cg-w-2\/3 { width: 66.666667%; }

/* ===== MAX-WIDTH ===== */
.cg-max-w-md { max-width: 28rem; }
.cg-max-w-4xl { max-width: 56rem; }
.cg-max-w-7xl { max-width: 80rem; }
.cg-max-w-9xl { max-width: 96rem; }

/* ===== PADDING ===== */
.cg-p-0 { padding: 0; }
.cg-p-1 { padding: 0.25rem; }
.cg-p-6 { padding: 1.5rem; }

/* ===== HORIZONTAL PADDING ===== */
.cg-px-0 { padding-left: 0; padding-right: 0; }
.cg-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.cg-px-4 { padding-left: 1rem; padding-right: 1rem; }
.cg-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.cg-px-8 { padding-left: 2rem; padding-right: 2rem; }
.cg-px-12 { padding-left: 3rem; padding-right: 3rem; }

/* ===== VERTICAL PADDING ===== */
.cg-py-0 { padding-top: 0; padding-bottom: 0; }
.cg-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.cg-py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.cg-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.cg-py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.cg-py-12 { padding-top: 3rem; padding-bottom: 3rem; }

/* ===== SPECIFIC PADDING ===== */
.cg-pt-3 { padding-top: 0.75rem; }
.cg-pb-2 { padding-bottom: 0.5rem; }

/* ===== MARGIN ===== */
.cg-ml-0 { margin-left: 0; }
.cg-ml-2 { margin-left: 0.5rem; }
.cg-ml-auto { margin-left: auto; }
.cg-mr-0 { margin-right: 0; }
.cg-mr-2 { margin-right: 0.5rem; }
.cg-mr-auto { margin-right: auto; }
.cg-mx-auto { margin-left: auto; margin-right: auto; }

/* ===== GAP ===== */
.cg-gap-3 { gap: 3rem; }

/* ===== SPACE BETWEEN ===== */
.cg-space-y-0 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
.cg-space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.25rem; }
.cg-space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.5rem; }
.cg-space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
.cg-space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.cg-space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; }
.cg-space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; }

/* ===== FLEXBOX ===== */
.cg-flex-1 { flex: 1 1 0%; }
.cg-flex-shrink-0 { flex-shrink: 0; }

/* ===== ALIGN ITEMS ===== */
.cg-items-start { align-items: flex-start; }
.cg-items-end { align-items: flex-end; }
.cg-items-center { align-items: center; }
.cg-items-baseline { align-items: baseline; }
.cg-items-stretch { align-items: stretch; }

/* ===== JUSTIFY CONTENT ===== */
.cg-justify-start { justify-content: flex-start; }
.cg-justify-end { justify-content: flex-end; }
.cg-justify-center { justify-content: center; }
.cg-justify-between { justify-content: space-between; }
.cg-justify-around { justify-content: space-around; }
.cg-justify-evenly { justify-content: space-evenly; }

/* ===== JUSTIFY ITEMS ===== */
.cg-justify-items-start { justify-items: start; }
.cg-justify-items-end { justify-items: end; }
.cg-justify-items-center { justify-items: center; }
.cg-justify-items-stretch { justify-items: stretch; }

/* ===== JUSTIFY SELF ===== */
.cg-justify-self-auto { justify-self: auto; }
.cg-justify-self-start { justify-self: start; }
.cg-justify-self-end { justify-self: end; }
.cg-justify-self-center { justify-self: center; }
.cg-justify-self-stretch { justify-self: stretch; }

/* ===== GRID ===== */
.cg-grid { display: grid; }
.cg-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }

/* ===== GRID PLACEMENT ===== */
.cg-overlay-grid-elements { grid-column: 1 / -1; grid-row: 1 / -1; }
.cg-place-grid-content-start { place-content: start; }
.cg-place-grid-content-center { place-content: center; }
.cg-place-grid-content-end { place-content: end; }

/* ===== TEXT ALIGNMENT ===== */
.cg-text-left { text-align: left; }
.cg-text-center { text-align: center; }
.cg-text-right { text-align: right; }
.cg-text-justify { text-align: justify; }
.cg-text-start { text-align: start; }
.cg-text-end { text-align: end; }

/* ===== TEXT SIZE ===== */
.cg-text-xs { font-size: 0.75rem; line-height: 1rem; }
.cg-text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.cg-text-base { font-size: 1rem; line-height: 1.5rem; }
.cg-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.cg-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.cg-text-2xl { font-size: 1.5rem; line-height: 2rem; }
.cg-text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.cg-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.cg-text-5xl { font-size: 2.5rem; line-height: 2.75rem; }
.cg-text-6xl { font-size: 3.75rem; line-height: 1; }
.cg-text-7xl { font-size: 4.5rem; line-height: 1; }
.cg-text-8xl { font-size: 6rem; line-height: 1; }
.cg-text-9xl { font-size: 7.5rem; line-height: 1; }
.cg-text-10xl { font-size: 9rem; line-height: 1; }

/* ===== TEXT WEIGHT ===== */
.cg-font-medium { font-weight: 500; }
.cg-font-semibold { font-weight: 600; }
.cg-font-bold { font-weight: 700; }


/* ===== TEXT TRANSFORM ===== */
.cg-text-lowercase { text-transform: lowercase; }
.cg-text-uppercase { text-transform: uppercase; }
.cg-capitalize { text-transform: capitalize; }


/* ===== BORDERS ===== */
.cg-border-b { border-bottom-width: 1px; }
.cg-border-b-2 { border-bottom-width: 2px; }
.cg-border-r { border-right-width: 1px; }
.cg-border-l { border-left-width: 1px; }
.cg-border-border { border-color: hsl(var(--border)); }
.cg-border-blue-600 { border-color: #2563eb; }

/* ===== BORDER RADIUS ===== */
.cg-rounded-none { border-radius: 0; }
.cg-rounded-sm { border-radius: 0.125rem; }
.cg-rounded-md { border-radius: 0.375rem; }
.cg-rounded-lg { border-radius: 0.75rem; }
.cg-rounded-xl { border-radius: 0.75rem; }
.cg-rounded-2xl { border-radius: 1rem; }
.cg-rounded-3xl { border-radius: 1.5rem; }
.cg-rounded-full { border-radius: 9999px; }

/* ===== SHADOWS ===== */
.cg-shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
.cg-shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
.cg-drop-shadow-lg { filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); }

/* ===== OBJECT FIT ===== */
.cg-object-cover { object-fit: cover; }
.cg-object-contain { object-fit: contain; }
.cg-object-fill { object-fit: fill; }
.cg-object-scale-down { object-fit: scale-down; }
.cg-object-none { object-fit: none; }

/* ===== OVERFLOW ===== */
.cg-overflow-auto { overflow: auto; }
.cg-overflow-y-auto { overflow-y: auto; }

/* ===== CURSOR ===== */
.cg-cursor-pointer { cursor: pointer; }
.cg-cursor-move { cursor: move; }

/* ===== Z-INDEX ===== */
.cg-zindex-0 { z-index: 0; }
.cg-zindex-1 { z-index: 1; }
.cg-zindex-2 { z-index: 2; }
.cg-zindex-3 { z-index: 3; }
.cg-zindex-4 { z-index: 4; }
.cg-zindex-5 { z-index: 5; }
.cg-zindex-6 { z-index: 6; }
.cg-zindex-7 { z-index: 7; }
.cg-zindex-8 { z-index: 8; }
.cg-zindex-9 { z-index: 9; }
.cg-zindex-9999 { z-index: 9999; }

/* ===== BACKDROP BLUR ===== */
.cg-blur-light { backdrop-filter: blur(1px); }
.cg-blur-mid { backdrop-filter: blur(5px); }
.cg-blur-strong { backdrop-filter: blur(10px); }
.cg-blur-extreme { backdrop-filter: blur(30px); }

/* ===== POSITIONING VALUES ===== */
.cg-right-16 { right: 16px; }
.cg-right-32 { right: 32px; }
.cg-right-5p { right: 5%; }
.cg-right-10p { right: 10%; }
.cg-right-20p { right: 20%; }
.cg-right-30p { right: 30%; }
.cg-right-40p { right: 40%; }
.cg-right-50p { right: 50%; }
.cg-right-60p { right: 60%; }
.cg-right-80p { right: 80%; }
.cg-right-90p { right: 90%; }
.cg-left-16 { left: 16px; }
.cg-left-32 { left: 32px; }
.cg-left-5p { left: 5%; }
.cg-left-10p { left: 10%; }
.cg-left-20p { left: 20%; }
.cg-left-30p { left: 30%; }
.cg-left-40p { left: 40%; }
.cg-left-50p { left: 50%; }
.cg-left-60p { left: 60%; }
.cg-left-80p { left: 80%; }
.cg-left-90p { left: 90%; }

/* ===== ANIMATIONS ===== */
.cg-animate-spin { animation: spin 1s linear infinite; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* ===== HOVER STATES ===== */
.cg-hover-bg-gray-100:hover { background-color: #f3f4f6; }
.cg-hover-bg-blue-700:hover { background-color: #1d4ed8; }
.cg-hover\:bg-background:hover { background-color: hsl(var(--background)); }
.cg-hover\:text-foreground:hover { color: hsl(var(--foreground)); }
.cg-hover\:text-red-700:hover { color: #b91c1c; }
.cg-hover\:bg-red-50:hover { background-color: #fef2f2; }
.cg-hover\:bg-green-600:hover { background-color: #059669; }
.cg-hover\:text-blue-700:hover { color: #1d4ed8; }
.cg-group-hover\:opacity-100:hover { opacity: 1; }

/* ===== UTILITY CLASSES ===== */
.cg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

/* ===== CSS VARIABLES ===== */

/* ===== BUTTON STYLES ===== */
.cg-button { padding: 0.5rem 1.25rem; width: fit-content; text-decoration: none; }

/* ===== COLOR UTILITIES ===== */
.cg-color-1 { color: var(--cg-color-1); }
.cg-color-2 { color: var(--cg-color-2); }
.cg-color-3 { color: var(--cg-color-3); }
.cg-color-4 { color: var(--cg-color-4); }
.cg-color-5 { color: var(--cg-color-5); }
.cg-color-6 { color: var(--cg-color-6); }
.cg-color-7 { color: var(--cg-color-7); }
.cg-color-8 { color: var(--cg-color-8); }
.cg-color-9 { color: var(--cg-color-9); }
.cg-color-black { color: var(--cg-color-black); }
.cg-color-white { color: var(--cg-color-white); }
.cg-color-transparent { color: var(--cg-color-transparent); }
.cg-color-gray { color: var(--cg-color-gray); }
.cg-color-gray-50 { color: var(--cg-color-gray-50); }
.cg-color-gray-100 { color: var(--cg-color-gray-100); }
.cg-color-gray-300 { color: var(--cg-color-gray-300); }
.cg-color-gray-400 { color: var(--cg-color-gray-400); }
.cg-color-gray-500 { color: var(--cg-color-gray-500); }
.cg-color-gray-600 { color: var(--cg-color-gray-600); }
.cg-color-gray-800 { color: var(--cg-color-gray-800); }


/* ===== BACKGROUND COLOR UTILITIES ===== */
.cg-bg-color-1 { background-color: var(--cg-color-1); }
.cg-bg-color-2 { background-color: var(--cg-color-2); }
.cg-bg-color-3 { background-color: var(--cg-color-3); }
.cg-bg-color-4 { background-color: var(--cg-color-4); }
.cg-bg-color-5 { background-color: var(--cg-color-5); }
.cg-bg-color-6 { background-color: var(--cg-color-6); }
.cg-bg-color-7 { background-color: var(--cg-color-7); }
.cg-bg-color-8 { background-color: var(--cg-color-8); }
.cg-bg-color-9 { background-color: var(--cg-color-9); }
.cg-bg-color-black { background-color: var(--cg-color-black); }
.cg-bg-color-white { background-color: var(--cg-color-white); }
.cg-bg-color-transparent { background-color: var(--cg-color-transparent); }
.cg-bg-color-gray { background-color: var(--cg-color-gray); }
.cg-bg-color-gray-50 { background-color: var(--cg-color-gray-50); }
.cg-bg-color-gray-100 { background-color: var(--cg-color-gray-100); }
.cg-bg-color-gray-300 { background-color: var(--cg-color-gray-300); }
.cg-bg-color-gray-400 { background-color: var(--cg-color-gray-400); }
.cg-bg-color-gray-500 { background-color: var(--cg-color-gray-500); }
.cg-bg-color-gray-600 { background-color: var(--cg-color-gray-600); }
.cg-bg-color-gray-800 { background-color: var(--cg-color-gray-800); }

.ffBut { width: 100%; flex-wrap: wrap; grid-gap: 1em; justify-content: center; display: flex;}
.ffBut > a, .ffBut > div { margin: 0; border: 1px solid var(--cg-color-gray-300); width: auto; flex-grow: 1; text-transform: initial; text-align: left; border-radius: 8px; color: #000; display: flex; align-content: center; align-items: center; justify-content: space-between; font-size: smaller; padding: 8px 42px 8px 22px; max-width: 100%; gap: 1em; position: relative; transition: all 0.3s ease-in-out;}
.ffBut > a:hover, .ffBut > div:hover { border: 1px solid var(--cg-color-1);} 
.ffBut > div:after, .ffBut > a:after { content:""; display: inline-block; width: 18px; height: 18px; background-color: var(--cg-color-gray-400); -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; position: absolute; right: 10px; transition: all 0.3s ease-in-out;} 
.ffBut > div.quickFilterTagSelected, .ffBut > div:hover.quickFilterTagSelected { border: 1px solid var(--cg-color-1); background: var(--cg-color-1); color: #fff;} 
.ffBut > a:after { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 11a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h6a1 1 0 0 0 0-2H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-6a1 1 0 0 0-1-1'/%3E%3Cpath fill='%23000' d='M16 5h1.58l-6.29 6.28a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0L19 6.42V8a1 1 0 0 0 1 1a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2'/%3E%3C/svg%3E"); width: 16px;}
.ffBut > div.quickFilterTagSelected:after { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7 2a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5zm8.73 8.684a1 1 0 1 0-1.46-1.368l-3.083 3.29l-1.523-1.353a1 1 0 0 0-1.328 1.494l2.25 2a1 1 0 0 0 1.393-.063z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.ffBut > div:hover, .ffBut > a:hover { border: 1px solid var(--cg-color-1); cursor:pointer;}
.ffBut > div:hover:after, .ffBut > a:hover:after { background-color: var(--cg-color-2);}
.ffBut > div.quickFilterTagSelected:after, .ffBut > div.quickSearchTag.active:after {background-color: var(--cg-color-8);} 
.ffBut > div.quickFilterTagUnavailable {color: #92929257;border: 1px solid #bcbcbc69;cursor: default;}
.ffBut > div.quickFilterTagUnavailable:after{ background: #9d9d9d69; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5.47 5.47a.75.75 0 0 1 1.06 0l12 12a.75.75 0 1 1-1.06 1.06l-12-12a.75.75 0 0 1 0-1.06'/%3E%3Cpath d='M18.53 5.47a.75.75 0 0 1 0 1.06l-12 12a.75.75 0 0 1-1.06-1.06l12-12a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3C/svg%3E");}
.ffBut > div:hover .quickFilterTagUnavailable { color: var(--cg-color-6); border: 1px solid #97979769;}
.quickSearchTag.active { border: 1px solid var(--cg-color-1); background: var(--cg-color-1); color: #fff;}
.quickSearchTag .checkmark { display:none} 
.ffBut > .quickSearchTag:after{ --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 9.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C6.04 3 7.16 3 9.4 3h5.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C21 6.04 21 7.16 21 9.4v5.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C17.96 21 16.84 21 14.6 21H9.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C3 17.96 3 16.84 3 14.6zM10.905 8l-1.437 8m4.937-8l-1.437 8m3.314-5.75H7.718m8.564 3.5H7.718'/%3E%3C/svg%3E");} 
.quickSearchTag.active:after{ --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath d='M10.769 13h1.976l.359-2h-1.976z'/%3E%3Cpath d='M9.367 2.25c-1.092 0-1.958 0-2.655.057c-.714.058-1.317.18-1.868.46a4.75 4.75 0 0 0-2.076 2.077c-.281.55-.403 1.154-.461 1.868c-.057.697-.057 1.563-.057 2.655v5.266c0 1.092 0 1.958.057 2.655c.058.714.18 1.317.46 1.869a4.75 4.75 0 0 0 2.077 2.075c.55.281 1.154.403 1.868.461c.697.057 1.563.057 2.655.057h5.266c1.092 0 1.958 0 2.655-.057c.714-.058 1.317-.18 1.869-.46a4.75 4.75 0 0 0 2.075-2.076c.281-.552.403-1.155.461-1.869c.057-.697.057-1.563.057-2.655V9.367c0-1.092 0-1.958-.057-2.655c-.058-.714-.18-1.317-.46-1.868a4.75 4.75 0 0 0-2.076-2.076c-.552-.281-1.155-.403-1.869-.461c-.697-.057-1.563-.057-2.655-.057zm1.67 5.012a.75.75 0 0 1 .606.87L11.397 9.5h1.976l.293-1.633a.75.75 0 0 1 1.477.266L14.897 9.5h1.385a.75.75 0 0 1 0 1.5h-1.654l-.36 2h2.014a.75.75 0 0 1 0 1.5H14l-.293 1.633a.75.75 0 0 1-1.477-.265l.246-1.368H10.5l-.293 1.633a.75.75 0 0 1-1.477-.265l.24.ffBut > a, .ffBut > div6-1.368H7.718a.75.75 0 0 1 0-1.5h1.527l.359-2H7.718a.75.75 0 0 1 0-1.5h2.155l.293-1.633a.75.75 0 0 1 .871-.605'/%3E%3C/g%3E%3C/svg%3E");}
.ffBut > div:after { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='4'/%3E%3Cpath d='m9 12l2.25 2L15 10'/%3E%3C/g%3E%3C/svg%3E");}
.button-layout-1 { display: flex; width: 100%; flex-wrap: wrap; gap: 1em; margin: 0px !important;}
.button-layout-2 { display: flex; justify-content: flex-start;}
.button-layout-2 > a, .button-layout-2 > div { flex: none;}
.button-layout-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));} 
.button-layout-4 { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}           

@media screen and (max-width: 1024px) {

     
    .ffBut.cg-overflow-x-ctr-mobile > div,  .ffBut.cg-overflow-x-ctr-mobile > a{
        min-width: auto;
    }
    
 }  /*  Find + Filter */
.FAF {
    width: 100%;
    position: relative;
    display: box;
    display: flex;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: center;
    box-align: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    background: #fff;
    float: left;
}

.FAFResults {
    background: #fff;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    flex-grow: 1;
    padding: 0;
}

    .FAFResults .breadcrumbs {
        text-align: center;
        top: -1px;
        position: relative;
    }

.FAFFilters {
    display: none;
    left: 0;
    -moz-transition: 0 .3s box-shadow .3s;
    vertical-align: top;
    position: relative;
    margin-right: 32px;
}

    .FAFFilters.filter-is-visible {
        display: inline-block;
    }

.FAFFiltersReorder {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.FacetDefinitions {
    display: flex;
    -webkit-flex: 0 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.sidebar {
    font-family: monospace;
}

.productContainer {
    display: flex;
    -webkit-flex: 0 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: auto;
}

.mainContent {
    font-family: monospace;
}

input.reorderFacetItems {
    display: inline-block !important;
    padding: 0 0 3px !important;
    margin: 8px !important;
    background: none !important;
    border: none !important;
    color: #9E9E9E !important;
    border-bottom: 1px solid #dadada !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    height: 100% !important;
    line-height: normal !important;
    font-family: inherit !important;
    font-size: .8em !important;
    border-radius: 0 !important;
    color: #666 !important;
    background: #fafafa;
    width: auto;
    clear: none;
}

    input.reorderFacetItems:hover {
    }

input.facetTypeSearch {
    background: #FFFFFF;
    font-family: roboto;
    font-size: .8em;
    border: 1px solid #E0E0E0;
    color: cornflowerblue !important;
}

    input.facetTypeSearch:hover, input.facetTypeSearch:focus, input.facetTypeSearch:active {
        border: 1px solid #B3B3B3;
        outline: none;
        color: #000;
        box-shadow: none;
    }

        input.facetTypeSearch:focus::-webkit-input-placeholder {
            color: transparent;
        }

        input.facetTypeSearch:focus:-moz-placeholder {
            color: transparent;
        }
        /* FF 4-18 */
        input.facetTypeSearch:focus::-moz-placeholder {
            color: transparent;
        }
/* FF 19+ */
.FFmobile input.facetTypeSearch {
    background: #f5f5f5;
    font-size: 16px;
    border: none;
    color: #212121 !important;
    border-bottom: 1px solid #c1c1c1;
    padding: 0 0 16px !important;
}


.FAFoptions a {
    display: block;
    float: left;
    margin: 0 16px 0 0 !important;
    background: #f4f4f4 !important;
    border: 1px solid #ccc !important;
    color: #9E9E9E !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    height: 33px !important;
    line-height: 33px !important;
    font-family: inherit !important;
    font-size: .9em !important;
    border-radius: 4px !important;
    color: #666 !important;
    padding: 0 16px;
}

    .FAFoptions a div {
        margin-right: 8px;
    }

.reorder {
    display: none;
}

    .reorder.filter-is-visible {
        display: inline-block;
        background: #f4f4f4;
        margin: 8px 0;
    }

div.reorder[data-orderpreference="1"] > input[data-rawvalue="1"],
div.reorder[data-orderpreference="2"] > input[data-rawvalue="2"],
div.reorder[data-orderpreference="3"] > input[data-rawvalue="3"],
div.reorder[data-orderpreference="4"] > input[data-rawvalue="4"],
div.reorder[data-orderpreference="5"] > input[data-rawvalue="5"],
div.reorder[data-orderpreference="6"] > input[data-rawvalue="6"],
div.reorder[data-orderpreference="7"] > input[data-rawvalue="7"],
div.reorder[data-orderpreference="8"] > input[data-rawvalue="8"],
div.reorder[data-orderpreference="9"] > input[data-rawvalue="9"],
div.reorder[data-orderpreference="10"] > input[data-rawvalue="10"],
div.reorder[data-orderpreference="11"] > input[data-rawvalue="11"],
div.reorder[data-orderpreference="12"] > input[data-rawvalue="12"],
div.reorder[data-orderpreference="13"] > input[data-rawvalue="13"],
div.reorder[data-orderpreference="14"] > input[data-rawvalue="14"],
div.reorder[data-orderpreference="15"] > input[data-rawvalue="15"] {
    color: #0abbef !important;
    border-bottom-color: #0abbef !important;
}

input.facetTypeSearch:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */
.FAFoptions a {
    cursor: pointer;
}

.desktop.col-1.ctrPad16.reorder {
}

.reorder input {
    color: #555 !important;
}

.facetHdr {
    font-size: 11px;
    color: #666;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    background: #f1f1f1;
    padding: 12px 16px;
}

.facetSubHdr {
    font-size: small;
    color: cornflowerblue;
    border-top: 1px solid #E0E0E0;
    margin-top: 16px;
}

.facetOption {
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 120%;
}

    .facetOption:hover {
        color: cornflowerblue;
    }

.subFacetOption {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
}

    .subFacetOption:hover {
        color: cornflowerblue;
    }

.facetOption input {
    width: 100%;
    font-size: 9px !important;
    background: #2F353E !important;
    border: none !important;
    padding: 8px !important;
}

.facetAvailable {
    padding: 5px 8px !important;
}

.facetUnavailable {
    opacity: 0.5;
    color: initial !important;
    padding: 5px 8px !important;
    cursor: not-allowed;
}

    .facetUnavailable input[type="checkbox"]:hover:before {
        background: initial;
        color: initial;
        cursor: not-allowed;
    }

    .facetUnavailable label {
        cursor: not-allowed;
    }

.FacetDefinitions > div {
    margin-top: 16px;
    border-top: 1px solid #E0E0E0;
}

.facetUnavailable input[type="checkbox"]:checked:before {
    background: #ccc !important;
    cursor: not-allowed;
}

label {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    padding: 3px 0 0 7px;
}

.facetOption > span, .subFacetOption > span {
    height: 20px;
    width: 20px;
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
    background: #fff;
    position: relative;
    outline: 1px solid #d0d0d0;
    flex-basis: 20px;
    min-width: 20px;
    max-width: 20px;
    display: inline-block;
}

.facetSelectedff {
    background: #0abbef !important;
}

    .facetSelectedff:before {
        content: "\e116" !important;
        font-family: feather;
        color: white !important;
        display: inline-block;
        width: 100%;
        vertical-align: text-bottom;
        padding: 0;
        margin: 0;
        height: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
    }

    .facetSelectedff.checked {
        background: #0abbef !important;
        outline: 1px solid #0abbef;
    }

.facetUnselectedff {
}

    .facetUnselectedff:before {
        content: "\e116" !important;
        font-family: feather;
        color: white !important;
        display: inline-block;
        width: 100%;
        vertical-align: text-bottom;
        padding: 0;
        margin: 0;
        height: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
    }

    .facetUnselectedff.checked {
        background: #0abbef !important;
    }

.facetUnavailableff {
    background: #fff;
    cursor: not-allowed !important;
}

    .facetUnavailableff:before {
        content: '\e117' !important;
        background: #b5b5b5;
        font-family: feather;
        color: #fff !important;
        display: inline-block;
        width: 100%;
        vertical-align: text-bottom;
        padding: 0;
        margin: 0;
        height: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 10px;
        line-height: 20px;
        text-align: center;
    }

    .facetUnavailableff.checked {
    }

.SubFacetOptions {
    padding-left: 16px;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 24px;
    width: 24px;
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
    background: #FFFFFF !important;
    background-size: contain !important;
    position: relative;
    outline: 1px solid #E0E0E0;
    padding: 0 7px 0 0;
    flex-basis: 24px;
    min-width: 24px;
    max-width: 24px;
}

    input[type="checkbox"]:checked {
        background: #0abbef !important;
        background-size: contain !important;
    }

        input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            color: #FFFFFF !important;
            font-family: feather;
            line-height: 24px;
        }

        input[type="checkbox"]:checked:before {
            content: "\e116" !important;
            font-family: feather;
            color: white !important;
            background: #0abbef !important;
        }

    input[type="checkbox"]:hover:before {
        background: #ECECEC;
        color: #ECECEC !important;
        content: '';
        font-family: feather;
    }

.headBack {
    cursor: pointer;
}

.headHome {
    margin: 64px 0 0;
}

span.noFacetResults {
    background: tomato;
    color: white;
    display: inline-block;
    height: 128px;
    width: 128px;
    border-radius: 64px;
    line-height: 128px;
    text-align: center;
    font-size: 4em;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    span.noFacetResults:hover {
        background: darkred;
        transform: rotate(-180deg);
    }

        span.noFacetResults .icon-reload {
            color: #fff;
            transform: translate(-3px, -3px) scaleX(-1);
        }

span.facetStartOver {
    background: darkslategrey;
    color: white;
    display: inline-block;
    height: 64px;
    width: auto;
    padding: 0 32px;
    border-radius: 32px;
    line-height: 64px;
    text-align: center;
    font-size: 1.5em;
}

    span.facetStartOver:hover {
        background: grey;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

.noFacetResultsTXT {
    color: tomato;
    font-size: 2em;
    line-height: 2em;
}

.noFacetResultsSubTXT {
    color: tomato;
    font-size: 1.4em;
    line-height: 1.4em;
}

.facetStartOverTXT {
    color: darkslategrey;
    font-size: 1.2em;
}

.facetStartOverSubTXT {
    color: darkslategrey;
    font-size: .8em;
}

.facetItemDetails {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: flex-start;
    text-align: left;
    font-size: smaller;
}

    .facetItemDetails a {
        cursor: pointer;
    }

.facetQuickViewSimple a:before {
    padding-right: 4px;
    font: normal normal normal 10px/1 feather;
    content: "\e114";
}

.FacetOptions {
}

.FFOutofstock > .facetItemImg {
    opacity: 0.5;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.FFOutofstock .fa-tag {
    display: none;
}

.facetPricing {
    display: inline-block;
}

    .facetPricing > div > span:nth-child(2) {
        margin: 0 0 0 8px;
        padding: 0 0 0 8px;
        border-left: 1px solid #dadada;
        text-decoration: line-through;
    }

    .facetPricing > div > span:nth-child(3) {
        font-size: smaller;
    }

.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(1) {
    color: #ff4242;
}

.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(2) {
    color: #a2a2a2;
    text-decoration: line-through;
    font-size: smaller;
    margin-left: 4px;
    padding-left: 4px;
}

.fafSalePR > span:nth-child(1) > span {
    color: #ff4242;
}

.percentOff-betterSearch {
    color: #ff4242;
}

.fafSalePR > span:nth-child(2) > span {
    color: #a2a2a2;
    text-decoration: line-through;
}

.col-facetItem {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: relative;
    overflow: hidden;
}

    .col-facetItem[data-isinstock="stockStatus-false"],
    .col-facetItem[data-isinstock="stockStatus-False"] {
        opacity: 0.5;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
    }

    .col-facetItem:hover .frItemName span {
    }

    .col-facetItem > div > a {
        display: block;
    }

    .col-facetItem.fDone {
        opacity: 1;
    }

.frItemName {
    padding-bottom: 8px;
    min-height: 80px;
}

    .frItemName span {
        cursor: pointer;
        color: initial;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.facetPricing {
    border-bottom: 1px solid #efefef;
    padding: 8px 0;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    height: 38px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.facetQuickView {
    cursor: pointer;
    width: 47px;
    height: 47px;
    float: right;
    background: #fafafa;
    text-align: center;
    display: none;
}

    .facetQuickView span:before {
        content: "\e114";
        font: normal 14px/1 feather;
        line-height: 48px;
    }

.facetOptions {
    font-size: smaller;
    padding: 8px 0;
    align-items: center;
    border-top: 1px solid #efefef !important;
    border-bottom: 1px solid #efefef;
    justify-content: space-between;
    align-content: space-between;
    min-height: 40px;
}

.fafReviewColours {
    justify-content: space-around;
}

.col-facetItem .yotpo.bottomLine {
    min-height: 30px;
    padding: 0 0 8px 0;
}

    .col-facetItem .yotpo.bottomLine .yotpo-display-wrapper .text-m {
        margin-left: 8px;
        font-size: small;
    }

/* FAF - Product Compare */
.selectcompare {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    outline: 0 !important;
    box-shadow: none !important;
    text-align: left;
    padding: 8px;
    background: #eee;
    margin-top: 4px;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    will-change: opacity;
}

    .col-facetItem:hover .selectcompare, .selectcompare.incomparelist {
        opacity: 1;
    }

    .selectcompare.incomparelist {
        border-color: #72a100;
        background: #E8FFED;
    }

    .selectcompare input[type="checkbox"] {
        display: none;
    }

        .selectcompare input[type="checkbox"] + label {
            font-size: smaller;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            line-height: 24px;
            padding: 0 !important;
        }

            .selectcompare input[type="checkbox"] + label:before {
                content: '\2713';
                background: white;
                color: white;
                width: 24px;
                height: 24px;
                line-height: 24px;
                border: 1px solid #ccc;
                font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                display: block;
                float: left;
                margin: 0 4px 0 0;
                text-align: center;
            }

        .selectcompare input[type="checkbox"]:checked + label:before {
            border-color: #72a100;
            background: #72a100;
        }

.compare-button {
    position: fixed;
    right: 16px;
    bottom: 70px;
    background: #72a100;
    color: white;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 16px;
    line-height: 42px;
    padding: 0 16px;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}

@media screen and (max-width : 735px) {
    .compare-button {
        border-radius: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 39999;
    }

    .selectcompare {
        opacity: 1;
    }
}

@media print {
    .printhide, .ctrNavigation, .flexorderRDIFF, .topBannerSash, #FOOTER1, .primaryNav, .flexorderRDIFF {
        display: none;
    }

    #comparetgt div[id*="cp"] {
        width: 50% !important;
        height: 100vh;
    }

        #comparetgt div[id*="cp"] .imgCtr {
            -webkit-print-color-adjust: exact !important;
            color-adjust: exact !important;
        }
}

/* ***** END : Compare Products ***** */

[class*="stockStatus"] {
    font-size: smaller;
    margin: 8px 0;
    position: relative;
    cursor: pointer
}

    [class*="stockStatus"]:after {
        content: "\e128";
        position: absolute;
        right: 0;
        font-family: feather;
    }

.facetRow {
    height: 48px;
    display: flex;
}

.facetQV:before, .facetColourGroup .icon-drop, .productIsStarbuy:after, .productIsNotStarBuy:after, .icon-star {
    top: -1px;
    position: relative;
}

.facetStock {
    flex-grow: 1;
    text-align: left;
    line-height: 47px;
    font-size: smaller;
}

.facetColourGroup {
    align-items: center;
}

.inactive:before {
    color: #c3c3c3;
}

.facetIsOnSale {
    display: block;
    height: 0;
    top: 0;
}

    .facetIsOnSale span {
        position: absolute;
        text-transform: uppercase;
        top: 20px;
        right: -55px;
        text-align: center;
        width: 150px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

        .facetIsOnSale span:after {
            content: var(--citrus-styles-faf-sale);
            text-transform: uppercase;
            margin: 0;
            color: rgb(241,241,241);
            font-size: 10px;
            letter-spacing: 2.5px;
            position: absolute;
            padding: 3px;
            text-align: center;
            background: #d93131;
            top: 0;
            right: 0;
            width: 150px;
        }

.facetIsNotOnSale {
    display: none;
}

.stockStatus-ComingSoon:before {
    color: #0abbef;
    content: var(--citrus-styles-faf-coming-soon);
    font-family: inherit;
}

.stockStatus-false:before {
    color: red;
    content: var(--citrus-styles-faf-out-of-stock);
    font-family: inherit;
}

.stockStatus-PreOrder:before {
    color: #7873B0;
    content: var(--citrus-styles-faf-pre-order);
    font-family: inherit;
}

.stockStatus-True:before {
    color: #73AB02;
    content: var(--citrus-styles-faf-in-stock);
    font-family: inherit;
}

.stockStatus-SpecialOrder:before {
    color: cornflowerblue;
    content: var(--citrus-styles-faf-special-order);
    font-family: inherit;
}

.stockStatus-Custom:before {
    content: var(--citrus-styles-faf-customise);
    text-transform: uppercase;
    font-family: inherit;
}

.icon-star {
    margin-right: 3px;
}

.productIsNotStarBuy {
}

    .productIsNotStarBuy > span {
        display: none;
    }

.productIsStarbuy:after {
    content: "\e085";
    margin-left: 4px;
    display: inline-block;
    font-family: feather;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #8722b1;
}

.productIsStarbuy:after {
    content: var(--citrus-styles-faf-star-buy);
}

.productIsNotStarBuy:before {
    content: "";
}

#priceFilterLower, #priceFilterUpper {
    width: 100%;
    background: #fdfdfd;
    font-family: roboto;
    font-size: .8em;
    border: 1px solid #E0E0E0;
    color: cornflowerblue !important;
}

.priceFilter {
    margin: 16px 0;
}

.facetOrder {
    width: 100%;
    float: left;
    clear: both;
}

.facetTitle, .facetTitle p {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

.salestockOption {
    padding: 32px;
}

.FFStock label {
    color: yellowgreen;
}

.FFSale label {
    color: tomato;
}

.FFStock input[type="checkbox"]:checked:before {
    background: yellowgreen !important;
}

.FFSale input[type="checkbox"]:checked:before {
    background: tomato !important;
}

.Standard .facetOptions, .Simple .facetOptions, .Simple .facetFinance {
    display: none !important;
}

.Simple .fafStockQV {
    display: none !important;
}

.Simple:not(.ShowRRP) .facetPricing span[id*="lblNow"] {
    color: inherit !important;
}

.Simple:not(.ShowRRP) .facetPricing span[id*="lblwas"], .Simple:not(.ShowRRP) .facetPricing span[id*="lblDiscounttext"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: none !important;
}

.Simple .frItemName {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.facetQuickViewSimple {
    display: none;
}

.facetQuickViewSimple {
    display: inline-block;
    font-size: smaller;
    border: 1px solid #ccc;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 2px 4px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

    .facetQuickViewSimple:hover {
        border: 1px solid #bddec7;
        background: #e4f5e9;
    }

.FAFResults .col-facetItem[data-isinstock*="stockStatus-false"] > a {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.33330.33330.3333000.33330.33330.3333000.33330.33330.33330000010' /></filter></svg>#greyscale");
}

.FAFclosebutton {
    right: 8px;
    font-size: small;
    cursor: pointer;
    padding: 0;
    background: none !important;
    width: initial !important;
}

    .FAFclosebutton:before {
        padding-right: 8px;
        display: inline-block;
        font-family: feather;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e043";
        color: #f00;
    }

.facetStock {
    flex-grow: 1;
    text-align: left;
    line-height: 47px;
    font-size: smaller;
}

.score:before {
    content: "\e093";
    font-family: feather;
    margin-right: 3px;
    position: relative;
    bottom: 1px
}

.score[data-rate="1"], .score[data-rate="2"], .score[data-rate="3"], .score[data-rate="4"], .score[data-rate="5"] {
    opacity: 1;
    color: #d69600;
}

/* Shopper Approved */
.star_container {
    padding-top: 4px;
}

    .star_container:empty {
        display: none;
    }

    .star_container + .facetReview {
        display: none;
    }

    .star_container .ind_cnt {
        display: none !important;
    }

    .star_container > * > span {
        width: 14px !important;
        height: 13px !important;
    }
/* End of Shopper Approved */

.facetReview div.icon-star {
    opacity: 1;
    color: #d4980b;
    float: left;
    line-height: 24px;
}

.facetReview.score[data-rate="0"], .facetReview.score[data-rate="0"] + div.icon-star:before {
    color: #555;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.facetColourGroup {
    align-items: center;
}

.colourWheel:before {
    content: "";
    background: url(/platformlayout/colourwheel.png) center center no-repeat;
    background-size: contain;
    margin: auto !important;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.colourWheel:after {
    content: var(--citrus-styles-faf-other-colours);
    display: block;
    float: right;
    white-space: pre;
    line-height: 100%;
    font-size: smaller;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}

[style="display: none;"].colourWheel:before {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

[style="display: none;"].colourWheel:after {
    content: ""
}

.facetColourGroup[style="display: none;"] {
    display: inline-block !important;
    opacity: 0.3;
}

.facetColourGroup .icon-drop {
    content: "\e063";
    margin-right: 8px;
    display: inline-block;
    font-family: feather;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inactive:before {
    color: #c3c3c3;
}

.facetIsOnSale {
    display: block;
    height: 0;
    top: 0;
}

    .facetIsOnSale span {
        position: absolute;
        text-transform: uppercase;
        top: 20px;
        right: -55px;
        text-align: center;
        width: 150px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .facetIsOnSale span:after {
            content: var(--citrus-styles-faf-sale);
            text-transform: uppercase;
            margin: 0;
            color: rgb(241,241,241);
            font-size: 10px;
            letter-spacing: 2.5px;
            position: absolute;
            padding: 3px;
            text-align: center;
            background: #d93131;
            top: 0;
            right: 0;
            width: 150px;
        }

.facetIsNotOnSale {
    display: none;
}

.facetStock {
    flex-grow: 1;
    text-align: left;
    line-height: 100%;
    font-size: inherit;
}

.facetColourGroup {
    align-items: center;
}

    .facetColourGroup .icon-drop {
        content: "\e063";
        margin-right: 3px;
        display: inline-block;
        font-family: feather;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.inactive:before {
    color: #c3c3c3;
}

.facetIsOnSale {
    display: block;
    height: 0;
    top: 0;
}

    .facetIsOnSale span {
        position: absolute;
        text-transform: uppercase;
        top: 20px;
        right: -55px;
        text-align: center;
        width: 150px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 2;
    }

        .facetIsOnSale span:after {
            content: var(--citrus-styles-faf-sale);
            text-transform: uppercase;
            margin: 0;
            color: rgb(241,241,241);
            font-size: 10px;
            letter-spacing: 2.5px;
            position: absolute;
            padding: 3px;
            text-align: center;
            background: #d93131;
            top: 0;
            right: 0;
            width: 150px;
        }

.facetIsNotOnSale {
    display: none;
}

.stockStatus-false:before,
.stockStatus-False:before,
.stockStatus-ComingSoon:before,
.stockStatus-comingsoon:before,
.stockStatus-PreOrder:before,
.stockStatus-preorder:before,
.stockStatus-True:before,
.stockStatus-true:before,
.stockStatus-SpecialOrder:before,
.stockStatus-specialorder:before {
    color: #333;
    content: var(--citrus-styles-faf-check-availability);
    text-transform: uppercase;
    font-family: inherit;
}

.stockStatus-false:before,
.stockStatus-False:before {
    content: var(--citrus-styles-faf-out-of-stock);
    text-transform: uppercase;
}

.productIsStarbuy {
    color: #8722b1;
}

.productIsNotStarBuy {
    opacity: 0.3;
}

    .productIsNotStarBuy > span {
        display: none;
    }

.productIsStarbuy:after {
    content: "\e085";
    display: inline-block;
    font-family: feather;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #8722b1;
}

.productIsStarbuy:before {
    content: var(--citrus-styles-faf-star-buys);
    display: block;
    float: right;
    white-space: pre;
    line-height: 100%;
    font-size: smaller;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin-left: 4px;
}

.productIsNotStarBuy:after {
    content: "\e085";
    display: inline-block;
    font-family: feather;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 4px;
}

#priceFilterLower, #priceFilterUpper {
    width: 100%;
    background: #fdfdfd;
    font-family: roboto;
    font-size: .8em;
    border: 1px solid #E0E0E0;
    color: cornflowerblue !important;
}

.priceFilter, .FacetSize {
    margin: 0;
}

.salestockOption {
}

.FFStock label {
    color: yellowgreen;
}

.FFSale label {
    color: tomato;
}

.FFStock input[type="checkbox"]:checked:before {
    background: yellowgreen !important;
}

.FFSale input[type="checkbox"]:checked:before {
    background: tomato !important;
}
/*  Find + Filter Landing page */
.LPTitle h3 {
    border-top: 1px solid #999;
    padding-top: 16px;
}

.LPFilters {
    margin: 16px;
}

    .LPFilters a,
    .LPFilters a:visited {
        display: block;
        padding: 0 !important;
        width: 100%;
        font-size: smaller;
        vertical-align: top;
        line-height: 32px;
        border-bottom: 1px solid #ebebeb;
        color: #666;
        min-width: 100%;
        position: relative;
        text-transform: capitalize;
        clear: both;
    }

        .LPFilters a[id*="lnkFacetLink"]:after {
            content: '\e055';
            position: absolute;
            top: 0;
            right: 0;
            color: #888888;
            font-family: feather;
        }

        .LPFilters a[id*="lnkFacetLink"]:last-of-type {
            border-bottom: 0;
            padding: 0;
            margin: 0;
        }

    .LPFilters:not(.LPFilters-expanded) > a[id*="lnkFacetLink"]:nth-of-type(1n+7) {
        display: none;
    }

.LPExpandButton {
    color: #2c9ab7 !important;
    text-align: right;
    cursor: pointer;
    border-bottom: 0 !important;
}

    .LPExpandButton:before,
    .LPExpandButton:after {
        display: inline-block;
    }

    .LPExpandButton:before {
        content: attr(data-start);
        padding-right: 3px;
    }

    .LPExpandButton:after {
        padding-left: 3px;
        content: attr(data-end) !important;
    }

#facetsearch_landingPageTotalProductsPanel {
    background: #f1f1f1;
    float: left;
    padding: 8px 16px !important;
}

    #facetsearch_landingPageTotalProductsPanel p {
    }

    #facetsearch_landingPageTotalProductsPanel h4, #facetsearch_landingPageTotalProductsLbl {
    }

.FAFLanding .mobile {
    width: 100%;
}

.FAFLanding .facetHdr {
    float: left;
    width: 100%;
    color: #222;
    margin-bottom: 16px;
    padding: 8px 16px !important;
}

    .FAFLanding .facetHdr:before {
    }

.metaControls {
    padding: 0;
    width: 100%;
}

    .metaControls h2, h1.fafPageTitle {
        text-transform: capitalize;
        clear: both;
        margin: 0 0 16px;
    }

.FAFLanding .FAFFilters > div {
    margin-bottom: 16px;
    float: left;
}

.FAFLanding .FAFFilters > div.ALPclose {
    display: none;
}

#FafKnockoutResults .facetHdr {
}

#FafKnockoutResults .FAFFilters {
    padding: 8px !important;
    position: relative;
    background: #f5f5f5;
    z-index: 1;
}

.LPTitle {
    margin: 16px 0;
}

    .LPTitle h3 {
        border-top: 1px solid #999;
        padding-top: 16px;
    }

.FAFLanding .flexreorder {
    -ms-flex: 1;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
}

.flexreorder .ALPfilterList > div {
    width: 100%;
}

    .flexreorder .ALPfilterList > div > div {
        margin-bottom: 16px;
        background: #fbfbfb;
        float: left;
        width: 100%;
    }

.ALPDescription-desktop {
    align-items: stretch;
}

.ALPDescription-desktop-brand {
    width: 150px;
    flex-basis: 150px;
    min-width: 150px;
    padding: 8px 8px 0 0;
}

    .ALPDescription-desktop-brand > img {
        margin-top: 0;
        width: 100%;
    }

.ALPDescription-desktop-desc {
    width: 100%;
}

    .ALPDescription-desktop-desc h2 {
        margin-top: 16px;
    }

.ALPBannerImages {
    position: relative;
}


.imgCtrFafDesc {
    position: relative;
}

    .imgCtrFafDesc:after {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 25%;
    }

    .imgCtrFafDesc[data-image=""] {
        display: none;
        background: none !important;
    }

.ALPBannerImages-Brand {
    width: 80px;
    min-width: 80px;
    margin-top: 8px;
}
/* Fix for new loading function */
.facetItemImg {
    cursor: pointer;
    max-height: none;
    min-height: 100px;
    background: white;
    position: relative;
}

    .facetItemImg > img {
        width: 100%;
        height: inherit;
    }

        .facetItemImg > img.lazyload,
        .facetItemImg > img.lazyloading {
            position: relative;
            opacity: 0;
        }

    .facetItemImg > .lazyload-anim {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

        .facetItemImg > .lazyload-anim:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            background: #cedfe9;
            transform: translateX(-50%) translateY(-50%);
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
            animation: faf-lazyload-pulse 6s infinite;
        }

    .facetItemImg > img.lazyloaded + .lazyload-anim {
        opacity: 0;
        animation: none;
    }

@keyframes faf-lazyload-pulse {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 1;
    }

    25% {
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        opacity: 0.1;
    }

    50% {
        transform: translateX(-50%) translateY(-50%) scale(0.9);
        opacity: 1;
    }

    75% {
        transform: translateX(-50%) translateY(-50%) scale(2.2);
        opacity: 0.1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 1;
    }
}

/*  QuickLook ------ */
#dev-QuickLook {
    width: 100%;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
}

#dev-QuickLook-img {
    overflow: hidden;
    width: 50%;
    background: #fff;
}

#MIV-image-dev-small {
    margin: 0 0 10px;
    line-height: 1.5em;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 85px;
    display: inline-block;
}

#attribute-quicklook-dev {
    clear: right;
    float: left;
    width: 100%;
    background: whitesmoke;
    padding: 16px;
}

#dev-QuickLook-content {
    float: left;
    width: 50%;
    padding: 16px;
    background: #fff;
}
/* ----- QuickLook ------ */
#ImageLargePath-dev {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

#MIV-quicklook-dev {
    width: 250px;
    display: none;
}

    #MIV-quicklook-dev li {
        display: inline-block;
        list-style: none;
        border: 1px solid #eee;
        margin: 4px 0 5px 4px;
    }

#ImageLargePath-dev img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

#dev-QuickLook-content, #MIV-image-dev, #title-dev, #ShortDescription-dev, #LongDescription-dev, #clPrice-dev {
    clear: right;
    display: block;
}

#ShortDescription-dev {
    margin-bottom: 14px;
}

#attribute-quicklook-dev {
    clear: right;
    float: left;
    width: 100%;
    background: whitesmoke;
}

    #attribute-quicklook-dev input {
        display: none;
    }

#clPrice-dev {
}

    #clPrice-dev .pricingRange {
        padding: 0;
        float: left;
    }

#dev-QuickLook-content {
    float: left;
    width: 50%;
    padding: 28px;
}

#title-dev {
    margin: 0 0 10px;
    line-height: 1.5em;
    color: #333;
}

.qv-add-container {
    width: 100%;
    clear: both;
    background: white;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
}

    .qv-add-container > div {
        flex-direction: row;
        align-items: stretch;
        flex-direction: row;
        padding: 21px;
    }

    .qv-add-container:nth-last-child(1) {
        margin: 0;
    }

.qv-name, .qv-price, .qv-stock, .qv-add {
}

.qv-name {
    flex-grow: 1;
    min-width: 160px;
}

.qv-price {
    float: right;
    padding: 0 16px;
}

.qv-stock {
    float: right;
    text-align: center;
    order: 3;
    background: #f0fae0;
}

.qv-add {
    margin: 0;
    order: 4;
    order: 7;
    background: #acd373;
    text-shadow: 1px 1px #9cbc6f;
    text-align: center;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    flex-grow: 1;
    flex-basis: auto;
    overflow: hidden;
    position: relative;
}

    .qv-add:before {
        content: var(--citrus-styles-faf-add);
    }

    .qv-add img {
        cursor: pointer;
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

.qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS {
}

.qv-stock .InStockCSS {
    color: #006707;
}

.qv-stock .OutofStockCSS {
    color: #cd0a0a;
}

.qv-stock .BackOrderCSS {
    color: #0076a3;
}

#ctl01_lblDiscounttext > .save > .onsale {
    position: absolute;
    left: 214px;
    top: 21px;
    overflow: hidden;
    width: 71px;
    height: 71px;
}

.QuickLook-cards {
    margin: 14px auto;
    display: none;
}

    .QuickLook-cards img {
        margin: 14px 49px 14px 39px;
    }

.quickview {
    color: #fef4e9;
    background: #f78d1d;
    background: #faa51a;
}

    .quickview:hover {
        color: #FFF;
        background: #f47c20;
        background: #f88e11;
    }

#link-dev {
    margin-bottom: 0;
    display: inline-block;
}

#clPrice-dev .pricing {
    text-align: left;
    position: relative;
    top: 0;
    width: 280px;
    margin: 14px 0;
    height: 40px;
}

#attribute-quicklook-dev .facetPricing > div > span:nth-child(2), .facetPricing > div > span:nth-child(3) {
    padding: 0;
    margin: 0;
    text-align: center;
    display: inline-block;
    padding: 0 4px;
}

#clPrice-dev .now {
    display: block;
    height: 40px;
    width: 94px;
    margin: 0;
    padding: 0;
    float: left;
    background: #f1f1f1;
    color: #666;
    text-align: center;
    color: #3e7ca3;
    line-height: 290%;
}

#clPrice-dev .was {
    background: 3px;
    display: block;
    height: 40px;
    width: 100px;
    margin: 0;
    padding: 0;
    float: left;
    background: url(/SiteSpecific/CustomContent/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1;
    color: #999;
    text-align: center;
    background-position: -4px;
    line-height: 290%;
}

#clPrice-dev .save {
    display: block;
    height: 40px;
    width: 86px;
    margin: 0;
    padding: 0;
    float: left;
    background: #dc4040;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 194px;
    top: 0;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 300%;
}

#clPrice-dev .onsale {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.out-of-stock .qv-add {
    display: none;
}

.out-of-stock .qv-stock {
    order: 5;
    background: #FFF2F0;
    flex-grow: 1;
    color: red;
}
/* Custom reordering */
#FAFCustomReorder {
    -ms-flex: 1;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
}

#FAFDesc {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 0;
    order: 0;
}

#FAFImg img {
    width: 100%;
}
/* Experimental */
.imageContainer, .facetItem {
    width: 100%;
    float: left;
}

.facetItemImg {
    float: left;
    width: 100%;
    position: relative;
}

div[class*="faf-image"] {
    -webkit-background-size: 100% !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
    background-position: center center !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    min-height: 100px;
}

.faf-bg-hidden div[class*="faf-image"], .faf-bg-hidden div[class*="imgCtr"], .faf-bg-hidden {
    background: none !important;
}

.facetItemImg .imgCtr {
    background-size: contain !important;
    position: absolute;
    top: 0;
    bottom: 0;
}

.fafflexwrap {
    -ms-flex: 1;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
}

.faftitlebreadcrumbs {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 0;
    -webkit-order: 0;
    -moz-order: 0;
    -o-order: 0;
    -ms-order: 0;
    order: 0;
}
/* Sizing Filters */
#SizeTermPanel, #SizeTermRevertPanel {
    position: relative;
    display: flex;
    -webkit-flex: 0 1 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
}

#SizeTermPanel {
    display: none;
}

#sizeTermKnockout {
    opacity: 1;
    position: relative;
}

#SizeTermPanel .FacetOptions {
    font-size: .9em;
    cursor: pointer;
    display: block;
    padding-bottom: 16px;
}

    #SizeTermPanel .FacetOptions > div {
        padding: 8px 16px;
        -ms-flex: 1;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: center;
        -ms-align-items: center;
        min-width: 50%;
        max-width: 100%;
        float: left;
    }

        #SizeTermPanel .FacetOptions > div > label {
            padding-left: 16px;
        }

#SizeTermPanel .facetHdrSize {
    font-size: 11px;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding: 12px 16px;
}

#SizeTermPanel span.facetOption {
    height: 20px;
    width: 20px;
    margin: 0 !important;
    padding: 0;
    cursor: pointer;
    background: #fff;
    position: relative;
    outline: 1px solid #d0d0d0;
    flex-basis: 20px;
    min-width: 20px;
    max-width: 20px;
    display: inline-block;
}

#SizeTermRevertPanel {
    position: absolute;
    z-index: 1;
    align-self: center;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    letter-spacing: 2px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    font-weight: 700;
    font-size: 10px !important;
    background: #0abbef !important;
    border: none !important;
    padding: 12px !important;
    width: 100%;
}

    #SizeTermRevertPanel:not([style="display: none;"]) ~ #sizeTermKnockout {
        opacity: 0.25;
        cursor: none;
        pointer-events: none;
    }

.FAFSizeOrder {
    font-size: .9em;
    border: 1px solid #efefef;
    background: #f5f5f5;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 8px;
}

.FAFSizeOrderText {
}

    .FAFSizeOrderText > span {
        margin: 3px;
        display: inline-block;
    }

.FAFSizeOrder [class*='SizeFilter'] {
    text-transform: uppercase;
    font-weight: bold;
    background: #ffffff;
    outline: 1px solid rgba(165,19,19,0.35);
    margin: 3px;
    display: inline-block;
    padding: 3px 11px;
    font-size: smaller;
    border-radius: 3px;
    color: #a51313;
}

.FAFSizeOrder a {
    z-index: 1;
    align-self: center;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    letter-spacing: 2px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    font-weight: 700;
    font-size: 10px !important;
    background: #7693ea !important;
    border: none !important;
    padding: 12px 24px !important;
}

.selectFacet {
    color: #000;
    text-transform: capitalize;
}

.selectCount {
    opacity: 0.5;
    padding-left: 5px;
}
/* Finance */
.facetFinance {
    margin-bottom: 8px;
    min-height: 33px;
}

.allowFinance {
    background: #f7efff;
    outline: 1px solid #d0bfe3;
    color: #6c4a94;
    font-size: smaller;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    justify-content: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    padding: 8px;
}

.denyFinance {
    background: #f1f1f1;
    outline: 1px solid #f1f1f1;
    height: 27px;
    color: #F1F1F1;
    overflow: hidden;
    text-indent: -99999999px;
}

.FFPrice {
    font-size: inital;
}

    .FFPrice:before {
        content: attr(data-desktoptext);
        padding-right: 4px;
        font-size: smaller;
    }

@media screen and (max-width: 1024px) {
    .FFPrice:before {
        content: attr(data-mobiletext);
    }
}

.sortedbymessage, .sortedbymessage[data-orderpreference], .sortedbymessage[data-orderpreference] [data-key] {
    display: none;
}

    .sortedbymessage:is([data-orderpreference="1"], [data-orderpreference="2"], [data-orderpreference="3"], [data-orderpreference="4"], [data-orderpreference="12"]) {
        display: block;
        float: left;
        border: 1px solid #d3dfe9 !important;
        font-weight: normal !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        height: 33px !important;
        line-height: 33px !important;
        font-family: inherit !important;
        font-size: 14px !important;
        border-radius: 4px !important;
        padding: 0 0 0 16px;
        background: aliceblue;
        color: #19196a;
        user-select: none;
    }

    .sortedbymessage:is([data-orderpreference="1"]) [data-key="1"],
    .sortedbymessage:is([data-orderpreference="2"]) [data-key="2"],
    .sortedbymessage:is([data-orderpreference="3"]) [data-key="3"],
    .sortedbymessage:is([data-orderpreference="4"]) [data-key="4"],
    .sortedbymessage:is([data-orderpreference="12"]) [data-key="12"] {
        display: initial;
    }

.sortedbymessage---clear {
    border-left: 1px solid #d3dfe9 !important;
    display: block;
    float: right;
    padding: 0 16px;
    margin-left: 16px;
    background: rgba(25, 25, 106, 0.05);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .sortedbymessage---clear:hover {
        color: aliceblue;
        background: rgba(25, 25, 106, 1);
    }

@media screen and (max-width: 425px) {
    .sortedbymessage:is([data-orderpreference="1"], [data-orderpreference="2"], [data-orderpreference="3"], [data-orderpreference="4"], [data-orderpreference="12"]) {
        font-size: 10px !important;
        padding: 0 0 0 8px;
    }

    .sortedbymessage---clear {
        padding: 0 8px;
        font-size: 10px !important;
    }
}

@media screen and (max-width: 375px) {
    .sortedbymessage:is([data-orderpreference="1"], [data-orderpreference="2"], [data-orderpreference="3"], [data-orderpreference="4"], [data-orderpreference="12"]),
    .sortedbymessage---clear {
        font-size: 9px !important;
    }
}

/* Sticky */
.sticky {
    width: 100%;
    min-height: 48px;
    margin-bottom: 16px;
    float: left;
}

    .sticky.sticknow .FAFoptionsContainer {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 7;
        background: #ffffff;
        width: 100%;
        left: 0;
    }

    .sticky.sticknow .sortedbymessage {
        margin-top: 0 !important;
        border-radius: 0 !important;
        border-top: none !important;
    }

.sticknow .FAFoptionsReorder {
    float: right;
    margin: 0 !important;
}

.sticky .FAFoptionsContainer {
    float: left;
    width: 100%;
}

.sticky .sortedbymessage {
    width: 100%;
    margin-top: 8px;
}

.mobile .FAFoptionsReorder {
    float: left;
    margin: 0 !important;
    border-right: 1px solid #eaeaea !important;
    padding: 0 !important;
}

    .mobile .FAFoptionsReorder select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: none;
        outline: none;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        background: rgba(255,255,255,0);
        padding: 14px;
        opacity: 0.01;
    }

.FAFFiltersMobile:after {
    content: var(--citrus-styles-faf-filter);
    text-transform: uppercase;
}

.FAFoptionsContainer {
    position: relative;
}

.FAFFiltersMobile a.filtersBottom {
    background: #a7c585;
    color: white;
    border-radius: 4px;
}

    .FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
        display: none;
    }

.sticky2 {
    z-index: 10;
    width: 319px;
}

    .sticky2.sticknow2 .filtersSize {
        position: fixed;
        top: 0;
        z-index: 7;
    }

        .sticky2.sticknow2 .filtersSize > div {
        }

            .sticky2.sticknow2 .filtersSize > div > span {
            }

.mobile .FAFoptionsContainer {
    outline: 1px solid #dcdcdc;
    outline: 0;
}

    .mobile .FAFoptionsContainer > a {
        width: 50%;
        margin: 0 !important;
        text-align: center;
        position: relative;
        padding: 0 14px;
        height: 47px !important;
        line-height: 47px !important;
        border-radius: 0 !important;
        background: white !important;
    }

    .mobile .FAFoptionsContainer label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 16px 10px;
        line-height: 14px;
    }

        .mobile .FAFoptionsContainer label span {
            margin-right: 8px;
        }

.mobile .reorder, .mobile .FAFoptions {
    border-bottom: none;
}

/* --------------- Find and Filter Overrides --------------- */
#LoadingPanel {
    z-index: 30;
}

#dev-QuickLook {
    padding: 16px;
    background: white;
}

.FAFFilters, .FAFResults .col-1.breadcrumbs {
    order: 0 -1;
    -moz-box-ordinal-group: -1;
    -webkit-order: -1;
    order: -1;
}

.reorder input {
    color: #484848 !important;
    outline: none;
}

.facetOrder > div:last-of-type {
    padding: 0 !important;
}

.facetTitle {
    order: -1 !important;
    max-width: 100%;
    padding: 32px 15% !important;
    text-align: center;
    background: white;
}

    .facetTitle > .ctrPad32 {
        padding: 0 !important;
    }

    .facetTitle h1 {
        font-size: 21px;
        text-transform: uppercase;
        letter-spacing: .125em;
        text-align: center;
        margin: 0;
    }

    .facetTitle img {
        display: none;
    }

    .facetTitle a {
        display: inline-block;
        color: #000;
        border-bottom: 1px solid black;
        text-align: center;
        margin: 2px 8px;
        order: 4;
    }

    .facetTitle p {
        display: block;
        float: left;
        width: 100%;
    }

    .facetTitle p, .facetTitle a {
        font-size: 13px;
    }

#facetmetadetailsTitleDesc_lblDescription {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.facetIsOnSale {
    display: block;
    height: 0;
    top: 0;
}

    .facetIsOnSale span {
        position: absolute;
        text-transform: uppercase;
        top: 20px;
        right: -55px;
        text-align: center;
        width: 150px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

        .facetIsOnSale span:after {
            content: var(--citrus-styles-faf-sale);
            text-transform: uppercase;
            margin: 0;
            color: rgb(241,241,241);
            font-size: 10px;
            letter-spacing: 2.5px;
            position: absolute;
            padding: 3px;
            text-align: center;
            background: #d93131;
            top: 0;
            right: 0;
            width: 150px;
        }

input.facetTypeSearch, #priceFilterLower, #priceFilterUpper {
}

.facetItemImg {
    height: auto !important;
}

#FafKnockoutResults .FAFFilters {
    background: white !important;
    padding: 0 !important;
}

.FAFclosebutton {
    top: 8px;
}

.FacetDefinitions .facetHdr {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .FacetDefinitions .facetHdr:after, #FafKnockoutResults .priceFilter .facetHdr:after, #FafKnockoutResults .FacetSize .facetHdr:after, #FafKnockoutResults .salestock .facetHdr:after, #FafKnockoutResults .FacetSearch .facetHdr:after {
        font-family: feather;
        content: "\e114";
        float: right;
        font-size: 14px;
        font-weight: normal;
    }

.FacetDefinitions .FacetOptions {
    padding-top: 16px !important;
    margin: 0 !important;
    display: none;
    margin: 0 8px !important;
}

#FafKnockoutResults .facetHdr {
    padding: 16px !important;
    line-height: 14px;
    font-size: 12px;
    border-bottom: 1px solid #dadada;
}

    #FafKnockoutResults .facetHdr:after {
        content: "\e114";
    }

.ToggleMenu > .col-1:not(.facetHdr) {
    display: none;
}

.FacetDefinitions > .col-1 {
    background-color: #ffffff;
    line-height: 14px;
    font-size: 12px;
}

.FacetDefinitions .facetHdr {
    background: #f5f5f5;
}

.FacetDefinitions > .facetHdr {
    background: #ffffff;
}

#sizeTermKnockout .FacetDefinitions:before {
    content: var(--citrus-styles-faf-by-size);
    text-transform: uppercase;
}

.FacetDefinitions > div, .salestock {
    border-top: 0 !important;
    margin: 0;
}

.salestock {
}

    .salestock .facetHdr {
        padding-bottom: 16px !important;
    }

.FAFFiltersMobile a.filtersBottom {
    background: #a7c585;
    color: white;
    border-radius: 4px;
}

    .FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
        display: none;
    }

.FFopen {
    padding-bottom: 16px;
    background: #f7f7f7 !important;
}

    .FFopen .facetHdr {
        margin-bottom: 16px;
    }

        .FFopen .facetHdr:after {
            color: #bb5252;
            content: "\e117" !important;
        }

.FFDesktop a.filtersSize {
    z-index: 2;
    width: 100%;
    left: 0;
}

.FFmobile a.filtersSize {
    display: none !important;
}

.Count {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding-top: 8px;
    float: left;
}

.FFDesktop .ToggleMenu {
    margin-bottom: 8px;
}

    .FFDesktop .ToggleMenu > .facetHdr {
        color: #fff;
    }

    .FFDesktop .ToggleMenu > .col-1:not(.facetHdr) {
        background: #fafafa;
    }

.FFDesktop .FacetSize > .col-1:not(.facetHdr) {
    background: white;
}

.FFDesktop #SizeTermPanel .facetHdrSize {
    margin-top: 16px;
    color: #83a4db;
}

.FFDesktop #SizeTermPanel .facetHdrSize, .FFDesktop #SizeTermPanel .FacetOptions {
    background: #fafafa;
}

    .FFDesktop #SizeTermPanel .facetHdrSize:first-of-type {
        margin-top: 0;
    }

    .FFDesktop #SizeTermPanel .FacetOptions:last-of-type {
    }

.FFDesktop a.filtersSize span {
    width: 100%;
    background: #e4e4e4 !important;
    border: none;
    color: #4c5f7c !important;
    margin: 16px 0;
    background-color: white;
    cursor: default;
}

.FFDesktop a.filtersSize.active span {
    width: 100%;
    background: #0abbef !important;
    border: none;
    cursor: pointer;
    color: #ffffff !important;
}

span.button {
}
/* reordering */
.FacetSize {
    -webkit-box-ordinal-group: 2 !important;
    -moz-box-ordinal-group: 2 !important;
    -webkit-order: 2 !important;
    order: 2 !important;
}

.priceFilter {
    -webkit-box-ordinal-group: 0 !important;
    -moz-box-ordinal-group: 0 !important;
    -webkit-order: 0 !important;
    order: 0 !important;
}

.FacetDefinitions {
    -webkit-box-ordinal-group: 1 !important;
    -moz-box-ordinal-group: 1 !important;
    -webkit-order: 1 !important;
    order: 1 !important;
}

.FacetSearch {
    -webkit-box-ordinal-group: 4 !important;
    -moz-box-ordinal-group: 4 !important;
    -webkit-order: 4 !important;
    order: 4 !important;
}

.salestock {
    -webkit-box-ordinal-group: 3 !important;
    -moz-box-ordinal-group: 3 !important;
    -webkit-order: 3 !important;
    order: 3 !important;
}

.FFDesktop .FAFFiltersReorder > div > span {
    background-color: #e9e9e9;
    color: #333 !important;
}
/* Price Slider */
#priceFilterLower, #priceFilterUpper {
    display: none;
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    border: 1px solid #E0E0E0;
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.noUi-horizontal {
    height: 18px;
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px;
        outline: none;
    }

.noUi-vertical {
    width: 18px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

.noUi-target {
    background: #fdfdfd;
    border-radius: 4px;
    margin-top: 28px;
}

.noUi-connect {
    background: #888888;
    border-radius: 4px;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    outline: none;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-large, .noUi-marker-sub {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%,50%,0);
    transform: translate3d(-50%,50%,0);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border-radius: 3px;
    background: #888888;
    color: #fdfdfd;
    padding: 2px 6px;
    text-align: center;
    white-space: nowrap;
    font-size: smaller;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 120%;
}

.boHidden {
}

@media screen and (max-width: 1023.9px) {
    .FAFFilters {
        overflow-x: hidden !important;
    }
}

/* iPhone 5 */
@media screen and (max-width: 320px) {
    .faf-image-desktop, .faf-image-mobile-not5, .faf-image-tablet, .faf-image-laptop {
        display: none;
        background: none !important;
    }

    .faf-image-mobile-5 {
        display: block;
    }
}
/* Phones & iPads - except iPhone 5 */
@media screen and (min-width : 321px) and (max-width : 767px) {
    .faf-image-desktop, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
        display: none;
        background: none !important;
    }

    .faf-image-mobile-not5 {
        display: block;
    }
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
    .faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-desktop, .faf-image-laptop {
        display: none;
        background: none !important;
    }

    .faf-image-tablet {
        display: block;
    }
}
/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
    .col-facetItem {
        width: 50% !important;
        flex-basis: 50%;
        min-width: 50%;
        width: 50%;
        -webkit-flex-basis: 50%;
    }

    .productContainer .col-facetItem:nth-of-type(2n) {
    }

    .FAF {
        flex-flow: wrap;
    }

    .FacetStandardDescription-ALP {
        order: 3 !important;
    }

    .FAFResults {
        order: 2 !important;
        width: 100%;
        padding: 0;
    }

    .FAFFilters {
        order: 0;
        flex-basis: 100%;
        min-width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .FAFLanding > .mobile {
        order: 1;
    }

    .FAFFiltersMobile.mobile {
        order: -1;
    }

    .FAFFiltersMobile.mobile a {
        text-align: center;
        padding: 0.8rem 1rem;
        outline: 1px solid #ccc;
        cursor: pointer;
        z-index: 90;
        background: #fff;
        left: 0;
        transition: none;
        order: -1;
    }

    .FAFFiltersMobile.mobile a:before {
        display: none;
    }

    .FAFFiltersMobile.sticknow a {
        position: fixed;
    }

        .FAFFiltersMobile a {
            display: block;
            content: var(--citrus-styles-faf-show-filter-options);
            clear: both;
        }

    .FAFLanding .FAFFilters {
        transform: translateX( 100vw );
        position: fixed;
        width: 100vw;
        padding: 1rem;
        height: 100%;
        overflow-x: auto;
        left: 0;
        top: 0;
        transition: transform .3s ease-in-out;
        z-index: 100;
        background: #fff;
    }

    .FAFLanding .FAFFilters.active {
        transform: translateX( 0 );
    }

    .FAFLanding .FAFFilters .ALPfilters  {
        margin-bottom: 0;
        height: calc(100% - 140px - 1rem);
    }

    .FAFLanding .FAFFilters.active > div.ALPclose {
        display: inherit;
    }

    .FAFLanding .FAFFilters > div.ALPfilters .ALPfilterList {
        height: 100%;
        overflow: hidden auto;
    }

    .FAFLanding .FAFFilters> div.ALPfilters .confirmContainer  {
        z-index: 110;
        bottom: 0;
        margin: 0;
    }

    .FAFLanding .FAFFilters > div.ALPfilters .confirmContainer a {
        margin: 0;
        width: 100%;
        cursor: pointer;
    }


    .filtersButton {
        display: none;
    }

    .FAFFiltersMobile a:before {
        font: normal normal normal 14px/1 feather;
        content: "\e003";
        margin-right: 8px;
    }

    .FFFiletrActive:after {
        font: normal normal normal 14px/1 feather;
        content: "\e117";
        margin-left: 8px;
        color: #BF2424;
        background: #efefef;
        padding: 7px;
    }

    .col-filter {
        width: 50% !important;
    }


    .facetOption > span, .subFacetOption > span {
        height: 20px !important;
        width: 20px !important;
        flex-basis: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
    }

    .subFacetOption, .facetSubHdr {
        font-size: .8em;
        width: 50% !important;
    }

    .facetSubHdr {
        width: 100% !important;
    }

    .facetItemDetails {
        padding: 0;
    }

    .frItemName {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .facetPricing {
    }

    .dev-branddescription #catImg {
    }

    .FacetOptions .col-2 {
        width: 50% !important;
    }

    .facetColourGroup span, .productIsNotStarBuy:before {
        display: none !important;
    }

    .productIsStarbuy:before {
        content: "";
    }

    .metaControls {
        padding: 0 !important;
    }

    .facetPricing > div > span:nth-child(3) {
        display: none !important;
    }

    .stockStatus-ComingSoon:before {
        content: var(--citrus-styles-faf-check-stock);
        text-transform: uppercase;
        font-size: 9px;
    }

    .stockStatus-false:before {
        content: var(--citrus-styles-faf-check-stock);
        text-transform: uppercase;
        font-size: 9px;
    }

    .stockStatus-PreOrder:before {
        content: var(--citrus-styles-faf-check-stock);
        text-transform: uppercase;
        font-size: 9px;
    }

    .stockStatus-True:before {
        content: var(--citrus-styles-faf-check-stock);
        text-transform: uppercase;
        font-size: 9px;
    }

    .stockStatus-SpecialOrder:before {
        content: var(--citrus-styles-faf-check-stock);
        text-transform: uppercase;
        font-size: 9px;
    }
    /* QuickLook  */ #dev-QuickLook-img {
        display: none;
    }

    #ImageLargePath-dev img {
        height: 100%;
        width: initial;
    }

    #title-dev {
        font-size: 1em;
    }

    #ShortDescription-dev {
        font-size: .75em;
    }

    #ShortDescription-dev {
        display: none;
    }

    #attribute-quicklook-dev {
        background: initial;
        padding: 16px !important;
        margin: 0;
        background: #fff;
        text-align: center;
    }

        #attribute-quicklook-dev .qv-stock, #attribute-quicklook-dev .qv-add, #attribute-quicklook-dev .qv-price {
            display: none;
        }

    .qv-add-container {
        padding: 0;
        display: inline !important;
    }

    #attribute-quicklook-dev:before {
        content: var(--citrus-styles-faf-availability);
        padding: 0 0 16px;
        display: inline-block;
        color: #000000;
        text-transform: uppercase;
        letter-spacing: 3px;
        display: inline-block;
    }

    #attribute-quicklook-dev .qv-name {
        padding: 0;
        display: inline-block;
        min-width: initial;
        margin: 0 7px 7px 0;
        background: #acd373;
        padding: 7px 14px;
        border-radius: 3px;
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        #attribute-quicklook-dev .qv-name:before {
            font-family: feather;
            content: '\e117';
            font-size: 15px !important;
            margin-right: 10px;
            content: "\e116";
        }

    .out-of-stock .qv-name {
        background: #DEDEDE !important;
        color: #666 !important;
    }

        .out-of-stock .qv-name:before {
            font-family: feather;
            content: '\e117' !important;
            font-size: 15px !important;
            margin-right: 10px;
            color: #E26F6F;
        }

    #dev-QuickLook-img {
        order: 3;
    }

    #title-dev {
        font-size: 20px;
        margin: 8px;
    }

    .quickview, #dev-QuickLook-content {
        width: 100% !important;
        text-align: center;
    }

    .imgCtrFafDesc:after {
        padding-bottom: 75%;
    }
    /* New Mobiel filetrs  */
    .FAFFilters.FFmobile {
        z-index: 1001 !important;
        position: fixed !important;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        overflow: none;
        overflow-x: inherit !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 0 .4s ease-in-out;
        transition: 0 .4s ease-in-out;
        -o-transition: 0 .4s ease-in-out;
        -moz-transition: transform .4s ease-in-out, 0 .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out;
        display: block;
    }

        .FAFFilters.FFmobile.active {
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }

    .FFmobile .holder {
        padding-top: 50px;
    }

    .FFmobile .title-holder {
        height: 50px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        background: #fff;
        box-sizing: border-box;
        padding: 0 16px 16px;
        border-bottom: 1px solid #dadada;
    }

    .FFmobile .FAFFiltersReorder {
        background: #f5f5f5;
        position: absolute;
        width: 100%;
        margin: 0;
        padding-bottom: 122px;
    }

        .FFmobile .FAFFiltersReorder > div {
            display: block;
        }

    .confirmContainer {
        position: fixed;
        bottom: 50px;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: #fff;
        text-transform: capitalize;
        padding: 16px;
        border-top: 1px solid #ddd;
    }

    #confirmButton {
        border: 1px solid #404040;
        height: 48px;
        line-height: 48px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        letter-spacing: 1.3px;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff !important;
        background-color: #c3c3c3;
        width: 100%;
        display: block;
    }

    #confirmButton {
        background: #404040;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        #confirmButton:before {
            content: var(--citrus-styles-faf-apply);
        }

    .FFmobile #scroller {
        z-index: 3;
        position: relative;
        overflow: auto;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -webkit-text-size-adjust: none;
        background: #f5f5f5;
        -webkit-overflow-scrolling: touch;
    }

    #filer-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        content: ' ';
        display: none;
        z-index: 9;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

        #filer-overlay.active {
            opacity: .3;
            display: block;
            touch-action: none;
            overflow: hidden;
        }

    .title-holder .active h2 {
        padding-left: 40px;
    }

    .title-holder .active {
        display: none;
    }

    #FF-back {
        display: inline-block;
        position: relative;
    }

        #FF-back span {
            position: absolute;
            top: 0;
            left: -16px;
            width: 50px;
            height: 50px;
        }

    .fa-long-arrow-left:before {
        content: "\e094";
        top: 19px;
        left: 19px;
        position: relative;
    }

    .FFmobile .priceFilter .ctrPad32 {
        padding: 38px 48px !important;
    }

    #close {
        position: absolute;
        right: 32px;
        top: 0;
        color: #d85757;
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0 16px;
        font-size: 10px;
        letter-spacing: 1px;
    }

        #close.fa-close:before {
            top: 18px;
            left: 18px;
            padding-right: 6px;
        }

    .ffclose {
        background: #c53e3e;
        margin-left: 8px;
        height: 48px;
        width: 48px;
        text-align: center;
        padding: 0 16px;
    }

        .ffclose:before {
            font: normal normal normal 14px/1 feather;
            content: "\e117";
            color: #ffffff;
            line-height: 48px;
        }

    .Count {
        padding: 16px 0;
        float: left;
    }

    .productContainer {
        margin: 0 -16px;
        padding: 8px;
    }

    .facetQuickViewSimple {
    }

    .FAFFiltersReorder > .ToggleMenu > .facetHdr {
        background: #fff;
    }

    .FAFSizeOrderText {
    }

        .FAFSizeOrderText > span:first-of-type {
            width: 100%;
        }

    .FAFSizeOrder a {
        width: 100%;
        margin-top: 8px;
    }
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1024px) {

    .col-facetItem {
        width: 33.33%;
        flex-basis: 33.33%;
        min-width: 33.33%;
        max-width: 33.33%;
        flex: 1 0 auto;
        -webkit-flex-basis: 33.33%;
    }
}
/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024.1px) and (max-width : 1439px) {
    /* -- Find + Filter   */ .FAFResults {
        width: 70% !important;
    }

    .col-facetItem {
        width: 33.33% !important;
        flex-basis: 33.33%;
        min-width: 33.33%;
        width: 33.33%;
        -webkit-flex-basis: 33.33%;
    }

    .FAFFilters {
        width: 30%;
    }

    .FacetDefinitions > div {
        padding-top: 0 !important;
    }

    .facetOption > span, .subFacetOption > span {
    }

    .faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-desktop {
        display: none;
        background: none !important;
    }

    .faf-image-laptop {
        display: block;
    }

    .imgCtrFafDesc:after {
        padding-bottom: 30%;
    }

    .productContainer {
        margin: 0 -32px;
        padding: 16px;
    }
}
/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1919px) {
    /* -- Find + Filter   */
    .facetOption, .subFacetOption, .facetSubHdr, .salestock {
        font-size: .9em;
    }

    .FAFResults {
        width: 80%;
    }

    .FAFFilters {
        width: 20%;
    }

    .col-facetItem {
        width: 20% !important;
        flex-basis: 20%;
        min-width: 20%;
        width: 20%;
        -webkit-flex-basis: 20%;
    }

    .faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
        display: none;
        background: none !important;
    }

    .faf-image-desktop {
        display: block;
    }

    .productContainer {
        margin: 0 -32px;
        padding: 16px;
    }
}
/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1920px) {
    /* -- Find + Filter   */ .col-facetItem {
        width: 20% !important;
        flex-basis: 20%;
        min-width: 20%;
        -webkit-flex-basis: 20%;
    }

    .facetOption, .subFacetOption, .facetSubHdr, .salestock {
    }

    .FAFResults {
        width: 80%;
    }

    .FAFFilters {
        width: 20%;
    }

    .faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
        display: none;
        background: none !important;
    }

    .faf-image-desktop {
        display: block;
    }

    .imgCtrFafDesc:after {
        padding-bottom: 20%;
    }

    .productContainer {
        margin: 0 -32px;
        padding: 16px;
    }
}

.pricing {
    display: inline-block;
}

    .pricing > span:nth-child(2) {
        margin: 0 0 0 8px;
        padding: 0 0 0 8px;
        border-left: 1px solid #dadada;
        text-decoration: line-through
    }

    .pricing > span:nth-child(3) {
        font-size: smaller;
    }

.col-facetItem[data-onsale="1"] .pricing > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(1) {
    color: #ff4242;
}

.col-facetItem[data-onsale="1"] .pricing > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(2) {
    color: #a2a2a2;
    text-decoration: line-through;
    font-size: smaller;
    margin-left: 4px;
    padding-left: 4px;
}

.fafSalePR > span:nth-child(1) > span {
    color: #ff4242;
}

.percentOff-betterSearch {
    color: #ff4242;
}

.fafSalePR > span:nth-child(2) > span, [id="lblNow"] + [id="lblwas"] .standardPrice-betterSearch {
    color: #a2a2a2;
    text-decoration: line-through;
}

.facetItemDetails .pricing > span:nth-child(3) font {
    display: none
}

span[id*="lblSalePrice"] {
    color: inherit !important;
}