@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: 90%;
    z-index: 0;
}

    .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;
}
  .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;
}

.collection-image {
    max-height: 360px;
    margin: auto;
    margin-bottom: 12px;
    object-fit: contain;
}

@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: block;
        position: fixed;
        top: 0px;
        background-color: white;
        left: 0px;
        width: 100%;
        z-index: 99999;
        height: 100%;
        padding: 2em;
    }

    .ffclose {
        display: none;
    }

    .filters-open .ffclose {
        background: #c53e3e;
        margin-left: 8px;
        height: 48px;
        width: 48px;
        text-align: center;
        padding: 0 16px;
        display: block;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        cursor: pointer;
    }

    .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));
    }

    .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));
    }
}
  /* CSS Document */  #bfSash {padding-bottom: 0;}
#bfSash > a {color: #fff;font-size: 22px;letter-spacing: 1px;text-align: center;background: #000;padding: 12px;text-transform: inherit;font-family: 'Gilroy ExtraBold';}
#bfSash > a > span {color: #dc0f0d}

@media screen and (max-width: 768px) {
  #bfSash > a > span {display: block;}
}
                                                                                                                                                                                                                                                                                                                                                                                      @font-face {
    font-family: 'citrfontbold';
    src: url('/font/Inter-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
     font-family: 'citrfontreg';
    src: url('/font/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

:root {
	--color-grey: #696566;
	--color-orange: #ff6600;
	--color-white: #fff;
	--color-black: #000;
}

/* -- global  -- */
html, body {background: rgb(230, 230, 230);font-family: 'citrfontreg'}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .bannerTitle, .NodeLevel0 > a > span, .NodeLevel0>a, .mainFont,.ctaTitle, .blogCategories a, .tabs li span, .step, .tabs li div, .tab-cont li div {font-family: 'citrfontbold'}
[class*="icon-"]:hover, .NodeLevel0>a.active, .NodeLevel0 > a.active > span:after, .footer a:hover, .footer a:hover p, a, .checkList li:before, .keyData, .loginCtr a {}
.noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .wsPrice, .bg1, .background1, .bgMain {background: #175FCC;}
.loginCtr a {border-bottom-color: var(---color-orange);color: var(--color-orange);}

.NodeLevel0 > :is(a, a.active):before,
.NodeLevel0 > :is(a, a.active):after {
	background: var(--EVOLKinetic);
	height: 1.5px;
}

.backgroundmain,
.container {background: var(--EVOLBg);}



#CCart-dev > a {color: #333;}
a[id*='RewardsLogin'] {margin-left: 8px;}

.fixed {max-width: 1920px;}

h1, .h1 {font-size: 2rem ;}
h2, .h2 {font-size: 1.8rem ;}
h3, .h3 {font-size: 1.6rem ;}
h4, .h4 {font-size: 1.4rem ;}
h5, .h5 {font-size: 1.2rem ;}
h6, .h6 {font-size: 1rem ;}

@media screen and (max-width: 767.99px)
{
  h1, .h1 {font-size: 2.2rem;}
  h2, .h2 {font-size: 2rem;}
  h3, .h3 {font-size: 1.8rem;}
  h4, .h4 {font-size: 1.6rem;}
  h5, .h5 { font-size: 1.4rem; }
  h6, .h6 { font-size: 1.2rem; }
}

.font0-9x, h5 {font-size:0.8em;}
.font1-2x, h4 {font-size:1.2em;}
.font1-5x, h3 {font-size:1.5em;}
.font2x {font-size:2em;}
.font2-5x {font-size:2.5em;}

.fsf--XS, h2 {font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1920 - 300)));}
.fsf--S  {font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (1920 - 300)));}
.fsf--SM {font-size: calc(28px + (56 - 28) * ((100vw - 300px) / (1920 - 300)));}
.fsf--M  {font-size: calc(34px + (68 - 34) * ((100vw - 300px) / (1920 - 300)));}
.fsf--ML {font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1920 - 300)));}
.fsf--L  {font-size: calc(46px + (92 - 46) * ((100vw - 300px) / (1920 - 300)));}
.fsf--XL {font-size: calc(52px + (104 - 52) * ((100vw - 300px) / (1920 - 300)));}

.line-1 {line-height: 1em;}
.line-1-5 {line-height: 1.5em;}
.line-1-25 {line-height: 1.25em;}
.line-1-75 {line-height: 1.75em;}
.line-2 {line-height: 2em;}

.mgr0, .mrg0 {margin:0;}

/* -- 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 {padding: 0 16px;border-radius: 8px;}
@media screen and (max-width: 767.99px)
{
    input, textarea, button, .button, select {border-radius: 4px;}
}


@media screen and (min-width: 1025px) {
	
	.navIcons > span {
		cursor: auto;
	}
	
	.menu-icons-header > div.icon-search[data-link="search"] {
		order: -1;
		padding-inline: 1rem;
		width: auto;
		display: flex;
		border-left: none;
		align-items: center;
	}

	.menu-icons-header > div.icon-search::before {
		position: absolute;
		right: 2rem;
	}

	.menu-icons-header > div.icon-search::after {
		content: "Start your Search...";
		font-family: 'citrfontreg';
		font-size: 14px;
		padding: 1rem;
		border: 1px solid var(--EVOLBrand);
		border-radius: 5px;
		width: 200px;
		display: inline-block;
		line-height: 100%;
		text-align: left;
		order: -1;
		cursor: text;
		color: var(--EVOLBrand);
	}

	.sf-search-open .menu-icons-header > div.icon-search {
		pointer-events: none;
		cursor: auto;
	}

	.sf-search-open .menu-icons-header > div.icon-search::after {
	    border: none;
	    content: '';
	}
	.sf-search-open .menu-icons-header > div.icon-search::before {
		content: "\e055";
		transform: rotate(90deg);
		opacity: .5;
	}

	
}

/* -- 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 var(--EVOLRevo); 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  -- */
button, .button,button:hover, .button:hover, input[type="submit"], input[type="button"] {-webkit-appearance: none;border: none;cursor: pointer;display: inline-block; text-decoration: none; color: #fff;}
button, .button {background: var(--EVOLRevo);color: #fff;font-weight: 400;text-align: center;}
.dark .button, .dark button {background-color: #f1752d;}


/* -- 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);}

.srchCtr.tbcnt.tbcntOpen {padding: 16px;background: var(--color-grey);}
.srchCtr.tbcnt > div {float: none;margin: 0 auto; max-width: 880px}
.srchCtr.tbcnt .searchBoxForm {background: #fff;}
.srchCtr.tbcnt .icon-search {color: #000;}
.srchCtr.tbcnt .searchButton {display: block;position: absolute;right: 0;top: 0;line-height: 75px;padding: 0 24px;background: var(--color-orange);color: #fff;text-transform: uppercase;font-family: 'citrfontbold';letter-spacing: 2px;font-size: 12px;}
.srchCtr.tbcnt .searchButton::after {content: "Search";}

/* -- header Dropdown nav  -- */
body {padding-top: 100px;}
.NodeLevel0 > .CSSFacetNavModules, .ctrNavigation {top: 100px;}
.navIcons, .navIcons > div, .navIcons > a, .navIcons *[class*="icon-"] {height: 100px;line-height: 100px;color: #000;}

.logoContainer, .logo {
	width: 226px;
	height: 100px;
	max-width: 100%;
	z-index: 12;
}

.NodeLevel1 {width: auto;float: none;display: inline-block;vertical-align: top;padding: 0 32px;}
.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;}

.masthead .container {
	background: var(--EVOLBg);
}

.TopSubBanner {position: relative;border-bottom: 1px solid #cbcbcb;background: #ebebeb;color: #fff;}
.TopSubBanner  .container{ background:none}
.NodeLevel1>a {font-size: 16px;letter-spacing: 0;opacity: 1;width: 100%;display: block;margin-bottom: 16px;font-family: 'arial';font-weight: bold;text-transform: initial;border-bottom: 1px solid #c1c1c126;}
.NodeLevel2 > a:before {background: var(--but-bg-color);}
.NodeLevel0[data-nodename*='Sale'] .NodeLevel2 > a:before {background: var(--EVOLOrange);}
.NodeLevel2 > a:hover {opacity:1;}
.NodeLevel0 > .CSSFacetNavModules.active {
    position: fixed;
    text-align: center;
    justify-content: center;
    background: var(--EVOLBg);
    max-width: 1920px;
    position: absolute;
}
.NodeLevel0 > a.active {color: var(--EVOLOrange);}
.NodeLevel0 > a.active > span:after, .footer a:hover, .footer a:hover p, a, .checkList li:before {color: initial;}
.CCartBut > div:first-of-type > a {font-size    :11px;border: 1px solid var(--EVOLBrand);color: var(--EVOLBrand);}
.CCartBut > div:first-of-type > a:hover { background: var(--EVOLBrand); color: var(--EVOLWhite);}
.navIcons {border-bottom: 1px solid #ccc;}
.bgStandard {background: var(--EVOLRevo);}
.fafbackground { background: #fff}
.srchCtr.tbcnt .searchBoxForm, .srchCtr.tbcnt .searchBoxForm:focus {color: #000000;}


@media screen and (max-width: 1024px) {
    .NodeLevel1 {width: 100%;padding: 8px;}
  .NodeLevel0 > .CSSFacetNavModules.active {position: relative;top: 0;}
    .ctrNavigation > .CSSFacetNavModules { height:auto;}
    .NodeLevel0>a {border-bottom: 1px solid #363636;}
    .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}
}

    


/* -- footer -- */
.social a {background: var(--EVOLRevo);}
.cards a, .cards span, .cards,
footerCards,
.footerCitr a {color: #fff !important; opacity: 1 !important;}

.trustpilot .quote {margin: 0 0 32px 0;grid-template-columns: repeat(1, 1fr);display: grid;grid-gap: 0px;align-items: center;}
.trustpilot .quote > p {margin: 0;color: #202020;text-align: center;line-height: 2em;font-size: 13px;padding: 16px;position: relative;font-weight: bold;}
.trustpilot .quote > p:before {content: open-quote;top: 4px;}
.trustpilot .quote > p:after {content: close-quote;}
.trustpilot .quote > p:before,
.trustpilot .quote > p:after {font-size: 2em;margin: 0 4px;color: var(--EVOLRevo);font-weight: bold;position: relative;}

@media screen and (max-width: 1024px) {
    .trustpilot .quote {grid-template-columns: repeat(1, 1fr); grid-gap: 0;}
    .trustpilot .quote > p {padding: 16px;}
	
	
}

@media screen and (max-width: 1440px) {
	.NodeLevel0 > a {
		font-size: 13px !important;
		margin: 0 !important;
		line-height: 100%;
	}
	
	.NodeLevel0 > a,
	.ctrNavigation,
	.ctrNavigation > .CSSFacetNavModules {
	}
}




.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%;}
.All125v .photo span:after, .All125v .photo:after, .All125v .photo div:after {padding-bottom: calc(125vh - 75px);}
.All100v .photo span:after, .All100v .photo:after, .All100v .photo div:after {padding-bottom: calc(100vh - 75px);}
.All75v .photo span:after, .all75v .photo:after, .All75v .photo div:after {padding-bottom: calc(75vh - 75px);}
.All50v .photo span:after, .All50v .photo:after, .All50v .photo div:after {padding-bottom: calc(50vh - 75px);}
.All30v .photo span:after, .All30v .photo:after, .All30v .photo div:after {padding-bottom: calc(30vh - 75px);}


.basketPip {right: 15%;background: var(--EVOLRevo);}


/*  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{
	margin-inline: .5em;
}

.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;
        }

		.masthead .topBar { display:none}

		.topBar .container{
			background: #686566;
		}

/* ----- 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: var(--color-orange);}
.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);}
.full { flex-grow: 1; max-width: 100%;}
@media screen and (max-width: 1024px) {
	.ctaMobile {
    flex-grow: 1;
}
}

/* Strip Banner */

div[id*="SubBanner_bannerCollectionPanel"] {
    position: fixed;
    z-index: 5;
    top: 100px;
    width: 100%;
    max-width: 1920px;
    background: #000;
}

div[id*="SubBanner_bannerCollectionPanel"]+div {
    margin-top: 33px;
    display: block;
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerTxtCtr {
    position: static;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    padding: 6px;
    grid-gap: 8px;
    justify-content: center;
    color: #fff;
    align-items: center;
    background: none;
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerTxtCtr>span {
    background: none;
    text-transform: none !important;
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    width: auto;
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerTxtCtr>span.bannerTitle {
    order: -1;
    /* padding-left: 4em; */
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerTxtCtr>span.bannerView {
    text-transform: uppercase;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #ffffff4a;
    display: none;
}

div[id*="SubBanner_bannerCollectionPanel"] a:hover .bannerTxtCtr>span.bannerView {
    background: #000;
}

div[id*="SubBanner_bannerCollectionPanel"] .photo {
    display: none;
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerView {
    display: none;
}

div[id*="SubBanner_bannerCollectionPanel"] .bannerDesc:before {
    display: none;
}                                                                /* Variables */

:root {
    --cg-color-1: #ff660d;
    --cg-color-2: #0e0e0e;
    --cg-color-3: #000b8c;
    --cg-color-4: #000000;
    --cg-color-5: #0b8902;
    --cg-color-6: #3f00ff;
    --cg-color-7: #0d6efd;
    --cg-color-8: #6c757d;
    --cg-color-9: #198754;
    --cg-color-10: #dc3545;
    --cg-color-11: #ffc107;
    --cg-color-12: #5dc7ec;
    --cg-color-13: #f8f9fa;
    --cg-color-14: #222529;

    --cg-color-black: #000;
    --cg-color-white: #fff;
}



                                                                                                                                                                   
/* Mobile Scroll */

@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-10 {
    color: var(--cg-color-10);
}

.cg-color-11 {
    color: var(--cg-color-11);
}

.cg-color-12 {
    color: var(--cg-color-12);
}

.cg-color-13 {
    color: var(--cg-color-13);
}

.cg-color-14 {
    color: var(--cg-color-14);
}


.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-10 {
    background-color: var(--cg-color-10);
}

.cg-bg-color-11 {
    background-color: var(--cg-color-11);
}

.cg-bg-color-12 {
    background-color: var(--cg-color-12);
}

.cg-bg-color-13 {
    background-color: var(--cg-color-13);
}

.cg-bg-color-14 {
    background-color: var(--cg-color-14);
}


.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-10 {
    border-color: var(--cg-color-10)
}

.cg-border-color-11 {
    border-color: var(--cg-color-11)
}

.cg-border-color-12 {
    border-color: var(--cg-color-12)
}

.cg-border-color-13 {
    border-color: var(--cg-color-13)
}

.cg-border-color-14 {
    border-color: var(--cg-color-14)
}

.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;
    } 
}                                                                                                                                                                                                   @charset "utf-8";


/*
Global CSS Variables // Add as needed
*/
:root {
	/* Text Color */
	--mf1: #c9c9c9;

	/* Text Underline Display:None/Block */
	--mf16: none;

	/* text underline color */
	--mf15: #fff; 

	/* Headers */
	--mf2: #fff;

	/* Link Hvr */
	--mf3: #fff;

	/* Newsletter Btn */
	--mf4: #666;

	/* Newsletter Btn Color */
	--mf12: #fff;

	/* Newsletter Btn Hvr */
	--mf5: #fff;

	/* Main background */
	--mf9: #202020;
	
	/* Links Background */
	--mf6: transparent;

	/* Social icons color b/w */
	

	/* Tagline Background */
	--mf7: #000;

	/* Tagline Text */
	--mf8: #fff;

	/* Payment Options Background*/
	--mf10: #000;

	/* Inner Width */ 
	--maxWidth:1920px;

	/* Outer Width eg.1920px */
	--mf14: 1920px;

	/* Openinig Times Display: */
	--mf11: none;
}


/******************************************************************************************************************

-----------------
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;
}

#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: 30px;
	color: #fff;
}
#modular-footer-wrapper .modular-footer-retaillinks .modular-footer-retaillinks---openinghours {
	display: var(--mf11);
}

#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: 4;
	margin-top: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);
}                                                                                                                                                                                                                                      /* Footer */
.footer{font-size:smaller;opacity: 1;background: #202020;color: #fff;margin: 0 !important;}
.footerLinks a p, .footerLinks span{color:#999;-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;}
.footerLinks a p {margin:0;}
.footerLinks a p:hover {color:#fff;}
.footerLinks h3{margin:0 0 16px 0;clear:both;letter-spacing:inherit;text-transform: uppercase;text-align: left;}
.footerLinks h4{font-style:normal;color:#31353E;letter-spacing:inherit;}
.footerLinks .NodeLevel0{width:100%;flex-basis:100%;min-width:100%;max-width:100%;padding:0;margin:0;}
.footerLinks .NodeLevel0 > a{margin:0;padding:0;border-bottom:0;color:#666;font-weight:normal;text-transform:capitalize;letter-spacing:0;}
.footerLinks .NodeLevel0 > div{display:none;}
.footerLinks .NodeLevel1{width:100%;padding:0;}
.footerLinks .NodeLevel1 > a{padding:0;border-bottom:0;font-size:14px;margin:0;}
.footerLinks .NodeLevel2{display:none;}
.footerLinks a, .footerLinks .NodeLevel0 > a{text-decoration:none;clear:both;text-align:left;display:block;float:left;color: #999;border-bottom:none;margin-bottom:5px;}
.footerLinks .NodeLevel0 > a span{margin:0;border-bottom:none;color:inherit;font-family:inherit;padding:0;}
.footerLinks a.footerLogin{font-family:'FontAwesome';}
.footerLinks a.footerBasket{font-family:'FontAwesome';}
.footerLinks a:hover, .footerLinks .NodeLevel0 > a:hover span{border-bottom:0;color: #fff;}
.social a{display:inline-block;font-family:'FontAwesome';text-decoration:none;line-height: 54px;text-align: left;margin:0 8px 8px 0;clear:none;background: #202020;padding: 0 16px 16px 0; opacity: .5;}
.social a:hover{opacity:1;}

.social a.linkedin {
        background-image: url("/layout/svgs/brands/linkedin.svg");
    }/* Footer */
.footer{font-size:smaller;opacity: 1;background: var(--EVOLBrand);color: #fff;margin: 0 !important;}
.footerLinks a p, .footerLinks span{color: #c7c7c7;-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;}
.footerLinks a p {margin:0;}
.footerLinks a p:hover {color:#fff;}
.footerLinks h3{margin:0 0 16px 0;clear:both;letter-spacing:inherit;text-transform: uppercase;text-align: left;}
.footerLinks h4{font-style:normal;color:#31353E;letter-spacing:inherit;}
.footerLinks .NodeLevel0{width:100%;flex-basis:100%;min-width:100%;max-width:100%;padding:0;margin:0;}
.footerLinks .NodeLevel0 > a{margin:0;padding:0;border-bottom:0;color:#666;font-weight:normal;text-transform:capitalize;letter-spacing:0;}
.footerLinks .NodeLevel0 > div{display:none;}
.footerLinks .NodeLevel1{width:100%;padding:0;}
.footerLinks .NodeLevel1 > a{padding:0;border-bottom:0;font-size:14px;margin:0;}
.footerLinks .NodeLevel2{display:none;}
.footerLinks a, .footerLinks .NodeLevel0 > a{text-decoration:none;clear:both;text-align:left;display:block;float:left;color: #cfcece;border-bottom:none;margin-bottom:5px;}
.footerLinks .NodeLevel0 > a span{margin:0;border-bottom:none;color:inherit;font-family:inherit;padding:0;}
.footerLinks a.footerLogin{font-family:'FontAwesome';}
.footerLinks a.footerBasket{font-family:'FontAwesome';}
.footerLinks a:hover, .footerLinks .NodeLevel0 > a:hover span{border-bottom:0;color: #fff;}
.social a{display:inline-block;font-family:'FontAwesome';text-decoration:none;line-height: 54px;text-align: left;margin:0 8px 8px 0;clear:none;background: #202020;padding: 0 16px 16px 0; opacity: .5;}
.social a:hover{opacity:1;}

.social a.linkedin {
        background-image: url("/layout/svgs/brands/linkedin.svg");
    }
        .social a.linkedin:hover {
            background-color: #0a66c2 !important;
        }

.footerNewsletter{position:relative;flex-grow:2;-webkit-flex-grow:2;min-width:250px;margin: 0 0 16px 0;}
.footerNewsletter h3 {text-transform: uppercase;color: #fff;}
.footerNewsletter .zflex-v { justify-content: space-between;}
.footerNewsletter .zflex-v > div {flex: 1 0 auto;text-align: left;color: #fff;}
.footerNewsletter .zflex-v > div:nth-of-type(2) {flex: 2 1 80%;margin: 0 32px;}
input[type="text"].newsletter-footer{border:0;width:100%;color:#565656 !important;height: 54px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background: #fff;min-width:150px;}
.newsletter-footer::-webkit-input-placeholder{color:white;}
.newsletter-footer:-moz-placeholder{color:white;}
.newsletter-footer::-moz-placeholder{color:white;}
.newsletter-footer:-ms-input-placeholder{color:white;}
.newsletter-footer-submit{position:absolute;top:0;right: 0px;color: #252525 !important;text-transform:uppercase;height: 54px;font-size: 1.5em;width: 54px;text-align: center;border-radius: 0px !important;background: var(--EVOLRevo);}
.newsletter-footer-submit:hover{background: #202020;cursor:pointer;}
#newsletter-footer-text{color:#42464C;line-height:46px;text-align:left;clear:both;}
.newsletterFail{background:#ff5858;color:white !important;padding:0 16px;}
.newsletterSuccess{background:#82B43C;color:white !important}
.customerSupport{clear:both}
.customerSupport a{font-size:2em;text-decoration:none;}
.customerSupport a:hover{color:cornflowerblue;}
.customerSupport a span{font-family:'FontAwesome';}
.cards{text-align:left;color: #ffffff;margin-top:16PX;}
.cards span{line-height:28px;font-size:small;}
.cards span strong{font-weight:normal;}
.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal, div.cards div.fa-money{display:inline-block;font-family:'FontAwesome';font-size:2em;margin:0 0 0 8px;color:#b2b3b3;}
.cards .fa-cc-visa{float:right;}
.cards .fa-cc-mastercard{float:right;}
.cards .fa-credit-card{float:right;}
.cards .fa-cc-paypal{float:right; }
.cards .fa-money{float:right;}
.footerCopy{color:#646466;}
.footerTerms{text-align:left;}
.footerTerms a{}
.footerTerms a:hover{}
.footerTerms strong{color:#FFF;font-size:16px;}
.footerCitr{text-align:right;font-size:smaller;}
.footerCitr a{color:#ffffff;text-decoration:none;}
.backgrounrdsignup{background:url(layout/bgFooter.jpg) 50% 50% / cover no-repeat;padding:8px 0}
dl{text-align:left;width:100%;}
dl dt{float:left;width:100px;}
dl dd{margin:0px;width:100%;}
.hours p{display:block}
.footer dl, .footer span{width: 100%;}
.footerSignup img{float:left;margin-right:16px;}
.backgrounrdsignup h3{color:white;font-style:normal;font-weight:bold;margin-bottom:0px;}
.backgrounrdsignup p{color:rgba(255, 255, 255, 0.70);margin-bottom:0;line-height:inherit;}
.citrus{}
.newsletter-footer::-webkit-input-placeholder{color:#666;}
.newsletter-footer:-moz-placeholder{color:#666;}
.newsletter-footer::-moz-placeholder{color:#666;}
.newsletter-footer:-ms-input-placeholder{color:#666;}
.footerMessage{}
.footerCTA{display: flex;justify-content: space-between;}
.footerCTA > div{padding:16px;}
.footerCTABrands{justify-content:center;}
.footerCTABrands a img{max-width:320px;padding:32px }
.newsletterContainer{background:#373b3c;padding:21px 10%;justify-content:center;flex-wrap:wrap;}
.newsletterContainer h2{color:#fff;text-align:right;}
.CTAFooter{background:#1e2024;display:block;}
.CTAFooter span, .CTAFooter h4{display:block;width:100%;color:#fff;}
.CTAFooter span{color:#999;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.footerCards {background: #151515; color: #fff;}
.fs-2 {color: #fff !important;font-family: 'citrfontbold';font-size: x-large;}
.social a img, .imgInvert {height: 20px; -webkit-filter: invert(1); filter: invert(1);}
.paymentIcons { text-align:right}
.paymentIcons { text-align:right}
.paymentIcons > div { display:inline-block}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
    .footerNewsletter > div {flex-direction: column;}
    .footerCTA > div { width: 100%}
    .footerNewsletter .zflex-v { flex-wrap: wrap;}
    .footerNewsletter > div.zflex-v {padding: 1em 0 0 0;}
    .footerNewsletter .zflex-v > div {padding: 0 0 1.75em 0;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
    .footerNewsletter > div.zflex-v {padding: 1em 0;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{}
                                                                                                                                                                                                                                             
        .social a.linkedin:hover {
            background-color: #0a66c2 !important;
        }

.footerNewsletter{position:relative;flex-grow:2;-webkit-flex-grow:2;min-width:250px;margin: 0 0 16px 0;}
.footerNewsletter h3 {text-transform: uppercase;color: #fff;}
.footerNewsletter .zflex-v {justify-content: space-between;background: var(--EVOLRevo);}
.footerNewsletter .zflex-v > div {flex: 1 0 auto;text-align: left;color: #fff;}
.footerNewsletter .zflex-v > div:nth-of-type(2) {flex: 2 1 80%;margin: 0 32px;}
input[type="text"].newsletter-footer{border:0;width:100%;color:#565656 !important;height: 54px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background: #fff;min-width:150px;}
.newsletter-footer::-webkit-input-placeholder{color:white;}
.newsletter-footer:-moz-placeholder{color:white;}
.newsletter-footer::-moz-placeholder{color:white;}
.newsletter-footer:-ms-input-placeholder{color:white;}
.newsletter-footer-submit{position:absolute;top:0;right: 0px;color: #252525 !important;text-transform:uppercase;height: 54px;font-size: 1.5em;width: 54px;text-align: center;border-radius: 0px !important;background: #15151585;}
.newsletter-footer-submit:hover{background: #202020;cursor:pointer;}
#newsletter-footer-text{color:#42464C;line-height:46px;text-align:left;clear:both;}
.newsletterFail{background:#ff5858;color:white !important;padding:0 16px;}
.newsletterSuccess{background:#82B43C;color:white !important}
.customerSupport{clear:both}
.customerSupport a{font-size:2em;text-decoration:none;}
.customerSupport a:hover{color:cornflowerblue;}
.customerSupport a span{font-family:'FontAwesome';}
.cards{text-align:left;color: #ffffff;margin-top:16PX;}
.cards span{line-height:28px;font-size:small;}
.cards span strong{font-weight:normal;}
.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal, div.cards div.fa-money{display:inline-block;font-family:'FontAwesome';font-size:2em;margin:0 0 0 8px;color:#b2b3b3;}
.cards .fa-cc-visa{float:right;}
.cards .fa-cc-mastercard{float:right;}
.cards .fa-credit-card{float:right;}
.cards .fa-cc-paypal{float:right; }
.cards .fa-money{float:right;}
.footerCopy{color:#646466;}
.footerTerms{text-align:left;}
.footerTerms a{}
.footerTerms a:hover{}
.footerTerms strong{color:#FFF;font-size:16px;}
.footerCitr{text-align:right;font-size:smaller;}
.footerCitr a{color:#ffffff;text-decoration:none;}
.backgrounrdsignup{background:url(layout/bgFooter.jpg) 50% 50% / cover no-repeat;padding:8px 0}
dl{text-align:left;width:100%;}
dl dt{float:left;width:100px;}
dl dd{margin:0px;width:100%;}
.hours p{display:block}
.footer dl, .footer span{width: 100%;}
.footerSignup img{float:left;margin-right:16px;}
.backgrounrdsignup h3{color:white;font-style:normal;font-weight:bold;margin-bottom:0px;}
.backgrounrdsignup p{color:rgba(255, 255, 255, 0.70);margin-bottom:0;line-height:inherit;}
.citrus{}
.newsletter-footer::-webkit-input-placeholder{color:#666;}
.newsletter-footer:-moz-placeholder{color:#666;}
.newsletter-footer::-moz-placeholder{color:#666;}
.newsletter-footer:-ms-input-placeholder{color:#666;}
.footerMessage{}
.footerCTA{display: flex;justify-content: space-between;}
.footerCTA > div{padding:16px;}
.footerCTABrands{justify-content:center;}
.footerCTABrands a img{max-width:320px;padding:32px }
.newsletterContainer{background:#373b3c;padding:21px 10%;justify-content:center;flex-wrap:wrap;}
.newsletterContainer h2{color:#fff;text-align:right;}
.CTAFooter{background:#1e2024;display:block;}
.CTAFooter span, .CTAFooter h4{display:block;width:100%;color:#fff;}
.CTAFooter span{color:#999;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.footerCards {background: #151515; color: #fff;}
.fs-2 {color: #fff !important;font-family: 'citrfontbold';font-size: x-large;}
.social a img, .imgInvert {height: 20px; -webkit-filter: invert(1); filter: invert(1);}
.paymentIcons { text-align:right}
.paymentIcons { text-align:right}
.paymentIcons > div { display:inline-block}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
    .footerNewsletter > div {flex-direction: column;}
    .footerCTA > div { width: 100%}
    .footerNewsletter .zflex-v { flex-wrap: wrap;}
    .footerNewsletter > div.zflex-v {padding: 1em 0 0 0;}
    .footerNewsletter .zflex-v > div {padding: 0 0 1.75em 0;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
    .footerNewsletter > div.zflex-v {padding: 1em 0;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{}

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

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterSuccess {
    display: flex;
    padding: 16px;
    margin-top: 16px;
    margin-top: 0;
}

#modular-footer-wrapper .modular-footer-socials .modular-footer-newsletter .modular-footer-newsletter---container #newsletter-footer-text.newsletterSuccess {
    display: flex !important;
    padding: 16px;
    margin-top: 16px;
    margin-top: 0 !important;
}
                                                                                                                                                                                                                                                                                                                                                                                  /* CSS Document */
.CNCCTA {color:#fff;height: 100%;border: none;padding: 0px 8px !important;text-align: center;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;overflow: auto;}
.CNCCTA a {padding:0 8px}
[data-nodename*="Sale"] > a , [data-nodename*="Sale"] a:hover {color: red;}
.navIcons > span, .menu-icons-header > div {cursor: pointer;/* align-self: flex-start; */}
.NodeLevel1>a {}
.NodeLevel0 > a {font-size: calc(12px + (18 - 14) * ((100vw - 1024px) / (1920 - 1024))); font-family:'arial'; font-weight:bold;}
.NodeLevel0 > .CSSFacetNavModules .NodeLevel1 > a {border-bottom: 3px solid #175FCC;font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));font-size: 14px;text-transform: capitalize;letter-spacing: 0;opacity: 1;width: 100%;display: block;border-bottom: 1px solid var(--EVOLKinetic);margin-bottom: 16px;font-family: 'arial';color: var(--EVOLOrange);}
.NodeLevel2 > a:before {height: 2px;background: var(--EVOLOrange);}

body .CNCCTA,
body:is(.CycleRed, .CycleGreen, .CycleBlueNor, .CycleBlue) .CNCCTA,
body .CNCCTA > .topCTA {
	border: none;
	background: #696566;
	margin: 0;
}



.CNCCTA a.social {display: inline-block;font-family: 'FontAwesome';text-decoration: none;line-height: 54px;text-align: left;margin: 0px 10px;padding: 0;clear: none;width: 20px;height: 20px;background-size: contain;}

.CNCCTA a.social.facebook,
.CNCCTA a.social.twitter,
.CNCCTA a.social.instagram,
.CNCCTA a.social.youtube {opacity: 1;}

.CNCCTA a.social.facebook:hover,
.CNCCTA a.social.twitter:hover,
.CNCCTA a.social.instagram:hover,
.CNCCTA a.social.youtube:hover {background-color: transparent !important;}

.CNCCTA a.social img { height: 20px;max-height: 100%;display: none; }
.CNCCTA a.facebook { background-image: url("/modules/assets/icons/facebook.svg"); }
.CNCCTA a.facebook:hover { background-color: #3b5998 !important; }
.CNCCTA a.twitter { background-image: url("/modules/assets/icons/twitter.svg"); }
.CNCCTA a.twitter:hover { background-color: #1da1f2 !important; }
.CNCCTA a.instagram { background-image: url("/modules/assets/icons/instagram.svg"); }
.CNCCTA a.instagram:hover { background-color: #c32aa3 !important; }
.CNCCTA a.youtube { background-image: url("/modules/assets/icons/youtube.svg"); }
.CNCCTA a.youtube:hover { background-color: #ff0000 !important; }
@media screen and (max-width: 1024px){
	.CNCCTA {margin: 0 auto 6px auto;float: none;}
	
}
@media screen and (max-width: 767px){.footer .zflex-sb > div {margin: 0 0 22px 0;}}


@media screen and (max-width: 767.9px)
{
    .NodeLevel0 > a {font-size: 16px;}
    .CNCCTA {padding: 0px !important;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
    .NodeLevel0 > a {font-size: 16px;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
    [data-nodename*='Accessories'] .NodeLevel1 { width: 33.33%;}
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
    [data-nodename*='Accessories'] .NodeLevel1 { width: 33.33%;}
}


/* Add all brand button and style up brands list */
.NodeLevel0[data-nodename*='Brands'] .NodeLevel1:nth-child(1) {
    font-size: 1.1rem;
    font-family: 'citrfontbold';
}

.NodeLevel0[data-nodename*='Brands'] .NodeLevel1:nth-child(1) > .CSSFacetNavModules a {
    font-weight: bold;
}

.NodeLevel0[data-nodename*='Brands'] .NodeLevel1:nth-child(1) .CSSFacetNavModules > div[data-nodename="All Brands"] > a {
    font-family: 'citrfontbold';
    margin: 0;
    padding: 12px 16px;
    border: 2px solid;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

/* Banner CTA */

.container.ctaContainer {
    background: var(--EVOLOrange);
}

div[id*="CTA_bannerCollectionPanel"] {
    top: 75px;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr {
    position: static;
    display: flex;
    flex-flow: column;
    padding: 0;
    grid-gap: 0px;
    justify-content: center;
    align-items: center;
    background: none;
    width: fit-content;
    height: 100%;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr>span {
    background: none;
    text-transform: none;
    font-size: 12px;
    letter-spacing: normal;
    margin: 0;
    padding: 2px;
    width: auto;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr>span.bannerTitle {
    order: -1;
    display: flex;
    align-items: center;
    color: #fafafa;
    font-size: 16px;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr>span.bannerDesc{
    color: #ededed;
    transition: ease-in-out;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr:hover>span.bannerDesc{
    color: #fff;
}

div[id*="CTA_bannerCollectionPanel"] .bannerTxtCtr>span.bannerView {
    display: none;
}

div[id*="CTA_bannerCollectionPanel"] .photo {
    display: none;
}

div[id*="CTA_bannerCollectionPanel"] .bannerDesc:before {
    display: none;
}

div[id*="CTA_bannerCollectionPanel"] a:hover .bannerTxtCtr {
    background: none;
}

div[id*="CTA_bannerCollectionPanel"] a {
    border-right: 1px solid #ffffffa3;
    margin-block: 5px;
    padding-inline: 10px;
    min-width: fit-content;
    text-wrap: nowrap;
}

div[id*="CTA_bannerCollectionPanel"] a:first-child {
    margin-right: auto;
    margin-left: 1rem;
    border: none;
    background: var(--EVOLBlack);
    font-family: citrfontbold;
}

div[id*="CTA_bannerCollectionPanel"] a:last-child {
    margin-right: 1rem;
    border-right: none;
}


                                                                                                                                                                                                                                  :root{

/* Font */
--EVOLBlack: #000;
--EVOLWhite: #fff;
--EVOLOrange: #0e0e0e;
--EVOLGrey: #696566;

/* Brand Colors */
--EVOLBg: #fff;
--EVOLSpec: #000;
--EVOLGiant: #000b8c;
--EVOLKinetic: #0e0e0e;
--EVOLEvol: #0b8902;
--EVOLRevo: #000;
--EVOLBrand: #686565;

--CycleRevo: #3f00ff;
}  

.logo{
    filter: brightness(0);
}                                      /* GDPR Cookies */
#GDPRCookieBox {position:fixed;left:0;bottom:0;background: rgba(6,16,32,0.85);z-index:90;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;}                                                                                                                                                                                                                                                                                                                                                                                      /* CSS Document */
.topCTA {text-align: center;overflow: auto;display: flex;align-content: center;gap: max(0.33rem, 3.5vw);}
.topCTA a {padding: 12px 16px;text-transform: uppercase;font-size: 12px;color: #fff;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: 21px !important;margin-right: 8px;color: var(--EVOLwhite);position: relative;bottom: 2px;}
.topCTA a:nth-child(1):before{ content:"\e079";}
.topCTA a:nth-child(2):before{ content:"\e024";} 
.topCTA a:nth-child(3):before{ content:"\e093";}
.topCTA a:nth-child(4):before{ content:"\e042";} 
.topCTA a:nth-child(5):before{ content:"\e023" !important;} 
.topCTA a:nth-child(6):before{ content:"\e040" !important;}                                                                                                                          /* ----- Wordpress Blog  ----- */
.blogWP {display: grid;grid-gap: 1em;padding: 0 0 0 0; grid-template-columns: repeat(4, 1fr);}
.blogWP img {width:100%;object-fit: cover;}
.blogWP .hmBlog:first-of-type {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;border: 0px;}
.blogWP .hmBlog:first-of-type a {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;}
.blogWP .hmBlog:nth-child(2) a, .blogWP .hmBlog:nth-child(3) a {flex-direction: column;}
.blogWP .hmBlog:nth-child(2) img, .blogWP .hmBlog:nth-child(3) img {max-width: 100%;max-height: 189px;/* object-fit: cover; */}
.blogWP .hmBlog:first-of-type img {max-width: 100%; top: 0;max-height: initial;}
.blogWP .hmBlog:first-of-type h2 {font-size: 20px !important;}
.blogWP .hmBlog:first-of-type p { font-size:16px}
.blogWP .hmBlog:first-of-type div { height: auto;}
.blogWP .hmBlog:nth-child(4) {grid-column: span 1;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;border: 0px;}
.blogWP .hmBlog:first-of-type img{height:615px}
.blogWP .hmBlog:nth-child(2) img
.blogWP .hmBlog a {position:relative;display: flex;padding-bottom: 16px;grid-gap: 16px;flex-direction: column;align-items: flex-start;align-content: flex-start;}
.blogWP img {max-width: 100%;max-height: 265px;}
.blogWP .hmBlog div {/* height: 121px; *//* overflow:hidden; */}
.blogWP h2 {padding-top:16px;margin:0;font-family: 'citrfontbold'; transition: .3s; text-transform: uppercase;font-size: 14px;line-height: 130%;font-weight: 700;padding-bottom: 4px;font-size: smaller !important;color: #175fcc;}
.blogWP span p.date {padding: 0;margin: 0;font-size: 11px;color: #ffffff47;}
.blogWP p {color: #00000087;font-size:13px;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.blogWP p:empty{ display:none}
.blogWP h2:after{display:block; content:""; background: #175fcc; width: 100px; height:3px; margin-top:10px; margin-bottom:20px}
.blogWP .hmBlog:hover h2:after{background:#202020; transition: .3s;}
.blogWP .hmBlog:hover .blogWP h2 {color:#202020; transition: .3s;}
.wp-blog-home a {width: auto;display: inline-block;flex-basis: auto;border: 1px solid var(--EVOLRevo);text-transform: uppercase;font-family: 'citrfontbold';letter-spacing: 1px;font-size: 10px;padding: 8px;margin-top: 10px;color: #fff;background: var(--EVOLRevo);}
.wp-blog-home a:hover {background: #eef1f3;color: var(--EVOLRevo);} 




@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
  .blogWP {grid-template-columns: repeat(1, 1fr);padding-bottom: 56px;}
  .blogWP .hmBlog:first-of-type {grid-column: span 1;grid-row: span 1;}   
  .blogWP .hmBlog:first-of-type img{height:215px}
} 


                                                                                                                                                                                                     /* CSS Document */
.bannerInvert .bannerTxtCtr{align-items: flex-start;justify-content: flex-start;align-content: start;color: #ffffff;top: 0;background: none;}
.bannerInvert .bannerDesc, .bannerTitle, .bannerView {/* background: none; */text-transform: uppercase;}
.bannerInvert .bannerDesc:empty, .bannerTitle:empty, .bannerView:empty{display:none;}
.bannerInvert .bannerTxtCtr > span {background: none;margin-top: 0;text-align: left;max-width: 100%;line-height: 150%;width: 100%;}
.bannerInvert .bannerDesc {letter-spacing: 0.5px;font-size: 11px;opacity: 0.7;padding: 0px !important;color: #000;}
.bannerInvert .bannerTitle {font-size: x-large;padding: 0px 0;}
.bannerInvert .bannerView{font-size: 10px;padding: 0;font-family: inherit;margin-top: 8px !important;}
.bannerInvert .photo {background: #000000;}


/* CSS Document */
.layout1 { padding:1em 0; background: #000}
.layout1 > div {grid-template-columns: repeat(5,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr  1fr; padding-bottom: 0  }
.layout1 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.layout1 > div > a:nth-child(2) {grid-column: 3/4;grid-row: 1/3;}
@media screen and (max-width: 767.9px){.layout1 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr; padding-bottom: 0  }}
@media screen and (min-width : 768px) and (max-width : 1023.9px){.layout1 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; padding-bottom: 0  }}

		
/* Xmas Top Banner 
.promoMessgae1 {padding: 0 8px;font-family: 'citrfontbold';}
.promoMessgae2 {font-size: 10px;}
.assign {color: #ffffff;background: #d55630;text-transform: uppercase;letter-spacing: 1px;padding: 8px !important;font-size: 11px;}
.assign a {color: inherit}
@media screen and (max-width: 767.9px){.promoMessgae2 { display:none}}
*/

/* Show Hide segments */
.PreXmas, .Xmas, .PostXmas, .JanSales { display:none}
.PreXmas.active, .Xmas.active, .PostXmas.active, .JanSales.active { display:inline-block}


/* Facet options */	
.xmasBlackFriday .facetIsOnSale span{top: 40px;}
.xmasBlackFriday .facetIsOnSale span:after{content: "BLACK FRIDAY";font-size: 9px;background: #424242;width: 180px;}


/* Extended Returns */	
.xmasCTA { background: #3057af;color: #FFF; margin: 32px 0; border-radius: 5px}

/* Cut of dates */	
.cuttoffDates > div{margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #cacaca;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;display: flex;flex-wrap: wrap;flex-grow: 1;-ms-flex-positive: 1;justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;}


/* Cut of dates */	
.cuttoffDates > div > div:nth-child(1){ color:red}
.cuttoffDates li {list-style: none; position: relative; padding-left: 15px;}
.cuttoffDates li.rm:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d55630;
}                                                                                                                                                                                                                                                                                                                                                                                      .NodeLevel2 > a:before {left: 0; width: 0; -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%; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

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

.adroll_consent_container {
	z-index: 0 !important;
}

.adroll_consent_container .adroll_consent_persistent_icon.adroll_consent_persistent_icon  {
	position: fixed;
	bottom: 0;
	right: 134px;
}                                                                                                                                         @charset "UTF-8";
/*  Remarketing */
.banners>div{ display:inline-block; margin-right:28px; vertical-align: middle;}
.bannersContiner { background:#efefef}
.bannersBrands { /* float:left */}
.banners small { font-size:10px; color:#999}
.bannersAll { margin:0; padding: 28px; float:left; width:50%}
.bannersAll li { float:left; list-style:none; width:100%; padding:7px; border-bottom:1px solid #efefef}
.bannersAll li:hover { background:#f5f5f5}
.bannersAll li:nth-child(2) { border-bottom:1px solid #ccc}
.bannersAll li div { float:left; }
.bannersAll li div:nth-child(1) {font-weight:bold; width:25%}
.bannersAll li div:nth-child(2) {width:55%}
.bannersAll li div:nth-child(3) {width:20%}
.bannersTable {padding: 21px;}
.bannersTable table tr td {padding: 7px;}
.bannersTable table th { border-bottom:1px solid #ccc; font-weight:normal; padding: 7px;}
.bannersTable table tr td { border-bottom:1px solid #efefef;}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) { width:60%}
.bannersTable table small { font-size:10px; color:#999; padding: 7px 0 0 0; float: left;}
.google, .webgains { border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google a, .webgains a { display: inline-block; position:relative;}
.google img, .webgains  img { width:200px; outline: 1px solid #E2E2DD;}
.google span, .webgains  span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}
.webgains { display: inline-block;}
.bannmessage {position:absolute;background: #FFFFFF;padding: 0px 14px;left:14px;top:-14px;}
#brand1,#brand2,#brand3,#brand4,#brand5 {}
.socialBanners>div { display:inline-block; vertical-align:middle; margin:28px;}
.overlay { background:rgba(47,53,62,.9); padding:7px 14px; position:absolute; left:0; top:0}
.overlay p,.overlay a  { color:#fff}
.campaignBox {border: 1px solid #E2E2D9; display: inline-block; position:relative; margin: 28px 14px 0; padding: 27px;}
.google span, .webgains  span {display:block;padding:7px;background:#fff;/* border: 1px solid #E2E2D9; */}



/*  cookies */
#cookies{font-size:9.5pt;text-align:left;margin-bottom:20px;line-height:170%;}
#cookies p{color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:170%;text-decoration:none;}
#cookies th{background:#F5F5F5;font-weight:400;color:#666;border:1px solid #d6d6d6;padding:10px;}
#cookies tr{font-weight:400;color:#666;}
#cookies td{font-weight:400;border:1px solid #d6d6d6;text-align:left; padding:14px; background:#fff}
#cookies td a{color:#3477BB;font-size:9.5pt;}


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
  /* Brand Page */
	.brandLanding a {display:block;}
	.brandPageLogo {display:none;}
}
  @charset "UTF-8";
.blogmainwrap {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch;margin: 0 -8px;width: auto;}
.blogmainwrap .large-article {width:25%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;flex-wrap:wrap;align-items:stretch;align-items:stretch;margin-bottom: 56px;padding: 8px;}
.blogmainwrap .large-article .large-article-content-summary {order:-1;flex-grow:0;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipText {font-size: small;display: none;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:168px;min-height:168px;overflow: hidden;display: block;margin-bottom: 16px;}
.large-article-header > p {flex-grow:0;font-size: small; display: inline-block}
.blogmainwrap .blog-pagination {width:100%;}
.blogmainwrap h2 {margin-bottom: 3px;font-size: smaller;}
.blogmainwrap p {margin-bottom: 16px;font-size: smaller;}
.large-article-content img {max-width:100%; height:auto;}
.blogmainwrap .large-article .large-article-content-summary {margin-bottom:0px;}
.blogSearch a { margin-left: 8px}
.blogRightColumn > div { margin-bottom:32px}
.blogRightRecent > a { display:block; margin-top: 8px; padding-top: 8px; border-top: 1px solid #efefef}
.archiveContent p { font-size:small}
.archiveContent a {background: #f4f4f4;padding:8px 16px;display:inline-block;margin: 0 3px 6px 0;}
@media screen and (max-width: 767.99px){ .blogmainwrap .large-article {width:100%;}}
@media screen and (min-width : 768px) and (max-width : 1023.99px){ .blogmainwrap .large-article {width:50%;}}
@media screen and (min-width : 1024px) and (max-width : 1439.99px){.blogmainwrap .large-article {width:33.33%;}}
@media screen and (min-width : 1440px) and (max-width : 1913.99px){.blogmainwrap .large-article {width:25%;} .blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:224px;/* min-height:224px; */}}
@media screen and (min-width : 1914px){.blogmainwrap .large-article {width:25%;} .blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:224px;}}  @charset "UTF-8";
.formContiner li {margin-bottom: 32px}
.quickContact span { display:block}
.hours dt, .hours dd {float: left;}
.hours dt {clear: both;margin-right: 16px; min-width: 100px}

#ResetButton[disabled],
#ResetButton[disabled="disabled"] {
    display: none;
}
  @charset "UTF-8";
.financeCalcOveride .hideFinanceOnMobile {
    display: block !important;
}

.financeCalcOveride .finance-pop-wrap {
    max-width: 100%;
}
  @charset "UTF-8";
/* -- Customer product builder --*/
.cpb-standardSpecPrice {background:orange; height:64px; line-height: 64px;padding:0 16px; float:left; width:100%;}
.cpb-standardSpecPrice .now {font-size: 1.5em;margin-left: 0.5em;}
div[id*="ProductCustom1_panAttributes"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction:row;flex-wrap:wrap; align-contents:stretch;}
.cpb {width:33.33%;flex-basis:33.33%;padding:32px;border-left:1px solid #c6c9cd;border-bottom:1px solid #c6c9cd;}
.cpb-Header {float: left;width: 100%;display: block;clear: both;height: 45px;}
.cpb-Header strong {display:block; margin:16px 0 8px 0}
.attBlock {height:64px;background:none; margin-bottom:16px;display: flex;flex-direction: row;    clear: both;}
.attBlock > div:nth-of-type(2) {margin:0 !important; background:none !important;height:64px !important; line-height:64px; text-align:center;flex-grow:0 !important;width: auto !Important;}
.attBlock > div {height:64px !important;line-height:64px;font-size: 14px;flex-grow:0;}
.attName {float:left;flex-grow:2 !important; width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.attImage {float:left; text-align:center;max-width: 64px;flex-grow:0 !important;}
.attImage img {border:0 !important; display:inline-block; vertical-align:middle;border-radius:100%;margin:0 8px 0 0}
.attMoreInfo a img {display:none;}
.attMoreInfo a:before {content:'\f05a';font-family:'FontAwesome';margin:0 8px 0 0;font-size: 16px;color: #454545;}
.attPrice {float:right; text-align:right;padding: 0 16px;}
.attSelected {float:right;background:none !important; text-align:center;max-width: 64px;width:64px;flex-grow:0 !important;}
.attSelected input {display:inline-block; vertical-align:middle;}
#cpb-summary {}
#cpb-summary li {border-top: 1px solid #49515d;padding: 8px 0;list-style: none;}
#cpb-summary li:first-of-type {border-top: none;}
#cpb-summary li span {color:white;}
#cpb-summary li .cpb-selectedOption {display: inline-block;min-width: 176px;}
#cpb-summary li .cpb-chosenAtt {display: inline-block;}
.cpb-summaryAttLabel {color:orange;font-size:1.5em;padding-bottom: 8px;border-bottom: 1px solid orange;line-height:150%;}
.cpb-summaryAttLabel font {color:orange !important}
.cpb-finalPrice {color:orange;font-size:1.5em;padding-top: 8px;border-top: 1px solid orange;line-height:150%;}
.cpb-details .col-1 {margin:16px 0}
.cpb-purchaseItem {background:#e1e1e1;  margin: 0 0 16px 0 !important;}
.cpb-buttonAdd {}
.cpb-buttonAdd a {width:100%; display:block; height:64px; background:#a2c76c; text-align:center}
.cpb-buttonAdd a img {}
.cpb-allImageContainer .flex-direction-nav {display:none;}
.cpb-namePriceContainer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;}
.cpb-namePriceContainer > div {width:100%;min-width:100%;flex-basis:100%;}
#cpb-summary li span {color: #48484d;}


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
  /* -- Customer product builder --*/
  .attName {   white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 50%;}
  .cpb-standardSpecPrice .now {margin-left: 0 !important;}
	.cpb-standardSpecPriceTitle {display:none !important}
	.attBlock > div {font-size:11px !important;}
	.attName {width:120px !important;}
	.attPrice {padding: 0 8px !important;}
	.cpb {width:100% !important;flex-basis:100% !important;padding:8px 0 !important;}
	.cpb {border-left:0 !important;}
	.cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
  /* -- Customer product builder --*/
  .attBlock > div {font-size:12px !important;}
  .cpb {width:100% !important;flex-basis:100% !important;padding:32px !important;}
  .cpb {border-left:0 !important;}
  .cpb:nth-child(1n+1):nth-last-child(-n+1), .cpb:nth-child(1n+1):nth-last-child(-n+1) ~ .cpb {border-bottom:0 !important;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
  /* -- Customer product builder --*/
  .cpb {width:50% !important;flex-basis:50% !important;padding:32px !important;}
  .cpb:nth-child(2n-1) {border-left:0 !important;}
  .cpb:nth-child(2n+1):nth-last-child(-n+2), .cpb:nth-child(2n+1):nth-last-child(-n+2) ~ .cpb {border-bottom:0 !important;}
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
  /* -- Customer product builder --*/
	.cpb:nth-child(3n-2) {border-left:0 !important;}
	.cpb:nth-child(3n+1):nth-last-child(-n+3), .cpb:nth-child(3n+1):nth-last-child(-n+3) ~ .cpb {border-bottom:0 !important;}
}
  @charset "UTF-8";
/*  Customer Rewards Page */
.crPageHeader {}
.crPageHeader h1 {margin:8px 0;}
.crPageHeader h2 {margin:0;color:#8dc63f}
.crPageExplain {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;}
.crPageExplain .col-3, .crPageExplain .col-2 {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:stretch;}
.crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {background:#e1e1e1;}
.crHelpMe {background:#f3d3d3 !important}
.crHelpMe h4, .crHelpMe h3, .crHelpMe a {color:#f5373c !important}
.crPagePointsDisplay {background:#e5f0d6 !important}
.crPagePointsDisplay h4, .crPagePointsDisplay h3, .crPagePointsDisplay a {color:#8dc63f !important}
.crPagePointsDisplay .crPointsBalance, .crPagePointsDisplay .crPointsValue {font-size:32px;}
.crPageInfo {margin:16px 0 0 0}
.crPageInfo .warning {color:dodgerblue; background:none; border-left:0; border-bottom:1px solid dodgerblue;padding-bottom:4px;}
.crPageInfo a {display:inline-block;padding:4px 16px;margin:0 8px 8px 8px;border-radius:4px;background:none;border:1px solid #31353E;color:#31353E;-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;-webkit-appearance: none;-moz-appearance:none;appearance:none;font-weight: 700;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;}
.crPageInfo a:hover {color:white;background:#8dc63f;border:1px solid #8dc63f;}
.crLinkForm {position:relative;display:inline-block}
.crLinkFormPassword {float:left;}
.crLinkFormPassword > input {-webkit-appearance: none;-moz-appearance:none;appearance:none;height: 34px;border-left: 1px solid #31353E; border-top: 1px solid #31353E; border-bottom: 1px solid #31353E; border-right:0;padding: 0 8px;font-size: 14px;font-family:inherit;-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;}
.crLinkFormButton {float:right;}
.crLinkFormButton > a {margin:0;border-radius: 0;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;height: 34px;line-height: 34px;padding: 0 16px;}
.crLinkFormButton:hover + .crLinkFormPassword > input {border-left: 1px solid #8dc63f; border-top: 1px solid #8dc63f; border-bottom: 1px solid #8dc63f; border-right:0;}
.hdrRewardsTitle {float:left;margin-right:4px;}
.crNotLoggedIn, .crAccNotActive, .crNoAccFound, .crLnkAccounts, .crViewOffers {color: #8dc63f !important;border-bottom: 1px solid #d4d4d4;}
.crNotLoggedIn:hover, .crAccNotActive:hover, .crNoAccFound:hover, .crLnkAccounts:hover, .crViewOffers:hover { color:#7fd805; border-bottom:1px solid #7fd805 }
.detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 }
.detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left }
.detail-custmerRewardsBasket div { float: right }
.CRpointBasket { text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px;  margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;}
.CRpointBasket b {color: #4f9a11;}
.CRcopyBasket {text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left }
.crShoppingCart {}
.crShoppingCartHeader {font-size: 24px;color: #6C884D;font-style:normal;text-decoration:none;background: url(layout/rewards/reward-small.png) no-repeat;background-position: 0px 3px; text-align:left;padding: 0px 1em 1em 2em;margin-bottom: 0.5em;}
.crShoppingCartCopy, .crShoppingCartPoints  { color:#769355; position: relative; width:100%; line-height: 150%;}
.crShoppingCartPoints span { display: block; margin-bottom: 16px}
.crShoppingCartPoints>input {/* position:absolute; *//* right: 0; *//* top: -43px; */padding-top: 18px;display: block; width: initial;height: initial;}
#CustomerRewardsApplyPoints_panPointsApplied { font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%; margin-top: 7px;}
#CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px}
#CustomerRewardPanel2 div.customerRewardsCtr {justify-content:flex-start; align-content:flex-start}
#CustomerRewardPanel2 div.crValueCtr {background: none;padding: 0 4px 0 0;}
#CustomerRewardPanel2 div.crValueCtr span {font-family:'pt_sansregular';}

/*  Customer Rewards Promotions */
ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 }
ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crCurrentPromo li.crName { font: 21px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a }
ul.crCurrentPromo li.crDescription { font: 12px/150%; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a }
ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa }
ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% }
ul.crFuturePromo li.crName { font: 21px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 }
ul.crFuturePromo li.crDescription { font: 12px/150%; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 }
ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold }
ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold }


/*  Customer Rewards */
div#CustomerRewardPanel {}
div.customerRewardsCtr { width: 100%;display: flex;align-items: stretch;padding: 16px 0 0;align-content: center;justify-content: center;}
div.crValueCtr {color: #4E9A14;margin: 0 0 0 0;background: url(/layout/rewards/cr.svg) no-repeat;display: flex;align-items: center;padding: 0 0 0 30px;}
div.crValueCtr span {text-align: center;display: inline-block;font-weight: 700;letter-spacing: 2px;font-size: small;width: 100%;}
div.crTextDesc {font-size: small;line-height: 150%;padding: 8px;}
div.crTextDesc span {color: #4E9A14;text-transform: lowercase;display: inline-block;font-weight: 400;}
div.crSignInUpCtr { background: #f1f1f1; height: 49px; width: 100%; float: left; border-top: 1px solid #e1e1e1;display: none;}
div.crLink { width: 45%; height: 48px; float: left }
div.crLink a { font-family: 'roboto'; width: 100%; height: 48px; text-align: center; line-height: 48px; display: block; text-decoration: underline; color: #0076a3 !important }
div.crLink a:hover { text-decoration: none }
div.crIcon { float: left; height: 48px; width: 10%; background: url(/layout/rewards/crIcon.jpg) top left no-repeat; background-position: center }


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
  /* -- Customer Rewards Page ----- */
  .crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
  /* -- Customer Rewards Page ----- */
  .crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
}
/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
  /* -- Customer Rewards Page ----- */
	.crPageExplain .col-3, .crPageExplain .col-2 {min-width:50% !important;flex-grow:1}
}
  @charset "UTF-8";
/*  Frequently Asked Questions (FAQ) and Avatars */
.faqContainer {padding: 32px 0;margin: 32px 0;border-top: 1px solid #E1E1E1;}
.faqContainer .formSingle {clear: none;margin: 0.5em 0 1em 0;color: #666;width: 100%;padding: 0.5em 0;clear: both;}
.faqContainer .faqFormTxt { display: block; line-height: 160%; margin: 1em 0 0 0; padding: 0px }
.faqCompleteCtr { vertical-align: top; list-style: none;}  @charset "UTF-8";
/* Instagram  */
.Instagram { float:left; clear:both; margin:28px 0}
.instComments {position:relative;margin-bottom: 32px;width: 100%;}
.instagramTitle a, .instagramContent a { color:inherit}
.instComments .likes {font-size: 13px;font-weight: bold;color: #2f353e;text-decoration:none;background-position:0 3px;left:0;bottom:0;padding: 16px 0 8px;line-height:170%;display: inline-block;}
.instComments .likes:before {font: normal normal normal 12px/1 FontAwesome;content: "\f08a";padding-right: 8px;}
.instComments .caption {width: 100%;}
.instComments .likes:before {font: normal normal normal 12px/1 FontAwesome;content: "\f08a";padding-right: 8px;}
.instComments .comments {font-size: 13px;font-weight: bold;color: #2f353e;text-decoration:none;background-position:0 3px;left:0;bottom:0;padding: 16px 8px 8px 16px;/* width: auto; */line-height:170%;display: inline-block;}
.instComments .comments:before {font: normal normal normal 12px/1 FontAwesome;content: "\f0e5";padding-right: 8px;}
.instagramContent li  {position: relative;float: left;height:auto;list-style:none;}
.instagramContent li img  {width: 100%;height: auto;display: block;-webkit-transition: opacity 0.1s linear;}
.instagramContent li:hover div.likes {color: #2f353e;}
.instaproductpics {z-index:1;position:absolute;right: 16px;top: -32px;width: 100px;height: 100px;background-size: cover !important;padding: 0;margin: 0;}
.instaproductPrice {font-size: 10px;font-weight: bold;color: #2f353e;right: 0px;bottom: 0px;padding: 0 8px;width: auto;position: absolute;background: #fff;}
.instagramPicture img {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 75px; height: 75px}
.instagramUsername { padding: 16px}
.instagramTitle { margin:auto}
.instagramPicture { display:inline-block}


/* Lined account */
.instaLinked .caption { width: 60%}


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
	.instagramContent li  {width: 100%;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
	.instagramContent li  {width: 50%;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
	.instagramContent li  {width: 33.33%;}
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.99px)
{
	.instagramContent li  {width: 25%;}
}
/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
	.instagramContent li  {width: 25%;}
	.instaproductpics {width: 150px !important; height: 150px !important; top: -64px !important}
}
  @charset "UTF-8";
#newsletterPOPUP {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:rgba(0,0,0,0.3);z-index:3001;text-align: center;vertical-align: middle;}
#newsletterPOPUP.opennlpop {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newsletterPOPUPinner {width:800px; background-position: top right; display: inline-block;background:white;justify-content: flex-end;vertical-align: middle;opacity:0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
#newsletterPOPUP.opennlpop .newsletterPOPUPinner {opacity:1;}
.newsletterPOPUPinner>.col-2, .newsletterPOPUP-info, .newsletterPOPUP-image {width:50%;float:right;text-align: left;}
.newsletterPOPUP-form {margin-top:16px;padding-top:32px;padding-bottom: 32px;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.newsletterPOPUP-info {position:relative;}
.newsletterPOPUP-info .fa-close {position:absolute;top: 8px;right: 8px;font-size: 24px;width: 32px;height: 32px;text-align: center;line-height: 32px; cursor:pointer;}
.newsletterPOPUP-form input {-webkit-appearance: none;-moz-appearance:none;appearance:none;width:100%;float:left;display:block;border:1px solid #999;padding:8px;-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;background:white !important;}
.newsletterPOPUP-form input:hover, .newsletterPOPUP-form input:focus {border:1px solid #92cd1f;color:#333 !important;outline: none;box-shadow: none;}
.newsletterPOPUP-form input.failed-email {border:1px solid tomato;}
.newsletterPOPUP-form input.failed-email:hover {border:1px solid crimson;}
.newsletterPOPUP-form .newsletter-pop-new-send {display:block;float:left;padding:8px 24px; background:#92cd1f;color:white;margin:8px 8px 0 0; cursor: pointer;border-radius:4px;-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;}
.newsletterPOPUP-form .newsletter-pop-new-send:hover {background:#7baf15;}
.newsletterPOPUP-info .form-label-new {font-size:11px; margin:8px 0 4px 0;width:100%;float:left;line-height: 11px;}
.newsletterPOPUP-info .form-label-new span {color:dodgerblue;}
.newsletterPOPUP-info #newsletter-popup-new-text {width:100%;display:block;float:left;padding:0 0 32px 16px;color:dodgerblue;position:relative;}
.newsletterPOPUP-info #newsletter-popup-new-text.newsletterFail, .newsletterPOPUP-info #newsletter-popup-new-text.newsletterFail:before {background:transparent;color:#ff5858 !important;}
.newsletterPOPUP-info #newsletter-popup-new-text.newsletterSuccess, .newsletterPOPUP-info #newsletter-popup-new-text.newsletterSuccess:before {background: transparent;color:#92cd1f !important;}
.newsletterPOPUP-info .donotshow {margin: 8px 0 0 0;line-height: 40px; font-size:11px; text-decoration: underline;display:inline-block;float:right;cursor:pointer;}
.newsletterPOPUP-info .donotshow:hover {color:black;}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
  #newsletterPOPUP.zflex-v {align-content: flex-start;align-items: flex-start;padding: 16px !important;}
	.newsletterPOPUPinner {background-position: right center !important;vertical-align: top !important;width: 100% !important;}
	.newsletterPOPUPinner .newsletterPOPUP-info {width:100% !important;}
	.newsletterPOPUP-info h2 {margin:0 !important; padding-right:40px !important;}
	.newsletterPOPUP-info p {font-size:13px;margin: 8px 0;}
	.newsletterPOPUP-info #newsletter-popup-new-text {padding: 0 16px 8px 16px; font-size:13px !important;}
	.newsletterPOPUP-form {margin-top:8px !important; padding-top:16px !important; padding-bottom:8px !important;}
	.newsletterPOPUP-form input {padding:4px !important;}
}
  /* Purposefully empty > Moved to modules/css/accounts folder */
  @charset "UTF-8";
/* Return Form */
.returnsItems {background: #fff;margin-bottom: 16px;outline: 1px solid #dadada;}
.returnsItems:hover {outline: 1px solid #999;}
.returnsItems:last-of-type { margin-bottom:0}
.returnsItems div {padding: 16px;align-items: center;line-height: 100%;}
.returnsItems div small {margin-right:16px}
.returnsName {flex-grow: 2; -webkit-flex-grow: 2;text-align: left;}
.returnsOption small { min-width: 112px}
.returnsItems select{flex-grow: 1; -webkit-flex-grow: 1;}
.returnsAddress > div >div {flex-grow: 1; -webkit-flex-grow: 1;margin: 16px;}
.returnsItems input[type=checkbox] {outline-color: #999;margin-top: 0px !important;}
.returnsAddress {}
.returnsAddress span { font-size: small}
  @charset "UTF-8";
/* New Courier Integrated Shipping Chart */
.courierchart, .courierchart ul, .courierchart li {margin:0;padding:0;list-style: none;}
.courierchart>li {display:none;}
.courierchart>li.country-GB, .courierchart>li.postcoderegion {display:block;}
.regionheader { font-size:24px;display:none;}
.courierchart .loctitle {background:#ebebeb;border: 1px solid #ddd;margin: 16px 0; font-size:18px;}
.couriercountries>li {margin-bottom:24px;border-top: 0px !important;border-bottom: 0px !important; display:block; list-style: none;}
.courierservicewrap {font-size:0;padding-bottom: 24px !important;}
.courierservice {border-radius:4px; border:1px solid #ebebeb; background:#f2f3f4; width:calc(25% - 8px); font-size:12px;  vertical-align: top; margin-bottom: 8px !important; list-style:none;}
.courierservice:nth-of-type(4n+1) {margin-right:8px;}
.courierservice:nth-of-type(4n+2) {margin-left:2px; margin-right:6px;}
.courierservice:nth-of-type(4n+3) {margin-left:6px; margin-right:2px;}
.courierservice:nth-of-type(4n+4) {margin-left:8px;}
.courierservice li {display:block;list-style: none;}
.courierserviceheader, .courierservicecharge {padding: 8px; margin: 0 0 8px 0; border-bottom: 1px solid #ebebeb;}
.courierprice {color:#2e61a0;margin:0 0 8px 8px;}


/* FLAGS : New Courier Integrated Shipping Chart */
li[class*="country-"] .loctitle:before, li[data-iso*="iso-"] .loctitle:before {display:block;float:left;width:16px;height:11px;content: '';margin: 7px 12px 0 0;}
.loctitle:before {
    background-size: contain !important;
    background-color:#fff !important;
    background-repeat:no-repeat !important;
}
.country-GB .loctitle:before, li.postcoderegion .loctitle:before {background:url('/platformlayout/flags/4x3/gb.png') no-repeat #fff !important; }
.country-UA .loctitle:before {background:url('/platformlayout/flags/4x3/ua.png');}
.country-SK .loctitle:before {background:url('/platformlayout/flags/4x3/sk.png');}
.country-MT .loctitle:before {background:url('/platformlayout/flags/4x3/mt.png');}
.country-LT .loctitle:before {background:url('/platformlayout/flags/4x3/lt.png');}
.country-LI .loctitle:before {background:url('/platformlayout/flags/4x3/li.png');}
.country-IS .loctitle:before {background:url('/platformlayout/flags/4x3/is.png');}
.country-HU .loctitle:before {background:url('/platformlayout/flags/4x3/hu.png');}
.country-GR .loctitle:before {background:url('/platformlayout/flags/4x3/gr.png');}
.country-GI .loctitle:before {background:url('/platformlayout/flags/4x3/gi.png');}
.country-EE .loctitle:before {background:url('/platformlayout/flags/4x3/ee.png');}
.country-CZ .loctitle:before {background:url('/platformlayout/flags/4x3/cz.png');}
.country-CY .loctitle:before {background:url('/platformlayout/flags/4x3/cy.png');}
.country-HR .loctitle:before {background:url('/platformlayout/flags/4x3/hr.png');}
.country-BA .loctitle:before {background:url('/platformlayout/flags/4x3/ba.png');}
.country-BY .loctitle:before {background:url('/platformlayout/flags/4x3/by.png');}
.country-AT .loctitle:before {background:url('/platformlayout/flags/4x3/at.png');}
.country-ES .loctitle:before {background:url('/platformlayout/flags/4x3/es.png');}
.country-NL .loctitle:before {background:url('/platformlayout/flags/4x3/nl.png');}
.country-FR .loctitle:before {background:url('/platformlayout/flags/4x3/fr.png');}
.country-TR .loctitle:before {background:url('/platformlayout/flags/4x3/tr.png');}
.country-PT .loctitle:before {background:url('/platformlayout/flags/4x3/pt.png');}
.country-LU .loctitle:before {background:url('/platformlayout/flags/4x3/lu.png');}
.country-DK .loctitle:before {background:url('/platformlayout/flags/4x3/dk.png');}
.country-BE .loctitle:before {background:url('/platformlayout/flags/4x3/be.png');}
.country-CH .loctitle:before {background:url('/platformlayout/flags/4x3/ch.png');width: 11px !important;margin-right:17px;}
.country-SE .loctitle:before {background:url('/platformlayout/flags/4x3/se.png');}
.country-FI .loctitle:before {background:url('/platformlayout/flags/4x3/fi.png');}
.country-AU .loctitle:before {background:url('/platformlayout/flags/4x3/au.png');}
.country-NZ .loctitle:before {background:url('/platformlayout/flags/4x3/nz.png');}
.country-US .loctitle:before {background:url('/platformlayout/flags/4x3/us.png');}
.country-CA .loctitle:before {background:url('/platformlayout/flags/4x3/ca.png');}
.country-AF .loctitle:before {background:url('/platformlayout/flags/4x3/af.png');}
.country-AX .loctitle:before {background:url('/platformlayout/flags/4x3/ax.png');}
.country-AL .loctitle:before {background:url('/platformlayout/flags/4x3/al.png');}
.country-DZ .loctitle:before {background:url('/platformlayout/flags/4x3/dz.png');}
.country-AS .loctitle:before {background:url('/platformlayout/flags/4x3/as.png');}
.country-AD .loctitle:before {background:url('/platformlayout/flags/4x3/ad.png');}
.country-AO .loctitle:before {background:url('/platformlayout/flags/4x3/ao.png');}
.country-AI .loctitle:before {background:url('/platformlayout/flags/4x3/ai.png');}
.country-AQ .loctitle:before {background:url('/platformlayout/flags/4x3/aq.png');}
.country-AG .loctitle:before {background:url('/platformlayout/flags/4x3/ag.png');}
.country-AR .loctitle:before {background:url('/platformlayout/flags/4x3/ar.png');}
.country-AM .loctitle:before {background:url('/platformlayout/flags/4x3/am.png');}
.country-AW .loctitle:before {background:url('/platformlayout/flags/4x3/aw.png');}
.country-AZ .loctitle:before {background:url('/platformlayout/flags/4x3/az.png');}
.country-BS .loctitle:before {background:url('/platformlayout/flags/4x3/bs.png');}
.country-BH .loctitle:before {background:url('/platformlayout/flags/4x3/bh.png');}
.country-BD .loctitle:before {background:url('/platformlayout/flags/4x3/bd.png');}
.country-BB .loctitle:before {background:url('/platformlayout/flags/4x3/bb.png');}
.country-BZ .loctitle:before {background:url('/platformlayout/flags/4x3/bz.png');}
.country-BJ .loctitle:before {background:url('/platformlayout/flags/4x3/bj.png');}
.country-BM .loctitle:before {background:url('/platformlayout/flags/4x3/bm.png');}
.country-BT .loctitle:before {background:url('/platformlayout/flags/4x3/bt.png');}
.country-BO .loctitle:before {background:url('/platformlayout/flags/4x3/bo.png');}
.country-BW .loctitle:before {background:url('/platformlayout/flags/4x3/bw.png');}
.country-BV .loctitle:before {background:url('/platformlayout/flags/4x3/bv.png');}
.country-BR .loctitle:before {background:url('/platformlayout/flags/4x3/br.png');}
.country-IO .loctitle:before {background:url('/platformlayout/flags/4x3/io.png');}
.country-BN .loctitle:before {background:url('/platformlayout/flags/4x3/bn.png');}
.country-BG .loctitle:before {background:url('/platformlayout/flags/4x3/bg.png');}
.country-BF .loctitle:before {background:url('/platformlayout/flags/4x3/bf.png');}
.country-BI .loctitle:before {background:url('/platformlayout/flags/4x3/bi.png');}
.country-KH .loctitle:before {background:url('/platformlayout/flags/4x3/kh.png');}
.country-CM .loctitle:before {background:url('/platformlayout/flags/4x3/cm.png');}
.country-CV .loctitle:before {background:url('/platformlayout/flags/4x3/cv.png');}
.country-KY .loctitle:before {background:url('/platformlayout/flags/4x3/ky.png');}
.country-CF .loctitle:before {background:url('/platformlayout/flags/4x3/cf.png');}
.country-TD .loctitle:before {background:url('/platformlayout/flags/4x3/td.png');}
.country-CL .loctitle:before {background:url('/platformlayout/flags/4x3/cl.png');}
.country-CN .loctitle:before {background:url('/platformlayout/flags/4x3/cn.png');}
.country-CX .loctitle:before {background:url('/platformlayout/flags/4x3/cx.png');}
.country-CC .loctitle:before {background:url('/platformlayout/flags/4x3/cc.png');}
.country-CO .loctitle:before {background:url('/platformlayout/flags/4x3/co.png');}
.country-KM .loctitle:before {background:url('/platformlayout/flags/4x3/km.png');}
.country-CG .loctitle:before {background:url('/platformlayout/flags/4x3/cg.png');}
.country-CD .loctitle:before {background:url('/platformlayout/flags/4x3/cd.png');}
.country-CK .loctitle:before {background:url('/platformlayout/flags/4x3/ck.png');}
.country-CR .loctitle:before {background:url('/platformlayout/flags/4x3/cr.png');}
.country-CI .loctitle:before {background:url('/platformlayout/flags/4x3/ci.png');}
.country-CU .loctitle:before {background:url('/platformlayout/flags/4x3/cu.png');}
.country-DJ .loctitle:before {background:url('/platformlayout/flags/4x3/dj.png');}
.country-DM .loctitle:before {background:url('/platformlayout/flags/4x3/dm.png');}
.country-DO .loctitle:before {background:url('/platformlayout/flags/4x3/do.png');}
.country-EC .loctitle:before {background:url('/platformlayout/flags/4x3/ec.png');}
.country-EG .loctitle:before {background:url('/platformlayout/flags/4x3/eg.png');}
.country-SV .loctitle:before {background:url('/platformlayout/flags/4x3/sv.png');}
.country-GQ .loctitle:before {background:url('/platformlayout/flags/4x3/gq.png');}
.country-ER .loctitle:before {background:url('/platformlayout/flags/4x3/er.png');}
.country-ET .loctitle:before {background:url('/platformlayout/flags/4x3/et.png');}
.country-FO .loctitle:before {background:url('/platformlayout/flags/4x3/fo.png');}
.country-FJ .loctitle:before {background:url('/platformlayout/flags/4x3/fj.png');}
.country-GF .loctitle:before {background:url('/platformlayout/flags/4x3/gf.png');}
.country-PF .loctitle:before {background:url('/platformlayout/flags/4x3/pf.png');}
.country-TF .loctitle:before {background:url('/platformlayout/flags/4x3/tf.png');}
.country-GA .loctitle:before {background:url('/platformlayout/flags/4x3/ga.png');}
.country-GM .loctitle:before {background:url('/platformlayout/flags/4x3/gm.png');}
.country-GE .loctitle:before {background:url('/platformlayout/flags/4x3/ge.png');}
.country-GH .loctitle:before {background:url('/platformlayout/flags/4x3/gh.png');}
.country-GD .loctitle:before {background:url('/platformlayout/flags/4x3/gd.png');}
.country-GP .loctitle:before {background:url('/platformlayout/flags/4x3/gp.png');}
.country-GU .loctitle:before {background:url('/platformlayout/flags/4x3/gu.png');}
.country-GT .loctitle:before {background:url('/platformlayout/flags/4x3/gt.png');}
.country-GN .loctitle:before {background:url('/platformlayout/flags/4x3/gn.png');}
.country-GW .loctitle:before {background:url('/platformlayout/flags/4x3/gw.png');}
.country-GY .loctitle:before {background:url('/platformlayout/flags/4x3/gy.png');}
.country-HT .loctitle:before {background:url('/platformlayout/flags/4x3/ht.png');}
.country-HM .loctitle:before {background:url('/platformlayout/flags/4x3/hm.png');}
.country-HN .loctitle:before {background:url('/platformlayout/flags/4x3/hn.png');}
.country-HK .loctitle:before {background:url('/platformlayout/flags/4x3/hk.png');}
.country-IN .loctitle:before {background:url('/platformlayout/flags/4x3/in.png');}
.country-ID .loctitle:before {background:url('/platformlayout/flags/4x3/id.png');}
.country-IR .loctitle:before {background:url('/platformlayout/flags/4x3/ir.png');}
.country-IQ .loctitle:before {background:url('/platformlayout/flags/4x3/iq.png');}
.country-IE .loctitle:before {background:url('/platformlayout/flags/4x3/ie.png');}
.country-IL .loctitle:before {background:url('/platformlayout/flags/4x3/il.png');}
.country-IT .loctitle:before {background:url('/platformlayout/flags/4x3/it.png');}
.country-JM .loctitle:before {background:url('/platformlayout/flags/4x3/jm.png');}
.country-JP .loctitle:before {background:url('/platformlayout/flags/4x3/jp.png');}
.country-JO .loctitle:before {background:url('/platformlayout/flags/4x3/jo.png');}
.country-KZ .loctitle:before {background:url('/platformlayout/flags/4x3/kz.png');}
.country-KE .loctitle:before {background:url('/platformlayout/flags/4x3/ke.png');}
.country-KI .loctitle:before {background:url('/platformlayout/flags/4x3/ki.png');}
.country-KP .loctitle:before {background:url('/platformlayout/flags/4x3/kp.png');}
.country-KR .loctitle:before {background:url('/platformlayout/flags/4x3/kr.png');}
.country-KW .loctitle:before {background:url('/platformlayout/flags/4x3/kw.png');}
.country-KG .loctitle:before {background:url('/platformlayout/flags/4x3/kg.png');}
.country-LA .loctitle:before {background:url('/platformlayout/flags/4x3/la.png');}
.country-LV .loctitle:before {background:url('/platformlayout/flags/4x3/lv.png');}
.country-LB .loctitle:before {background:url('/platformlayout/flags/4x3/lb.png');}
.country-LS .loctitle:before {background:url('/platformlayout/flags/4x3/ls.png');}
.country-LR .loctitle:before {background:url('/platformlayout/flags/4x3/lr.png');}
.country-LY .loctitle:before {background:url('/platformlayout/flags/4x3/ly.png');}
.country-MO .loctitle:before {background:url('/platformlayout/flags/4x3/mo.png');}
.country-MK .loctitle:before {background:url('/platformlayout/flags/4x3/mk.png');}
.country-MG .loctitle:before {background:url('/platformlayout/flags/4x3/mg.png');}
.country-MW .loctitle:before {background:url('/platformlayout/flags/4x3/mw.png');}
.country-MY .loctitle:before {background:url('/platformlayout/flags/4x3/my.png');}
.country-MV .loctitle:before {background:url('/platformlayout/flags/4x3/mv.png');}
.country-ML .loctitle:before {background:url('/platformlayout/flags/4x3/ml.png');}
.country-MH .loctitle:before {background:url('/platformlayout/flags/4x3/mh.png');}
.country-MQ .loctitle:before {background:url('/platformlayout/flags/4x3/mq.png');}
.country-MR .loctitle:before {background:url('/platformlayout/flags/4x3/mr.png');}
.country-MU .loctitle:before {background:url('/platformlayout/flags/4x3/mu.png');}
.country-YT .loctitle:before {background:url('/platformlayout/flags/4x3/yt.png');}
.country-MX .loctitle:before {background:url('/platformlayout/flags/4x3/mx.png');}
.country-FM .loctitle:before {background:url('/platformlayout/flags/4x3/fm.png');}
.country-MD .loctitle:before {background:url('/platformlayout/flags/4x3/md.png');}
.country-MC .loctitle:before {background:url('/platformlayout/flags/4x3/mc.png');}
.country-MN .loctitle:before {background:url('/platformlayout/flags/4x3/mn.png');}
.country-MS .loctitle:before {background:url('/platformlayout/flags/4x3/ms.png');}
.country-MA .loctitle:before {background:url('/platformlayout/flags/4x3/ma.png');}
.country-MZ .loctitle:before {background:url('/platformlayout/flags/4x3/mz.png');}
.country-MM .loctitle:before {background:url('/platformlayout/flags/4x3/mm.png');}
.country-NA .loctitle:before {background:url('/platformlayout/flags/4x3/na.png');}
.country-NR .loctitle:before {background:url('/platformlayout/flags/4x3/nr.png');}
.country-NP .loctitle:before {background:url('/platformlayout/flags/4x3/np.png');}
.country-AN .loctitle:before {background:url('/platformlayout/flags/4x3/an.png');}
.country-NC .loctitle:before {background:url('/platformlayout/flags/4x3/nc.png');}
.country-NI .loctitle:before {background:url('/platformlayout/flags/4x3/ni.png');}
.country-NE .loctitle:before {background:url('/platformlayout/flags/4x3/ne.png');}
.country-NG .loctitle:before {background:url('/platformlayout/flags/4x3/ng.png');}
.country-NU .loctitle:before {background:url('/platformlayout/flags/4x3/nu.png');}
.country-NF .loctitle:before {background:url('/platformlayout/flags/4x3/nf.png');}
.country-MP .loctitle:before {background:url('/platformlayout/flags/4x3/mp.png');}
.country-NO .loctitle:before {background:url('/platformlayout/flags/4x3/no.png');}
.country-OM .loctitle:before {background:url('/platformlayout/flags/4x3/om.png');}
.country-PK .loctitle:before {background:url('/platformlayout/flags/4x3/pk.png');}
.country-PW .loctitle:before {background:url('/platformlayout/flags/4x3/pw.png');}
.country-PS .loctitle:before {background:url('/platformlayout/flags/4x3/ps.png');}
.country-PA .loctitle:before {background:url('/platformlayout/flags/4x3/pa.png');}
.country-PG .loctitle:before {background:url('/platformlayout/flags/4x3/pg.png');}
.country-PY .loctitle:before {background:url('/platformlayout/flags/4x3/py.png');}
.country-PE .loctitle:before {background:url('/platformlayout/flags/4x3/pe.png');}
.country-PH .loctitle:before {background:url('/platformlayout/flags/4x3/ph.png');}
.country-PN .loctitle:before {background:url('/platformlayout/flags/4x3/pn.png');}
.country-PL .loctitle:before {background:url('/platformlayout/flags/4x3/pl.png');}
.country-PR .loctitle:before {background:url('/platformlayout/flags/4x3/pr.png');}
.country-QA .loctitle:before {background:url('/platformlayout/flags/4x3/qa.png');}
.country-RE .loctitle:before {background:url('/platformlayout/flags/4x3/re.png');}
.country-RO .loctitle:before {background:url('/platformlayout/flags/4x3/ro.png');}
.country-RU .loctitle:before {background:url('/platformlayout/flags/4x3/ru.png');}
.country-RW .loctitle:before {background:url('/platformlayout/flags/4x3/rw.png');}
.country-SH .loctitle:before {background:url('/platformlayout/flags/4x3/sh.png');}
.country-KN .loctitle:before {background:url('/platformlayout/flags/4x3/kn.png');}
.country-LC .loctitle:before {background:url('/platformlayout/flags/4x3/lc.png');}
.country-PM .loctitle:before {background:url('/platformlayout/flags/4x3/pm.png');}
.country-VC .loctitle:before {background:url('/platformlayout/flags/4x3/vc.png');}
.country-WS .loctitle:before {background:url('/platformlayout/flags/4x3/ws.png');}
.country-SM .loctitle:before {background:url('/platformlayout/flags/4x3/sm.png');}
.country-ST .loctitle:before {background:url('/platformlayout/flags/4x3/st.png');}
.country-SA .loctitle:before {background:url('/platformlayout/flags/4x3/sa.png');}
.country-SN .loctitle:before {background:url('/platformlayout/flags/4x3/sn.png');}
.country-CS .loctitle:before {background:url('/platformlayout/flags/4x3/cs.png');}
.country-SC .loctitle:before {background:url('/platformlayout/flags/4x3/sc.png');}
.country-SL .loctitle:before {background:url('/platformlayout/flags/4x3/sl.png');}
.country-SG .loctitle:before {background:url('/platformlayout/flags/4x3/sg.png');}
.country-SI .loctitle:before {background:url('/platformlayout/flags/4x3/si.png');}
.country-SB .loctitle:before {background:url('/platformlayout/flags/4x3/sb.png');}
.country-SO .loctitle:before {background:url('/platformlayout/flags/4x3/so.png');}
.country-ZA .loctitle:before {background:url('/platformlayout/flags/4x3/za.png');}
.country-GS .loctitle:before {background:url('/platformlayout/flags/4x3/gs.png');}
.country-LK .loctitle:before {background:url('/platformlayout/flags/4x3/lk.png');}
.country-SD .loctitle:before {background:url('/platformlayout/flags/4x3/sd.png');}
.country-SR .loctitle:before {background:url('/platformlayout/flags/4x3/sr.png');}
.country-SJ .loctitle:before {background:url('/platformlayout/flags/4x3/sj.png');}
.country-SZ .loctitle:before {background:url('/platformlayout/flags/4x3/sz.png');}
.country-SY .loctitle:before {background:url('/platformlayout/flags/4x3/sy.png');}
.country-TW .loctitle:before {background:url('/platformlayout/flags/4x3/tw.png');}
.country-TJ .loctitle:before {background:url('/platformlayout/flags/4x3/tj.png');}
.country-TZ .loctitle:before {background:url('/platformlayout/flags/4x3/tz.png');}
.country-TH .loctitle:before {background:url('/platformlayout/flags/4x3/th.png');}
.country-TL .loctitle:before {background:url('/platformlayout/flags/4x3/tl.png');}
.country-TG .loctitle:before {background:url('/platformlayout/flags/4x3/tg.png');}
.country-TK .loctitle:before {background:url('/platformlayout/flags/4x3/tk.png');}
.country-TO .loctitle:before {background:url('/platformlayout/flags/4x3/to.png');}
.country-TT .loctitle:before {background:url('/platformlayout/flags/4x3/tt.png');}
.country-TN .loctitle:before {background:url('/platformlayout/flags/4x3/tn.png');}
.country-TM .loctitle:before {background:url('/platformlayout/flags/4x3/tm.png');}
.country-TC .loctitle:before {background:url('/platformlayout/flags/4x3/tc.png');}
.country-TV .loctitle:before {background:url('/platformlayout/flags/4x3/tv.png');}
.country-UG .loctitle:before {background:url('/platformlayout/flags/4x3/ug.png');}
.country-AE .loctitle:before {background:url('/platformlayout/flags/4x3/ae.png');}
.country-UM .loctitle:before {background:url('/platformlayout/flags/4x3/um.png');}
.country-UY .loctitle:before {background:url('/platformlayout/flags/4x3/uy.png');}
.country-UZ .loctitle:before {background:url('/platformlayout/flags/4x3/uz.png');}
.country-VU .loctitle:before {background:url('/platformlayout/flags/4x3/vu.png');}
.country-VA .loctitle:before {background:url('/platformlayout/flags/4x3/va.png');}
.country-VE .loctitle:before {background:url('/platformlayout/flags/4x3/ve.png');}
.country-VN .loctitle:before {background:url('/platformlayout/flags/4x3/vn.png');}
.country-VG .loctitle:before {background:url('/platformlayout/flags/4x3/vg.png');}
.country-VI .loctitle:before {background:url('/platformlayout/flags/4x3/vi.png');}
.country-WF .loctitle:before {background:url('/platformlayout/flags/4x3/wf.png');}
.country-EH .loctitle:before {background:url('/platformlayout/flags/4x3/eh.png');}
.country-YE .loctitle:before {background:url('/platformlayout/flags/4x3/ye.png');}
.country-ZM .loctitle:before {background:url('/platformlayout/flags/4x3/zm.png');}
.country-ZW .loctitle:before {background:url('/platformlayout/flags/4x3/zw.png');}
.country-DE .loctitle:before {background:url('/platformlayout/flags/4x3/de.png');}



/* Courier Search */
.courierCountrySearch {float:left;border:1px solid #ebebeb;line-height:48px;position:relative; font-size:12px;}
.courierCountrySearch>li, .courierCountrySearch>span {display:block;float:left; list-style: none;padding:0 16px;}
.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;background:#f2f3f4;}
.courierCountrySearch li[class*="country-"] .loctitle:before, .courierCountrySearch li[data-iso*="iso-"] .loctitle:before {margin:19px 12px 0 0;}
.courierCountrySearch span { font-size:12px;}
.courierCountrySearch span.loctitle {text-transform: capitalize;}
.courierCountrySearch-select {background:#2e61a0; color:white; cursor:pointer;}
.courierCountrySelection { background:rgba(0,0,0,0.65); width:100%;height:100%; position: fixed; top:0; left:0; z-index:100000; }
.courierCountrySelection-inner { background:white; width:425px; max-width:100%; position:relative; float:left; }
.courierCountrySelection-head {background:#ddd; line-height: 24px;}
.courierCountrySelection-close {float:right; font-size:24px;cursor: pointer;}
.courierCountrySelection-search {border-bottom:1px solid #ebebeb; position: relative;}
.courierCountrySelection-search input {appearance:none;-webkit-appearance:none;-moz-appearance:none; display:block;width:100%;line-height:48px;border:1px solid #999; outline:none !important; padding:0 64px 0 16px;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;display: none;}
.courierCountrySelection-search .emptysearch {position: absolute;top: 17px;right: 17px;display: block;width: 48px;height: 48px;line-height: 48px;text-align: center; cursor: pointer;cursor: pointer;}
.courierCountrySelection-body { max-height:60vh; overflow-y:auto; }
.courierCountrySelection-body li {list-style:none;display:block;border-bottom:1px solid #ebebeb;cursor: pointer;-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;}
.courierCountrySelection-body li.hideLocationCourier {display:none;}
.courierCountrySelection-body li:hover {background:#f4f5f7;}

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

	/* Courier Search */
	.courierCountrySearch>li, .courierCountrySearch>span {width:100% !important;}
	.courierchart .loctitle {font-size:16px;}
	.courierservice {width:100% !important;}
	.courierservice:nth-of-type(4n+1) {margin-right:0 !important;}
	.courierservice:nth-of-type(4n+2) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+4) {margin-left:0 !important;}
	.courierCountrySearch {line-height:32px !important; font-size:14px;}
	.courierCountrySearch>li, .courierCountrySearch>span {padding:0 8px !important;width:50% !important;}
	.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:0 !important;background:#f2f3f4;}
	.courierCountrySearch li span:before {margin:11px 12px 0 0 !important;}
	.courierCountrySearch span.courierCountrySearch-select {width:100% !important;text-align:center; height: 48px;line-height: 48px;font-size: 1.2em;}
	.courierCountrySelection-search .emptysearch {top:9px !important;right:9px !important;}
	.courierCountrySearch>li, .courierCountrySearch>span {width:100% !important;}
	.courierchart .loctitle {font-size:16px;}

}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
  /* Courier Search */
	.courierservice {width:100% !important;}
	.courierservice:nth-of-type(4n+1) {margin-right:0 !important;}
	.courierservice:nth-of-type(4n+2) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:0 !important;}
	.courierservice:nth-of-type(4n+4) {margin-left:0 !important;}
	.courierCountrySearch {line-height:32px !important; font-size:14px;}
	.courierCountrySearch>li, .courierCountrySearch>span {padding:0 8px !important;width:50% !important;}
	.courierCountrySearch li {border-left:1px solid #ebebeb;border-right:0 !important;background:#f2f3f4;}
	.courierCountrySearch li span:before {margin:11px 12px 0 0 !important;}
	.courierCountrySearch span.courierCountrySearch-select {width:100% !important;text-align:center; height: 48px;line-height: 48px;font-size: 1.2em;}
	.courierCountrySelection-search .emptysearch {top:9px !important;right:9px !important;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
	/* Courier Search */
	.courierservice {width:calc(50% - 8px) !important;}
	.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
	.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px)
{
	/* Shipping Page */
	.courierservice {width:calc(50% - 8px) !important;}
	.courierservice:nth-of-type(4n+1), .courierservice:nth-of-type(4n+3) {margin-left:0 !important; margin-right:4px !important;}
	.courierservice:nth-of-type(4n+2), .courierservice:nth-of-type(4n+4) {margin-left:4px !important; margin-right:0 !important;}
}
  @charset "UTF-8";
/* -- Shopping Cart */
.clWarning5 {
    color: #ff5858;
}

.ContentTableHeaderNone {
    margin: 16px 0;
}

    .ContentTableHeaderNone a.cOutNow {
        float: right;
    }

.ContentTableHeader {
}

.basketOptionsTopLeft h3 {
    font-size: 1em;
    text-decoration: none;
    padding: 0 1em 1em 0;
    margin: 0 0 0.5em 0;
}

.updateQty {
    margin: 1em 0 0 0;
    float: left;
    width: 100%
}

.bskRewardsBox {
    margin: 0;
    background: #E9F6DB;
    margin: 0 0 8px 0;
    border: 1px solid #c6d4b6;
}

.voucherBox {
    margin: 0
}

    .voucherBox h3 {
        font-size: 1em;
        text-decoration: none;
        padding: 0 1em 1em 0;
        margin: 0 0 0.5em 0;
    }

    .voucherBox .promoField {
        position: relative;
        margin-bottom: 16px;
        width: 100%;
    }

        .voucherBox .promoField p {
            margin-bottom: 0;
        }

    .voucherBox .formSingle {
        flex-grow: 1;
        width: initial !important;
    }

.shopDelCont {
}

.shippingCostMessage .cards {
    display: block;
    width: 100%;
    float: left;
    clear: both;
}

    .shippingCostMessage .cards div {
        float: left !important;
        margin: 0 0.5em 0.5em 0 !important;
    }

.metaPackDespatchMessage {
    outline: 1px solid #d0e6f2;
    background: #e6f3fa;
    padding: 16px;
    float: left;
    width: 100%;
    font-size: smaller;
}

    .metaPackDespatchMessage span:before {
        content: "\e006";
        margin: 0 1em 0 0;
        font-family: 'feather';
        color: #93c4e0
    }

.dpdMessage {
    outline: 1px solid #d0e6f2;
    background: #e6f3fa;
    padding: 16px;
    float: left;
    width: 100%;
    font-size: smaller;
    margin-bottom: 14px
}

    .dpdMessage img {
        float: left;
        margin-bottom: 14px;
    }

.metaPack {
}

    .metaPack ul {
        margin: 1em 0;
        padding: 0;
        display: block;
        float: left;
        width: 100%;
    }

        .metaPack ul li {
            list-style: none;
            display: block;
            clear: both;
            padding: 1em 0;
            float: left;
            width: 100%;
            position: relative;
            border-bottom: 1px solid #e1e1e1;
        }

            .metaPack ul li .metaPackService {
                padding: 0 6em 0 0;
            }

            .metaPack ul li .metaPackName {
                padding-bottom: 8px;
            }

            .metaPack ul li .metaPackMessage {
                font-size: 0.8em;
                color: red;
            }

                .metaPack ul li .metaPackMessage span {
                    color: black;
                }

            .metaPack ul li .metaPackSelect {
                float: right;
                padding: 0;
                border-radius: 50%;
                width: 58px;
                height: 58px;
                text-align: center;
                line-height: 41px;
                color: cornflowerblue;
                position: absolute;
                top: 1em;
                right: 0;
                font-size: 1em;
                text-transform: uppercase;
            }

.orderCartWrap {
    margin-bottom: 8px;
}

.orderTotal {
    float: left;
    display: block;
    margin: 0;
    width: 100%;
}

    .orderTotal .ContentTableHeader {
        text-align: left;
        font-family: 'citrfontbold';
    }

    .orderTotal table {
        float: left;
        width: auto !important;
    }

    .orderTotal tr {
        width: 100%;
    }

    .orderTotal tr, .orderTotal td {
        float: left;
        display: block;
        max-width: 100% !important;
        text-align: left;
    }

        .orderTotal tr:nth-of-type(1) .Order-Total-text {
            font-weight: 600;
            color: #484848;
            outline: 0;
            font-weight: normal;
            font-size: 18px;
            line-height: 1.2em;
            margin: 0 0 16px 0
        }

.Order-Total-text {
    text-align: left !important;
    display: block;
    float: left;
    width: auto !important;
    font-size: 15px;
    line-height: 21px;
}

.buttonChkOut {
    color: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    float: right;
    width: 100%;
}

    .buttonChkOut:hover {
    }

    .buttonChkOut#paypExpButton {
        background: url('/ssl/secure/resources/paypal-logo.png') #ffc439;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 104px;
        text-indent: -9999px;
        overflow: hidden;
    }

        .buttonChkOut#paypExpButton:hover {
            box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
        }

#payment-request-button:empty {
    display: none;
}

.mesageCC, .messageCPlus, .messageUK, .messageWorld {
    color: #009ddc;
}

    .mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
        margin: 0;
        font-size: 1em;
    }

.messageHighlight p {
    display: inline-block;
}

.bottomBasketButton {
}

div[class*="isoFlag"]:before {
    display: block;
    float: left;
    width: 16px;
    height: 11px;
    content: '';
    margin: 7px 12px 0 0;
}

.currencyCode {
    font-size: 10px
}

#GBP:before {
    background: url('/platformlayout/flags/4x3/gb.png') no-repeat #fff !important;
    background-size: contain !important;
}

#USD:before {
    background: url('/platformlayout/flags/4x3/us.png') no-repeat #fff !important;
    background-size: contain !important;
}

#EUR:before {
    background: url('/platformlayout/flags/4x3/eu.png') no-repeat #fff !important;
    background-size: contain !important;
}

#AUD:before {
    background: url('/platformlayout/flags/4x3/au.png') no-repeat #fff !important;
    background-size: contain !important;
}

#SEK:before {
    background: url('/platformlayout/flags/4x3/se.png') no-repeat #fff !important;
    background-size: contain !important;
}

#NOK:before {
    background: url('/platformlayout/flags/4x3/no.png') no-repeat #fff !important;
    background-size: contain !important;
}

#DKK:before {
    background: url('/platformlayout/flags/4x3/dk.png') no-repeat #fff !important;
    background-size: contain !important;
}

#NZD:before {
    background: url('/platformlayout/flags/4x3/nz.png') no-repeat #fff !important;
    background-size: contain !important;
}

#JPY:before {
    background: url('/platformlayout/flags/4x3/jp.png') no-repeat #fff !important;
    background-size: contain !important;
}

#CHF:before {
    background: url('/platformlayout/flags/4x3/ch.png') no-repeat #fff !important;
    background-size: contain !important;
}

#ISK:before {
    background: url('/platformlayout/flags/4x3/is.png') no-repeat #fff !important;
    background-size: contain !important;
}

#CAD:before {
    background: url('/platformlayout/flags/4x3/ca.png') no-repeat #fff !important;
    background-size: contain !important;
}

.bottomBasketButton a {
    text-align: center;
    width: 50%;
}

.buttonT3 {
    float: right;
    color: #fff !important;
    background: #484848 !important;
    border: 0 !important;
    outline: 0 !important
}

    .buttonT3:hover {
        background: #181b1d !important;
        color: white !important;
        border: 0 !important;
        outline: 0 !important
    }

.borderBottom {
    border-bottom: 1px solid #e6e8eb
}

.borderLeft {
    border-left: 1px solid #e6e8eb
}

.borderRight {
    border-right: 1px solid #e6e8eb
}

.floatRight {
    float: right !important
}

.bottomSpacing {
    padding: 0 0 32px 0;
    margin: 0 0 32px 0;
}

.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {
}

div.filterReorderCtr {
    margin: 0;
}

.col-80px {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 16px;
    float: none;
}

.borderCart {
    border: 1px solid #d4d4d4
}

.bskCTAMessages .col-1 {
    margin: 0 0 8px 0;
}

    .bskCTAMessages .col-1:last-child {
        margin: 0;
    }

    .bskCTAMessages .col-1 span {
        float: left;
        color: yellowgreen;
        line-height: 24px;
        width: 24px;
        margin: 0 4px 0 0;
        text-align: center;
        font-size: 13px;
    }

        .bskCTAMessages .col-1 span.fa-lock {
            color: tomato
        }

    .bskCTAMessages .col-1 p {
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 24px;
        display: contents;
    }

.currencyShoppingCart ul li {
    float: none;
    display: inline-block;
    list-style: none;
    margin: 0 16px 16px 0;
    ;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.indicateShoppingCart {
    display: block;
    width: 100%;
    font-size: 8.5pt;
    font-weight: normal;
    color: #666;
    margin: 0;
    clear: both;
    float: left
}

.currencyConverted {
    font-size: inherit !important;
    float: left;
}

.basketPayPalBtn::after {
    content: var(--12-shopping-cart-paypal-checkout);
}

.supportcards img {
    margin: 8px
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 768px) {
    /* Shopping Cart */
    .ContentTableHeaderNone a {
        margin-bottom: 1em;
        width: 100%;
        text-align: center
    }

    .voucherBox .promoField > .zflex {
        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;
    }

    .metaPack ul li .metaPackMessage span {
        color: black;
        display: block
    }

    .metaPack ul li .metaPackSelect {
        top: 17px
    }

    .updateQty {
        float: none;
    }

        .updateQty span {
            margin: 0.5em 0
        }

        .updateQty span, .updateQty a {
            width: 100%;
            text-align: center
        }

    .orderTotal a {
        display: none;
    }

    .orderTotal table {
        float: none;
        width: 100% !important;
    }

    .Order-Total-text {
        display: none;
    }

    .orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {
        display: block;
        width: 100% !important;
        margin: 0 !Important;
        text-align: center !important;
    }

    .mesageCC, .messageCPlus, .messageUK, .messageWorld {
        text-align: left;
    }

        .mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
            margin: 0;
            font-size: 1em;
        }

        .mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {
            display: inline-block;
            margin-left: 0.5em;
        }

    .bottomBasketButton a {
        text-align: center;
        width: 100%;
    }
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
    /* Shopping Cart shopping-cart-main-content*/
    .FullCartWrap .col-66p,
    .FullCartWrap .col-3,
    .shopping-cart-main-content .col-66p,
    .shopping-cart-main-content .col-3 {
        width: 100% !important;
        padding: 16px 0 0;
    }
}

.autoCheckoutButton[disabled] {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    opacity: 0.2;
}


/* TODO Remove this todo once Steph or Ben K has checked the CSS */
.rewards-item-estimate {
    font-size: small;
    display: inline-block;
    color: #4E9A14;
    font-weight: 400;
}

.rewards-basket-totalpanel {
    font-size: 14px;
    background-color: #DBE9D6;
    display: block;
    padding-right: 10px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 70px;
    margin-left: 25px;
    margin-right: 25px;
}
.rewards-basket-title {
    font-weight: bold
}
.rewards-basket-total {
    color: #4E9A14;
}

.rewards-basket-totalexplain {
    font-size: small;    
}
  @charset "UTF-8";
/* Site Map  */
.siteMap .NodeLevel0 {
    margin: 0 0 32px 0;
    display: block;
    float: left;
    flex-direction: row;
    padding: 0 !important;
    width: 100%;
    align-content: flex-start;
    flex-wrap: wrap;
    border: none !important;
}

    .siteMap .NodeLevel0 > a:after {
        display: none !important;
    }

    .siteMap .NodeLevel0 > div {
        display: inline-flex !important;
    }

    .siteMap .NodeLevel0 > a {
        margin: 0 0 8px 0;
        padding: 0;
        cursor: default;
        pointer-events: none;
        font-size: 1.33em;
        flex-wrap: wrap;
        width: 100%;
        text-align: left;
    }

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

        .siteMap .NodeLevel0 > a > span {
            letter-spacing: 1px;
            color: #333;
        }

            .siteMap .NodeLevel0 > a > span:after {
                display: none;
            }

    .siteMap .NodeLevel0 > .CSSFacetNavModules {
        position: relative;
        top: auto;
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-height: initial !important;
        padding: 0 0 16px 0;
        background: white;
        z-index: initial;
        opacity: 1 !important;
    }

.siteMap .NodeLevel1 {
    width: 50% !important;
    padding: 8px 0;
    margin: 0;
}

    .siteMap .NodeLevel1 > a {
        margin: 0 0 8px 0;
        padding: 0;
        text-transform: capitalize;
        letter-spacing: normal;
        font-size: medium;
    }

.siteMap .NodeLevel2 {
    width: 100%;
    margin: 0 0 4px 0 !important;
}

    .siteMap .NodeLevel2 > a {
        color: #333;
        margin: 0 !important;
        font-size: smaller;
    }


/* -- Mobile Phones & iPads (portrait and landscape) -- */
@media screen and (max-width: 768px) {
    .siteMap > ul > li {
        width: 100%;
    }

    .siteMap .NodeLevel0 {
        float: left;
        width: 100% !important;
        margin: 0;
    }

        .siteMap .NodeLevel0 > a {
            background: black;
            color: white;
            padding: 8px;
            margin: 0;
        }

    .siteMap .NodeLevel1 {
        width: 100% !important;
    }

    .siteMap .NodeLevel2 > a {
        font-size: small;
    }
}


@media screen and (min-width: 425.1px) and (max-width: 768px) {
    .siteMap .NodeLevel1 > .CSSFacetNavModules {
        -moz-column-count: 3;
        -moz-column-gap: 3;
        -webkit-column-count: 3;
        -webkit-column-gap: 3;
        column-count: 3;
    }
}  @charset "UTF-8";
/*  Starbuys -------------------------------------------------------------------------------------------*/
.taContainerSmall {
    background: #FFFFFF;
    padding: 0px !important;
}

.taContentContainerSmall {
    text-align: left;
}

.taTitle {
    width: 100%;
    border-bottom: 1px solid #E9D9EA;
    text-transform: uppercase;
    font-size: smaller !important;
    letter-spacing: 2px;
}

.taImg {
    position: relative;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

    .taImg span {
        position: absolute;
        background: #BD80BD;
        left: -8px;
        top: -40px;
        padding: 48px 22px;
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        transform: rotate(45deg);
    }

        .taImg span:after {
            content: "\f02b";
            font: 14px FontAwesome;
            color: #FFFFFF;
            position: absolute;
            left: 22px;
            top: 44px;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .taImg img {
        float: left;
        width: 100% !important;
        margin-bottom: 16px;
    }

.taTogeather, .taSeperately {
    padding: 0;
    list-style: none;
}

    .taTogeather li, .taSeperately li {
        margin: 16px 0px;
    }

.taTogeather {
    color: #a664a8;
    line-height: 180%;
}

    .taTogeather span, .taSeperately span {
        line-height: 150%;
        width: 63%;
        display: inline-block;
        vertical-align: text-top;
        padding: 0;
        margin: 0;
    }

        .taTogeather span:nth-child(2), .taSeperately span:nth-child(2) {
            padding: 0 16px;
            width: 34%;
        }

.taSeperately {
    font-size: smaller;
    line-height: 150%;
    line-height: 225%; /* padding: 0 16px; */
}

.taContentContainerSmall h2 {
    margin: 16px 0;
}

.taContentContainerSmall h3 {
    color: #a664a8;
    font-size: 18px;
    padding: 0 0 16px 0;
    margin: 0;
    text-align: left;
}

.taPromoTitleMultiItem {
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
    color: rgba(255, 255, 255, 0.49);
}

    .taPromoTitleMultiItem span {
        color: rgb(9, 9, 11);
        line-height: 200%;
    }

.taPromoTextMultiItem, .taPromoTextMultiItem p {
    margin: 0;
    padding: 32px 0;
    color: #BC8BBE;
    margin: 0 auto;
}

.taAddMessage {
    display: block;
    clear: both;
}

#prodInfoLeft {
    border-right: none;
}

.flexsliderMIVThumbnails {
    display: none;
}

.flexsliderMIV .flex-direction-nav {
    border-bottom: 1px solid #e1e1e1;
    display: none;
}

.detailReviewFAQ > .col-2:nth-of-type(1) {
    border-bottom: 1px solid #e1e1e1;
    border-right: none;
    margin: 0 0 16px 0;
    min-height: auto
}

.flexsliderReviews .flex-control-nav {
    display: block !important;
}

#StarbuysPopup {
    background: rgba(0, 0, 0, 0);
    color: white;
    width: 100%;
    height: 100%;
    float: left;
}

    #StarbuysPopup .col-2 {
        color: white;
    }

.StarbuysPopupTop p {
    color: #999
}

.StarbuysPopupTop span:after {
    content: "\f02b";
    font: normal normal normal 18px/1 FontAwesome;
    color: #BD80BD;
}

.StarbuysPopupTop h2 {
    color: white;
    font-size: 1.5em;
}

    .StarbuysPopupTop h2 span {
        color: #dddbf0
    }

.StarbuysPopupBottom {
    float: left;
    width: 100%;
}

    .StarbuysPopupBottom p {
        height: 51px;
        line-height: 51px;
        color: white;
        margin: 0;
        font-size: 0.75em;
    }

        .StarbuysPopupBottom p a {
            color: #999;
            border-bottom: 1px solid #999;
            padding-bottom: 8px;
        }

    .StarbuysPopupBottom .button {
        background: none !important;
        background-color: #BD80BD !important;
        color: #fff;
    }

        .StarbuysPopupBottom .button:hover {
            background: #A553A5 !important;
            color: #FFFFFF !important;
        }

/* -- Star Buys Promotion Page -- */
.taTitleContainer {
    background: #BD80BD;
    color: #fff;
    margin-bottom: 18px;
}

    .taTitleContainer h1, .taTitleContainer h2, .taTitleContainer h3 {
        color: #fff;
        font-weight: normal;
        margin: 0;
    }

        .taTitleContainer h1 span {
            color: #ccccff
        }

    .taTitleContainer a {
        color: #ccccff;
        text-decoration: none;
    }

.taContainer {
}

.taNoButton {
    margin-bottom: 4px;
    display: inline-block
}

.taBorderBottom {
    border-bottom: 1px solid #BD80BD
}

.taGreyBackground {
    background: #f4f5f6
}

.taStrapline {
    display: block;
    color: #7873b0;
}

.sbButton {
    border-color: #7873b0;
    color: #7873b0;
    border-style: solid;
    border-width: 1px;
    margin: 1em 0
}

    .sbButton:hover {
        background: #7873b0;
        color: #fff;
    }

.taNoButton {
    text-decoration: none;
    font-size: 0.8em;
    border-bottom: 1px solid #C7C7C7;
    padding-bottom: 7px;
}

.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {
    color: #7873b0;
}

.taMultiItemContainer, .taSingleItemContainer {
    position: relative
}

.taMultiItemImageContainer {
}

    .taMultiItemImageContainer img {
        max-width: 100%
    }

.taMultiItemTextContainer {
}

.taRepeatContainerOuter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
}

    .taRepeatContainerOuter > .col-3 {
        flex-basis: 33.33%
    }

.taMultiItemRepeater {
    vertical-align: top;
    margin: 0
}

.taMultiItemRepeaterContent {
}

    .taMultiItemRepeaterContent .taImg img {
        padding: 0 !important
    }

.taMultiItemRepeaterImageContainer {
    background-size: cover !important;
    border-right: 1px solid #e1e1e1
}

.taMultiItemRepeaterContentContainer {
    padding: 1em
}

.taMoreInfo {
}

.taMultiItemAttributes {
}

.taMultiItemProducts {
    float: right;
}

.taclAttributeGridContainer {
}

.taclAttributeGrid {
    padding: 0;
    margin: 0 0 8px 0;
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

    .taclAttributeGrid li {
        list-style: none;
        display: block;
        height: 48px;
        line-height: 48px;
        background: #f4f4f4;
    }

.taname {
    height: auto !important;
    background: #fafafa;
    padding: 0 16px;
    flex-grow: 1;
    width: 50%;
}

.taprice {
    background: #f4f4f4;
    padding: 0 16px;
    width: 50%;
}

.tastock {
    padding: 0 16px;
}

    .tastock .OutofStockCSS {
        height: 48px;
    }

.taadd {
    flex-grow: 1;
    float: left;
}

    .taadd img {
        width: 100%;
        height: 48px;
        display: block;
        cursor: pointer;
        background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;
        background-position: center center;
    }

/*  Starbuys overrides */
.taNoButton {
    border-bottom: none;
    clear: both;
    display: block;
    border-bottom: none !important
}

.taname {
    width: initial;
    flex-grow: initial;
}

.filterReorderCtr, .reorderCtr, .betterSearchFilters {
    display: none
}

.col-268-betterSearch {
    height: 500px;
    padding: 16px
}

    .col-268-betterSearch img {
        height: auto
    }

    .col-268-betterSearch .productName {
        height: 55px;
        cursor: pointer;
        color: initial;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0;
    }

#tagAlongPanel > div {
    padding: 32px;
}

.taContentContainerSmall > div:last-child {
    padding: 32px
}

span[id*="lblPromoText"] {
    font-size: initial
}

/* Starbuys v2 Page */
.sbv2-page-bg {
    background: #f3ebfa;
    position: relative;
    padding-right: 48px;
}

    .sbv2-page-bg: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;
    }

.sbv2-page---appto {
    padding-top: 10px;
    position: relative;
    color: #a46ec2;
    opacity: 0.6;
}

    .sbv2-page---appto:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        width: 16px;
        content: "";
        background: #a46ec2;
        display: block;
    }

.sb-ends-soon {
    order: -1;
}

    .sb-ends-soon:before {
        content: var(--14-starbuys-page-offer-ending);
        background: #a46ec2;
        display: block;
        color: white;
        writing-mode: vertical-rl;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        font-size: 10px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        width: 20px;
        line-height: 20px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        text-rendering: optimizeLegibility;
    }

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px) {
    .col-268-betterSearch {
        width: 50%;
    }

    #tagAlongPanel > div {
        padding: 16px !important;
    }
}

@media screen and (min-width : 768px) and (max-width : 1023.99px) {
    .taOuter {
        padding: 0 !important;
    }

    .taTitleContainer h1 {
        font-size: 1.5em;
    }

    .taTitleContainer h2 {
        font-size: 1em;
    }

    .taTitleContainer h1 span {
        display: block;
    }

    .taMultiItemRepeaterImageContainer {
        border-bottom: 1px solid #e1e1e1;
        border-right: none;
    }

    .taMultiItemRepeaterContentContainer {
    }

    .taclAttributeGrid {
        padding: 0.5em 0;
    }

    .taname {
        line-height: 24px !important;
        padding: 16px 0 !important;
    }

    .taRepeatContainerOuter > .col-3 {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .taclAttributeGrid li {
        width: 100%;
        text-align: center;
    }

    .col-268-betterSearch {
        width: 50%
    }
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.99px) {
    /* -- Star Buys ----- */
    .taRepeatContainerOuter > .col-3 {
        flex-basis: 50% !important;
        width: 50% !important;
    }

    .taclAttributeGrid li {
        text-align: center;
    }

        .taclAttributeGrid li.taname, .taclAttributeGrid li.taprice, .taclAttributeGrid li.tastock > span {
            width: 100%;
        }

        .taclAttributeGrid li.taadd {
            min-width: 64px;
        }
}

@media screen and (min-width : 1440px) and (max-width : 1913.99px) {
    .col-268-betterSearch {
        width: 25%
    }
}

@media screen and (min-width : 1914px) {
    .col-268-betterSearch {
        width: 20%
    }
}
  @charset "UTF-8";
/* Trusted Reviews  */
.reviewStars {font-family:'FontAwesome';color:#ffcc00;font-size:2.5em;}
.reviewStars span {display:none;}
.reviewStars span:first-of-type {display:block;}
#tReviewOverview .reviewOverview {display:none;}
#tReviewOverview .reviewOverview:first-of-type {display:block;}
#tReviewOverview h2 {color:#3b3d3f}
#tReviewOverview h2 span {color:#27af0f}
#tReviewBox {margin: 0 -16px;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;	flex-direction: row-reverse;flex-flow: row-reverse wrap-reverse;-webkit-flex-wrap: wrap-reverse;-moz-flex-wrap: wrap-reverse;-ms-flex-wrap: wrap-reverse;	flex-wrap: wrap-reverse;}
#tReviewBox .reviewBox {background:#e6e8eb;    text-align: left;}
#tReviewBox .reviewBox h4 {background:#27af0f;color:white;width:80px;height:80px;position:relative;text-align:center;line-height:64px;font-size: 1.5em;padding: 0;margin: 0;}
#tReviewBox .reviewBox h4 span {background:#18181d;color:white;width:80px;position:absolute;bottom:0;left:0;font-size:0.6em;line-height:2em}
#tReviewBox .reviewBox h3 {border-bottom:1px solid #c6c9cd; margin-bottom:8px;padding-bottom:8px;margin-top:16px;height: auto;width: 100%;float: left;    text-align: left;}
#tReviewBox .reviewBox h3 span {float:right;font-size:0.8em;color:#999}
#tReviewBox .reviewBox .reviewComment {margin:0 0 16px 0;border-bottom:1px dotted #c6c9cd; text-align: left;}
#tReviewBox .reviewBox .reviewComment strong {display:block;}
#tReviewBox .ratingsBox {display:flex;flex-grow: 5;flex-flow: row wrap;width: 100%;float:left;}
#tReviewBox .reviewBox .ratings {background:#65bbdd;color:white;position:relative;text-align:center;line-height:64px;height: 80px;min-width: 80px;margin: 0 16px 16px 0;}
#tReviewBox .reviewBox .ratings span {background:#18181d;color:white;width:80px;position:absolute;bottom:0;left:0;font-size:0.6em;line-height:2em}
#tReviewBox > div { margin-bottom:32px}
@media screen and (max-width: 767.9px) {
    #tReviewBox > div { margin-bottom: 16px}
}  @charset "UTF-8";
.workshop{margin-top:32px;margin-bottom:32px;width:100%;}
.workshop h3{padding: 0;margin: 0;}
.workshop .wsPrice{float:right;color:#fff;padding:2px 8px;}
.checkList{margin-top: 16px;padding:0;}
.checkList li{border-top: 1px dashed #D6D6D6;list-style:none;font-size:smaller;padding:16px 0;}
.checkList li:before {font-family: 'feather';content:"\e042";padding-right: 16px;color: inherit;}
.checkList li:first-of-type{border-top: 1px solid #999;}
.servicePackages .col3.blkBorder p{text-align:center;}
.servicePackages p strong{font-size:40px;}
.servicePackages span.spanner,.swcLanding .servicePackages span.spanner span{display:inline-block;background:url(/layout/workshopSpanner.jpg) 0 -70px repeat-x;width:100%;height:51px;background-size:50px;}
.servicePackages span.spanner.wider,.swcLanding .servicePackages span.spanner.wider span{height:55px;background-size:52px;}
.servicePackages span.spanner span{background-position:0 0;float:left;}
.leaders{overflow-x:hidden;list-style:none;text-align:left;width:100%;margin:32px 0;padding:0;}
.leaders li{position:relative;display:inline-table;width:100%;font-size:smaller;margin:16px 0;}
.leaders li:after{position:absolute;z-index:0;bottom:0;left:0;white-space:nowrap;vertical-align:middle;content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";}
.leaders strong:first-child{background:#FFF;padding-right:8px;z-index:1;position:relative;}
.leaders strong + strong{float:right;padding-left:8px;position:relative;background:#FFF;z-index:1;}
.leaders small{font-size:11px;}  @charset "UTF-8";
/*  Returns  */
.returns, .returns div.container  {width: 100%;float: left;clear: both;padding-top: 56px;}
.returns .col-3 {background: #fdfdfd;border-radius: 10px;padding:32px;outline: 1px solid #efefef;}
.returns .col-2 { width:50%}
.returns h2, .returns h4 { text-align:center}
.newReturns {margin-top:-50px;background: #fff; position:relative;}
.returns ol {padding-left: 0px;}
.returns ol li {padding: 16px 0}
.returns li, .returns p {padding: 0px;}
.NewSash { position:absolute; top:16px; right:16px; background:#ff6448; padding:2px 8px; font-size:small; color:#fff; border-radius: 4px}
.returns a {color: #528abb;border-bottom: 1px dotted #b9b9b9;}
.returns a:hover {color: #1c588c;border-bottom: 1px dotted #528abb;}
.Xmas { display: none}


/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px)
{
	/*  Returns  */
	.returns .col-3 {padding:32px 16px ;  width:100%}
	.newReturns {margin:16px 0 }
	.returns .zflex-v { display: inline-block }
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (max-width: 1439px) and (min-width: 1024px)
{
	/*  Returns  */
	.returns .col-3 {padding: 32px;}
	.newReturns {margin-top:-25px }
}  /* 18-pages */
  @charset "UTF-8";

.brandPageBoxNew>div {
    padding: 16px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    flex-grow: 1;
    ms-flex-grow:1;
    min-width: 20%
}

    .brandPageBoxNew>div strong {
        display:block;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #d2d2d2;
    }

    .brandPageBoxNew>div> a {
        font-size: large;
        clear: both;
        float: left;
        display: inline-block;
        color: #313131;
        margin: 0 28px 5px 0;
        padding: 0 0 3px 0;
        line-height: 130%;
        position: relative;
        overflow: hidden;
    }

@media screen and (max-width: 767px){
    .brandPageBoxNew > div {
        min-width: 50%
    }
}

@media screen and (min-width : 768px) and (max-width : 1023.99px) {
    .brandPageBoxNew > div {
        min-width: 33.33%
    }
}
  /* Purposefully empty > Moved to modules/css/accounts folder */  @charset "UTF-8";
/*  Compare Page  */

.compare-min-height {
    min-height: 71px;
}

#comparetgt p {
    margin: 0;
    min-height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#comparetgt > div {
    position: relative;
}

    #comparetgt > div > .imgCtr {
        overflow: hidden;
    }

        #comparetgt > div > .imgCtr:before {
            position: absolute;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            z-index: 2;
            background: black;
            color: white;
            line-height: 24px;
            height: 24px;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            width: 150px;
            text-align: center;
            top: 29px;
            right: -33px;
        }

    #comparetgt > div[data-before-tag="lowest"] {
        order: -2;
    }

        #comparetgt > div[data-before-tag="lowest"] > .imgCtr:before {
            content: var(--21-product-compare-best-value);
        }

    #comparetgt > div[data-before-tag="highest"] {
        order: -3;
    }

        #comparetgt > div[data-before-tag="highest"] > .imgCtr:before {
            content: var(--21-product-compare-premium-option);
        }

    #comparetgt > div[data-before-tag="average"] {
        order: -1;
    }

        #comparetgt > div[data-before-tag="average"] > .imgCtr:before {
            content: var(--21-product-compare-middle-ground);
        }

@media print {
    .printhide {
        display: none;
    }
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px) {

    #comparestats {
        display: none;
    }

    #comparetgt > div {
        width: 50%;
    }

    .compare-min-height {
        font-size: medium !important;
    }

    #comparetgt p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
  /* General styling --------------------------------------------------------------------------- */

body.new-basket {
}

    body.new-basket .basket-wrapper {
        font-size: 16px;
    }

        body.new-basket .basket-wrapper .x-small {
            font-size: 10px !important;
        }

        body.new-basket .basket-wrapper .small {
            font-size: 13px !important;
        }

        body.new-basket .basket-wrapper h1 {
            font-size: 30px;
            margin: 0 0 16px 0;
        }

        body.new-basket .basket-wrapper #new-basket-bubbles {
            margin-bottom: 16px;
        }

        body.new-basket .basket-wrapper > .grid > .container,
        body.new-basket .basket-wrapper #new-basket-shipping,
        body.new-basket .basket-wrapper #new-basket-totals,
        body.new-basket .basket-wrapper #new-basket-paymentoptions,
        body.new-basket .basket-wrapper #new-basket-reductionsmessage,
        body.new-basket .basket-wrapper #new-basket-additionalmessage {
            padding: 32px;
        }

            body.new-basket .basket-wrapper #new-basket-additionalmessage > div {
                padding-right: 16px;
            }

        body.new-basket .basket-wrapper p {
            text-align: justify;
        }

        body.new-basket .basket-wrapper button,
        body.new-basket .basket-wrapper .button {
            min-height: 48px;
            line-height: 150%;
            padding: 16px;
            height: auto;
        }

        body.new-basket .basket-wrapper,
        body.new-basket .basket-wrapper *:not(.fa) {
            font-family: 'MuliRegularFont';
        }

            body.new-basket .basket-wrapper .boldfont,
            body.new-basket .basket-wrapper .boldfont *:not(.fa),
            body.new-basket .basket-wrapper h1,
            body.new-basket .basket-wrapper h2,
            body.new-basket .basket-wrapper h3,
            body.new-basket .basket-wrapper h4,
            body.new-basket .basket-wrapper h5,
            body.new-basket .basket-wrapper h6 {
                font-family: 'MuliBoldFont';
            }

            body.new-basket .basket-wrapper a {
                color: dodgerblue;
                border-bottom: 1px solid;
            }

    body.new-basket button,
    body.new-basket [class*="button-"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        display: block;
        border-radius: 4px;
        color: white !important;
        border-bottom: none !important;
        margin-bottom: 16px;
    }

        body.new-basket button:hover,
        body.new-basket [class*="button-"]:hover {
            box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
        }

    body.new-basket .new-basket-header {
        background: #222;
        color: white;
        padding: 4px 8px;
        margin-bottom: 8px;
    }

        body.new-basket .new-basket-header.no-margin {
            margin-bottom: 0;
        }

    body.new-basket .new-basket-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*grid-template-rows: repeat(5, 1fr);*/
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-bottom: 32px;
    }

        body.new-basket .new-basket-grid div[data-role="products"] {
            grid-area: 1 / 1 / 2 / 6;
        }

        body.new-basket .new-basket-grid div[data-role="shipping"] {
            grid-area: 2 / 1 / 4 / 2;
        }

        body.new-basket .new-basket-grid div[data-role="totals"] {
            grid-area: 2 / 2 / 3 / 3;
        }

        body.new-basket .new-basket-grid div[data-role="payment-options"] {
            grid-area: 2 / 3 / 3 / 4;
        }

        body.new-basket .new-basket-grid div[data-role="reductions-message"] {
            grid-area: 2 / 4 / 3 / 6;
        }

        body.new-basket .new-basket-grid div[data-role="additional-message"] {
            grid-area: 3 / 2 / 4 / 6;
        }

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

    body.new-basket .basket-wrapper > .grid > .container {
        padding: 16px;
    }

    body.new-basket .basket-wrapper #new-basket-shipping,
    body.new-basket .basket-wrapper #new-basket-totals,
    body.new-basket .basket-wrapper #new-basket-paymentoptions,
    body.new-basket .basket-wrapper #new-basket-reductionsmessage,
    body.new-basket .basket-wrapper #new-basket-additionalmessage {
        padding: 24px;
    }

    body.new-basket .new-basket-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

        body.new-basket .new-basket-grid div[data-role="products"] {
            grid-area: 1 / 1 / 1 / 1;
        }

        body.new-basket .new-basket-grid div[data-role="shipping"] {
            grid-area: 2 / 1 / 2 / 1;
        }

        body.new-basket .new-basket-grid div[data-role="totals"] {
            grid-area: 4 / 1 / 4 / 1;
        }

        body.new-basket .new-basket-grid div[data-role="payment-options"] {
            grid-area: 5 / 1 / 5 / 1;
        }

        body.new-basket .new-basket-grid div[data-role="reductions-message"] {
            grid-area: 3 / 1 / 3 / 1;
        }

        body.new-basket .new-basket-grid div[data-role="additional-message"] {
            grid-area: 6 / 1 / 6 / 1;
        }
}

/* CTA & Information section --------------------------------------------------------------------------- */
body.new-basket .new-basket-bubble {
    background: #5cdb94;
    min-height: 48px;
    width: 33.33%;
    padding: 8px 16px;
    user-select: none;
}

    body.new-basket .new-basket-bubble[data-toggle][style*="inline"] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
    }

    /* Only 1 active */
    body.new-basket .new-basket-bubble:only-of-type {
        width: 100%;
    }

    /* Only 2 active */
    body.new-basket .new-basket-bubble:first-of-type:nth-last-of-type(2),
    body.new-basket .new-basket-bubble:last-of-type:nth-of-type(2) {
        width: 50%;
    }

    body.new-basket .new-basket-bubble:first-of-type:nth-last-of-type(2) {
        margin-right: 8px;
    }

    body.new-basket .new-basket-bubble:last-of-type:nth-of-type(2) {
        margin-left: 8px;
    }

    /* All active */

    body.new-basket .new-basket-bubble:first-of-type:nth-last-of-type(3) {
        margin-right: 8px;
    }

    body.new-basket .new-basket-bubble:last-of-type:nth-of-type(3) {
        margin-left: 8px;
    }

    body.new-basket .new-basket-bubble:nth-of-type(2):nth-last-of-type(3) {
        margin-left: 4px;
        margin-right: 4px;
    }

body.new-basket .new-basket-info,
body.new-basket .new-basket-error,
body.new-basket #stock-error-message-warning {
    color: #b3881a;
    border: 1px solid #b3881a;
    background: #f6f4ef;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
}

body.new-basket .new-basket-error,
body.new-basket #stock-error-message-warning {
    color: tomato;
    background: #ffeae7;
    border-color: #ffeae7;
}

    body.new-basket .new-basket-error p {
        font-family: 'MuliBoldFont';
        margin: 0 0 0.25em 0;
    }

    body.new-basket .new-basket-error ul {
        margin: 0.75em 0 0 0;
        list-style: inside;
    }

/* Items section --------------------------------------------------------------------------- */

body.new-basket .basket-items .basket-itemrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    line-height: 150%;
    padding: 16px 0;
}

    body.new-basket .basket-items .basket-itemrow [class*="basket-items-column-"] {
        padding-right: 8px;
        line-height: 24px;
        position: relative;
    }

        body.new-basket .basket-items .basket-itemrow [class*="basket-items-column-"]:not(.zflex-v) {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            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;
        }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-product {
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-img {
        width: 84px;
        min-width: 84px;
        max-width: 84px;
        flex-basis: 84px;
        padding-right: 0;
        margin-right: 8px;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-price,
    body.new-basket .basket-items .basket-itemrow .basket-items-column-saving {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        flex-basis: 80px;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-mng {
        width: 96px;
        min-width: 96px;
        max-width: 96px;
        flex-basis: 96px;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-total {
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        flex-basis: 90px;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-qty {
        width: 32px;
        min-width: 32px;
        max-width: 32px;
        flex-basis: 32px;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-column-saving [data-savingvisible*="alse"],
    body.new-basket .basket-items [data-msg=""],
    body.new-basket .basket-items [data-matrix="No Option"] {
        display: none;
    }

    body.new-basket .basket-items .basket-itemrow .basket-items-ctrl {
        width: 24px;
        height: 24px;
        line-height: 22px;
        text-align: center;
        cursor: pointer;
        background: #222;
        color: white;
    }

        body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---remove {
            background: tomato;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---plus,
        body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---minus {
            margin-right: 8px;
        }

            body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---plus:hover,
            body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---minus:hover {
                background: dodgerblue;
                color: white;
            }

body.new-basket #new-basket-starbuyitems.basket-items .basket-itemrow .basket-items-ctrl.basket-items---plus,
body.new-basket #new-basket-starbuyitems.basket-items .basket-itemrow .basket-items-ctrl.basket-items---minus,
body.new-basket .basket-itemrow-wrapper[data-producturl*="/builder"] .basket-items-ctrl.basket-items---plus,
body.new-basket .basket-itemrow-wrapper[data-producturl*="/builder"] .basket-items-ctrl.basket-items---minus {
    display: none;
}

body.new-basket .basket-items .basket-itemrow .basket-items-ctrl:before {
    font-family: feather;
}

body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---plus:before {
    content: "\e114";
}

body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---minus:before {
    content: "\e115";
}

body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---remove:before {
    content: "\e117";
}

body.new-basket .basket-items div[class*="new-basket-starbuy"] .basket-items-column-img {
    position: relative;
    margin-bottom: 24px;
}

    body.new-basket .basket-items div[class*="new-basket-starbuy"] .basket-items-column-img:after {
        background: #b07ed7;
        color: white;
        content: var(--22-new-basket-star-buy);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        position: absolute;
        bottom: -24px;
        left: 0;
        display: block;
        height: 20px;
        padding: 0 4px;
        font-size: 10px;
        line-height: 20px;
        width: 84px;
        text-align: center;
    }

body.new-basket .basket-items [data-starbuytitle] {
    display: none;
}

body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] {
    display: block;
    float: left;
    border-radius: 3px;
    overflow: hidden;
}

    body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] span {
        background: var(--starbuyColourThree);
        color: var(--starbuyColourOne);
        padding: 8px;
    }

        body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] span.starbuy-child-offer-explainer,
        body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] span.starbuy-child-offer-explainer * {
            background: var(--starbuyColourOne);
            color: var(--starbuyColourThree) !important;
        }

            body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] span.starbuy-child-offer-explainer .fa {
                vertical-align: text-top;
            }

@media screen and (max-width: 1023.9px) {
    body.new-basket .basket-items.basket-item-header {
        display: none;
    }

    body.new-basket .basket-items .basket-itemrow {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        body.new-basket .basket-items .basket-itemrow [class*="basket-items-column-"] {
            padding-right: 0;
            padding-bottom: 8px;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            flex-basis: 100%;
            padding-left: 96px;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-qty,
        body.new-basket .basket-items .basket-itemrow .basket-items-column-mng {
            width: auto;
            min-width: auto;
            max-width: auto;
            flex-basis: auto;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-mng {
            padding-left: 16px;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-product {
            -webkit-align-content: stretch !important;
            -moz-align-content: stretch !important;
            -ms-align-content: stretch !important;
            align-content: stretch !important;
            -webkit-align-items: flex-start !important;
            -moz-align-items: flex-start !important;
            -ms-align-items: flex-start !important;
            align-items: flex-start !important;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-img,
        body.new-basket .basket-items .basket-itemrow .basket-items-column-product {
            padding-left: 0;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-img {
            margin-right: 12px;
            width: 84px;
            min-width: 84px;
            max-width: 84px;
            flex-basis: 84px;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-price:before,
        body.new-basket .basket-items .basket-itemrow .basket-items-column-saving:before,
        body.new-basket .basket-items .basket-itemrow .basket-items-column-qty:before,
        body.new-basket .basket-items .basket-itemrow .basket-items-column-total:before {
            display: block;
            float: left;
            width: 64px;
            content: var(--22-new-basket-price);
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-saving:before {
            content: var(--22-new-basket-saving);
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-saving[data-savingvisible*="alse"] {
            display: none;
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-qty:before {
            content: var(--22-new-basket-quantity);
        }

        body.new-basket .basket-items .basket-itemrow .basket-items-column-total {
            font-family: 'MuliBoldFont';
        }

            body.new-basket .basket-items .basket-itemrow .basket-items-column-total:before {
                content: var(--22-new-basket-total);
            }

        body.new-basket .basket-items .basket-itemrow .basket-items-ctrl {
            width: 34px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            cursor: pointer;
            background: #222;
            color: white;
        }

            body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---plus,
            body.new-basket .basket-items .basket-itemrow .basket-items-ctrl.basket-items---minus {
                margin-right: 12px;
            }

    body.new-basket .basket-items div.new-basket-starbuychild [data-starbuytitle] span {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        line-height: 1.3em;
    }
}

/* Shipping section --------------------------------------------------------- */

body.new-basket .basket-shippingrow {
    padding: 16px 0;
}

    body.new-basket .basket-shippingrow:first-of-type {
        padding-top: 0;
    }

    body.new-basket .basket-shippingrow:last-of-type {
        border-bottom: none;
    }

    body.new-basket .basket-shippingrow > div {
        margin-bottom: 8px;
    }

    body.new-basket .basket-shippingrow .basket-shippingrow-price {
        margin-left: 8px;
    }

/* Totals section --------------------------------------------------------- */

body.new-basket .new-basket-total-row {
}

    body.new-basket .new-basket-total-row .new-basket-total-title {
        width: 40%;
    }

    body.new-basket .new-basket-total-row .new-basket-total-value {
        width: 60%;
    }


body.new-basket #new-basket-currencytotal .basket-convertedtotal {
    float: left;
    width: 50%;
    line-height: 12px;
    padding-bottom: 16px;
    font-size: 12px !important;
}

    body.new-basket #new-basket-currencytotal .basket-convertedtotal:last-of-type {
        padding-bottom: 0;
    }

    body.new-basket #new-basket-currencytotal .basket-convertedtotal div[class*="isoFlag"]:before {
        margin-top: 0;
        margin-right: 6px;
    }

@media screen and (min-width: 1024px) {
    body.new-basket #new-basket-currencytotal .basket-convertedtotal {
        width: 50%;
    }
}


/* Payment Options section --------------------------------------------------------- */
body.new-basket #stock-error-message-warning {
    padding: 16px;
}

body.new-basket #cart-paymenticons img {
    width: 60px;
    height: 40px;
    margin: 0 8px 8px 0;
}

body.new-basket .payment-buttons button.button-card {
    background: dodgerblue;
}


body.new-basket .payment-buttons button.button-finance {
    background: #389583;
}

body.new-basket .payment-buttons .button-paypal {
    background: url(/ssl/secure/resources/paypal-logo.png) #ffc439;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 104px;
    text-indent: -9999px;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
    text-align: center;
    padding: 0 16px;
}

@media screen and (max-width: 1023.9px) {
    body .new-basket .basket-wrapper .ctrPad32, body.new-basket .basket-wrapper .ctrPad16 {
        padding: 16px
    }

    body.new-basket .basket-wrapper .ctrPad8 {
        padding: 8px;
    }

    body.new-basket .new-basket-right {
        width: 100%;
        padding-left: 0 !important;
    }
}

body.new-basket [data-toggle] {
    display: none;
}


/* Essential Items Repeater --------------------------------------------------------- */
div#EssentialItemsRepeater_FAFCustomPanel {
    display: grid;
    width: 100%;
    align-items: center;
    grid-column: span 4;
}

    div#EssentialItemsRepeater_FAFCustomPanel > h2 {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
    }

    div#EssentialItemsRepeater_FAFCustomPanel > p {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
    }

    div#EssentialItemsRepeater_FAFCustomPanel > a {
        margin-left: auto;
        text-decoration: underline;
        grid-column: 2;
        grid-row: 1 / 3;
    }

    div#EssentialItemsRepeater_FAFCustomPanel #flexsliderMP {
        flex-basis: 100%;
        grid-column: span 2;
        margin-top: 0.5rem;
    }

    div#EssentialItemsRepeater_FAFCustomPanel .flexsliderMP ul {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 1em;
    }

@media screen and (max-width: 1440px) {
    div#EssentialItemsRepeater_FAFCustomPanel .flexsliderMP ul {
        display: grid;
        padding: 1em;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1em;
    }

    div#EssentialItemsRepeater_FAFCustomPanel .flexsliderMP {
        margin: 16px;
    }
}

@media screen and (max-width: 1024px) {
    div#EssentialItemsRepeater_FAFCustomPanel {
        grid-column: span 1;
    }
}

@media screen and (max-width: 768px) {
    div#EssentialItemsRepeater_FAFCustomPanel > p {
        display: none;
    }

    div#EssentialItemsRepeater_FAFCustomPanel .flexsliderMP ul {
        display: grid;
        padding: 1em;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1em;
    }

    div#EssentialItemsRepeater_FAFCustomPanel .flexsliderMP {
        margin: 9px;
    }
}

div#EssentialItemsRepeater_FAFCustomPanel > div ul.slides > li {
    display: flex;
    flex-flow: column nowrap;
    border: none;
    position: relative;
    overflow: hidden;
}

div#EssentialItemsRepeater_FAFCustomPanel a {
    border: none;
}

div#EssentialItemsRepeater_FAFCustomPanel > 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;
}

div#EssentialItemsRepeater_FAFCustomPanel > div ul.slides > li .nowPrice-repeater {
    font-weight: bold;
}

div#EssentialItemsRepeater_FAFCustomPanel > div [id*="lblDiscounttext"] {
    color: #000;
    font-weight: bold;
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    border-left: 1px solid #dadada;
}

div#EssentialItemsRepeater_FAFCustomPanel > div ul.slides > li .percentOff-repeater {
    margin-right: 4px;
}

div#EssentialItemsRepeater_FAFCustomPanel > div ul.slides > li .standardPrice-repeater,
div#EssentialItemsRepeater_FAFCustomPanel > div ul.slides > li .nowPrice-repeater,
div#EssentialItemsRepeater_FAFCustomPanel > div [id*="lblDiscounttext"] {
    font-size: 14px;
    color: initial;
}

div#EssentialItemsRepeater_FAFCustomPanel > div .pricingRepeater {
    border-bottom: 1px solid #ccc;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
}

div#EssentialItemsRepeater_FAFCustomPanel > div > a {
    font-size: 0px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

    div#EssentialItemsRepeater_FAFCustomPanel > div > a::before {
        content: 'See More...';
        font-size: 20px;
        align-content: center;
        padding-right: 0.5em;
        align-items: center;
        display: flex;
        justify-content: flex-end;
        color: #163d66;
    }

    div#EssentialItemsRepeater_FAFCustomPanel > div > a::after:hover {
        background: #cbe3db;
    }

div#EssentialItemsRepeater_FAFCustomPanel .item-repeater-info {
    color: initial;
    margin-top: 0.5rem;
}

div#EssentialItemsRepeater_FAFCustomPanel ul.slides > li[data-onsale="True"] :is(.nowPrice-repeater, .percentOff-repeater) {
    color: #fd4239;
}

div#EssentialItemsRepeater_FAFCustomPanel span.saleIcon-repeater {
    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);
}

    div#EssentialItemsRepeater_FAFCustomPanel span.saleIcon-repeater: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;
    }
  #google-payment-request-button button {
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow:hidden;
}
  

#ModularPanel .bg-rewards-green,
#ModularPanel .rewards-questionlist-item:before,
#ModularPanel .rewards-button {
    background: #a2d161;
}

    #ModularPanel .rewards-button:hover {
        background: #8cba4d;
    }

#ModularPanel .order-2 {
    order:2;
}

#ModularPanel .rewards-questionlist-item:before {
    content: ' ';
    width:20%;
    height:3px;
    display:block;
    margin-bottom:8px;
}
  .share-banner, .share-banner > * {
    -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;
}

.share-banner {
    border-radius: 8px;
    padding: 32px;
    color: white;
    line-height: 30px;
    position: relative;
}

    .share-banner > .share-banner-button {
        float: right;
        background: white;
        color: #3014ff;
        border-radius: 4px;
        padding: 0 6px;
        font-size: 14px;
        box-shadow: -1px 10px 21px -4px #150e4b;
        -webkit-box-shadow: -1px 10px 21px -4px #150e4b;
        -moz-box-shadow: -1px 10px 21px -4px #150e4b;
        margin-left: 16px;
    }

        .share-banner > .share-banner-button:after {
            content: var(--24-share-banner-share);
        }

.share-banner-copy {
    color: #3014ff !important;
    background: #f6f5ff;
    line-height: 48px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dfdeef;
}

    .share-banner-copy > * {
        float: none !important;
        display: inline-flex !important;
        width: auto !important;
        opacity: 1;
    }

    .share-banner-copy input {
        appearance: none;
        background: transparent !important;
        color: inherit;
        user-select: all;
        line-height: inherit;
        outline: none !important;
        border: none;
        font-size: 12px;
    }

    .share-banner-copy span {
        line-height: inherit;
        padding: 0 16px;
        border-left: 1px solid #dfdeef;
        background: #3014ff !important;
        color: white;
        cursor: pointer;
    }

        .share-banner-copy span:after {
            content: var(--24-share-banner-copy);
            text-transform: uppercase;
        }
  body.cyclescheme-info-page {
}

    body.cyclescheme-info-page .cyclescheme-info-page---banner {

    }

        body.cyclescheme-info-page .cyclescheme-info-page---banner .cyclescheme-info-page---banner---content {
            top: 50%;
            left: 0;
            right: 0;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            text-shadow: 0 0 10px rgba(0,0,0,0.5);
        }

.bg-cyclescheme {
    background: #144f79;
}

.bg-cyclescheme-pink {
    background: #ef539c;
}

.co-cyclescheme {
    color: #144f79;
}

.co-cyclescheme-pink {
    color: #ef539c;
}

.cyclescheme-pip {
    background: #ef539c;
    color: white;
    font-size: 0.5em;
    padding: 4px 8px;
    border-radius: 15px;
    display: inline;
    vertical-align: text-top;
}

.cyclescheme-timeline {
    border-left: 3px solid #ef539c;
    padding-left:32px;
}

    .cyclescheme-timeline > p {
        margin-top: 0;
        margin-bottom: 0;
    }

        .cyclescheme-timeline > p.cyclescheme-timeline---step {
            position: relative;
            overflow: visible;
            margin-top: 2em;
            margin-bottom: 0.25em;
        }

        .cyclescheme-timeline > p.cyclescheme-timeline---step:first-of-type {
            margin-top: 0;
        }

        .cyclescheme-timeline > p.cyclescheme-timeline---step:before {
            position: absolute;
            content: "";
            width: 16px;
            height: 3px;
            background: #ef539c;
            top: 0.5em;
            left: -33px;
        }

@media screen and (max-width: 767.9px) {
    .cyclescheme-info-page---banner.imgCtrHome:after {
        padding-bottom: 100%;
    }

    body.cyclescheme-info-page p {
        font-size: 14px;
    }

    body.cyclescheme-info-page .x-large {
        font-size: 20px;
    }

}
      [class*="hmBanner"] > div {display: grid; padding: 0 0 1em 0; grid-gap:1em;}
[class*="hmBanner"] > div > a {position: relative; width: 100%; height: 100%}
[class*="hmBanner"] > div > a:hover .bannerView {background: #2b3266;}
.modernizr-no-cssgrid [class*="hmBanner"] > div { display: block}
.hmBanner1 > div {grid-template-columns: repeat(1,1fr); -ms-grid-columns: 1fr }
.photo {background: #efefef;background-size: cover; background-position: center; height: 100%}
.photo div:after {padding-bottom: 75%;content: "";display: block;width: 100%;}
.hmBanner1 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.hmBanner1 > div > a:nth-child(4) {grid-column: 2/4;grid-row: 3/5;}

/* text overlay  --------------------------------------------------------------- */
.bannerTxtCtr{position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center;padding: 32px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column; color: white}
.bannerDesc, .bannerTitle, .bannerView {background: #000000a6;text-transform: uppercase;}
.bannerDesc:empty, .bannerTitle:empty, .bannerView:empty{display:none;}
.bannerTxtCtr > span { padding: 8px 16px}
.bannerDesc {letter-spacing: 2px;font-size: smaller;}
.bannerTitle {font-size: x-large;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bannerView {margin-top: 8px;font-size: small;border: 1px solid #ffffff4a;}
.hmBanner3 .bannerTitle {font-size:small;max-height: 53px;}



/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
	[class*="hmBanner"] > div { padding: 0 0 0.5em 0; grid-gap:0.5em;}
	.bannerTxtCtr { padding:8px}
	.hmBanner1 > div {grid-template-columns: 1fr; -ms-grid-columns: 1fr}
	.hmBanner1 > div > a:nth-child(1) {grid-column:auto;grid-row:auto;}
	.hmBanner1 > div > a:nth-child(4) {grid-column: auto;grid-row: auto;}
	.hmBanner2 > div {grid-template-columns: repeat(1,1FR);}
	.hmBanner3 > div {grid-template-columns: repeat(2,1FR);font-size: small;}
	.hmBanner3 > div > span {grid-template-columns: repeat(2,1FR);font-size: small;}
	.bannerTitle {font-size: large;text-transform: uppercase;}
	.bannerTxtCtr > span { padding: 4px 8px}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	.bannerTitle {font-size: large;}
	.bannerTxtCtr { padding:16px;}
	.bannerTxtCtr > span {padding: 4px 8px;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
    /* --- CSS images hide*/
	.bannerTxtCtr { padding:16px}
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
    /* --- Banner 1 override */
}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
	/* --- Banner 1 override */
}<strong></strong>  /* -- Stores ----- */
[class*="hmBanner"] > div {display: grid; padding: 0 0 1em 0; grid-gap:1em;}
[class*="hmBanner"] > div > a {position: relative; width: 100%; height: 100%}
[class*="hmBanner"] > div > a:hover .bannerView {background: #2b3266;}
.modernizr-no-cssgrid [class*="hmBanner"] > div { display: block}
.hmBanner2 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr }
.hmBanner3 > div {grid-template-columns: repeat(6,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:3em; }
.hmBanner3 .bannerTxtCtr { display: none}
.hmBanner3 div[class*="css-image"] {  background-size: contain !important}
.hmBanner3 .photo { background:none}


/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
	[class*="hmBanner"] > div { padding: 0 0 0.5em 0; grid-gap:0.5em;}
	.hmBanner2 > div {grid-template-columns: 1fr; -ms-grid-columns: 1fr}
	.hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:2em;  }
}


/* -- Main Banner overide ----- */
.storeImg, .storeImg div[class*="css-image"] { height:75vh !important; position: relative; overflow: hidden}
#map_canvas {height:75vh}
.storeImg .bannerView  { display: none}

.markers { width: 100%; max-width: 1440px; margin: 0 auto;float: inherit;}
.markers a {padding-bottom: 32px;margin: 0 auto;font-size: smaller;display: inline-block;}
.mpin {background:#ea4335;color: #fff;width:25px;height: 25px;border-radius: 100%;margin-right: 8px;text-align: center;line-height: 25px;float: left;margin-bottom: 66px;margin-right:18px;}
.mname { font-family: 'sourcesanspro-bold'; text-transform: uppercase;font-size: larger}
  /*  FlexSlider */
.flex-container a:active,.flexslider a:active{outline:none;border:0;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flex-viewport {max-height: 2000px; }
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px}
html[xmlns] .slides {display: block;padding: 0;margin: 0;}
* html .slides {height: 1%;}
.flexslider{width:100%;position:relative;zoom:1;margin:0;padding:0;}
.flexslider ul { padding:0; margin:0;}
.flexslider .slides > li{position:relative; list-style:none; -webkit-backface-visibility: hidden;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides img{max-width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.flex-container{width:100%;zoom:1;position:relative;}
.flex-caption{background:none;zoom:1;position:absolute;bottom: 0px;color:#666;font-size: 0;line-height: 50px;width:100%;box-sizing:border-box; padding: 0.75em;}
.flex-caption span{text-decoration:none;color: #000;font-weight:normal;margin:0; padding: 7px 14px; background: rgba(255, 255, 255, 0.9);  display:inline-block;line-height: 150%;  float:left; }
.flex-caption span:first-child { clear:both}
.hmBannerSmallContainer a:hover>.flex-caption>span{background:#00aeef; color: #ffffff;}
.bannerTextsmall { font-size:10px; display:none}
span.Description {line-height:100%;text-decoration:none; font-size: 11px;color: #333;font-weight:normal;margin:0;padding:0; padding: 7px 7px 7px 14px; background: rgba(255, 255, 255, 0.8); float:left; clear:both }
span.link {text-decoration:none;color: #00aeef;font-weight:normal;margin:0; padding:3px 7px; line-height: 150%; float:none; margin-left:7px;background: none;}
.flexslider .slides > li a:hover p.flex-caption span.link { background:#00aeef; color:#FFF }
.flexslider .slides > li a:hover p.flex-caption strong{color:#333;}
.flex-direction-nav li {list-style:none}
.flex-direction-nav li a {width: 36px; height: 36px; margin: -13px 0 0; display: block; position: absolute; top: 49%; cursor: pointer; text-indent: -9999px; opacity: 0;-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; overflow: hidden;}
.flex-direction-nav li a:before {font-family:'FontAwesome';display: block;width: 36px;height: 36px;text-align: center;line-height: 36px;color: #484848;background: rgba(255,255,255,0.95);border-radius: 100%;text-indent: 0px; font-size:24px;}
.flex-direction-nav>li> a.flex-next { right: 0; z-index: 2;}
.flex-direction-nav>li> a.flex-next:before {content:'\f105';}
.flex-direction-nav li .flex-prev {left: 0;z-index: 2;}
.flex-direction-nav>li> a.flex-prev:before {content:'\f104';}
.flexslider:hover .flex-next {opacity: 0.8; right: 28px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 28px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav li .flex-disabled {opacity: 0; filter:alpha(opacity=0); cursor: default; display:none}
.flex-control-nav {/* position: absolute; */bottom: 7px;text-align:center;z-index: 2;}
.flex-control-nav li {margin: 0 3px;display: inline-block; zoom: 1;}
.flex-control-nav li a {width: 9px;height: 9px;display: block;background: #666;background: rgba(188,178,169,0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover { background: #333; background: rgba(170,160,149,0.7); }
.flex-control-nav li a.flex-active { background: #000; background: rgba(170,160,149,0.9); cursor: default;}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*  END - FlexSlider */

.News li { margin-right: 16px}
.News .Recent > div { display: flex; flex-direction: column}
.News .Recent > div > a {display: none;}
.News .blogSnipImg {width: 100%;overflow:hidden;display: block;position: relative;top: 0;left: 0;margin-bottom: 16px;/* height: 190px; */}
.News .blogSnipImg img {width: 100%;/* min-height: 19vh; */}
.News h2 {margin: 0;background: #fff;order: 1;width: 100%;}
.News h2 a {margin:0 0 16px 0;font-size: 20px;color: #484848;color: #222;font-weight: normal;}
.News p {font-size: small;text-decoration:none;color: #636363;order: 2;}
.News .blogSnipText {/* display:none; */order: 3;}
.News .a {float:left; color: white !important; text-decoration:none;border-radius: 50%;height: 70px;width: 70px;-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;}
.News .a:hover {opacity:0.8;}
.blog-pagination {width: 100% !important;}
                                                                                                                                                                                                                                                                                                                                                                                      /* Fix up looks sharp  */
.FULS { background:#aaaaae}
.FULS a {text-align: center;width: 100%;position: relative;display: block;}
@media screen and (max-width: 767.99px){.FULS .col-5{width:100%}}
@media screen and (min-width : 768px) and (max-width : 1023.99px){ .FULS .col-5{width:50% }	}
@media screen and (max-width: 1439px) and (min-width: 1024px) { .FULS .col-5{width:33.33% }	}
@media screen and (min-width : 1440px) and (max-width : 1919px) {.FULS .col-5{width:25% }	}                                                                                                                                                                                                                                                                                                                                                                                      /* EMPTY CLASS*/
#blackFriday {
}


#blackFriday .bannerTitle {
    text-transform: capitalize;
    background: none;
    padding: 8px;
    line-height: 1em;
    font-size: 30px;
    letter-spacing: 0px;
    text-transform: uppercase !important;
    background: none;
}

#blackFriday .bannerTitle {
    font-size: x-large;
}

#blackFriday .bannerDesc {
    bottom: 0;
    width: 100%;
    left: 0;
    background: none !important;
    font-size: 10px;
    font-family: "citrfontreg";
    font-size: large;
}

@media screen and (max-width: 600px) {
    #blackFriday .Banner2 .bannerDesc,
    #blackFriday .Banner2 .bannerTitle {
        font-size: small;
    }
}

#blackFriday .bannerView {
    margin-top: 2em;
}

#blackFriday .bannerTxtCtr {
    width: 100%;
    -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;
}

#blackFriday .bannerTxtCtr {
    width: 100%;
    -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;
    justify-content: flex-end;
    font-family: "citrfontbold";
    display: flex;
    text-transform: uppercase;
}

#blackFriday .photo div:after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
    opacity: 0;
    -webkit-transition: all .5 ease-in-out;
    -moz-transition: all .5 ease-in-out;
    -ms-transition: all .5 ease-in-out;
    -o-transition: all .5 ease-in-out;
    transition: all .5s ease-in-out;
    height: 100%;
}

#blackFriday a:hover .photo div:after {
    opacity: 1;
}

#blackFriday .bannerDesc:before {
    background: #fff;
    width: 20px;
    height: 3px;
    display: block;
    margin: 0px auto 10px;
}

#blackFriday .Banner1,
#blackFriday .Banner2,
#blackFriday .Banner3,
#blackFriday .Banner4 {
    padding: 1em;
    background: #000;
}

#blackFriday .Banner1 .photo div:after {
    padding-bottom: 80vh;
}

#blackFriday .Banner1 {
    padding-bottom: 0;
}

#blackFriday .Banner1 .bannerTxtCtr .bannerTitle {
    font-size: 3em;
}

#blackFriday .Banner1 .bannerTxtCtr .bannerDesc {
    font-size: 1.5em;
}

@media screen and (max-width: 1024px) {
    #blackFriday .brandBanner>div {
        overflow-x: scroll;
        scroll-padding: 0;
        scroll-snap-type: x mandatory;
        width: 100%;
        grid-template-columns: repeat(8, calc(40% - 8px));
    }
}

@media screen and (max-width: 1024px) {
    #blackFriday .Banner1 .photo div:after {
        padding-bottom: 75%;
    }

    #blackFriday .Banner2>div {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #blackFriday .Banner3 .photo div:after {
        padding-bottom: 50%;
    }
}

@media screen and (max-width: 768px) {
    #blackFriday .bannerTxtCtr>span.bannerView {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    #blackFriday .Banner1 .bannerTxtCtr .bannerTitle {
        font-size: x-large;
    }

    #blackFriday .Banner1 .bannerTxtCtr .bannerDesc {
        font-size: large;
    }

    #blackFriday .Banner2>div {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023.9px) {
    #blackFriday .bannerTxtCtr>span {
        padding: 8px 16px;
    }
}


/* Repeater Banner */

/*Product Repeater */

.hmRepeater>div {
	text-align: center;
	background: #000;
    padding: 2rem;
	padding-block: 3rem;
}

.hmRepeater>div h2 {
	margin: 0 0 1em 0;
	padding: 16px 0;
	font-size: 25px;
	letter-spacing: normal;
	text-align: center;
}

.hmRepeater>div h2 {
	overflow: hidden;
	text-align: center;
	margin-bottom: 0;
    color: #fff;
}

.hmRepeater>div h2>span {
	position: relative;
	display: inline-block;
	font-family: 'citrfontbold';
	font-size: 2rem;
	letter-spacing: 2px;
    color: #fff;
}

.hmRepeater>div h2>span:before {
	right: 100%;
}

.hmRepeater>div h2>span:after {
	left: 100%;
}

.hmRepeater>div p>span {
	font-size: 1em;
    color: #fff;
}

.hmRepeater>div>a {
	right: 0;
	border: none;
	color: #fff;
	padding: 10px 15px !important;
	border-radius: 2px;
	margin: 0;
	font-family: 'citrfontbold';
	letter-spacing: 0.5px;
}

.hmRepeater>div ul.slides>li {
	margin-right: 16px;
	position: relative;
}

.hmRepeater>div a.item-repeater-info {
	text-align: center;
	width: 100%;
	float: left;
}

.hmRepeater>div .item-repeater-info-name {
	font-size: 1em;
	color: #fff;
	padding-block: .5em;
	font-family: 'citrfontreg';
	text-align: center;
	margin-top: 1em;
}

.hmRepeater>div .nowPrice-repeater,
.hmRepeater>div .standardPrice-repeater {
	font-size: .9em;
	font-weight: bold;
	color: #fff;
}

.hmRepeater>div ul.slides>li .fafSalePR .standardPrice-repeater {
	color: #fff;
	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;
    text-decoration-thickness: 1.5px;
}

.hmRepeater>div ul.slides>li .fafSalePR .nowPrice-repeater {
	color: #ec0028;
    font-size: 1.2rem;
}

.hmRepeater>div .pricingRepeater {
	border-bottom: none;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	text-align: center;
	order: 2;
}

.hmRepeater>div .flex-direction-nav {
	display: none;
}

.hmRepeater>div .flex-control-nav li {
	display: inline-block;
	margin: 8px 4px 0 4px;
}

.hmRepeater>div .flex-control-nav li a {
	width: 30px;
	height: 12px;
	display: block;
	background: none;
	background: none;
	border: 1px solid #fff;
	cursor: pointer;
	text-indent: -9999px;
}

.hmRepeater>div .flex-control-nav li a.active {
	background: #fff;
}

.hmRepeater>div .flex-control-nav li a:hover {
	background: #fff;
}

.hmRepeater>div .flex-control-nav li a.flex-active {
	background: #fff;
	cursor: default;
}

.hmRepeater>div a.item-repeater-info{
	display: flex;
	flex-flow: column;
}

@media screen and (max-width: 1024px) {
	.hmRepeater {
		padding-block: 1.5em;
	}
}

.flexslider .flex-direction-nav .flex-next {
	right: 5px;
	/* adjust offset to match the hover style */
	opacity: .8;
	/* adjust opacity to match the hover style */
}

.flexslider .flex-direction-nav .flex-prev {
	left: 5px;
	/* adjust offset to match the hover style */
	opacity: .8;
	/* adjust opacity to match the hover style */
}

#flexsliderMP {
	margin: 0 auto;
	margin-top: 2rem;
}

#flexsliderMP .imgCtr:after {
    padding-bottom: 60%;
}

.flex-control-nav {
    display: flex;
    justify-content: center;
    gap: .5rem;
}

.repeaterBanner .hmRepeater {
	padding: 0;
}

.repeaterBanner {
    display: flex;
    align-items: center;
    padding-block: 2rem;
    padding-inline: 1rem;
    padding-bottom: 0; 
    gap: 1rem;
    background: #000 !important;
}

.repeaterBanner .hmRepeater>div h2>span{
	font-size: 2rem;
    letter-spacing: 2px;
    text-align: left;
}

.repeaterBanner .hmRepeater>div h2{
	text-align: left;
}

.repeaterBanner .hmRepeater>div{
    text-align: left;
	padding: 0;
}

.repeaterBanner .hmRepeater>div>a{
    padding: 0 !important;
}

.repeaterBanner #flexsliderMP{
    margin: 0;
    margin-top: 4em;
}

.repeaterBanner ol.flex-control-nav.flex-control-paging{
	text-align: center;
}


@media screen and (max-width: 1024px){
    .repeaterBanner {
        flex-flow: column;
    }

    .repeaterBanner .col-2{
        width: 100%;
    }

    .repeaterBanner .hmRepeater>div {
    padding-inline: 1rem;
}
.repeaterBanner .hmRepeater>div h2>span{
    text-align: center;
}

.repeaterBanner .hmRepeater>div h2{
	text-align: center;
}

.repeaterBanner .hmRepeater>div{
    text-align: center;
}
}

@media screen and (max-width: 1024px){
    .repeaterBannerAlt .Banner{
        order: -1;
    }
}
                                                                          BMBI {}
/* BOOK MY BIKE IN */
#BMBI, #BMBI > .bmbi-wrap, #BMBI > .bmbi-wrap .bmbi-title p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#BMBI {
    border: 2px solid #86cb92;
    background: #e9f9ec;
    justify-content: space-evenly;
    position: relative;
    z-index: 10;
    align-items: flex-end;
    overflow: hidden;
    margin: 0 0 32px 0;
    padding: 0 16px;
}
#BMBI > img {
    height: 450px;
    max-height: 100%;
    margin: 0 auto;
    flex-basis: 25%;
    object-fit: contain;
    display: block;
    object-position: bottom;
}
#BMBI > .bmbi-wrap {
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 44px;
    flex-basis: 50%;
    flex: 1;
}
#BMBI > .bmbi-wrap img {
    width: min(100%, 400px);
}
#BMBI > .bmbi-wrap .bmbi-title {
    margin: 44px;
}
#BMBI > .bmbi-wrap .bmbi-title p {
    margin: 0;
    text-transform: uppercase;
    font-family: 'citrfontbold';
    letter-spacing: 4px;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    text-align: center;
}
#BMBI > .bmbi-wrap .bmbi-title h3 {
    margin: 0;
    font-size: 28px;
}

:is(a, button).BMBI_link {
	z-index: 0;
}

:is(a, button).BMBI_link,
#BMBI > .bmbi-wrap a.bmbi-cta {
    font-size: 28px;
    font-family: 'citrfontbold';
    color: #e9f9ec;
    background: #86cb92;
    border-radius: 8px;
    position: relative;
    line-height: 1;
    padding: 16px 32px;
    top: 0;
    border: 2px solid #86cb92;
    -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;
}

:is(a, button).BMBI_link::after,
#BMBI > .bmbi-wrap a.bmbi-cta::after {
    content: "";
    position: absolute;
    width: 95%;
    bottom: -6px;
    background: #d5e3d8;
    height: 100%;
    left: 2.5%;
    z-index: -1;
    border-radius: 8px;
    mix-blend-mode: multiply;
    -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;
}

:is(a, button).BMBI_link:hover,
#BMBI > .bmbi-wrap a.bmbi-cta:hover {
    color: #fff;
    top: 3px;
    border: 2px solid #7db587;
}

:is(a, button).BMBI_link:hover::after,
#BMBI > .bmbi-wrap a.bmbi-cta:hover::after {
    background: #b2cdb8;
    width: 100%;
    left: 0;
    bottom: -1px;
}

#BMBI > .bmbi-wrap a.bmbi-cta > i {
    position: absolute;
    font-size: 10px;
    top: 6px;
    right: 6px;
    z-index: 1;
}
#BMBI > .bmbi-wrap .bmbi-desc {
    margin: 44px;
    text-transform: uppercase;
    font-family: 'citrfontbold';
    letter-spacing: 2px;
}
#BMBI > .bmbi-wrap .bmbi-desc p {
    margin: 0;
    font-size: 10px;
}
#BMBI > .bmbi-wrap .bmbi-desc h3 {
    margin: 0;
    color: #86cb92;
}
#BMBI > .bmbi-wrap a.bmbi-message {
    position: absolute;
    bottom: 16px;
    font-size: 12px;
}
#BMBI > .bmbi-wrap a.bmbi-message > span {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    #BMBI {
        padding: 0;
    }
    #BMBI > img {
        display: none;
    }
}


@media screen and (max-width: 600px) {
    #BMBI > .bmbi-wrap {
        padding: 16px;
    }
    #BMBI > .bmbi-wrap .bmbi-title, #BMBI > .bmbi-wrap .bmbi-desc {
        margin: 32px 16px;
    }
    #BMBI > .bmbi-wrap .bmbi-title p {
        font-size: 10px;
        flex-wrap: wrap;
        gap: 4px;
    }
    #BMBI > .bmbi-wrap .bmbi-title h3, #BMBI > .bmbi-wrap a.bmbi-cta {
        font-size: 20px;
    }
    #BMBI > .bmbi-wrap .bmbi-desc {
        letter-spacing: 0;
    }
}                                                                                                                                      .infographic {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1em;
    padding-block: 2em;
    padding-inline: 1em;
}

.infographic::after {
    content: "";
    position: absolute;
    width: calc(100% - 300px);
    background: #696566;
    height: 8px;
    display: block;
    top: calc(50% - 38px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}


.infoContainer {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    align-content: center;
    grid-gap: 1em;
    z-index: 1;
}

.infoContainer h3{
    font-size: 1.5em;
    text-align: center;
    height: 80px;
    width: 250px;
    margin: 0;
}

.infoContainer div {
    background: linear-gradient(180deg, rgba(88,33,249,1) 0%, rgba(254,113,17,1) 100%);
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.infoContainer div p {
    margin: 0px;
    color: #fff;
    font-size: 3em;
    font-weight: bolder;
}

.infoArrow{
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoArrow img{
    height: 50px;
    width: 50px;
    filter: brightness(0) saturate(100%) invert(72%) sepia(55%) saturate(5445%) hue-rotate(345deg) brightness(98%) contrast(101%);
    position: relative;
    top: -34px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .infographic {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3em;
    }

    .infoArrow img{
        transform: rotate(90deg);
    }

    .infographic::after {
    width: 8px;
    height: calc(100% - 300px);
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
}

    .infoContainer h3{
    font-size: 1.5em;
    text-align: center;
    height: 50px;
    background: #f1edde;
    }

    .infoContainer > p {
        background-color: #f1edde;
    }

}
                                                                                                                          /* -- Store pages ----- */
.tabs {margin: -1px;padding: 0px;list-style: none;border-top: none;border-bottom: none;}
.tabs:not(.tabsEbikeSub) {position: sticky; top: 75px; z-index: 5; padding: 0;}
.tabs li{background: none;color: #b1b1b1;display: inline-block;cursor: pointer;background: #efefef;padding: 16px;flex-grow: 1;-webkit-flex-grow: 1;text-align: center;border-bottom: none;width: calc(100% / 6);margin-right: 0;}
.tabs li img {display:block;margin: 0 auto;}
.tabs li.current{color: #ffffff;background: #175fcc;border-bottom: 1px;border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;}
.tabs li:after{ display:none}
.tabsContent { padding:0px; margin:0}
.tabsContent>div{display: none;padding: 0px;margin: 0;width: 100%;}
.tabsContent>div.current{display: inline-block;margin: 0;padding: 0;}
.tabs li span, .step {color: #EEE;background-color: #444;width: 36px;height: 36px;border-radius: 100%;text-align: center;line-height: 36px;display: inline-block;margin: 8px;}

.tabs li.current span, .step {background: #000000;}
.step {width: 50px;height: 50px;}
.hmHeight {height: calc(60vh - 95px);}

.welcome .intro h1, .welcome .intro p {  color:#fff}
.welcome .intro {background: rgba(0, 0, 0, 0.7);padding: 56px; border-radius: 7px}
.clearme { clear:both}
.step3 {background: #efefef;border: 1px solid #dcdcdc;}

.ebikeButton a.button {line-height: 47px;display: flex;flex: 1;justify-content: center;}
.ebikeButton a.button:first-child {margin: 16px 8px 0 0;}
.ebikeButton a.button:last-child {margin: 16px 0 0 8px;}

.fixedContainer {max-width: 75%; margin: auto}
.text-block  h2 { font-size: 24px;}
.text-block  h2 a { color:#181a1f}
.text-block span { font-size: small; letter-spacing: 2px; text-transform: uppercase;}
.text-block p {line-height: 1.5;margin: 2rem 0; letter-spacing: .025em; color: #ffffff;}
.text-block p:first-of-type {font-size: 1.2rem;line-height: 1.5;margin-bottom: 2rem;letter-spacing: .025em; font-family: 'citrfontreg';}
.text-block hr {margin-bottom: 3vw;opacity: 0!important;display: block;clear: both;}
.text-block a {position: relative;overflow: hidden; display: inline-block; vertical-align: bottom;}
.text-block a, .text-block a:before{ -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-block a:hover {color: #000000;}
.text-block a:after, .text-block a:before {position:absolute;bottom:0;height:1px;width:100%;display: inline-block; content: " "}
.text-block a:after {left:0;background: #dadada;}
.text-block a:before {left: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;transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);background: -moz-linear-gradient(-45deg,  #b6cb00 0%, transparent 100%);background: #2f2f2f;}
.text-block a:hover:before {transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);z-index:2;}
.reveal { float: left; width: 100%;}
.reveal p {font-family: 'citrfontreg'; color:#181a1f}
.bannerContainer {width: auto;margin: 0;}
.bannerContainer > div > div > div {padding: 8px;float: left;width: 100%;}

.intro h1, .intro h2, .intro h3, .intro h5, .intro h5, .intro h6, .intro .coBl {color: var(--EVOLRevo);}
.bgBlue {background: var(--EVOLRevo);}

.DivContent { width: auto; margin: 32px -8px}
.DivContent > div { display: inline-block; width: inherit;padding: 16px 32px;background: #fff;margin-right: 8px; margin: 8px}
.DivContent > div a {  margin: 0; padding: 0}

blockquote {font-size: 30px;line-height: 1.5;text-align: center;padding: 0px;margin: 3rem 0;clear: both;}
blockquote .person {font-size: 18px;margin-top: 32px;font-family: 'robotobold', Arial, sans-serif;position: relative;padding-top: 2rem;}
blockquote .person:before {display: block;content: ""; width: 5rem; height: 1px;background: #98999b; display: block;margin-left: auto; margin-right: auto; top: 0;right: 0;bottom: auto; left: 0; position: absolute;}
blockquote .role {font-size: small; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 32px}

.bullets { max-width: 800px; text-align: left; margin: 56px auto}
.bullets li {margin-bottom: 16px;list-style: none;margin: 0 0 16px 29px;position: relative;font-family: 'citrfontreg';}
.bullets li:before {font-family: feather;content: "\e042";color: var(--EVOLRevo);list-style: none;font-size: 18px;position: absolute;left: -25px;top: -3px;}
.tabLink span {background: #175fcc;padding: 3px 16px;border-radius: 3px;color: #fff;font-size: small; margin-bottom: 32px;display: inline-block;}

.fa:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}

.tabsEbikeSub, .tabsEbikeSub2 {margin: -1px;padding: 0px;list-style: none;}
.tabsEbikeSub li, .tabsEbikeSub2 li {background: none;color: #b1b1b1;display: inline-block;cursor: pointer;padding: 16px;flex-grow: 1;-webkit-flex-grow: 1;text-align: center;border-bottom: 1px solid #c5c5c5;width: 20%;}
.tabsEbikeSub li.inactive, .tabsEbikeSub2 li.inactive {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.tabsEbikeSub li.inactive img, .tabsEbikeSub2 li.inactive img { opacity: 0.5}
.tabsEbikeSub li.current, .tabsEbikeSub2 li.current {color: #ffffff;background: none;border: none;border-bottom: 1px solid #333;-webkit-filter: grayscale(0);filter: grayscale(0);}
.tabsEbikeSub li.current img, .tabsEbikeSub2 li.current img { opacity: 1}
.tabsEbikeSub li:hover, .tabsEbikeSub li:hover img, .tabsEbikeSub2 li:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0);}
.tabsEbikeContent p {font-family: 'citrfontreg';}
.tabsEbikeContent .intro p:first-of-type {font-family: 'citrfontbold';}
.tabsEbikeContent .step {line-height: 50px;background: #175fcc;}
.tabsEbikeContentSub, .tabsEbikeContentSub2 {display: none;margin: 0;width: 100%; padding: 16px 0;}
.tabsEbikeContentSub.current, .tabsEbikeContentSub2.current {display: inline-block;margin: 0;}

.tabsEbikeContent .productAccordian {padding: 16px;}
.tabsEbikeContent .accordianHeader {font-size: 22px;}
.tabsEbikeContent .accordianHeader > span.fa-unsorted:before, .tabsEbikeContent .accordianHeader > span.fa-unsorted:after {background: #175fcc;}
.tabsEbikeContent .accordianBox {border-bottom-color: #175fcc; }

.tabsEbikeContent ul {list-style: disc; font-family: 'citrfontreg'; padding-inline-start: 40px;}

div[class*="hmBanner"]  > div > a .bannerTxtCtr > span.bannerView {border: none;}
div[class*="hmBanner"]  > div > a:hover .bannerTxtCtr > span.bannerView {background: #175fcc;}
[class*="hmBanner"] a {overflow: hidden;}
[class*="hmBanner"] a [class*="css-image"] {transform: scale3d(1,1,1); transition: transform 1.2s cubic-bezier(.19,1,.22,1);}
[class*="hmBanner"] a:hover [class*="css-image"] {transform: scale3d(1.02,1.02,1.02);}
.hmBanner5 > div {grid-template-columns: repeat(5,1fr);-ms-grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 0 1.5em !important;padding: 0 1.5em 1.5em 1.5em !important;}
.hmBanner5 > div > a .photo div:after,
.hmBanner6 > div > a .photo div:after {padding-bottom: 36%;}

.hmBanner6 > div {grid-template-columns: repeat(6,1fr);-ms-grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 0 1.5em !important;padding: 0 1.5em 1.5em 1.5em !important;}

.bannerContainer .hmBanner1 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr; grid-gap: 1em; padding: 1em;}
.bannerContainer .hmBanner1 > div > a:nth-child(1) {grid-column: 1/2;}
.bannerContainer .hmBanner1 .photo div:after {padding-bottom:50%;}

.bannerContainer .hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 1em; padding: 1em;}
.bannerContainer .hmBanner3 .photo div {background-size: cover !important; }
.bannerContainer .hmBanner3 .photo div:after {padding-bottom: 75%;}

.suss .photo {overflow: hidden;}

.hmBanner5 {
	mix-blend-mode: darken;
}

@media screen and (max-width: 767.9px)
{
	.tabsEbikeContent .hmBanner5 > div {grid-template-columns: repeat(1,1fr); -ms-grid-template-columns: 1fr; padding: 1em !important; grid-gap: 1em !important;}
	.tabsEbikeContent .hmBanner6 > div {grid-template-columns: repeat(2,1fr); -ms-grid-template-columns: 1fr 1fr; padding: 1em !important; grid-gap: 1em !important;}
	.tabs li {width: 100%; display: block;}
	.tabs.tabsEbikeSub li {width: 50%;}
	.tabsEbike li div { display: none}
	.welcome .intro {padding: 16px !important;}
	.tabsEbike li { padding: 0px}
	.hmHeight {height: 40vh !important;}
	.fixedContainer {max-width: 100% !important}
	.ebikeButton a.button {margin-top: 16px;}
	.text-block a::after,.text-block a::before {display: none;}
	.text-block a.col-4 {width: 50%; margin: 1.25em 0;}
	.tabs:not(.tabsEbikeSub) {position: static;}
	.bannerContainer .hmBanner1 > div, .bannerContainer .hmBanner3 > div {grid-template-columns: repeat(1,1fr); -ms-grid-columns: 1fr 1fr;}
	.tabsEbikeContentSub, .tabsEbikeContentSub2 {padding: 16px;}

}

@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	.hmBanner5 > div {padding: 1em 1em 0 1em;}
	.tabsEbikeContent .hmBanner6 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-template-columns: 1fr 1fr; padding: 1em !important; grid-gap: 1em !important;}
	.hmHeight {height: calc(100vh - 75px)!important;}

	.tabs:not(.tabsEbikeSub) {position: static;}
}

@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
	.tabsEbikeContent .hmBanner6 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-template-columns: 1fr 1fr 1fr; padding: 1em !important; grid-gap: 1em !important;}
	.hmHeight {height: calc(100vh - 75px)!important;}
	.hmBanner5 > div {padding: 2em 1em 0 1em;}

	.tabs:not(.tabsEbikeSub) {top: 48px;}
}

@media screen and (min-width : 1440px) and (max-width : 1919px) {
	.hmHeight {height: calc(100vh - 95px)!important;}
}
                                                                                                                                                                                                                                                                                                                                                                                     /* -------- START : BIKE FIT -------- */
.suss p.boldfont {font-family: 'citrfontbold';}
[class*="Cycle"] h2.ctrMgr0 {margin-top: 0;}
.fcyBox {padding: 0;}

.fitting-services > div.service-option {background: #FFFFFF;position: relative;padding: 16px;margin-bottom: 8px;}
.fitting-services > div.service-option:first-of-type {margin-top: 2em;}
.fitting-services > div.service-option > h3 {color: #333;font-size: 22px;margin: 8px 0;}
.fitting-services > div.service-option > h5 {position: absolute;margin: 0;right: 8px;top: 50%;color: #fff;background: var(--EVOLRevo);border-radius: 100%;height: 64px;width: 64px;font-size: 20px;text-align: center;line-height: 64px;transform: translateY(-50%);}
.fitting-services ol.bullets {padding: 0;max-width: 100%;margin: 2em 0;}
.bullets h3{margin:0px !important;}


@media screen and (max-width: 767px){
  .fitting-services > div.service-option > h3 {font-size: 14px; text-align: left;}
  .fitting-services > div.service-option > h5 {font-size: 16px; height: 44px; width: 44px; line-height: 44px;}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {
  .fitting-services > div.service-option > h3 {font-size: 14px; text-align: left;}
  .fitting-services > div.service-option > h5 {font-size: 16px; height: 54px; width: 54px; line-height: 54px;}
}
@media screen and (min-width:1024px) and (max-width:1439.9px) {}
@media screen and (min-width:1440px) and (max-width:1913.9px) {}
@media screen and (min-width:1914px) {}
/* -------- END : BIKE FIT -------- */
                                                                                                                                                                                                                                                                                                                                                                                     .blogmainwrap {position: relative;display: grid;grid-template-columns: repeat(4,1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-gap: 16px;margin: 0;width: 100%;}

.blogmainwrap .blog-pagination {grid-column: span 4;text-align: center;font-size: 12px;text-transform: uppercase;left: 2px;}
.blogmainwrap .blog-pagination a {padding: 8px;border: 1px solid;color: var(--EVOLRevo);display: inline-block;margin: 0 8px;}
.blogmainwrap .blog-pagination a:hover {background: var(--EVOLRevo);color: #fff;}
.blogmainwrap .blog-pagination a[disabled] {display: none;}

.blogmainwrap .large-article {position: relative;list-style: none;padding: 0;display: flex;flex-flow: column wrap;justify-content: flex-start;align-content: flex-start;align-items: flex-start;width: 100%;margin: 0;}

.blogmainwrap .large-article:nth-child(1) {grid-column: span 2;grid-row: span 7;}
.blogmainwrap .large-article:nth-child(1) {border: 1px solid #dfdfdf;padding: 0 0 54px 0;width: 100%;margin: 0;height: fit-content;position: sticky;top: 107px;margin-bottom: 53px;background: var(--EVOLBrand);}
.blogmainwrap .large-article:nth-child(1) h2 {order: 1;margin: 0;padding: 0 32px 32px 32px;}
.blogmainwrap .large-article:nth-child(1) h2 a {font-size: 34px;text-decoration: none;padding: 0;line-height: 1.5em;white-space: pre-wrap;-webkit-box-decoration-break: clone;-ms-box-decoration-break: clone;-o-box-decoration-break: clone;box-decoration-break: clone;-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;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: var(--EVOLWhite);}
.blogmainwrap .large-article:nth-child(1) h2 a::before,
.blogmainwrap .large-article:nth-child(1) h2 a::after {position: absolute;bottom: 32px;font-size: 14px;color: var(--EVOLWhite);}
.blogmainwrap .large-article:nth-child(1) h2 a::before {content: "\e095";font-family: 'feather';padding: 4px;line-height: 100%;border: 2px solid;border-radius: 100%;font-size: 10px;font-weight: bold;}
.blogmainwrap .large-article:nth-child(1) h2 a::after {content: "Read Post";left: 62px;bottom: 36px;line-height: 100%;}
.blogmainwrap .large-article:nth-child(1) p {margin: 0 0 8px 0;padding: 32px 32px 0 32px;color: var(--EVOLWhite);}
.blogmainwrap .large-article:nth-child(1) p > strong {font-weight: normal;}
.blogmainwrap .large-article:nth-child(1) .large-article-content-summary .blogSnipImg {margin: 0;max-height: 100%;width: 100%;}
.blogmainwrap .large-article:nth-child(1) .large-article-content-summary .blogSnipImg > a {display: block;}
.blogmainwrap .large-article:nth-child(1) .large-article-content-summary .blogSnipImg > a > img {width: 100%;}
.blogmainwrap .large-article:nth-child(1) .large-article-content-summary {width: 100%;}

.blogmainwrap .large-article:nth-child(n+2) {padding: 0;height: 100%;}
.blogmainwrap .large-article:nth-child(n+2) .large-article-content-summary {display: none;}
.blogmainwrap .large-article:nth-child(n+2) h2,
.blogmainwrap .large-article:nth-child(n+2) p {margin: 0;width: 100%;display: block;height: 100%; -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;}
.blogmainwrap .large-article:nth-child(n+2) p {pointer-events: none;position: absolute;font-size: 10px;letter-spacing: 1px;top: 24px;left: 24px;color: var(--EVOLWhite);}
.blogmainwrap .large-article:nth-child(n+2) p > strong {font-weight: normal;}
.blogmainwrap .large-article:nth-child(n+2) h2 > a {padding: 44px 24px 24px 24px;display: block;background: var(--EVOLBrand);width: 100%;position: relative;height: 100%;color: var(--EVOLWhite);font-size: 16px;}
.blogmainwrap .large-article:nth-child(n+2):hover h2 > a {color: #fff;background: var(--EVOLRevo);}
.blogmainwrap .large-article:nth-child(n+2):hover p {color: #fff;}

.blogRightColumn > div:last-of-type {display: none;}

@media screen and (max-width: 1024px) {
	.blogmainwrap {grid-template-columns: repeat(3,1fr);-ms-grid-columns: 1fr 1fr 1fr;}
	.blogmainwrap .blog-pagination {grid-column: span 3;}
}

@media screen and (max-width: 768px) {
	.blogmainwrap {grid-template-columns: repeat(2,1fr);-ms-grid-columns: 1fr 1fr;}
	.blogmainwrap .blog-pagination {grid-column: span 2;}
}

@media screen and (max-width: 425px) {
	.blogmainwrap {grid-template-columns: repeat(1,1fr);-ms-grid-columns: 1fr;}
	.blogmainwrap .blog-pagination {grid-column: span 1;}
}
                                                                                                                                                                                                                                                                                                       /* -------- START : BRM -------- */
div.va-txt .ytplayerOverlay {top: 50%; -webkit-transform: translate(-50%, -50%); transform: translateX(-50%) translateY(-50%);}

@media screen and (max-width: 767px){}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {}
@media screen and (min-width:1024px) and (max-width:1439.9px) {}
@media screen and (min-width:1440px) and (max-width:1913.9px) {}
@media screen and (min-width:1914px) {}
/* -------- END : BRM -------- */
                                                                                                                                                                                                                                                                                                                                                                                      #careers .career-wrapper .career-listings {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 32px;}
#careers .career-wrapper .career-listings .vacancy-wrap {padding: 32px;border: 1px solid #545454;display: flex;flex-flow: column nowrap;}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-title {color: #000;margin: 0 0 16px 0;font-size: 20px;}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-date-wrap {margin: 8px 0;padding: 8px;font-size: 14px;background: #eef1f3;color: #000;display: flex;justify-content: flex-start;align-items: center;grid-gap: 8px;font-family: 'citrfontbold';letter-spacing: 1px;font-size: 11px;}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-date-wrap .vacancy-wording {line-height: 100%;}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-date-wrap .vacancy-wording::before {content: "Posted On: ";text-transform: uppercase;line-height: 100%;}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-date-wrap .vacancy-wording::after {content: ""}
#careers .career-wrapper .career-listings .vacancy-wrap .vacancy-date-wrap .vacancy-date {}
#careers .career-wrapper .career-listings .vacancy-wrap .blogSnipImg {display: none;}
#careers .career-wrapper .career-listings .vacancy-wrap .blogSnipText {font-size: 13px;line-height: 1.5rem;display: flex;flex-wrap: wrap;flex-grow: 1;grid-gap: 16px;}
#careers .career-wrapper .career-listings .vacancy-wrap .blogSnipText a {margin: auto 0 0 0; font-size: 0;}
#careers .career-wrapper .career-listings .vacancy-wrap .blogSnipText a::after {content: "Find Out More";font-size: 12px;text-transform: uppercase;font-family: 'citrfontbold';padding: 10px;border: 2px solid;color: #1b1b1b;letter-spacing: 1px;display: inline-block;-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;}
#careers .career-wrapper .career-listings .vacancy-wrap .blogSnipText a:hover::after {background: #175fcc; border-color: #175fcc; color: #fff;}

#careers ul {list-style: disc; padding: revert;}
.career-banner .bannerTitle{font-size:76px !important;}
@media screen and (max-width: 1024px) {
    #careers .career-wrapper .career-listings {grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
}

@media screen and (max-width: 600px) {
    #careers .career-wrapper .career-listings {grid-template-columns: repeat(1, 1fr);grid-gap: 16px;}
    .career-banner .bannerTitle{font-size:36px !important;}
}
                                                                                                                                                                                                                                                                                                  /*unpick stylng*/
body.new-basket .basket-wrapper, body.new-basket .basket-wrapper *:not(.fa) {font-family: inherit;/* font-size: 14px; */}
.reasonsContainer {display:block;float: left;}
.reasonsContainer h4 {display:block;clear: both;margin: 32px 0 8px 0;font-family: 'citrfontbold' !important;font-size: 14px !important;}
body.new-basket .basket-wrapper {font-size: 13px !important;}
#new-basket-paymentoptions > div:first-of-type { display:none}
#new-basket-paymentoptions > div:nth-child(3) {font-size: 0px !important;}
#new-basket-paymentoptions > div:nth-child(3):before {content: "Choose Payment Method to Proceed";font-size: 14px !important;font-family: 'citrfontbold' !important;}
body.new-basket .basket-wrapper a {color: #212121;border-bottom: none;}
.new-basket-subheader {padding: 0 0 8px 0;}
.new-basket-total-title { font-size:14px !important}
#new-basket-paymentoptions #cart-paymenticons { display:none}
.bgLRed {background: #eef5f6;color: #142b30;}

/*unpick basket*/
.basket-wrapper > .grid > .container {max-width: 1920px;float: none;height: 1%;overflow: hidden;}
#new-basket-bubbles, .new-basket-header { display: none;}
.new-basket-subheader #cart-paymenticons { display: none;}
[data-role="products"],
[data-role="shipping"],
[data-role="totals"],
[data-role="payment-options"],
[data-role="reductions-message"],
[data-role="additional-message"]
{background: #fff;outline: 1px solid #cecece;}
[data-role="products"] {padding:32px;grid-area: 1 / 1 / 4 / 4 !important;}
[data-role="payment-options"] {grid-area: 2 / 4 / 3 / 4 !important;}
[data-role="reductions-message"] {display: none;}
[data-role="additional-message"] {display: none;}
[data-role="shipping"] {grid-area: 3 / 4 / 3 / 4 !important;}
[data-role="totals"] {grid-area: 1 / 5 / 1 / 4 !important;}
@media screen and (max-width: 1024px) { 
    [data-role="products"],
    [data-role="shipping"],
    [data-role="totals"],
    [data-role="payment-options"],
    [data-role="reductions-message"],
    [data-role="additional-message"] {
        grid-area: auto !important;
        }
    [data-role="shipping"] { order:1}
}


/*shipping*/
.basket-shippingrow {background: #ddeff3;margin-bottom: 8px;border: none;padding: 8px !important;color: #000;}
.basket-shippingrow-price {color:#257384;text-align: right;}
.basket-shippingrow >  div:first-of-type > span {font-size: 12px !important;font-weight:bold;}
#new-basket-shipping:before{content: "Delivery Information";font-family: 'citrfontbold' !important;font-size: 14px !important;margin-bottom: 16px;display: block;}

/*reason to buy*/
.reasons {display: grid;grid-gap: 19px;align-items: center;grid-template-columns: repeat(3,1fr);font-size: 14px;margin: 32px 0px;text-align: center;padding: 31px 25px 0px 25px;}
.reasons > div {display:inline-flex;align-items: center;flex-direction: column;min-height: 136px;}
.reasons > div  > span:first-of-type{background: var(--EVOLRevo);padding: 8px;border-radius:32px;color: #d5d5d5;font-size: 16px;width: 35px;height: 35px;line-height: 109%;text-align: center;margin-right: 0;}
.reasons > div  > span:first-of-type img {filter: invert(0) sepia(42) saturate(0);}
[data-role="shipping"] .reasonsContainer { display:none}
.finance {line-height: 150% !important;}
.text-reasons h6{font-weight:bold !important; font-family: 'citrfontbold' !important;}
.text-reasons h6:before{content:"";margin: 5px auto 11px auto;background: var(--EVOLRevo);width:20px;height:2px;display:block;}
.filter-white{filter: invert(100%) sepia(97%) saturate(17%) hue-rotate(213deg) brightness(105%) contrast(100%) !important;}
.reasonsContainer h4:after{content:"";margin: 10px 0px;background: var(--EVOLRevo);width:20px;height:2px;display:block;}
.reason-info p{/* text-align: center !important; */margin-bottom: 34px !important;} 
.reason-info{padding: 10px 41px;}
.reason-header{background:#000;}

@media screen and (max-width: 1024px) {
    .finance {line-height: 110% !important;}
    [data-role="products"] .reasonsContainer { display:none}
    [data-role="shipping"] .reasonsContainer { display:inline; padding:0px 24px 24px 24px}
    .reasons {grid-template-columns: repeat(2,1fr);font-size: 12px;}
    .reasons > div  > span:first-of-type{border-radius:35px;color: #d5d5d5;font-size: 15px;width: 40px;height: 40px;line-height: 70%;text-align: center;}
}
@media screen and (max-width: 768px) {
    .reasons {grid-template-columns: repeat(2,1fr);}
    .reason-info {padding: 10px 27px;}

}



@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
    .reasons {grid-template-columns: repeat(2,1fr);} 
}

@media screen and (max-width: 406px) {
    .basket-items-column-mng {padding-left: 96px !important;}
}

@media only screen and (min-width: 1024px) and (max-height: 1366px)
    and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
   [data-role="products"] {
    padding: 32px;
    grid-area: 1 / 1 / 4 / 4 !important;
}
}                                                                                                                                                                                                                                                               /* -------- START : FINANCE -------- */
.photo.photo-30vw.photo.photo-30vw > div:after {padding-bottom: 30vw;}

@media screen and (max-width: 767px){}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {}
@media screen and (min-width:1024px) and (max-width:1439.9px) {}
@media screen and (min-width:1440px) and (max-width:1913.9px) {}
@media screen and (min-width:1914px) {}
/* -------- END : FINANCE -------- */
                                                                                                                                                                                                                                                                                                                                                                                      .review-winner.photo div:after {padding-bottom: 120% !important; }
.review-winner button.ghost-button, .review-winner input[type="submit"].ghost-button, .review-winner a.ghost-button {background: white; }
.review-winner button.ghost-button:hover, .review-winner input[type="submit"].ghost-button:hover, .review-winner a.ghost-button:hover {color: white; background: #175fcc !important; border: 1px solid #ffffff; }


@media screen and (max-width: 1024px) {
    .review-winner h1 {font-size: 2rem !important; }
}                                                                                                                                                                                                .crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {background: transparent;}
.crPageExplain ul, .crPageExplain ol {display: block;list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em;  margin-inline-start: 0px;  margin-inline-end: 0px; padding-inline-start: 40px;}
.crPageExplain ul p, .crPageExplain ol li {font-size: 14px; line-height: 1.75em; font-family: 'citrfontreg';}
.crPageExplain li {font-family: 'citrfontbold'; color: #222}
.crPageExplain ol {list-style-type: decimal; }

#crContainer h2 {font-size: 1.5em;}
.crPageExplain h3 {font-size: 1.75em;}
.crPageExplain h4 {font-size: 1.25em;}

.crPageInfo a {border-radius: 0; padding: 16px 32px; font-family: 'citrfontbold'; text-transform: none; letter-spacing: 0; font-size: 1em; background: #175FCC; color: #fff; border-color: #fff;}
.crPageInfo a:visited,
.crPageInfo .warning {color: #175FCC;}
a.crQuickLogIn, a.crQuickLogIn:visited {color: #fff;}
.crHelpMe {border: #f5373c 2px solid;background: transparent !important;text-align: center;}                                                                                                                                                                                                                                                                                                                                                                            /* -- Stores ----- */
.posrel {position: relative;}
.posabs {position: absolute;}
.ovfhid {overflow: hidden;}

[class*="hmBanner"] > div {display: grid;padding: 0 0 0.5em 0;grid-gap: 0.5em;}
[class*="hmBanner"] > div > a {position: relative; width: 100%; height: 100%}
[class*="hmBanner"] > div > a:hover .bannerView {background: none;color: #2f76ec;}
.modernizr-no-cssgrid [class*="hmBanner"] > div { display: block}
.hmBanner2 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr }
.hmBanner3 > div {grid-template-columns: repeat(6,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:3em; }
.hmBanner3 .bannerTxtCtr { display: none}
.hmBanner3 div[class*="css-image"] {  background-size: contain !important}
.hmBanner3 .photo { background:none}

#newStores {padding: 0;}
#newStores .hmBanner2 > div {padding: 0;grid-gap: 16px;}
#newStores .hmBanner2 > div > a:first-of-type {grid-column: span 2; grid-row: span 2;}
#newStores .bannerTxtCtr> .bannerTitle {color: white; background: #15161ac9; text-transform: none; font-size: 2em;}
#newStores .bannerTxtCtr> .bannerView {color: white;background: var(--EVOLOrange);border: none;text-transform: none;font-size: 1em;}

[class*="hmBanner"] > div.textOver,
div.textOver {display: flex;width: 100%;height: 100%;position: absolute;padding: 0;justify-content: center;align-content: center;align-items: center;}
div.textOver > h1 {z-index: 2;color: #fff;margin: 0; padding: 30px; font-size: 5.4rem;}

/* CSS Document */
.layout2 {padding: 0.5em 0;background: var(--EVOLBrand);}
.layout2 > div {grid-template-columns: repeat(4,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr; padding-bottom: 0  }
.layout2 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.layout2 > div > a:nth-child(2) {grid-column: 3/4;grid-row: 1/3;}
.layout2 > div > a:hover .bannerView {background: none;color: #2f76ec;}

@media screen and (max-width: 767.9px){
    .layout2 > div {grid-template-columns: repeat(1,1fr); -ms-grid-columns: 1fr 1fr; padding-bottom: 0  }
    .layout2 > div > a {grid-column:auto !important; grid-row:auto !important}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px){.layout2 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; padding-bottom: 0  }}
.layoutSerives {display: grid;grid-template-columns: repeat(4,1fr);grid-gap:1em;padding: 1em;}
.layoutSerives > a {text-align:center;padding: 32px;align-content: center; color: #fff}
.layoutSerives  h3 {color: #fff;}
.layoutSerives  img {height: 40px;width: 40px;}

#storesPage .maxInner h2 {margin-top: 0;}
#storesPage p:last-child {margin: 0;}

/* -- Main Banner overide ----- */
.storeImg, .storeImg div[class*="css-image"] { height:75vh !important; position: relative; overflow: hidden}
#map_wrapper {padding: 1em;background: #eef1f3;}
#map_canvas {height: 100% !important;}

#map_wrapper .info_content p {margin: 0 0 1em 0;}
#map_wrapper .info_content a {color: #175fcc;text-decoration: underline;font-weight: bold;}

.storeImg .bannerView  { display: none}
.markers {width: 100%; margin: 0 auto;float: inherit;}
.markers a {padding-bottom: 32px;margin: 0 auto;font-size: smaller;display: inline-block;}
.mpin {background:#ea4335;color: #fff;width:25px;height: 25px;border-radius: 100%;margin-right: 8px;text-align: center;line-height: 25px;float: left;margin-bottom: 66px;margin-right:18px;}
.mname { font-family: 'sourcesanspro-bold'; text-transform: uppercase;font-size: larger}

.store-services, .store-services strong{ color:#000}
.store-services, .store-services p{ color:#fff}
.store-services-level {margin: 1.5rem 0;display: flex;}
.store-services-level > a {display : inline-flex;}
.store-services-level > a:hover * {color: #ffffff !important;}
.store-services-level span {float:left;padding: 0 16px 0 0;margin: 0 16px 0 0;border-right: 1px solid #ffffff85;display:block;font-size: 36px;line-height: 48px;width: 64px;text-align:center;color: #ffffff;}
.store-services-level p {float:left;display:block;margin:0;font-size: 14px;}
.store-services-level p strong {color: #000000;font-size:18px;}

/* -- Blue Colour ----- */
.CycleBlue h4, .CycleBlue h2, .CycleBlueColour, .CycleBlue .bannerTitle {color: var(--EVOLBlack);}
.CycleBlue .footerNewsletter, .CycleBlue .store-services > .container, .CycleBlue .layoutSerives > a, .CycleBlue .CNCCTA, .CycleBlue .ytplayerOverlay a  {background: var(--EVOLBrand);}

/* -- NORWICH Blue Colour ----- */
.CycleBlueNor H4, .CycleBlueNorColour, .CycleBlueNor .bannerTitle { color:#03008d}
.CycleBlueNor .footerNewsletter, .CycleBlueNor .store-services > .container, .CycleBlueNor .layoutSerives > a, .CycleBlueNor .CNCCTA, .CycleBlueNor .ytplayerOverlay a  { background: #03008d;}
.CycleBlueNor .layoutSerives h3,
.CycleBlueNor .store-services-level p strong,
.CycleBlueNor .layout2 > div > a:nth-child(1) span.bannerTitle {color: #00a2e2;}

/* -- Green Colour ----- */
.CycleGreen H4, .CycleGreenColour, .CycleGreen .bannerTitle { color:#85C23C}
.CycleGreen .footerNewsletter, .CycleGreen .store-services > .container, .CycleGreen .layoutSerives > a, .CycleGreen .CNCCTA, .CycleGreen .ytplayerOverlay a  { background: #85C23C;}

/* -- Red Colour ----- */
.CycleRed H4, .CycleRedColour, .CycleRed .bannerTitle { color:#DC0E0E}
.CycleRed .footerNewsletter, .CycleRed .store-services > .container, .CycleRed .layoutSerives > a, .CycleRed .CNCCTA, .CycleRed .ytplayerOverlay a  { background: #DC0E0E;}


/* -- Black Header ----- */
.hdr-blk {background: #000; color: #fff;}
.hdr-blk h5, .hdr-blk h2 {margin: 0;}
.hdr-blk h2 {margin: 0; font-size: 3rem;}





@media screen and (max-width: 767.9px){
    .layoutSerives {display: grid;grid-template-columns: repeat(1,1fr); grid-gap:0.5em; }
}
@media screen and (min-width : 768px) and (max-width : 1023.9px){
    .layoutSerives {display: grid;grid-template-columns: repeat(2,1fr); grid-gap:1em; }
}

.layout3 {background: none;  padding: 0;}
.layout3 > div {padding: 0; grid-gap: 0; grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr}
.layout3 > div > a:nth-child(-n+2) {grid-column: auto;grid-row: auto;}
.layout3 .bannerTitle {font-size: 3em; padding: 2.5rem; text-transform: none;}
.layout3 > div > a:nth-child(2) .bannerTitle {color: #85C23C;}
.layout3 .bannerView {display: none;}
.layout3 .bannerDesc {position: absolute; bottom: 32px; background: none; text-transform: none; letter-spacing: normal; font-weight: bold; font-size: 1.5rem;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);}

@media screen and (max-width : 1023.9px)
{
	.layout3 > div {padding: 0 !important; grid-gap: 0 !important; grid-template-columns: repeat(1,1fr); -ms-grid-columns: 1fr }
}


.bannerInvert .bannerTxtCtr{align-items: flex-start;justify-content: flex-start;align-content: start;color: #ffffff;top: 0;background: none;/* background-color: #fff; */}
.bannerInvert .bannerDesc, .bannerTitle, .bannerView {text-transform: uppercase;}
.bannerInvert .bannerDesc:empty, .bannerTitle:empty, .bannerView:empty{display:none;}
.bannerInvert .bannerTxtCtr > span {background: none;margin-top: 0;text-align: left;max-width: 100%;line-height: 150%;width: initial; color: in}
.bannerInvert .bannerDesc {letter-spacing: 0.5px;font-size: 11px;opacity: 0.7;padding: 0px !important;color: #000;}
.bannerInvert .bannerTitle {font-size: x-large;padding: 0px 0;}
.bannerInvert .bannerView{font-size: 10px;padding: 0;font-family: inherit;margin-top: 8px !important;}
.bannerInvert .photo {background: #000000;}
.bannerInvert .photo {background: #ffffff;}
[class*="Cycle"] h1 {/* background: #15161ac9; */display: inline-block;padding: 16px;color: var(--EVOLBlack);}
[class*="Cycle"] h2 {margin: 0 0 1em 0;}
.store-services h2 {margin: 1em 0 0 0; color: #fff;}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
	[class*="hmBanner"] > div { padding: 0 0 0.5em 0; grid-gap:0.5em;}
	.hmBanner2 > div {grid-template-columns: 1fr; -ms-grid-columns: 1fr}
	.hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:2em;  }
	.colch-Evol  h1, .ytplayerOverlay h1 {font-size:24px !important}
    #newStores .hmBanner2 > div > a:first-of-type {grid-column: auto; grid-row: auto;}
    #map_canvas {height: 60vh;}
}


.courierservice:nth-of-type(5) > ul:first-of-type > li:last-child, .courierservice:nth-of-type(6) > ul:first-of-type > li:last-child {/*display: none;*/}




/* NEW STYLING 2021 --------------------------------------------------------------- */

div.hmBannerStores > div {grid-template-columns: repeat(2,1fr);-ms-grid-columns: 1fr 1fr 1fr;padding: 1em;}
div.hmBannerStores > div > a {}

div.hmBannerStores > div > a .photo div:after{
	padding-bottom: 50%;
}
 
@media screen and (max-width : 1024px) {
	div.hmBannerStores > div {grid-template-columns: repeat(2,1fr);-ms-grid-columns: 1fr 1fr;}
}

@media screen and (max-width : 600px) {
	div.hmBannerStores > div {grid-template-columns: repeat(1,1fr);-ms-grid-columns: 1fr;}
}


.stores .markers {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 32px;background: #ffffff;top: -32px;position: relative;filter: drop-shadow(0px 5px 7px #00000026);}
.stores .markers a {position: relative;margin: 0;padding: 0;}
.stores .markers a .markersEVOL { background: #070d26;color: #fdd530;width: 30px;height: 30px;border-radius: 100%;text-align: center;line-height: 30px;margin-right: 18px;font-family: arboria, sans-serif;font-weight: 700;}
.stores .markers a .markersEVOL a {padding-bottom: 32px;margin: 0 auto;font-size: smaller;display: inline-block;}
.stores .markers a .mpinEVOL {transition:.5s;background: var(--CycleRevo);color: #fff;width: 30px;height: 30px;border-radius: 100%;margin-right: 8px;text-align: center;line-height: 30px;font-weight: 700;padding-bottom: 10px;margin: auto;}
.stores .markers a .mnameEVOL {transition:.5s;text-transform: uppercase;font-size: larger;font-family: arboria, sans-serif;font-weight: 700;background: var(--CycleRevo);color: #fff;padding-top: 2px;margin-top: 12px;text-align: center;}
.stores .markers a .mtelEVOL {/* background: #175FCC; */display: inline-block;/* padding: 3px 8px; */margin: 8px 0px 0px 0px;color: #202020;font-size: small;}
.stores .markers a .maddEVOL {/* max-width: 160px; */color: #202020;}        
.stores .markers a .mnameEVOL:hover{background:#202020;} 
.stores .markers a .mpinEVOL:hover{background:#202020;} 

.stores .markers a:nth-child(2) .mnameEVOL {background: var(--EVOLEvol);} 
.stores .markers a:nth-child(2) .mnameEVOL:hover {background:#202020;} 
.stores .markers a:nth-child(3) .mnameEVOL {background: var(--EVOLBlack);}
.stores .markers a:nth-child(3) .mnameEVOL:hover {background:#202020;}
.stores .markers a:nth-child(2) .mpinEVOL {background: var(--EVOLEvol);}
.stores .markers a:nth-child(2) .mpinEVOL:hover {background:#202020;}  
.stores .markers a:nth-child(3) .mpinEVOL {background: var(--EVOLSpec);}
.stores .markers a:nth-child(3) .mpinEVOL:hover {background:#202020;}

.stores .markers a:nth-child(4) .mnameEVOL {background: var(--EVOLGiant);}
.stores .markers a:nth-child(4) .mpinEVOL {background: var(--EVOLGiant);}
.stores .markers a:nth-child(4) .mnameEVOL:hover {background:#202020;}
.stores .markers a:nth-child(4) .mpinEVOL:hover {background:#202020;}

.stores .markers a:nth-child(6) .mnameEVOL {background: var(--EVOLSpec);}
.stores .markers a:nth-child(6) .mpinEVOL {background: var(--EVOLSpec);}
.stores .markers a:nth-child(6) .mnameEVOL:hover {background:#202020;}
.stores .markers a:nth-child(6) .mpinEVOL:hover {background:#202020;}

.stores .markers a:nth-child(7) .mnameEVOL {background: var(--EVOLGiant);}
.stores .markers a:nth-child(7) .mpinEVOL {background: var(--EVOLGiant);}

.stores .markers a:nth-child(8) .mnameEVOL {background: var(--EVOLOrange);}
.stores .markers a:nth-child(8) .mpinEVOL {background: var(--EVOLOrange);}

@media screen and (max-width : 1024px) {
	.stores .markers {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 32px;background: #ffffff;top: -32px;position: relative;filter: drop-shadow(0px 5px 7px #00000026);}
}

.stores .markers:nth-child(2) .mnameEVOL{transition:.5s;text-transform: uppercase;font-size: larger;font-family: arboria, sans-serif;font-weight: 700;background: #175fcc;color: #fff;padding-top: 2px;margin-top: 12px;text-align: center;}           

#EVOL-store-wrap div[itemtype="http://schema.org/Organization"] p {
    margin: 1rem 0 0 0;
    font-family: 'citrfontbold';
}

#EVOL-store-wrap div[itemtype="http://schema.org/Organization"] .call span {
	display: block;
}

#EVOL-store-wrap div[itemtype="http://schema.org/Organization"] .call span:last-child {
	font-style: italic;
	text-decoration: underline;
	font-size: 0.85rem;
	color: #175FCC;
}                                                                                                                                                      .loyalty-btn-container a{margin-right:30px;}
.loyalty-log-in{background: var(--EVOLBrand);color:#fff;padding: 15px 30px;}

.loyalty-log-in:hover{background: var(--EVOLRevo);}
.loyalty-container{display: grid;grid-gap: 90px;grid-template-columns: repeat(1,1fr);}
.loyalty-container2{display: grid;grid-gap: 90px;grid-template-columns: repeat(2,1fr);}
.loyalty-btn{background: var(--EVOLRevo);color: #fff;padding: 15px 30px;}
.loyalty-btn:hover{background: var(--EVOLBrand);}
.loyalty-help a{font-weight: bold;}
.l-bg1{background: #ffffff;}
.loy .maxInner{max-width:1200px;}
.ss h3{padding:0px !important;margin: 0px 0px 16px 0px !important;}
@media screen and (max-width: 767px){
	.loyalty-container{display: grid;grid-gap: 30px;grid-template-columns: repeat(1,1fr);}
	.loyalty-container2{display: grid;grid-gap: 90px;grid-template-columns: repeat(1,1fr);}

	.one{order:1;}
	.two{order:2;}
}

.loyalty-container ul:nth-of-type(1) {list-style-type: disc;list-style-position: inside;}
.spend-save-container{background: #070d26;color: #fdd530;border-radius:30px;}
.spend-save-container p{color:#fff}
.ss .maxInner{max-width:700px;}
.ss .store-locator:hover{color:#fdd530;}                                                                                                                                                                                                                                                              /* local-riding  */
.LRContainer img {max-width: 150px;padding: 8px;background: #fff;  filter: gray; -webkit-filter: grayscale(100%); -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;}
.LRContainer div {outline: 1px solid #d8d8d8;margin: 0 16px 16px 0;display: inline-block;}
.LRContainer a {display: inline-block;padding: 8px;background: #efefef;}
.LRContainer a:hover img {max-width: 150px;padding: 8px;background: #fff; -webkit-filter: grayscale(0%);}
.LRContainer div:hover {outline: 1px solid #999}
                                                                                                                                                                                                                                                                                                                                                                                      #storesPages .ytplayerOverlay {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
  }
  #storesPages .ytplayerOverlay p {
    margin-bottom: 0;
  }
  #storesPages .storeContainer {
    background: #696566;
    padding: 2em;
    color: #fff;
  }
  #storesPages .storeContainer p img,
  #storesPages .storeBikes img {
    height: 35px;
    width: auto;
    filter: invert(1);
    left: -7px;
    position: relative;
  }
  #storesPages .storeBikes {
    display: flex;
    flex-flow: row;
    align-items: center;
  }
  #storesPages .storeBikes P {
    margin: 0;
  }
  #storesPages .width25 {
    width: 25%;
  }
  #storesPages .width50 {
    width: 50%;
  }
  #storesPages .storeContainer th {
    text-align: left;
    padding-right: 1.5em;
  }
  #storesPages .storeCta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-block: 2em;
  }
  #storesPages .storeCta > div {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 1em;
  }
  #storesPages .storeCta > div img {
    height: 50px;
    width: auto;
  }
  #storesPages .storeCta > div p {
    margin-bottom: 0;
    margin-top: 1em;
  }
  @media screen and (max-width: 1025px) {
    #storesPages .col-3 {
      width: 100%;
    }
  }
  #storesPages .map {
    display: flex;
    position: relative;
  }
  #storesPages .background1SplitLight iframe {
    position: relative;
  }
  #storesPages .mapInfo {
    padding: 32px;
    color: #000;
    text-align: left;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fafafa;
  }
  #storesPages .mapInfo h2 {
    color: var(--colour-01);
  }
  #storesPages .mapInfo > div > div {
    display: flex;
    gap: 18px;
    margin-bottom: 16px;
    align-items: flex-start;
  }
  #storesPages .mapInfo li {
    list-style: none;
    margin-bottom: 0.4rem;
  }
  #storesPages .mapInfo > div > div:last-of-type {
    margin-bottom: 0;
  }
  #storesPages .invert img[src*=svg] {
    filter: invert(0);
  }
  #storesPages .button {
    background: var(--color1);
    color: var(--color2);
  }
  #storesPages .mapButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-top: 1rem;
  }
  #storesPages .mapButtons a {
    background: #e87120;
    color: #fff;
    padding: 0.5rem 1rem;
  }

  #storesPages .videoWrapper{
    height: 30vh;
  }

  #storesPages .mapButtons > div{
    display: flex;
    text-align: center;
    width: 150px;
    justify-content: center;
  }

  @media screen and (max-width: 1024px) {
    #storesPages .map {
      flex-wrap: wrap;
    }
    #storesPages .mapInfo {
      width: 100%;
    }
  }                                                                                  /* --------------------------------------------------------------- */
/* START // CONTACT PAGE OVERRIDES */
/* --------------------------------------------------------------- */
.contactFormSend > input:hover {background: #85C23C;}
.contactForm input, .contactForm textarea {border: 1px solid #165fcc;}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
    .zflex-ws .quickContact {order: -1;}
}

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

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
    .zflex-ws .quickContact {order: -1;}
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
}

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

/* --------------------------------------------------------------- */
/* END // CONTACT PAGE OVERRIDES */
/* --------------------------------------------------------------- */

.large-article-box {width: 100% !important;max-width: 1600px;float: none;margin: 0 auto;overflow: hidden;}
.blogRightColumn {display: none !important;}
.breadcrumbs > a {color: #3f3f3f; font-size: 1.25em;}
.breadcrumbs > a[href*="blog"] {color: #175FCC;opacity: 1;}
   
 
.taadd {position: relative;}
.taadd img {width:100%;height:48px;display:block;cursor:pointer;background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;background-position: center center;position: absolute;top: 0;opacity: 0;}
.taadd::before {content: "";width:100%;height:48px; display:block; cursor:pointer;background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;background-position: center center;}                                                                                                                                                                                                                                                                                                                                                                                   /* SERVICE PROMISE PAGE  --------------------------------------------------------------- */

/* BANNERS */
.service-promise .hmBanner8 .photo div:after {padding-bottom: 75%;}
.service-promise .hmBanner8 > div {grid-template-columns: repeat(8,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:2em; padding: 0;}
.service-promise .hmBanner8 .bannerDesc, .service-promise .hmBanner8 .bannerTitle {padding: 0;background: none;text-transform: none;letter-spacing: normal;}
.service-promise .hmBanner8 > div > a:nth-child(-n+2) {grid-column: span 4;overflow: inherit;}
.service-promise .hmBanner8 > div > a:nth-child(n+3) {grid-column: span 2; }
.service-promise .hmBanner8 > div > a {overflow: inherit;padding-bottom: 100px;}
.service-promise .hmBanner8 > div > a .bannerTxtCtr {justify-content: flex-end;color: #000;align-items: flex-start;padding-left: 0;}
.service-promise .hmBanner8 > div > a .bannerTxtCtr .bannerTitle {order: -1;}
.service-promise .hmBanner8 > div > a .bannerTxtCtr .bannerView {border: #165fcc 1px solid;background: none;color: #165fcc;border-radius: 5px;position: absolute;right: 0;margin: 0;}
.service-promise .hmBanner8 > div > a:hover .bannerTxtCtr .bannerView {background: #cc1616; border-color: #cc1616; color: #FFF;}



/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px) {
    .service-promise .hmBanner8 > div {grid-template-columns: repeat(1,1fr); -ms-grid-columns: 1fr ;}
    .service-promise .hmBanner8 > div > a:nth-child(-n+2) {grid-column: auto;}
    .service-promise .hmBanner8 > div > a:nth-child(n+3) {grid-column: auto; }
    .service-promise .hmBanner8 > div > a {overflow: inherit;padding-bottom: 60px;}
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
    .service-promise .hmBanner8 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr ;}
    .service-promise .hmBanner8 > div > a:nth-child(-n+2) {grid-column: auto;}
    .service-promise .hmBanner8 > div > a:nth-child(n+3) {grid-column: auto; }
    .service-promise .hmBanner8 > div > a {overflow: inherit;padding-bottom: 70px;}
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px) {
     .service-promise .hmBanner8 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr ;}
    .service-promise .hmBanner8 > div > a:nth-child(-n+2) {grid-column: auto;}
    .service-promise .hmBanner8 > div > a:nth-child(n+3) {grid-column: auto; }
    .service-promise .hmBanner8 > div > a {overflow: inherit;padding-bottom: 80px;}
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px) {}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {}
                                                                                                                                                                                                                                                                                                                                                                                      /* SUSPENSION PAGE  --------------------------------------------------------------- */

/* GENERAL LAYOUT */
.suss .maxInner {max-width: 1440px;}
.suss .padd {padding: 5em;}
.suss .padd-top {padding-top: 5em;}
.suss .padd.hlfTop {padding: 2.5em 5em;}
.suss .brd-dott-btm {border-bottom: 5px dotted var(--EVOLBrand);padding-bottom: 5em;}

/* FONT */
.suss .fs-1-25 {font-size: 1.25em;}
.suss .fs-1-5 {font-size: 1.5em;}
.suss .fs-1-75 {font-size: 1.75em;}
.suss .fs-2 {font-size: 2em;}
.suss .fs-3 {font-size: 3em;}
.suss p {font-family: citrfontreg;}

/* BUTTONS */
.suss .ghost {background: none; border: 2px solid #FFFFFF; color: white; height: 100%;}
.suss .ghost:hover {background: var(--EVOLRevo);color: var(--EVOLWhite);}

/* THEME */
.suss .bgBlue {background: var(--EVOLBrand);}
.suss .bgBlueNor {background: #005EB8;}
.suss .bgGreen {background: #85C23C;}
.suss .bgRed {background: #DC0E0E;}
.suss .bgGrey {/* background: #F4F4F4; */}
.suss .colBlue {color: var(--EVOLRevo);}
.suss .colBlueNor {color: #005EB8;}
.suss .colGreen {color: #85C23C;}
.suss .colRed {color: #DC0E0E;}

/* BANNER */
.suss .photo.pc33 div:after {padding-bottom: 33%;}
.suss .photo.pc50 div:after {padding-bottom: 50%;}
.suss .hmBanner1 .photo div:after {padding-bottom: 40vw;}
.suss .hmBanner2 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr ; grid-gap: 0; padding: 0;}
.suss .hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 2px; padding: 0;}
.ofc .hmBanner3 > div {grid-template-columns: repeat(2,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 2px; padding: 0; } .suss .hmBanner3 > div li,
.new .hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 2px; padding: 0;}
.suss .tabsSusContent .hmBanner4 > div li,
.suss .tab-cont .hmBanner4 > div li, .new li {padding: 1.5em !important; color: #111; font-size: 1.25em;}
.suss .hmBanner3 > div li.current,
.suss .tabsSusContent .hmBanner4 > div li.current,
.suss .tab-cont .hmBanner4 > div li.current {color: #FFF;}

.suss [class*="hmBanner"] .photo div:after {padding-bottom: 100%;}
.suss [class*="hmBanner"] a {cursor: default;}
.suss [class*="hmBanner"] .bannerTxtCtr {display: none;}
.suss [class*="hmBanner"] > div {grid-template-columns: repeat(4,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-gap:0em; padding: 0;}
.suss div[id*="system"] .hmBanner4 > div {grid-gap:2em; padding: 2em;}
.suss .hmBanner5 > div {grid-template-columns: repeat(5,1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 0 !important;padding: 0 !important;}

    .suss .hmBanner5 > div li,
    .suss .tabsEbikeSub2 > div li {background: none; border-bottom: 4px solid #efefef; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; width: 100%;}
    
    .suss.wksp .hmBanner5 > div li {background: #efefef;padding: 1.5em;font-size: 1.25em;width: auto !important;margin: 0;border: none !important;color: #b1b1b1;opacity: 1;}
.suss.wksp .hmBanner5 > div li.current {background: var(--EVOLBrand);color: #fff;}
    .suss.wksp .tabsEbikeSub.hmBanner5 {padding: 0 16px;}
    
    .suss .hmBanner5 > div li:hover,
    .suss .tabsEbikeSub2 > div li:hover,
    .suss .tab-cont > div li:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

    .suss .hmBanner5 > div li.current,
    .suss .tabsEbikeSub2 > div li.current {background: none; border-bottom: 4px solid #175FCC; -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}

.suss .hmBanner5 > div li img {margin: 0 auto;}
.suss .scaleHover a { overflow: hidden;}
.suss .scaleHover a [class*="css-image"] {transform: scale3d(1,1,1);transition: transform 1.2s cubic-bezier(.19,1,.22,1);}
.suss .scaleHover a:hover [class*="css-image"]  {transform: scale3d(1.05,1.05,1.05);}
.suss .contain > div {background-size: contain !important;}
.suss .top > div {background-position: top !important;}
.suss .contain.bgWhite > div {background-color: white !important;}

/* TABS */
.suss .tabs, .suss .tab-cont {margin: 0;border: none;}
.suss .tabs li, .suss .tab-cont li {width: 100%;border: none; cursor: pointer; background: #efefef;}
.suss .tabs li.current, .suss .tab-cont li.current {background: var(--EVOLBrand);}
.suss .tabsEbikeSub2 > div {max-width: 1000px;  margin: 0 auto;}
.suss .tab-cont .tabSubContent > div {display: none;}
.suss .tabSubContent > div.current {display: inline-block;  margin: 0;  padding: 0;}
.tabsContent > div > div > div {align-items: flex-start;}


/* SERVICE OPTIONS */
.suss .service {}
.suss .service-price p {margin: 0.5em 0.5em 0.5em 0;color: white;background: var(--EVOLRevo);border-radius: 100%;font-family: citrfontbold;font-size: 2em;height: 100px;width: 100px;text-align: center;line-height: 100px;}
.suss .workshop-price p {font-size: 3em; width: 150px; height: 150px; line-height: 150px;}
.suss .service-price h4 {margin: 0;color: #000;}
.suss .service-intv div > div {justify-content: space-around;}
.suss .service-intv div > div > p {text-align: center; font-family: citrfontbold; margin: 0;}
.suss .service-intv div > div > p > span {display: block; font-size: 3em; line-height: 100%;}
.tabsContent div.service-price > div {justify-content: flex-start; margin-left: 64px;}

/* FORM */
.suss fieldset {display:block;border:0;outline:0;margin:0;}
.suss .google-form .input-area {position:relative;}
.suss .google-form .input-area .google-form-label {font-family: citrfontbold;}
.suss .google-form input, .suss .google-form select {webkit-appearance: none;-moz-appearance:none;appearance:none;float:left;width:100%;display:block;border:1px solid #d7d7d7;font-size: 0.8em;padding: 2em 1em;height: 64px;line-height: 100%;background: #fff;}
.suss textarea {border:1px solid #d7d7d7;background: #fff;}
.suss .google-form input:hover, .suss .google-form select:hover {border:1px solid #999;color:#333 !important;outline: none !important;box-shadow: none !important;}
.suss .google-form input:focus .google-form select:focus {border:1px solid #cadb36;color:#333 !important;outline: none !important;box-shadow: none !important;}
.suss .google-form input::placeholder {color: #AFAFAF;}
.suss .google-form input.radio {width: 24px; height: 24px; padding: 0; margin: 0 12px 0 0;}
.suss .google-form input.radio:nth-of-type(n+2) {margin-left: 2em;}
.suss .entpack-warning {background: #ef605e;margin: 0 16px;}
.suss .entpack-warning h4, .suss .entpack-warning p, .suss .entpack-notify h4, .suss .entpack-notify p {color: #fff;}
.suss .entpack-notify {background: #175FCC;margin: 0 16px;}
.suss .google-confirm {font-family: citrfontbold;font-size: 1.5em;height: 100%;padding: 16px;}
.suss .req {color: red;font-weight: bold;position: absolute;font-size: 1.25em;top: -4px;margin: 0 4px;}
.suss .google-form input.radio[value="Yes"]:checked ~ div {display: block !important;}

/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    
    .suss .fs-3 {font-size: 2em;}
    
    .suss .padd {padding: 1em;}  
    .suss .padd.hlfTop > div {text-align: center;}
    .suss .padd.hlfTop > div:first-child {margin-bottom: 1em;}
    .suss h3, .suss h5, .suss h6, .suss p {text-align: center;}
    
    .suss a.button {display: block;}
    
    .suss .hmBanner3 > div, .suss [class*="hmBanner"] > div, .suss .hmBanner5 > div {grid-template-columns: repeat(1,1fr);-ms-grid-columns: 1fr;}  
    
    .suss .workshop-price > div {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;}
    .suss .workshop-price > div p {margin: 0;}
    
    .suss .flip-order {flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap;}
    .suss .flip-order > div:last-of-type {order: -1;}


    .tabsContent div.service-price > div {justify-content: center; margin-left: 0;}

}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
    .suss .col-40p, .suss .col-60p {width: 50% !important;}
    .suss .col-3, .suss .col-66p {width: 100% !important;}
    .suss .padd {padding: 2em;}
    .suss [class*="hmBanner"] > div, .suss .hmBanner5 > div {grid-template-columns: repeat(1,1fr);-ms-grid-columns: 1fr;}  
}

/* laptops Large  ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px) {
}

/* Desktops  ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px) {}

/* 4K   ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {}
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;}



.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;}
}

.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;}

.options { padding: 3%;}
.options span {background: var(--EVOLBrand);padding: 16px;color: #fff;}
.options span img{filter: invert(1);}
                                                                                                                                                                                                                                                                                                         @charset "utf-8";
/*  Video Banner  -- */
.standardWrapper {position: relative;overflow:hidden;}

.ytplayerOverlay a {padding:14px 36px;display:inline-block;margin-top:24px;color:#333;border-radius:5px;}
.videoWrapper {position: relative;overflow:hidden;height: calc(30vw / (16 / 9));max-height: calc(100vh - 117px);}
.videoWrapper iframe {top: 0;left: 0;width: 100%;height: 100%;z-index: 0;position: absolute;}
.videoWrapper img {position: absolute; left: 32px; top: 32px; z-index: 1; width: 100px; background: #00000080;}
.ytplayerWrapper {width: 100%;padding-bottom: calc(100vw / (16 / 9)); overflow: hidden;float: left;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); pointer-events: none;}
.ytplayerOverlay {z-index: 2;color:#fff;width: 100%;position: absolute;left: 50%; -webkit-transform: translate(-50%, -100%); transform: translateX(-50%) translateY(-100%); top: 100%;}
.ytplayerOverlay img { max-width:100%}
.ytplayerOverlay h3 {color: #ffe903;opacity:0.7;letter-spacing: 4px;margin: 0;display: inline-block;}
.ytplayerOverlay h2 {color:#fff;margin: 0;}
.ytplayerOverlay h1 {color:#fff; margin: 0;}
.ytplayerOverlay a {color: #fff;}
.ytplayerOverlay a:empty {display: none}

@media screen and (max-width: 767px){
    .videoWrapper img {left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    .ytplayerOverlay h1 {}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {
}
@media screen and (min-width:1024px) and (max-width:1439.9px) {}
@media screen and (min-width:1440px) and (max-width:1913.9px) {}
@media screen and (min-width:1914px) {}
                                                                                                                                                                                                                                    /* workshop  */
.workshop {background: #333332;height: 1%;overflow: hidden;margin: 0;color: #fff;}
.gold,.silver,.platinum {/* outline: 1px solid #efefef; */}
.workshop h3 {float:left;color: #fff;}
.workshop .wsPrice {float:right;padding: 2px 8px;background-color: #252525;}
.Bronze {color: #d09a73;}
.Silver {color: #e2d7d7;}
.Gold {color: #d4aa3e;}
.Ultimate {color: #ff8c83;}
.checkList {padding: 0; margin-top:45px}
.checkList li {padding: 16px 0;border-top: 1px solid #545454;list-style: none;}
.checkList li:before {font-family: 'feather';content:"\e042";padding-right: 16px;color: inherit;}
.checkList li:first-of-type {/* border-top: 1px solid; */}
.videoLink a {color: #fff}
.videoLink:before {font-family: 'feather';content:"\e052"!important; color: #fff}
.servicePackages .col3.blkBorder p {text-align: center;}
.servicePackages p strong {font-size: 40px;}
.servicePackages span.spanner, .swcLanding .servicePackages span.spanner span {display: inline-block;background: url(/layout/workshopSpanner.jpg) 0 -70px repeat-x;width: 100%;height: 51px;background-size: 50px;}
.servicePackages span.spanner.wider, .swcLanding .servicePackages span.spanner.wider span {height: 55px; background-size: 52px;}
.servicePackages span.spanner span {background-position: 0 0; float: left;}
.leaders {max-width: 100%;padding: 0;overflow-x: hidden;list-style: none;text-align: left;margin-bottom: 0;width: 100%;}
.leaders li {margin: 16px 0;position: relative;display: inline-table;width: 100%;}
.leaders li:after	 {position: absolute;bottom: 0;left: 0;white-space: nowrap;vertical-align: middle;content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";}
.leaders strong:first-child {background: white;z-index: 10;padding-right: 8px;}
.leaders strong + strong {float: right;padding-left: 0.33em;background: white;}
.leaders small {font-size:11px;}

.ytplayerOverlay.reCycle {-webkit-transform: translate(-50%, -50%); transform: translateX(-50%) translateY(-50%); top: 50%;}
.reCycle:before {content: "";background: url(/layout/reCycleLogo.png) center center no-repeat;background-size: contain;margin: -24px 0 24px 0;display: block;height: 125px;min-width: 206px;}

.workshop .ytplayerWrapper { padding-bottom:inherit}

.suss .hmBanner1 .Banner .photo div::after {padding-bottom: 30vw;}
.wksp .tabs > li {padding: 1.5em; font-size: 1.25em; width: auto !important;}

.Banner.posrel {position: relative;}
.imgCtr20::after {content: ""; padding-bottom: 20%; display: block; width: 100%;}

.workshopOver {width: 100%; position: absolute;z-index: 2;}
.workshopOver::after {content: "";background: url(/pages/workshop/shimServLogo.png?width=600) no-repeat center center / min(400px, 50%); width: 100%;height: 87px;display: block;padding-bottom: 30vw;}

.photo.bh50 > div::after {padding-bottom: 50%;}
.photo.bh40 > div::after {padding-bottom: 40%;}
.photo.bh30 > div::after {padding-bottom: 30%;}

@media screen and (max-width: 767.9px) {
	.wksp .tabs:not(.tabsEbikeSub) {position: static; top: 48px;}
	.wksp .tabs > li {width: 100% !important;}
}

@media screen and (min-width : 768px) and (max-width : 1023.9px) {
	.wksp .tabs:not(.tabsEbikeSub) {position: static;}
}

@media screen and (min-width : 1024px) and (max-width : 1439.9px) {
	.tabs:not(.tabsEbikeSub) {top: 48px;}
}

@media screen and (min-width : 1440px) and (max-width : 1919px) {}