.clear:before, .clear:after {
  content: ' ';
  display: table;
}

.clear {
  *zoom: 1;
}

.clear:after {
  clear: both;
}

.main:after, .main-content-inside:after, .page-full-width .main-content-header:after, .page-full-width .main-content-body:after, .tab-items:after, .tab-dropdown-container .tab-overflow:after, .cat-nav li a:after, .draw-content-header:after, .product-item-container.product-legal .product-item-footer:after, .product-item-container .product-item:after, .draw-content-footer:after, .utils:after, .product-icons:after, .is-promo .promo-footer:after, .tobacco-price-board:after, .is-checkout .orderSummary .discount-list ul li:after,
.draw-content-body .orderSummary .discount-list ul li:after, .is-checkout .orderSummary .totals:after,
.draw-content-body .orderSummary .totals:after, .fc-button .button-main-container:after,
.fc-button .button-confirmation-container:after, .fc-button:after, .form-field-checkbox-label:after, .form-field-radio-button-label:after, .form-wrapper fieldset .form-field-row:after, .popup-header:after, .popup-footer:after {
  content: ' ';
  display: table;
  clear: both;
}

.clearboth {
  clear: both;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

.reset {
  margin: 0;
  padding: 0;
  line-height: 0;
  height: auto;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * The following line is used to avoid an IE11 bug:
 * https://connect.microsoft.com/IE/feedback/details/796745/mouse-events-are-not-delivered-at-all-anymore-when-inside-an-svg-a-use-is-removed-from-the-dom
 * 
 * The browser randomly stops responding to click events while navigating the site on IE11 in Windows 7 if the following
 * line isn't used.
 */
use {
  pointer-events: none;
}

/* Almost Black */
/* Dark Grey */
/* Grey */
/* Dark Red */
/* Dark Green */
/* Light Yellow */
/* Yellow */
/* Light Blue */
/* Dark Grey */
/* Inbetween, used for icons, added by Jacob */
/* Dark Mid */
/* Light Grey */
/* Grey */
/* Lightest accessibility compliant grey */
/* Lightest accessibility compliant grey */
/* Used for website background colour */
/* Used for website background colour */
/* Bought before color */
/* Blue */
/* Light Blue */
/* Light Blue Medium */
/* Light Blue Dark */
/*lighter grey*/
/*darker grey*/
/*darker grey for use on dark bg*/
/*lighter grey for use on dark bg*/
/* Light Grey */
/* Dark grey */
/* =Tabs Colors */
/* =Product Tile Colors */
/* =Typography */
* {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font: normal 13px/1.6 Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #fefefe;
  color: #262626;
}

body.page-full-width,
body.is-dss {
  background: #f0f0f0;
}

body.page-full-width .header,
body.is-dss .header {
  border-bottom: 3px solid #e01a22;
}

body.page-full-width .main,
body.is-dss .main {
  background: #f0f0f0;
}

body.is-checkout {
  background: #fefefe;
}

body.is-checkout .main {
  background: #fefefe;
}

a {
  color: #4c4c4c;
}

/* =Heading */
h1:hover, h1:focus, h2:hover, h2:focus, h3:hover, h3:focus, h4:hover, h4:focus, h5:hover, h5:focus, h6:hover, h6:focus {
  outline: 0;
}

h1 {
  font-size: 2.538461538em;
  /* 33px */
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.05em;
  margin: .67em 0;
  padding: 0;
}

@media (max-width: 47.99em) {
  h1 {
    font-size: 1.8461538em;
    line-height: 1.25em;
  }
}

h2 {
  font-size: 1.153846154em;
  /* 15px */
  color: #262626;
  font-weight: bold;
  line-height: 1.25em;
  margin: .83em 0;
}

h3 {
  font-size: 1.076923077em;
  /* 14px */
  color: #262626;
  line-height: 1.25em;
  margin: 1em 0;
  padding: 0;
}

h4 {
  font-size: 1em;
  /* 13px */
  color: #262626;
  font-weight: bold;
  line-height: 1.222em;
  margin: 1.67em 0;
  padding: 0;
}

h5 {
  font-size: 1em;
  /* 13px */
  color: #262626;
  line-height: 1.222em;
  margin: 1.67em 0;
  padding: 0;
}

h6 {
  font-size: 1em;
  /* 13px */
  font-weight: bold;
  color: #262626;
  line-height: 1.222em;
  margin: 2.33em 0;
  padding: 0;
}

@media (max-width: 47.99em) {
  h6 {
    line-height: 1.25em;
    margin: 0 0 1em;
  }
}

.intro {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8461538em;
  line-height: 1.25em;
  padding: 0;
  margin: 0 0 1em;
}

@media (max-width: 47.99em) {
  .intro {
    font-size: 1.38461538em;
    line-height: 1.25em;
    padding: 10px 0;
  }
}

hr {
  border: none;
  background-color: #e6e6e6;
  height: 1px;
  margin: 35px 0 22px 0;
}

/* =Table */
table {
  width: 100%;
  border: 1px solid #999;
  text-align: left;
  border-collapse: collapse;
  margin: 0 0 1em 0;
  caption-side: top;
}

caption, td, th {
  padding: 0.3em;
}

th, td {
  border-bottom: 1px solid #999;
  width: 25%;
}

ul, ol {
  padding: 20px 0 0 27px;
}

ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0;
}

caption {
  font-weight: bold;
  font-style: italic;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.txt-center {
  text-align: center;
}

/* =Accessibility content */
.accessibility {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  width: auto !important;
}

.accessibility-inline, .tab-item.tab-item-1:not(.tab-overflow-item) .tab-item-title, .is-promo .promo-header.accessibility-inline {
  position: absolute;
  top: auto;
  overflow: hidden;
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  width: 1px !important;
  display: inline;
  text-transform: none;
}

@media (max-width: 47.99em) {
  .accessibility-inline-mobile {
    position: absolute;
    top: auto;
    overflow: hidden;
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    display: inline;
    text-transform: none;
  }
}

.accessibility-announcement {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  width: 1px !important;
  display: inline;
}

body:hover .accessibility a,
body:hover .accessibility input,
body:hover .accessibility button {
  display: none !important;
}

.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.force-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

.mobile-only {
  display: none;
}

@media (max-width: 47.99em) {
  .mobile-only {
    display: block;
  }
}

.desktop-only {
  display: block;
}

@media (max-width: 47.99em) {
  .desktop-only {
    display: none;
  }
}

.bold {
  font-weight: bold;
}

#skip, .skiplinks {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 50%;
}

#skip a, #skip .skiplink, .skiplinks a, .skiplinks .skiplink {
  position: absolute;
  top: -40px;
  left: 5px;
  line-height: 1em;
  color: #4c4c4c;
}

#skip a:focus, #skip .skiplink:focus, .skiplinks a:focus, .skiplinks .skiplink:focus {
  top: 5px;
  outline: 1px #5c5c5c solid;
  font-size: 11px;
  padding: 3px 5px;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none !important;
  background: #fff;
}

.focus-outline:focus {
  outline: 1px #f0f0f0 solid;
  font-size: 11px;
  padding: 1px 5px;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none !important;
  background: #f0f0f0;
}

.hidden-close-trolley,
.hidden-close-popup,
.hidden-to-total,
.hidden-trolley-start {
  position: absolute;
  top: -80px;
  left: 40px;
  opacity: 0;
}

.hidden-close-trolley:focus,
.hidden-close-popup:focus,
.hidden-to-total:focus,
.hidden-trolley-start:focus {
  opacity: 1;
  top: 0px;
  right: -20px;
  left: -20px;
  text-align: center;
  background: #f0f0f0;
  outline: 0;
  font-size: 11px;
  padding: 1px;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none !important;
}

.draw-warning .hidden-close-trolley:focus, .draw-warning
.hidden-close-popup:focus, .draw-warning
.hidden-to-total:focus, .draw-warning
.hidden-trolley-start:focus {
  left: 0;
  right: 0;
}

.hidden-close-trolley.inline-skiplink,
.hidden-close-popup.inline-skiplink,
.hidden-to-total.inline-skiplink,
.hidden-trolley-start.inline-skiplink {
  opacity: 0;
  top: auto;
  margin-top: 8px;
  position: absolute;
}

.hidden-close-trolley.inline-skiplink:focus,
.hidden-close-popup.inline-skiplink:focus,
.hidden-to-total.inline-skiplink:focus,
.hidden-trolley-start.inline-skiplink:focus {
  opacity: 1;
}

/* =Focus styles */
a, button, input[type="button"], input[type="submit"] {
  text-decoration: none;
}

a:hover, a:focus, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  text-decoration: underline;
  outline: 0;
  cursor: pointer;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, div:hover, div:focus, p:hover, p:focus, span:hover, span:focus {
  outline: none;
}

/* A hidden div used to detectt the width of a browser scrollbar */
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

/* Preloader defaults */
@-webkit-keyframes rotateSVG {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateSVG {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.preloaderContainer {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0 auto;
  display: block;
}

.preloaderContainer.is-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  width: 80px;
  height: 80px;
  -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out;
  transition: transform 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.preloaderContainer.is-active .preloader {
  -webkit-animation: rotateSVG 0.5s linear infinite;
          animation: rotateSVG 0.5s linear infinite;
}

.preloaderContainer.is-active .preloader .circleBG {
  stroke-width: 5;
  stroke: #d8d8d8;
}

.preloaderContainer.is-active .preloader .circleStroke {
  stroke-dasharray: 73px, 110px;
  stroke-width: 5;
  stroke: #a6a6a6;
}

.preloaderContainer.is-fading {
  opacity: 0;
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: opacity 0.25s ease-in, width 0s 0.3s, height 0s 0.3s, -webkit-transform 0.25s ease-in;
  transition: opacity 0.25s ease-in, width 0s 0.3s, height 0s 0.3s, -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in, opacity 0.25s ease-in, width 0s 0.3s, height 0s 0.3s;
  transition: transform 0.25s ease-in, opacity 0.25s ease-in, width 0s 0.3s, height 0s 0.3s, -webkit-transform 0.25s ease-in;
  width: 0;
  height: 0;
}

.preloaderContainer.dark .preloader .circleBG {
  stroke: #444444;
}

.preloaderContainer.dark .preloader .circleStroke {
  stroke: #aeaeae;
}

.preloaderContainer.draw-content-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.preloaderContainer.draw-content-loader.is-active {
  width: 100px;
  height: 100px;
}

.preloaderContainer.checkout-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -90px;
}

.preloaderContainer.is-active.micro {
  width: 15px;
  height: 15px;
}

.preloaderContainer.is-active.mini {
  width: 20px;
  height: 20px;
}

.preloaderContainer.is-active.small {
  width: 40px;
  height: 40px;
}

.preloaderContainer.is-active.medium {
  width: 80px;
  height: 80px;
}

.initial-load .preloaderContainer.is-active.medium {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.initial-load .preloaderContainer.is-active.medium.is-active {
  width: 100px;
  height: 100px;
}

.preloaderContainer.is-active.large {
  width: 120px;
  height: 120px;
}

button .preloaderContainer.is-active {
  margin: 2px 5px 0 0;
  float: left;
}

.preloader-text {
  font-size: 24px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5c5c5c;
  font-weight: 400;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50px);
      -ms-transform: translate(-50%, 50px);
          transform: translate(-50%, 50px);
  width: 80%;
  text-align: center;
}

@media (max-width: 47.99em) {
  .preloader-text {
    font-size: 18px;
  }
}

.button-darkbutton:disabled .preloaderContainer, .button-dark.button:disabled .preloaderContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.button-darkbutton:disabled .preloaderContainer.mini, .button-dark.button:disabled .preloaderContainer.mini {
  margin-left: -10px;
  margin-top: -10px;
}

.button-darkbutton:disabled .preloaderContainer.small, .button-dark.button:disabled .preloaderContainer.small {
  margin-left: -20px;
  margin-top: -20px;
}

/* From temporary.css */
.center {
  width: 60%;
  margin: auto;
}

.half {
  float: left;
  width: 50%;
}

.lowercase {
  text-transform: lowercase;
}

.inline {
  display: inline;
}

.ng-hide {
  display: none;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
.ng-cloak {
  display: none !important;
}

/* =Product Grid Config */
body.draw-is-open {
  overflow-y: hidden;
}

body.draw-is-open .wrapper,
body.popup-is-open .wrapper,
body.draw-is-open .footer,
body.popup-is-open .footer {
  overflow: hidden;
  position: fixed;
}

body .draw {
  display: none;
}

body.has-draw .draw {
  display: block;
}

.wrapper {
  padding-bottom: 50px;
}

@media (max-width: 47.99em) {
  .wrapper {
    width: 100%;
  }
}

/* =Header */
.header {
  background: #fefefe;
  position: relative;
  min-height: 96px;
}

@media (min-width: 48em) {
  .header {
    min-height: 150px;
  }
}

@media (min-width: 30em) {
  .has-draw .header {
    margin-right: 65px;
  }
}

@media (min-width: 48em) {
  .has-draw .header {
    margin-right: 90px;
  }
}

@media (min-width: 64.0625em) {
  .has-draw .header {
    margin-right: 130px;
  }
}

/* =Main */
.main {
  background-color: #fefefe;
  clear: both;
}

body.page-full-width .main:after {
  display: none;
}

body.page-full-width.has-draw .main:after {
  display: inherit;
}

/* =Categories navigation */
.nav-mask {
  display: none;
}

@media (max-width: 47.99em) {
  .nav-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 150;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    width: 0;
    height: 0;
    display: block;
  }
  .nav-is-open .nav-mask {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
}

.cat-nav {
  width: 195px;
  float: left;
}

.cat-nav-inside {
  padding-left: 5px;
  position: relative;
}

@media (max-width: 47.99em) {
  .cat-nav-inside {
    padding-left: 0;
  }
}

.main-content iframe {
  width: 100%;
  display: block;
  border: none;
  height: 0;
}

.main-content .iframe-container {
  padding: 15px 30px;
}

.main-content-inside {
  padding: 15px 10px 0 0;
  position: relative;
}

@media (max-width: 47.99em) {
  .main-content-inside {
    padding: 8px 4px 0 4px;
  }
}

@media (max-width: 29.99em) {
  .main-content-inside {
    padding: 8px 8px 0 8px;
  }
}

.main-content-inside .main-content-header {
  margin-bottom: 8px;
  line-height: 2em;
}

@media (min-width: 30em) {
  .main-content-inside .main-content-header {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 48em) {
  .main-content-inside .main-content-header {
    margin-left: 0.83333%;
    margin-right: 0.83333%;
    margin-bottom: 20px;
  }
}

@media (min-width: 98.75em) {
  .main-content-inside .main-content-header {
    margin-left: 0.59524%;
    margin-right: 0.59524%;
  }
}

.main-content-inside .main-content-header .heading {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

@media (min-width: 48em) {
  .main-content-inside .main-content-header .heading {
    font-size: 2.538461538em;
    margin-bottom: 5px;
  }
}

.main-content-inside .main-content-header .intro {
  font-size: 1.2307692307692308em;
  margin: 0;
  padding: 0;
}

@media (min-width: 48em) {
  .main-content-inside .main-content-header .intro {
    font-size: 20px;
  }
}

@media (min-width: 48em) {
  .main-content-inside .results-view .heading {
    font-size: 22px;
  }
  .main-content-inside .results-view .intro {
    font-size: 18px;
  }
}

.products {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
  padding-top: 10px;
}

.products:after {
  content: " ";
  display: block;
  clear: both;
}

@media (max-width: 47.99em) {
  .products {
    padding-top: 8px;
  }
}

.products:after {
  content: '1';
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

@media (min-width: 32.5em) {
  .products:after {
    content: '2';
  }
}

@media (min-width: 42.5em) {
  .products:after {
    content: '3';
  }
}

@media (min-width: 48em) {
  .products:after {
    content: '2';
  }
}

@media (min-width: 60.9375em) {
  .products:after {
    content: '2';
  }
}

@media (min-width: 64em) {
  .products:after {
    content: '3';
  }
}

@media (min-width: 64.0625em) {
  .products:after {
    content: '2';
  }
}

@media (min-width: 71.5625em) {
  .products:after {
    content: '3';
  }
}

@media (min-width: 85em) {
  .products:after {
    content: '4';
  }
}

@media (min-width: 98.75em) {
  .products:after {
    content: '5';
  }
}

@media (min-width: 116.875em) {
  .products:after {
    content: '6';
  }
}

@media (min-width: 32.5em) {
  .products.promo-products:after {
    content: '2';
  }
}

@media (min-width: 42.5em) {
  .products.promo-products:after {
    content: '2';
  }
}

@media (min-width: 48em) {
  .products.promo-products:after {
    content: '2';
  }
}

@media (min-width: 60.9375em) {
  .products.promo-products:after {
    content: '2';
  }
}

@media (min-width: 64em) {
  .products.promo-products:after {
    content: '3';
  }
}

.product {
  width: 48.3333333333%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
  /* tablet portrait 2 cols */
  margin-bottom: 2.9166666667%;
}

@media (min-width: 40em) {
  .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 48em) {
  .product {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* tablet portrait 2 cols */
    margin-bottom: 2.9166666667%;
  }
}

@media (min-width: 60.9375em) {
  .product {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 64em) {
  .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 64.0625em) {
  .product {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 71.5625em) {
  .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 85em) {
  .product {
    width: 23.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop wide (defined in _vars.scss) 4 cols */
    margin-bottom: 1.75%;
  }
}

@media (min-width: 98.75em) {
  .product {
    width: 18.8095238095%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
    /* desktop wide (defined in _vars.scss) XL 5 cols */
    margin-bottom: 1.75%;
  }
}

@media (min-width: 116.875em) {
  .product {
    width: 15.4761904762%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
    /* desktop wide XXL (defined in _vars.scss) 6 cols */
    margin-bottom: 1.75%;
  }
}

@media (min-width: 48em) {
  .is-home .products {
    margin-left: -10px;
    max-width: initial;
    width: calc(100% + 20px);
  }
}

.is-home .productContainer:after {
  content: '1';
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

@media (min-width: 32.5em) {
  .is-home .productContainer:after {
    content: '2';
  }
}

@media (min-width: 42.5em) {
  .is-home .productContainer:after {
    content: '3';
  }
}

@media (min-width: 48em) {
  .is-home .productContainer:after {
    content: '3';
  }
}

@media (min-width: 60.9375em) {
  .is-home .productContainer:after {
    content: '3';
  }
}

@media (min-width: 64em) {
  .is-home .productContainer:after {
    content: '3';
  }
}

@media (min-width: 64.0625em) {
  .is-home .productContainer:after {
    content: '3';
  }
}

@media (min-width: 71.5625em) {
  .is-home .productContainer:after {
    content: '4';
  }
}

@media (min-width: 85em) {
  .is-home .productContainer:after {
    content: '4';
  }
}

@media (min-width: 98.75em) {
  .is-home .productContainer:after {
    content: '5';
  }
}

@media (min-width: 116.875em) {
  .is-home .productContainer:after {
    content: '6';
  }
}

@media (min-width: 48em) {
  .is-home .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 60.9375em) {
  .is-home .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 64em) {
  .is-home .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 64.0625em) {
  .is-home .product {
    width: 31.6666666667%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 71.5625em) {
  .is-home .product {
    width: 23.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 85em) {
  .is-home .product {
    width: 23.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 98.75em) {
  .is-home .product {
    width: 18.8095238095%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
  }
}

@media (min-width: 116.875em) {
  .is-home .product {
    width: 15.4761904762%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
  }
}

.is-promo-large {
  width: 98.3333333333%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
}

@media (min-width: 60.9375em) {
  .is-promo-large {
    width: 98.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 64em) {
  .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 64.0625em) {
  .is-promo-large {
    width: 98.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 71.5625em) {
  .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop 3 cols */
    margin-bottom: 2.5%;
  }
}

@media (min-width: 85em) {
  .is-promo-large {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
    /* desktop wide (defined in _vars.scss) 4 cols */
    margin-bottom: 1.75%;
  }
}

@media (min-width: 98.75em) {
  .is-promo-large {
    width: 38.8095238095%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
    /* desktop wide (defined in _vars.scss) XL 5 cols */
    margin-bottom: 1.75%;
  }
}

@media (min-width: 116.875em) {
  .is-promo-large {
    width: 32.1428571429%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
    /* desktop wide XXL (defined in _vars.scss) 6 cols */
    margin-bottom: 1.75%;
  }
}

.is-home .is-promo-large {
  width: 98.3333333333%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
}

@media (max-width: 47.99em) {
  .is-home .is-promo-large {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (max-width: 32.49em) {
  .is-home .is-promo-large {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .is-home .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 60.9375em) {
  .is-home .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 64em) {
  .is-home .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 64.0625em) {
  .is-home .is-promo-large {
    width: 65%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 71.5625em) {
  .is-home .is-promo-large {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 85em) {
  .is-home .is-promo-large {
    width: 48.3333333333%;
    float: left;
    margin-left: 0.8333333333%;
    margin-right: 0.8333333333%;
  }
}

@media (min-width: 98.75em) {
  .is-home .is-promo-large {
    width: 38.8095238095%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
  }
}

@media (min-width: 116.875em) {
  .is-home .is-promo-large {
    width: 32.1428571429%;
    float: left;
    margin-left: 0.5952380952%;
    margin-right: 0.5952380952%;
  }
}

/* =Sidebar - Draw */
.has-draw .main {
  padding-right: 90px;
}

@media (min-width: 64.0625em) {
  .has-draw .main {
    padding-right: 130px;
  }
}

@media (max-width: 47.99em) {
  .has-draw .main {
    padding-right: 65px;
  }
}

@media (max-width: 29.99em) {
  .has-draw .main {
    padding-right: 0;
  }
}

@media (min-width: 48em) {
  .has-multisearch .tabs {
    margin-top: 18px;
  }
}

.has-multisearch .header-top.persistent {
  padding-bottom: 4px !important;
}

@media (min-width: 48em) {
  .has-multisearch .header-top.persistent {
    padding-bottom: 2px !important;
  }
}

@media (min-width: 64.0625em) {
  .has-multisearch .header-top.persistent {
    padding-bottom: 9px !important;
  }
}

.has-multisearch .header-top.persistent .multisearch.is-expanded .multisearch-container {
  margin-bottom: 4px;
}

@media (min-width: 48em) {
  .has-multisearch .header-top.persistent .multisearch.is-expanded .multisearch-container {
    margin-bottom: 8px;
  }
}

@media (min-width: 64.0625em) {
  .has-multisearch .header-top.persistent .multisearch.is-expanded .multisearch-container {
    margin-bottom: 0;
  }
}

.wrapper {
  padding-bottom: 0;
}

body.draw-is-open .wrapper,
body.popup-is-open .wrapper {
  right: 0;
  left: 0;
}

body.draw-is-open .wrapper.no-extra-padding,
body.popup-is-open .wrapper.no-extra-padding {
  padding-right: 0;
}

/* =Sidebar - Draw */
.draw-wrapper {
  position: relative;
  width: auto;
}

/* =Categories navigation */
.cat-nav {
  width: 195px;
  float: left;
}

.main-content {
  padding-left: 205px;
}

@media (max-width: 47.99em) {
  .main-content {
    padding-left: 0;
  }
}

@media (min-width: 60.9375em) {
  .cat-nav {
    width: 237px;
  }
  .main-content {
    padding-left: 242px;
  }
}

@media (min-width: 64.0625em) {
  /* =Categories navigation */
  .cat-nav {
    width: 290px;
  }
  .cat-nav-inside {
    padding-left: 20px;
  }
  .main-content {
    padding-left: 300px;
  }
}

.is-home .mobile-cat-nav-header, .is-home .cat-nav-container {
  display: none;
}

.is-home .main-content {
  padding-left: 0;
}

.is-home .main-content .main-content-inside {
  padding: 0;
}

/********************************
	Jacob - back to top banner
********************************/
.back-to-top {
  position: fixed;
  z-index: 4;
  bottom: 20px;
  height: 50px;
  width: 50px;
  left: 20px;
  background-color: #e01a22;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 2px #999;
          box-shadow: 0px 0px 2px #999;
  cursor: pointer;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.4, 1);
          animation-timing-function: cubic-bezier(0.5, 0.7, 0.4, 1);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
  /********************************
	Jacob - END
	********************************/
}

@media (max-width: 47.99em) {
  .back-to-top {
    left: 8px;
    bottom: 8px;
    opacity: 0.7;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 29.99em) {
  .back-to-top {
    bottom: 58px;
    -webkit-transform: translateY(116px);
        -ms-transform: translateY(116px);
            transform: translateY(116px);
  }
}

.back-to-top.is-visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.4, 1);
          animation-timing-function: cubic-bezier(0.5, 0.7, 0.4, 1);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.back-to-top.is-clicked {
  -webkit-transition: none !important;
  transition: none !important;
}

.back-to-top .icon-up {
  position: absolute;
  opacity: 1;
  fill: white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 23px;
  height: 27px;
}

@media (max-width: 47.99em) {
  .back-to-top .icon-up {
    width: 17px;
    height: 19px;
  }
}

.back-to-top:after {
  content: ' ';
  width: 22px;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
  top: 43px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.back-to-top:hover:after, .back-to-top:focus:after {
  opacity: 1;
}

.page-full-width .main-content {
  padding: 0;
}

.page-full-width .main-content.main-content-wide {
  max-width: 920px;
}

@media (max-width: 81.24em) {
  .page-full-width .main-content.main-content-wide .main-content-inside {
    padding-left: 23px;
    padding-right: 23px;
  }
}

@media (max-width: 60.9275em) {
  .page-full-width .main-content.main-content-wide .main-content-inside {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 45.615em) {
  .page-full-width .main-content.main-content-wide .main-content-inside {
    padding: 10px;
  }
}

.page-full-width .main-content.main-content-narrow {
  max-width: 420px;
  margin: 0 auto;
}

@media (max-width: 47.99em) {
  .page-full-width .main-content.main-content-narrow {
    padding: 15px;
  }
}

.page-full-width .main-content.main-content-split .main-content-inside {
  width: 100%;
}

@media (min-width: 48em) {
  .page-full-width .main-content.main-content-split .main-content-inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-full-width .main-content.main-content-split .main-content-body {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  .page-full-width .main-content.main-content-split .main-content-body {
    width: 50%;
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  .page-full-width .main-content.main-content-split .main-content-body-plain {
    padding: 15px 20px;
  }
}

.page-full-width .main-content .loading-icon {
  position: relative;
  min-height: 100px;
  display: none;
}

.page-full-width .main-content .loading-icon.is-active {
  display: block;
}

.page-full-width .main-content a {
  font-weight: bold;
  text-decoration: underline;
}

.page-full-width .main-content a:focus {
  outline: 1px dotted #6d6d6d;
}

.page-full-width .main-content a.button {
  border-bottom-color: #9b9b9b;
  text-decoration: none;
}

.page-full-width .main-content a.button:hover, .page-full-width .main-content a.button:focus {
  text-decoration: underline;
}

.page-full-width .main-content a.button:focus, .page-full-width .main-content a.button:hover {
  outline: 0;
  border-bottom-color: #9b9b9b;
}

.page-full-width .main-content a.button.button-plain, .page-full-width .main-content a.button.button-plain:hover, .page-full-width .main-content a.button.button-plain:focus {
  border-bottom-color: #e6e6e6;
}

.page-full-width .main-content a.button.button-dark, .page-full-width .main-content a.button.button-dark:hover, .page-full-width .main-content a.button.button-dark:focus {
  border-bottom: 0;
}

@media (min-width: 60.9375em) {
  .page-full-width .main-content {
    max-width: 740px;
    margin: 0 auto;
  }
}

.page-full-width .header {
  min-height: 51px;
}

@media (min-width: 48em) {
  .page-full-width .header {
    min-height: 100px;
  }
}

.page-full-width .main-content-inside {
  padding: 32px 23px;
}

@media (min-width: 60.9375em) {
  .page-full-width .main-content-inside {
    padding: 32px 0;
  }
}

@media (max-width: 47.99em) {
  .page-full-width .main-content-inside {
    padding: 15px 8px;
  }
}

.page-full-width .main-content-header {
  margin-bottom: 41px;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 47.99em) {
  .page-full-width .main-content-header {
    margin-bottom: 15px;
  }
}

.page-full-width .main-content-body {
  padding: 15px 23px;
}

@media (min-width: 60.9375em) {
  .page-full-width .main-content-body {
    padding: 15px 30px;
  }
}

.page-full-width .main-content-body .contentRecommendationWidget ul, .page-full-width .main-content-body .contentRecommendationWidget ol {
  margin: 15px 0;
  padding: 0 0 0 25px;
}

.page-full-width .main-content-body .contentRecommendationWidget ul li, .page-full-width .main-content-body .contentRecommendationWidget ol li {
  margin-bottom: 5px;
}

.page-full-width .main-content-body .contentRecommendationWidget ul li ul, .page-full-width .main-content-body .contentRecommendationWidget ul li ol, .page-full-width .main-content-body .contentRecommendationWidget ol li ul, .page-full-width .main-content-body .contentRecommendationWidget ol li ol {
  margin: 5px 0;
}

.page-full-width .main-content-body .contentRecommendationWidget ol ol {
  list-style-type: lower-alpha;
}

.page-full-width .filters, .page-full-width .add-products, .page-full-width .cart-confirmation, .page-full-width .callout {
  margin-right: 0;
  margin-left: 0;
}

.page-full-width.is-error .main-content-header {
  text-align: center;
}

.page-full-width .is-unsubscribe {
  text-align: center;
}

.page-full-width .is-unsubscribe.main-content {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 47.99em) {
  .page-full-width .is-unsubscribe.is-thin {
    padding: 15px 15px !important;
  }
}

.page-full-width .is-unsubscribe .main-content-body {
  padding-bottom: 40px;
}

.page-full-width .is-unsubscribe .main-content-body .main-content-header {
  font-size: 2em;
  margin-bottom: 0;
}

.page-full-width .is-unsubscribe .main-content-body .intro {
  display: block;
  margin-bottom: 20px;
  font-size: 1.3333333333333333em;
}

.page-full-width .is-unsubscribe .main-content-body p {
  font-size: 1.1538461538461537em;
  line-height: 1.4em;
}

.page-full-width .is-unsubscribe .main-content-body .user-email {
  font-weight: bold;
  word-wrap: break-word;
}

.page-full-width .is-unsubscribe .main-content-body .button {
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 47.99em) {
  .page-full-width .is-unsubscribe .main-content-body .button {
    width: 100%;
  }
}

.page-full-width .main,
.page-full-width .tabs,
.page-full-width .utils {
  padding-right: 0;
}

.page-full-width.has-draw .main,
.page-full-width.has-draw .tabs,
.page-full-width.has-draw .utils {
  padding-right: 90px;
}

@media (min-width: 64.0625em) {
  .page-full-width.has-draw .main,
  .page-full-width.has-draw .tabs,
  .page-full-width.has-draw .utils {
    padding-right: 130px;
  }
}

@media (max-width: 29.99em) {
  .page-full-width.has-draw .main {
    padding-right: 0;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .page-full-width.has-draw .main {
    padding-right: 65px;
  }
}

/* =Header */
@-webkit-keyframes slideInHeader {
  from {
    top: -51px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideInHeader {
  from {
    top: -51px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes slideInHeaderReverse {
  from {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    top: -51px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideInHeaderReverse {
  from {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    top: -51px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.header-top {
  position: relative;
  width: 100%;
  padding: 44px 8px 8px;
  background-color: #fefefe;
  top: 0;
}

@media (min-width: 48em) {
  .header-top {
    top: 18px;
    padding: 10px 23px;
  }
}

@media (min-width: 64.0625em) {
  .header-top {
    padding: 10px 70px;
  }
  .has-multisearch .header-top {
    padding-bottom: 30px;
  }
}

.header-top.persistent {
  position: fixed;
  top: 0;
  z-index: 99;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: slideInHeader 0.2s linear;
          animation: slideInHeader 0.2s linear;
  border-bottom: 2px solid #e01a22;
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .header-top.persistent {
    position: absolute;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}

@media (min-width: 48em) {
  .header-top.persistent .coles-logo-container {
    top: -1px;
    width: 128px;
  }
  .header-top.persistent .coles-logo-container .coles-logo {
    width: 108px;
  }
}

.header-top.persistent.persistent-leave {
  top: -51px;
  -webkit-animation: slideInHeaderReverse 0.2s linear;
          animation: slideInHeaderReverse 0.2s linear;
}

@media (min-width: 48em) {
  .header-top.persistent.persistent-leave {
    top: -100px;
  }
}

@media (min-width: 48em) {
  .has-draw .header-top.persistent {
    padding-right: 113px;
  }
}

@media (min-width: 64.0625em) {
  .has-draw .header-top.persistent {
    padding-right: 200px;
  }
}

.header a {
  color: #262626;
}

.header-text {
  float: right;
  margin-top: 10px;
}

@media (max-width: 47.99em) {
  .header-text {
    font-size: 0.8461538461538461em;
    position: absolute;
    margin-top: 0;
    top: 17px;
    right: 10px;
  }
}

.header-text a {
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .header-text a {
    text-decoration: underline;
  }
}

.header-text a:focus {
  outline: 1px dotted;
}

.coles-logo-container {
  width: 148px;
  height: 62px;
  display: block;
  position: absolute;
  padding: 9px 10px;
  left: 59px;
  top: -4px;
}

.coles-logo-container:focus {
  outline: 1px dotted #262626;
}

@media (max-width: 64.0525em) {
  .coles-logo-container {
    left: 44px;
  }
}

@media (max-width: 60.9275em) {
  .coles-logo-container {
    left: 42px;
  }
}

@media (max-width: 47.99em) {
  .coles-logo-container {
    top: 3px;
    left: 8px !important;
    width: 65px;
    height: 45px;
    padding: 0px;
    overflow: hidden;
  }
}

.coles-logo-container .coles-logo {
  width: 128px;
  height: 42px;
  position: absolute;
  fill: #e01a22;
}

@media (max-width: 47.99em) {
  .coles-logo-container .coles-logo {
    width: 65px;
  }
}

.coles-logo-container span {
  visibility: hidden;
}

.multisearch {
  min-height: 32px;
  border-top: 1px solid transparent;
}

@media (min-width: 64.0625em) {
  .multisearch {
    min-height: 0;
  }
}

.multisearch.is-expanded .multisearch-container {
  padding: 10px;
  max-height: 150px;
}

@media (min-width: 48em) {
  .multisearch.is-expanded .multisearch-container {
    padding: 15px;
  }
}

.multisearch.is-expanded.is-expanded-add .multisearch-container, .multisearch.is-expanded.is-expanded-remove.is-expanded-remove-active .multisearch-container {
  padding: 0 15px;
  max-height: 0;
  margin-bottom: 0;
  -webkit-transition: max-height 0.2s linear, padding 0.1s linear 0.2s, margin 0.1s linear 0.1s;
  transition: max-height 0.2s linear, padding 0.1s linear 0.2s, margin 0.1s linear 0.1s;
}

.multisearch.is-expanded.is-expanded-add.is-expanded-add-active .multisearch-container, .multisearch.is-expanded.is-expanded-remove .multisearch-container {
  padding: 10px;
  max-height: 150px;
  -webkit-transition: max-height 0.2s linear 0.1s, padding 0.1s linear, margin 0.1s linear;
  transition: max-height 0.2s linear 0.1s, padding 0.1s linear, margin 0.1s linear;
}

@media (min-width: 48em) {
  .multisearch.is-expanded.is-expanded-add.is-expanded-add-active .multisearch-container, .multisearch.is-expanded.is-expanded-remove .multisearch-container {
    padding: 15px;
  }
}

.multisearch.is-expanded .button-multisearch-show {
  opacity: 0;
}

.multisearch.is-expanded .button-multisearch-show:focus {
  outline: 0;
}

.multisearch .button-multisearch-show {
  position: absolute;
  padding: 0 0 0 22px;
  margin-top: 1px;
  margin-left: 75px;
  border: 0;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear 0.1s;
  transition: opacity 0.1s linear 0.1s;
}

.multisearch .button-multisearch-show:focus {
  background: none;
  outline: 1px dotted;
}

@media (min-width: 48em) {
  .multisearch .button-multisearch-show {
    margin-left: 29%;
  }
  .header-top.persistent .multisearch .button-multisearch-show {
    margin-left: 26%;
  }
}

@media (min-width: 64.0625em) {
  .multisearch .button-multisearch-show {
    margin-left: calc(30% - 40px);
    left: 446px;
    top: 17px;
  }
  .header-top.persistent .multisearch .button-multisearch-show {
    margin-left: calc(30% - 80px);
  }
}

@media (min-width: 81.25em) {
  .multisearch .button-multisearch-show {
    position: absolute;
    top: 15px;
    left: 600px;
    display: block;
  }
}

.multisearch .button-multisearch-show .icon-multisearch {
  position: absolute;
  top: 9px;
  left: 0;
  width: 17px;
  height: 16px;
}

.multisearch-container {
  position: relative;
  clear: both;
  overflow: hidden;
  border: 1px solid #949494;
  border-radius: 4px;
  max-height: 0;
  padding: 0 10px;
  margin-top: 7px;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .multisearch-container {
    padding: 0 15px;
    margin-top: 9px;
  }
}

.multisearch-container .icon-multisearch {
  vertical-align: middle;
  width: 19px;
  height: 18px;
}

.multisearch-container .multisearch-heading {
  margin: 0;
  display: inline-block;
  font-size: 14px;
}

.multisearch-container .button-multisearch-hide {
  border: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  color: #262626;
  position: absolute;
  right: 15px;
  top: 0;
  padding-top: 8px;
}

@media (min-width: 48em) {
  .multisearch-container .button-multisearch-hide {
    padding-top: 13px;
  }
}

.multisearch-container .button-multisearch-hide .icon-arrow {
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.multisearch-container .button-multisearch-hide:focus {
  background: none;
}

.multisearch-container .button-multisearch-manage {
  position: absolute;
  top: 0;
  right: 0;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 14px;
}

.multisearch-container .multisearch-body {
  position: relative;
}

.multisearch-container .multisearch-queue-container {
  position: relative;
  overflow: hidden;
  height: 42px;
  margin-top: 11px;
  margin-right: 115px;
}

.multisearch-container .multisearch-queue-container .item-count {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  margin-top: 10px;
  margin-left: 3px;
  white-space: nowrap;
}

.multisearch-container .multisearch-queue {
  position: absolute;
  max-width: 100%;
}

.multisearch-container .multisearch-queue.has-overflow {
  padding-right: 47px;
}

.multisearch-container .multisearch-queue.has-overflow .item-count {
  display: block;
}

/* =Tabs */
.tabs {
  height: 60px;
  background-color: #e01a22;
  opacity: 1;
}

@media (min-width: 48em) {
  .tabs {
    margin-top: 39px;
  }
}

.tabs.faded {
  opacity: 0;
}

.tabs.tabs-5 .items-found-wrapper, .tabs.tabs-6 .items-found-wrapper, .tabs.tabs-7 .items-found-wrapper {
  float: none;
}

.tabs-preload {
  display: none;
}

.tab-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 32px;
}

@media (min-width: 48em) {
  .tab-items {
    padding-left: 10px;
  }
}

@media (min-width: 60.9375em) {
  .tab-items {
    padding-left: 35px;
  }
}

@media (min-width: 64.0625em) {
  .tab-items {
    padding-left: 50px;
  }
}

@media (max-width: 47.99em) {
  .tab-items {
    padding-left: 0px;
  }
}

@media (min-width: 48em) and (max-width: 49.0625em) {
  .tab-items {
    padding-left: 0px;
  }
}

/* Tabs breakpoints */
/* Tabs Collapsing - smallest viewport */
.tabs-4 .tab-item a .focus-indicator,
.tabs-4 .tab-item.is-active a .focus-indicator {
  left: 28px;
}

@media (max-width: 47.99em) {
  .tabs-4 .tab-item a .focus-indicator,
  .tabs-4 .tab-item.is-active a .focus-indicator {
    left: 18px;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .tabs-4 .tab-item.tab-item-1:not(.tab-overflow-item) {
    width: 50px;
  }
  .tabs-4 .tab-item.tab-item-1.is-active .icon,
  .tabs-4 .tab-item.tab-item-1 .icon {
    left: -9px;
  }
}

@media (min-width: 60.9375em) {
  .tabs-4 .tab-item.tab-item-1.is-active .icon,
  .tabs-4 .tab-item.tab-item-1 .icon {
    left: 0px;
  }
}

.tabs-4 .tab-item.tab-dropdown-container .button-dropdown {
  padding-left: 26px;
}

@media (max-width: 22.49em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown {
    min-width: 0;
  }
}

@media (min-width: 48em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown {
    padding-left: 33px;
  }
}

.tabs-4 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
  display: inline;
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
    display: none;
  }
}

@media (max-width: 22.49em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
    display: none;
  }
}

.tabs-4 .tab-item.tab-dropdown-container .button-dropdown .focus-indicator {
  left: 21px;
}

@media (max-width: 47.99em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown .focus-indicator {
    left: 15px;
  }
}

@media (max-width: 47.99em) {
  .tabs-4 .tab-item.tab-dropdown-container .button-dropdown .icon {
    left: 7px !important;
  }
}

@media (min-width: 48em) {
  .tabs-4 .tab-item .tab-item-title.is-small,
  .tabs-4 .tab-item .accessibility-inline.is-small,
  .tabs-4 .tab-item.tab-item-1:not(.tab-overflow-item) .is-small.tab-item-title {
    display: none;
  }
}

@media (min-width: 48em) {
  .tabs-5 .tab-item {
    min-width: 0;
    overflow-y: visible;
  }
  .tabs-5 .tab-item.is-not-collapsible .tab-item-title, .tabs-5 .tab-item.is-closable .tab-item-title {
    display: none;
  }
  .tabs-5 .tab-item .items-found-wrapper {
    display: none;
  }
  .is-search-mode .tabs-5 .tab-item .items-found-wrapper {
    /*display: inline-block;
                position: absolute;
                top: -25px;
                right: 8px;
				z-index: 2;*/
  }
  .is-search-mode .tabs-5 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-5 .tab-item .items-found-wrapper.is-active {
    position: absolute;
    top: -25px;
    right: 8px;
  }
  .tabs-5 .tab-item.is-active .icon {
    left: -5px;
  }
  .tabs-5 .tab-item.is-active .items-found-wrapper {
    display: inline-block;
  }
  .tabs-5 .tab-item.is-active .tab-item-title {
    display: inline-block;
  }
  .tabs-5 .tab-item a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: transparent;
  }
  .tabs-5 .tab-item a:hover .items-found:before, .tabs-5 .tab-item a:focus .items-found:before {
    display: none;
  }
  .tabs-5 .tab-item a .focus-indicator {
    left: 34px;
  }
  .tabs-5 .tab-item .icon {
    left: 0;
  }
}

@media (min-width: 65.3125em) {
  .tabs-5 .tab-item.is-not-collapsible .tab-item-title, .tabs-5 .tab-item.is-closable .tab-item-title {
    display: inline-block;
  }
  .tabs-5 .tab-item.is-not-collapsible .tab-item-title.is-small, .tabs-5 .tab-item.is-closable .tab-item-title.is-small {
    display: none;
  }
  .tabs-5 .tab-item.is-active a:after {
    display: block;
  }
  .tabs-5 .tab-item a .focus-indicator {
    left: 28px;
  }
  .tabs-5 .tab-item .icon {
    left: -6px;
  }
  .tabs-5 .tab-item.tab-dropdown-container .button-dropdown {
    width: auto;
    padding: 0px 5px 0 36px;
  }
  .tabs-5 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
    display: inline;
  }
  .tabs-5 .tab-item.tab-dropdown-container .button-dropdown .focus-indicator {
    left: 21px;
  }
  .tabs-5 .tab-item.tab-dropdown-container .button-dropdown .icon {
    left: 13px !important;
  }
  .tabs-5 .tab-item.tab-dropdown-container .button-dropdown:hover:after, .tabs-5 .tab-item.tab-dropdown-container .button-dropdown:focus:after {
    display: none;
  }
}

@media (min-width: 75em) {
  .tabs-5 .tab-item .items-found-wrapper {
    min-width: 51px;
    display: inline-block;
  }
  .tabs-5 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-5 .tab-item .items-found-wrapper {
    position: inherit;
  }
}

@media (min-width: 40em) and (max-width: 47.99em) {
  .tabs-5 .tab-item a .focus-indicator {
    left: 22px;
  }
}

@media (min-width: 48em) {
  .tabs-6 .tab-item {
    min-width: 0;
    overflow-y: visible;
  }
  .tabs-6 .tab-item.is-not-collapsible .tab-item-title, .tabs-6 .tab-item.is-closable .tab-item-title {
    display: none;
  }
  .tabs-6 .tab-item .items-found-wrapper {
    display: none;
  }
  .is-search-mode .tabs-6 .tab-item .items-found-wrapper {
    /*display: inline-block;
                position: absolute;
                top: -25px;
                right: 8px;
				z-index: 2;*/
  }
  .is-search-mode .tabs-6 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-6 .tab-item .items-found-wrapper.is-active {
    position: absolute;
    top: -25px;
    right: 8px;
  }
  .tabs-6 .tab-item.is-active .icon {
    left: -5px;
  }
  .tabs-6 .tab-item.is-active .items-found-wrapper {
    display: inline-block;
  }
  .tabs-6 .tab-item.is-active .tab-item-title {
    display: inline-block;
  }
  .tabs-6 .tab-item a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: transparent;
  }
  .tabs-6 .tab-item a:hover .items-found:before, .tabs-6 .tab-item a:focus .items-found:before {
    display: none;
  }
  .tabs-6 .tab-item a .focus-indicator {
    left: 34px;
  }
  .tabs-6 .tab-item .icon {
    left: 0;
  }
}

@media (min-width: 77.1875em) {
  .tabs-6 .tab-item.is-not-collapsible .tab-item-title, .tabs-6 .tab-item.is-closable .tab-item-title {
    display: inline-block;
  }
  .tabs-6 .tab-item.is-not-collapsible .tab-item-title.is-small, .tabs-6 .tab-item.is-closable .tab-item-title.is-small {
    display: none;
  }
  .tabs-6 .tab-item.is-active a:after {
    display: block;
  }
  .tabs-6 .tab-item a .focus-indicator {
    left: 28px;
  }
  .tabs-6 .tab-item .icon {
    left: -6px;
  }
  .tabs-6 .tab-item.tab-dropdown-container .button-dropdown {
    width: auto;
    padding: 0px 5px 0 36px;
  }
  .tabs-6 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
    display: inline;
  }
  .tabs-6 .tab-item.tab-dropdown-container .button-dropdown .focus-indicator {
    left: 21px;
  }
  .tabs-6 .tab-item.tab-dropdown-container .button-dropdown .icon {
    left: 13px !important;
  }
  .tabs-6 .tab-item.tab-dropdown-container .button-dropdown:hover:after, .tabs-6 .tab-item.tab-dropdown-container .button-dropdown:focus:after {
    display: none;
  }
}

@media (min-width: 90em) {
  .tabs-6 .tab-item .items-found-wrapper {
    min-width: 51px;
    display: inline-block;
  }
  .tabs-6 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-6 .tab-item .items-found-wrapper {
    position: inherit;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .tabs-6 .tab-item a {
    padding-left: 18px;
    padding-right: 18px;
  }
  .tabs-6 .tab-item a .focus-indicator {
    left: 32px;
  }
  .tabs-6 .tab-item.is-active a .focus-indicator {
    left: 26px;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) and (min-width: 60.9375em) {
  .tabs-6 .tab-item.is-active a .focus-indicator {
    left: 29px;
  }
}

@media (min-width: 48em) {
  .tabs-7 .tab-item {
    min-width: 0;
    overflow-y: visible;
  }
  .tabs-7 .tab-item.is-not-collapsible .tab-item-title, .tabs-7 .tab-item.is-closable .tab-item-title {
    display: none;
  }
  .tabs-7 .tab-item .items-found-wrapper {
    display: none;
  }
  .is-search-mode .tabs-7 .tab-item .items-found-wrapper {
    /*display: inline-block;
                position: absolute;
                top: -25px;
                right: 8px;
				z-index: 2;*/
  }
  .is-search-mode .tabs-7 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-7 .tab-item .items-found-wrapper.is-active {
    position: absolute;
    top: -25px;
    right: 8px;
  }
  .tabs-7 .tab-item.is-active .icon {
    left: -5px;
  }
  .tabs-7 .tab-item.is-active .items-found-wrapper {
    display: inline-block;
  }
  .tabs-7 .tab-item.is-active .tab-item-title {
    display: inline-block;
  }
  .tabs-7 .tab-item a:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: transparent;
  }
  .tabs-7 .tab-item a:hover .items-found:before, .tabs-7 .tab-item a:focus .items-found:before {
    display: none;
  }
  .tabs-7 .tab-item a .focus-indicator {
    left: 34px;
  }
  .tabs-7 .tab-item .icon {
    left: 0;
  }
}

@media (min-width: 88.75em) {
  .tabs-7 .tab-item.is-not-collapsible .tab-item-title, .tabs-7 .tab-item.is-closable .tab-item-title {
    display: inline-block;
  }
  .tabs-7 .tab-item.is-not-collapsible .tab-item-title.is-small, .tabs-7 .tab-item.is-closable .tab-item-title.is-small {
    display: none;
  }
  .tabs-7 .tab-item.is-active a:after {
    display: block;
  }
  .tabs-7 .tab-item a .focus-indicator {
    left: 28px;
  }
  .tabs-7 .tab-item .icon {
    left: -6px;
  }
  .tabs-7 .tab-item.tab-dropdown-container .button-dropdown {
    width: auto;
    padding: 0px 5px 0 36px;
  }
  .tabs-7 .tab-item.tab-dropdown-container .button-dropdown .dropdown-text {
    display: inline;
  }
  .tabs-7 .tab-item.tab-dropdown-container .button-dropdown .focus-indicator {
    left: 21px;
  }
  .tabs-7 .tab-item.tab-dropdown-container .button-dropdown .icon {
    left: 13px !important;
  }
  .tabs-7 .tab-item.tab-dropdown-container .button-dropdown:hover:after, .tabs-7 .tab-item.tab-dropdown-container .button-dropdown:focus:after {
    display: none;
  }
}

@media (min-width: 105.625em) {
  .tabs-7 .tab-item .items-found-wrapper {
    min-width: 51px;
    display: inline-block;
  }
  .tabs-7 .tab-item .items-found-wrapper .items-found {
    display: inline-block;
  }
  .is-search-mode .tabs-7 .tab-item .items-found-wrapper {
    position: inherit;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .tabs-7 .tab-item a {
    padding-left: 13px;
    padding-right: 13px;
  }
  .tabs-7 .tab-item a .focus-indicator {
    left: 27px;
  }
  .tabs-7 .tab-item.is-active .icon {
    left: -4px;
  }
  .tabs-7 .tab-item.is-active .focus-indicator {
    left: 22px;
  }
}

.tab-item {
  float: left;
  width: auto;
  position: relative;
  height: 60px;
}

.tab-item a {
  display: block;
  padding: 0 8px 0 9px;
  color: #ffffff;
  background-color: #e01a22;
  line-height: 60px;
  font-weight: bold;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

@media (min-width: 48em) {
  .tab-item a {
    padding: 0 20px;
  }
}

@media (max-width: 47.99em) {
  .tab-item a {
    height: 100%;
    min-width: 44px;
    line-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 29.99em) {
  .tab-item a {
    padding: 0px 7px 0px 7px;
  }
}

@media (max-width: 22.49em) {
  .tab-item a {
    min-width: 37px;
  }
}

.tab-item a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background: transparent;
}

.tab-item a:hover, .tab-item a:focus {
  text-decoration: none;
}

.tab-item a:hover .focus-indicator, .tab-item a:focus .focus-indicator {
  background: #fefefe;
}

.tab-item a .focus-indicator {
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  background: transparent;
  border-radius: 50%;
  bottom: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 47.99em) {
  .tab-item a .focus-indicator {
    bottom: 8px;
  }
}

.tab-item:last-child {
  border-right: none;
}

.tab-item.is-active a {
  background-color: #c70007;
}

.tab-item.is-active a:after {
  background: #fefefe;
}

.tab-item.is-active a .focus-indicator {
  left: 29px;
}

@media (max-width: 47.99em) {
  .tab-item.is-active a .focus-indicator {
    left: 18px;
  }
}

@media (min-width: 48em) {
  .tab-item.is-not-collapsible.is-active .tab-item-title,
  .tab-item.is-not-collapsible.is-active .items-found {
    display: inline-block;
  }
  .tab-item.is-not-collapsible.is-active .tab-item-title.is-small {
    display: none;
  }
}

@media (max-width: 47.99em) {
  .tab-item.is-not-collapsible.is-active .tab-item-title {
    display: none;
  }
  .tab-item.is-not-collapsible.is-active .tab-item-title.is-small {
    display: block;
  }
}

.tab-item.is-closable.is-active a {
  padding-right: 51px;
}

@media (max-width: 47.99em) {
  .tab-item.is-closable.is-active a {
    padding-right: 40px;
  }
}

@media (max-width: 22.49em) {
  .tab-item.is-closable.is-active a {
    padding-right: 30px;
  }
}

.tab-item.is-closable.is-active a.button-close {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tab-item.is-closable.is-active .button-close {
  display: block;
}

@media (min-width: 48em) {
  .tab-item.is-closable.is-active .button-close {
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .tab-item.is-closable.is-active .items-found {
    display: inline-block;
  }
}

.tab-item.is-closable .tab-item-title {
  display: none;
}

@media (min-width: 48em) {
  .tab-item.is-closable .tab-item-title {
    display: inline-block;
  }
}

@media (max-width: 29.99em) {
  .tab-item.is-closable .tab-item-title {
    letter-spacing: -0.5px;
  }
}

@media (max-width: 22.49em) {
  .tab-item.is-closable .tab-item-title {
    letter-spacing: -0.6px;
  }
}

.tab-item.is-closable .tab-item-title.is-small {
  display: none;
}

@media (max-width: 47.99em) {
  .tab-item.is-closable .tab-item-title.is-small {
    display: block;
  }
}

.tab-item.tab-item-1:not(.tab-overflow-item) .icon {
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 81.25em) {
  .tab-item.tab-item-1:not(.tab-overflow-item) {
    width: 57px;
  }
}

@media (max-width: 39.99em) {
  .tab-item.tab-item-1:not(.tab-overflow-item) {
    display: none;
  }
}

.tab-item.tab-item-1:not(.tab-overflow-item) .focus-indicator {
  left: 50% !important;
}

.tab-item .tab-item-title {
  vertical-align: top;
  max-width: 123px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 47.99em) {
  .tab-item .tab-item-title {
    display: none;
    height: auto;
    padding: 0;
    line-height: 1.3em;
    font-size: 12px;
    max-width: 115px;
    margin-left: 27px;
  }
}

@media (max-width: 29.99em) {
  .tab-item .tab-item-title {
    max-width: 104px;
  }
}

@media (max-width: 22.49em) {
  .tab-item .tab-item-title {
    max-width: 102px;
  }
}

@media (max-width: 47.99em) {
  .tab-item .tab-item-title.is-small {
    display: block;
  }
}

.tab-item .items-found-wrapper {
  text-align: left;
}

@media (min-width: 48em) {
  .tab-item .items-found-wrapper {
    min-width: 51px;
    display: inline-block;
  }
}

@media (max-width: 47.99em) {
  .tab-item .items-found-wrapper {
    float: left;
    line-height: 12px;
    margin-top: 4px;
  }
}

.tab-item .items-found {
  float: none;
  display: inline-block;
  position: relative;
  top: 0;
  font-size: 0.8461538461538461em;
  /* 11px */
  line-height: 1.2em;
  margin-left: 6px;
  font-weight: normal;
  padding: 2px 6px !important;
  z-index: 1;
  background: #ffffff !important;
  color: #e01a22 !important;
  border-radius: 10px;
}

@media (min-width: 48em) {
  .tab-item .items-found {
    display: inline-block;
  }
}

@media (max-width: 47.99em) {
  .tab-item .items-found {
    display: block;
    position: static;
    line-height: 1em;
    margin: 0;
    display: inline-block;
    text-align: center;
  }
}

.tab-item .button-close {
  border: none;
  background: none;
  color: #ffffff;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 100%;
  padding: 0 !important;
  text-align: center;
  min-width: initial;
  display: none;
}

@media (max-width: 39.99em) {
  .tab-item .button-close {
    width: 30px;
    min-width: 30px;
  }
}

.tab-item .button-close .icon {
  width: 11px;
  height: 11px;
  fill: #ffffff;
  margin: 0;
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
          transform: translateX(-6px);
  top: 2px;
  left: 0 !important;
}

@media (max-width: 47.99em) {
  .tab-item .button-close .icon {
    top: 23px;
    left: 15px !important;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (max-width: 39.99em) {
  .tab-item .button-close .icon {
    left: 9px !important;
  }
}

.tab-item .button-close:hover .icon, .tab-item .button-close:focus .icon {
  height: 15px !important;
  border-bottom: 1px solid #ffffff !important;
  padding-bottom: 3px !important;
  margin-top: 7px;
  fill: #ffffff;
  top: 6px;
}

@media (max-width: 47.99em) {
  .tab-item .button-close:hover .icon, .tab-item .button-close:focus .icon {
    top: 16px;
  }
}

@media (min-width: 20em) and (max-width: 39.99em) {
  .tabs.tabs-5 .tab-item a:hover .tab-item-title, .tabs.tabs-5 .tab-item a:focus .tab-item-title, .tabs.tabs-6 .tab-item a:hover .tab-item-title, .tabs.tabs-6 .tab-item a:focus .tab-item-title, .tabs.tabs-7 .tab-item a:hover .tab-item-title, .tabs.tabs-7 .tab-item a:focus .tab-item-title {
    text-decoration: none;
  }
  .tabs.tabs-5 .tab-item a .tab-item-title,
  .tabs.tabs-5 .tab-item a .items-found-wrapper,
  .tabs.tabs-5 .tab-item.is-closable a .tab-item-title,
  .tabs.tabs-5 .tab-item.is-closable a .items-found-wrapper, .tabs.tabs-6 .tab-item a .tab-item-title,
  .tabs.tabs-6 .tab-item a .items-found-wrapper,
  .tabs.tabs-6 .tab-item.is-closable a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-closable a .items-found-wrapper, .tabs.tabs-7 .tab-item a .tab-item-title,
  .tabs.tabs-7 .tab-item a .items-found-wrapper,
  .tabs.tabs-7 .tab-item.is-closable a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-closable a .items-found-wrapper {
    display: none;
  }
  .tabs.tabs-5 .tab-item.is-active a .tab-item-title,
  .tabs.tabs-5 .tab-item.is-active a .items-found-wrapper,
  .tabs.tabs-5 .tab-item.is-active.is-closable a .tab-item-title,
  .tabs.tabs-5 .tab-item.is-active.is-closable a .items-found-wrapper, .tabs.tabs-6 .tab-item.is-active a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-active a .items-found-wrapper,
  .tabs.tabs-6 .tab-item.is-active.is-closable a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-active.is-closable a .items-found-wrapper, .tabs.tabs-7 .tab-item.is-active a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-active a .items-found-wrapper,
  .tabs.tabs-7 .tab-item.is-active.is-closable a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-active.is-closable a .items-found-wrapper {
    display: block;
  }
  .tabs.tabs-5 .tab-item.is-active a .tab-item-title:not(.is-small),
  .tabs.tabs-5 .tab-item.is-active.is-closable a .tab-item-title:not(.is-small), .tabs.tabs-6 .tab-item.is-active a .tab-item-title:not(.is-small),
  .tabs.tabs-6 .tab-item.is-active.is-closable a .tab-item-title:not(.is-small), .tabs.tabs-7 .tab-item.is-active a .tab-item-title:not(.is-small),
  .tabs.tabs-7 .tab-item.is-active.is-closable a .tab-item-title:not(.is-small) {
    display: none;
  }
}

@media (min-width: 40em) and (max-width: 47.99em) {
  .tabs.tabs-6 .tab-item a:hover .tab-item-title, .tabs.tabs-6 .tab-item a:focus .tab-item-title, .tabs.tabs-7 .tab-item a:hover .tab-item-title, .tabs.tabs-7 .tab-item a:focus .tab-item-title {
    text-decoration: none;
  }
  .tabs.tabs-6 .tab-item a .tab-item-title,
  .tabs.tabs-6 .tab-item a .items-found-wrapper,
  .tabs.tabs-6 .tab-item.is-closable a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-closable a .items-found-wrapper, .tabs.tabs-7 .tab-item a .tab-item-title,
  .tabs.tabs-7 .tab-item a .items-found-wrapper,
  .tabs.tabs-7 .tab-item.is-closable a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-closable a .items-found-wrapper {
    display: none;
  }
  .tabs.tabs-6 .tab-item.is-active a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-active a .items-found-wrapper,
  .tabs.tabs-6 .tab-item.is-active.is-closable a .tab-item-title,
  .tabs.tabs-6 .tab-item.is-active.is-closable a .items-found-wrapper, .tabs.tabs-7 .tab-item.is-active a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-active a .items-found-wrapper,
  .tabs.tabs-7 .tab-item.is-active.is-closable a .tab-item-title,
  .tabs.tabs-7 .tab-item.is-active.is-closable a .items-found-wrapper {
    display: block;
  }
  .tabs.tabs-6 .tab-item.is-active a .tab-item-title:not(.is-small),
  .tabs.tabs-6 .tab-item.is-active.is-closable a .tab-item-title:not(.is-small), .tabs.tabs-7 .tab-item.is-active a .tab-item-title:not(.is-small),
  .tabs.tabs-7 .tab-item.is-active.is-closable a .tab-item-title:not(.is-small) {
    display: none;
  }
}

.tab-dropdown-container {
  display: block;
  min-width: 0;
}

.tab-dropdown-container.is-expanded .button-dropdown {
  background: transparent;
}

.tab-dropdown-container.is-expanded .tab-dropdown {
  display: block;
}

.tab-dropdown-container .button-dropdown {
  height: 100%;
  border-radius: 0;
  border: 0;
  padding: 0;
  background: #e01a22;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-width: 40px;
}

@media (min-width: 48em) and (max-width: 49.0625em) {
  .tab-dropdown-container .button-dropdown {
    min-width: 36px;
  }
}

@media (max-width: 22.49em) {
  .tab-dropdown-container .button-dropdown {
    min-width: 36px;
  }
}

.tab-dropdown-container .button-dropdown .icon {
  position: absolute;
  top: 29px;
  left: 12px !important;
  width: 14px;
  height: 3px;
  margin: 0;
  fill: #ffffff;
}

@media (min-width: 48em) {
  .tab-dropdown-container .button-dropdown .icon {
    width: 16px;
  }
}

.tab-dropdown-container .button-dropdown .dropdown-text {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  display: none;
  font-size: 12px;
}

@media (min-width: 48em) {
  .tab-dropdown-container .button-dropdown .dropdown-text {
    font-size: 14px;
  }
}

.tab-dropdown-container .button-dropdown .focus-indicator {
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  background: transparent;
  border-radius: 50%;
  bottom: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .button-dropdown .focus-indicator {
    bottom: 8px;
  }
}

.tab-dropdown-container .button-dropdown:focus, .tab-dropdown-container .button-dropdown:hover {
  background: transparent;
  text-decoration: none;
}

.tab-dropdown-container .button-dropdown:focus .focus-indicator, .tab-dropdown-container .button-dropdown:hover .focus-indicator {
  background: #fefefe;
}

.tab-dropdown-container .tab-dropdown {
  position: absolute;
  right: 0;
  top: 45px;
  display: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 15px 5px;
  position: absolute;
  top: 100%;
  z-index: 5;
  border: 1px #bdbdbd solid;
  border-radius: 3px;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-dropdown {
    max-width: 225px;
  }
}

.tab-dropdown-container .tab-dropdown ol {
  list-style-type: none;
  padding: 0;
}

.tab-dropdown-container .tab-dropdown li {
  border-right: 0;
}

.tab-dropdown-container .tab-item {
  height: 40px;
}

.tab-dropdown-container .tab-item.is-active a {
  padding-right: 0 !important;
}

.tab-dropdown-container .tab-item a {
  background: none;
  padding: 0;
  min-width: 210px;
  line-height: 40px;
  height: 40px;
}

.tab-dropdown-container .tab-item a .tab-item-title:not(.is-small),
.tab-dropdown-container .tab-item a .items-found-wrapper {
  display: inline-block;
  letter-spacing: normal;
}

.tab-dropdown-container .tab-item a .tab-item-title {
  color: #262626;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-item a .items-found-wrapper {
    display: block;
    margin-left: 27px;
  }
}

.tab-dropdown-container .tab-item a .items-found-wrapper .items-found {
  display: inline-block;
}

.tab-dropdown-container .tab-item a .icon {
  top: 6px;
  left: 0 !important;
  max-width: 25px;
  margin-right: 5px;
}

.tab-dropdown-container .tab-item a.button-close {
  display: none !important;
}

.tab-dropdown-container .tab-item a:hover .tab-item-title, .tab-dropdown-container .tab-item a:focus .tab-item-title {
  text-decoration: underline !important;
}

.tab-dropdown-container .tab-overflow {
  border-bottom: 1px solid #909090;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.tab-dropdown-container .tab-overflow .tab-item-title {
  max-width: 173px;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-overflow .tab-item-title {
    max-width: 158px;
  }
}

.tab-dropdown-container .tab-overflow .tab-has-items .tab-item-title {
  max-width: 120px;
  min-width: 120px;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-overflow .tab-has-items .tab-item-title {
    max-width: 158px;
  }
}

.tab-dropdown-container .tab-links .tab-item a .tab-item-title {
  max-width: 175px;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-links .tab-item a .tab-item-title {
    max-width: 162px;
  }
}

.tab-dropdown-container .dropdown-heading {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .dropdown-heading {
    margin-bottom: 3px;
    font-size: 12px;
  }
}

.tab-dropdown-container .dropdown-subheading {
  color: #4c4c4c;
  position: relative;
  display: block;
  margin-bottom: 3px;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .dropdown-subheading {
    font-size: 12px;
  }
}

.tab-dropdown-container .dropdown-subheading span {
  background: #ffffff;
  padding-right: 5px;
}

.tab-dropdown-container .dropdown-subheading:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #909090;
  position: absolute;
  top: 50%;
  z-index: -1;
}

.tab-dropdown-container .tab-dropdown .tab-item .tab-item-title.is-small {
  display: none;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-dropdown .tab-item .tab-item-title.is-small {
    display: block !important;
    margin-left: 27px;
    text-align: left;
  }
}

.tab-dropdown-container .tab-dropdown .tab-item .tab-item-title:not(.is-small) {
  display: inline-block;
}

@media (max-width: 47.99em) {
  .tab-dropdown-container .tab-dropdown .tab-item .tab-item-title:not(.is-small) {
    display: none;
  }
}

@media (max-width: 22.49em) {
  .tabs-5 .tab-item-2.is-active ~ .tab-dropdown-container .tab-dropdown, .tabs-6 .tab-item-2.is-active ~ .tab-dropdown-container .tab-dropdown, .tabs-7 .tab-item-2.is-active ~ .tab-dropdown-container .tab-dropdown {
    right: -35px;
  }
}

.tab-overflow {
  display: block;
}

@media (min-width: 48em) {
  .tab-overflow {
    display: none;
  }
}

.tab-overflow-title-container {
  display: none;
}

@media (min-width: 20em) and (max-width: 47.99em) {
  .tabs.tabs-5 .tab-overflow .tab-overflow-title-container, .tabs.tabs-6 .tab-overflow .tab-overflow-title-container, .tabs.tabs-7 .tab-overflow .tab-overflow-title-container {
    display: inline;
  }
  .tabs.tab-1-active .tab-item-6, .tabs.tab-1-active .tab-item-7, .tabs.tab-2-active .tab-item-6, .tabs.tab-2-active .tab-item-7, .tabs.tab-3-active .tab-item-6, .tabs.tab-3-active .tab-item-7, .tabs.tab-4-active .tab-item-6, .tabs.tab-4-active .tab-item-7, .tabs.tab-5-active .tab-item-6, .tabs.tab-5-active .tab-item-7 {
    display: none;
  }
  .tabs.tab-1-active .tab-dropdown-container .tab-item-6, .tabs.tab-1-active .tab-dropdown-container .tab-item-7, .tabs.tab-2-active .tab-dropdown-container .tab-item-6, .tabs.tab-2-active .tab-dropdown-container .tab-item-7, .tabs.tab-3-active .tab-dropdown-container .tab-item-6, .tabs.tab-3-active .tab-dropdown-container .tab-item-7, .tabs.tab-4-active .tab-dropdown-container .tab-item-6, .tabs.tab-4-active .tab-dropdown-container .tab-item-7, .tabs.tab-5-active .tab-dropdown-container .tab-item-6, .tabs.tab-5-active .tab-dropdown-container .tab-item-7 {
    display: block;
  }
  .tabs.tab-1-active .tab-dropdown-container .tab-item-5, .tabs.tab-2-active .tab-dropdown-container .tab-item-5, .tabs.tab-3-active .tab-dropdown-container .tab-item-5, .tabs.tab-4-active .tab-dropdown-container .tab-item-5, .tabs.tab-5-active .tab-dropdown-container .tab-item-5 {
    display: none;
  }
  .tabs.tab-1-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6,
  .tabs.tab-1-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7, .tabs.tab-2-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6,
  .tabs.tab-2-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7, .tabs.tab-3-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6,
  .tabs.tab-3-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7, .tabs.tab-4-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6,
  .tabs.tab-4-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7, .tabs.tab-5-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6,
  .tabs.tab-5-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7 {
    display: none;
  }
  .tabs.tab-1-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5, .tabs.tab-2-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5, .tabs.tab-3-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5, .tabs.tab-4-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5, .tabs.tab-5-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5 {
    display: inline;
  }
  .tabs.tab-6-active .tab-item-5, .tabs.tab-6-active .tab-item-7 {
    display: none;
  }
  .tabs.tab-6-active .tab-dropdown-container .tab-item-5, .tabs.tab-6-active .tab-dropdown-container .tab-item-7 {
    display: block;
  }
  .tabs.tab-6-active .tab-dropdown-container .tab-item-6 {
    display: none;
  }
  .tabs.tab-6-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5,
  .tabs.tab-6-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7 {
    display: none;
  }
  .tabs.tab-6-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6 {
    display: inline;
  }
  .tabs.tab-7-active .tab-item-5, .tabs.tab-7-active .tab-item-6 {
    display: none;
  }
  .tabs.tab-7-active .tab-dropdown-container .tab-item-5, .tabs.tab-7-active .tab-dropdown-container .tab-item-6 {
    display: block;
  }
  .tabs.tab-7-active .tab-dropdown-container .tab-item-7 {
    display: none;
  }
  .tabs.tab-7-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-5,
  .tabs.tab-7-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-6 {
    display: none;
  }
  .tabs.tab-7-active .tab-dropdown-container .tab-overflow-title-container .tab-overflow-title.tab-7 {
    display: inline;
  }
  .tab-overflow[data-overflow-count="0"],
  .tab-overflow[data-overflow-count="1"] {
    display: none;
  }
}

.localisation-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 8px;
  color: #262626;
  background: #f8f8f8;
}

@media (min-width: 30em) {
  .localisation-bar {
    padding-right: 65px;
  }
}

@media (min-width: 48em) {
  .localisation-bar {
    padding-left: 23px;
    padding-right: 90px;
  }
}

@media (min-width: 64.0625em) {
  .localisation-bar {
    padding-left: 70px;
    padding-right: 130px;
  }
}

.localisation-bar.popout-active .button.button-link:after {
  display: block;
}

.localisation-bar .text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.localisation-bar .localisation-bar-contents {
  max-width: 100%;
  padding-right: 55px;
  position: relative;
  height: 40px;
  padding-top: 7px;
  overflow: hidden;
}

@media (min-width: 48em) {
  .localisation-bar .localisation-bar-contents {
    padding-top: 8px;
  }
}

.localisation-bar .localised-prefix {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.localisation-bar .localised-suburb {
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.localisation-bar .icon.icon-mapmarker {
  display: inline-block;
  height: 24px;
  width: 18px;
  margin-right: 7px;
  margin-left: 7px;
  fill: #262626;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.localisation-bar .button.button-link {
  height: 38px;
  margin-left: 4px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
  border-bottom: 0;
  color: #262626;
  font-weight: normal;
  text-decoration: underline;
  position: absolute;
  top: 1px;
  right: 0;
}

@media (min-width: 30em) {
  .localisation-bar .button.button-link {
    margin-right: 4px;
  }
}

.localisation-bar .button.button-link:hover, .localisation-bar .button.button-link:focus {
  border-bottom: 0;
  text-decoration: underline;
}

.localisation-bar .button.button-link:after {
  display: none;
  position: absolute;
  top: 40px;
  left: 10px;
  content: '';
  width: 20px;
  height: 20px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
}

.popout.localisation-popout {
  position: absolute;
  top: 45px;
  left: 8px;
  width: 400px;
  max-width: calc(100% - 8px * 2);
  padding: 15px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 97;
}

@media (min-width: 48em) {
  .popout.localisation-popout {
    left: 23px;
  }
}

@media (min-width: 64.0625em) {
  .popout.localisation-popout {
    left: 70px;
  }
}

.popout.localisation-popout .search {
  height: auto;
}

.popout.localisation-popout .search:after {
  display: none;
}

.popout.localisation-popout .search-autocomplete {
  position: static;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ccc;
  height: 0;
}

.popout.localisation-popout .search-autocomplete.is-active {
  height: auto;
}

.popout.localisation-popout .popout-close {
  position: absolute;
  right: 0;
  top: -20px;
  width: 40px;
  height: 40px;
}

@media (min-width: 48em) {
  .popout.localisation-popout .popout-close {
    right: -20px;
  }
}

.popout.localisation-popout .popout-close .icon-container {
  display: block;
  position: absolute;
  top: 8px;
  right: 5px;
  width: 25px;
  height: 25px;
  background: #000000;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #fff;
  border-radius: 50%;
}

@media (min-width: 48em) {
  .popout.localisation-popout .popout-close .icon-container {
    right: 10px;
  }
}

.popout.localisation-popout .popout-close .icon.icon-cross {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 9px;
  height: 9px;
  fill: #fff;
}

.popout.localisation-popout .popout-close:after {
  display: block;
  position: absolute;
  content: '';
  width: 9px;
  height: 1px;
  background: transparent;
  top: 27px;
  right: 18px;
}

.popout.localisation-popout .popout-close:hover:after, .popout.localisation-popout .popout-close:focus:after {
  background: #ffffff;
}

/* =Categories navigation */
.cat-nav-container {
  background: #fefefe;
  width: 195px;
  float: left;
}

.cat-nav-container .catMobile-menu-text {
  display: none;
}

@media (min-width: 20em) and (max-width: 47.99em) {
  .cat-nav-container .catMobile-menu-text {
    display: block;
  }
}

@media (min-width: 60.9375em) {
  .cat-nav-container {
    width: 237px;
  }
}

@media (min-width: 64.0625em) {
  .cat-nav-container {
    width: 290px;
  }
}

@media (max-width: 47.99em) {
  .cat-nav-container {
    display: none;
  }
  .cat-nav-container.is-expanded, .cat-nav-container.is-expanded-add, .cat-nav-container.is-expanded-remove {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 100;
    overflow-x: hidden;
    width: 320px;
  }
}

@media (max-width: 47.99em) and (max-width: 24.99em) {
  .cat-nav-container.is-expanded, .cat-nav-container.is-expanded-add, .cat-nav-container.is-expanded-remove {
    width: 85%;
  }
}

@media (max-width: 47.99em) {
  .cat-nav-container.is-expanded .cat-nav, .cat-nav-container.is-expanded .cat-nav-header, .cat-nav-container.is-expanded-add .cat-nav, .cat-nav-container.is-expanded-add .cat-nav-header, .cat-nav-container.is-expanded-remove .cat-nav, .cat-nav-container.is-expanded-remove .cat-nav-header {
    display: block;
  }
}

.cat-nav-container-overlay {
  display: none;
}

@media (max-width: 47.99em) {
  .cat-nav-container-overlay {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 0;
    z-index: 99;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0.2s;
    transition: opacity 0.2s ease-out 0.2s;
  }
}

.cat-nav-container-overlay.is-expanded {
  opacity: 0.5;
}

@media (max-width: 47.99em) {
  .cat-nav-container-overlay.is-expanded {
    width: calc(100% - 320px);
  }
}

@media (max-width: 24.99em) {
  .cat-nav-container-overlay.is-expanded {
    width: 15%;
  }
}

.cat-nav-header {
  clear: left;
  position: relative;
  height: auto;
  /*button:not(.button-clear-search) {
        display: none;
    }
    */
}

.cat-nav .cat-nav-header {
  display: none;
}

.cat-nav-header .cat-nav-search-summary {
  position: relative;
  text-indent: 0;
  margin-top: .5em;
}

.cat-nav-header span {
  white-space: normal;
  vertical-align: top;
}

.cat-nav-header .button-clear-search {
  background: none;
  border: none;
  padding: 0;
  font-weight: 300;
  text-decoration: underline;
  vertical-align: top;
}

.cat-nav-header .button-clear-search:focus {
  outline: 1px dotted #146e8c;
}

@media (max-width: 47.99em) {
  .cat-nav-header .button-clear-search {
    position: absolute;
    bottom: 0;
    right: -36px;
    font-size: 11.5px;
    vertical-align: initial;
    margin: 0;
    line-height: 20px;
    letter-spacing: -.5px;
  }
}

.cat-nav-header .close {
  display: none;
}

@media (max-width: 47.99em) {
  .cat-nav-header {
    height: auto;
    min-height: 67px;
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    background: #fefefe;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 100;
    display: none;
  }
  .cat-nav-header .cat-nav-current {
    display: block;
    padding: 15px 13px 18px 15px;
    width: calc(100% - 80px);
    margin-right: 40px;
    margin-left: 40px;
  }
  .cat-nav-header .cat-nav-current.cat-nav-top-level {
    margin-left: 0;
    width: calc(100% - 40px);
  }
  .cat-nav-header .item-l1, .cat-nav-header .item-l2, .cat-nav-header .item-l3, .cat-nav-header .item-l4 {
    /*(width: calc(100% - 40px); */
    /*height: 50px;*/
  }
  .cat-nav-header.item-l2-is-active .cat-nav-back, .cat-nav-header.item-l3-is-active .cat-nav-back, .cat-nav-header.item-l4-is-active .cat-nav-back {
    display: block;
    height: calc(100% - 20px);
  }
  .cat-nav-header.item-l2-is-active .cat-nav-current, .cat-nav-header.item-l3-is-active .cat-nav-current, .cat-nav-header.item-l4-is-active .cat-nav-current {
    /*
                left: 50px;
                padding-left: 0;
                padding-right: 0;
                width: calc(100% - 50px);
            */
  }
  .cat-nav-header .item-l1, .cat-nav-header .item-l2, .cat-nav-header .item-l3, .cat-nav-header .item-l4 {
    display: none;
  }
  .cat-nav-header .item-l1 {
    display: block;
  }
  .cat-nav-header.item-l2-is-active .item-l1 {
    display: none;
  }
  .cat-nav-header.item-l2-is-active .item-l2 {
    display: block;
  }
  .cat-nav-header.item-l3-is-active .item-l1, .cat-nav-header.item-l3-is-active .item-l2 {
    display: none;
  }
  .cat-nav-header.item-l3-is-active .item-l3 {
    display: block;
  }
  .cat-nav-header.item-l4-is-active .item-l1, .cat-nav-header.item-l4-is-active .item-l2, .cat-nav-header.item-l4-is-active .item-l3 {
    display: none;
  }
  .cat-nav-header.item-l4-is-active .item-l4 {
    display: block;
  }
  .cat-nav-header .cat-nav-back {
    top: 0px;
    height: 40px;
    width: 40px;
    margin-top: 10px;
    padding-right: 10px;
    border-right: 1px solid #e6e6e6;
  }
  .item-l2-is-active .cat-nav-header .cat-nav-back, .item-l3-is-active .cat-nav-header .cat-nav-back, .item-l4-is-active .cat-nav-header .cat-nav-back {
    display: block;
  }
  .cat-nav-header .cat-nav-back .icon-back {
    left: 10px;
  }
}

@media (max-width: 47.99em) and (max-width: 47.99em) {
  .cat-nav-header .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
  }
  .cat-nav-header .close .icon-cross {
    width: 14px;
    height: 14px;
    display: block;
    top: 19px;
    position: absolute;
    right: 15px;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    fill: currentColor;
  }
  .cat-nav-header .close:focus .icon-cross,
  .cat-nav-header .close:hover .icon-cross {
    border-bottom-color: currentColor;
  }
}

.mobile-cat-nav-header {
  display: none;
}

@media (max-width: 47.99em) {
  .mobile-cat-nav-header {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #DCDCDC;
    overflow: hidden;
    background: #fefefe;
  }
  .mobile-cat-nav-header .button-plain {
    display: block;
    border-color: #dcdcdc !important;
    padding: 8px 12px;
    padding-right: 34px;
    margin: 8px;
    max-width: calc(100% - 76px);
    text-align: left;
    font-size: 1.0769230769230769em;
    white-space: normal;
    word-wrap: break-word;
    position: relative;
    line-height: 1.4;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)) !important;
    background: linear-gradient(180deg, #ffffff, #f0f0f0) !important;
  }
  .mobile-cat-nav-header .button-plain:focus {
    background: none;
  }
  .mobile-cat-nav-header .icon-arrow {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    top: 12px;
    position: absolute;
    right: 12px;
  }
}

.cat-nav {
  position: relative;
  top: initial;
  height: auto;
}

@media (max-width: 47.99em) {
  .cat-nav {
    display: none;
    position: absolute;
    top: unset;
    height: unset;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    background: #fefefe;
    z-index: 100;
    /*border-top: 1px solid $nav-divider;*/
  }
}

.cat-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cat-nav li {
  border-bottom: 1px #e6e6e6 solid;
}

.cat-nav li a {
  display: block;
  color: #4c4c4c;
  padding: 11px 8px 11px 8px;
  position: relative;
}

.cat-nav li a:active {
  background-color: #e6e6e6;
}

.cat-nav li a:hover .item-title, .cat-nav li a:focus .item-title {
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .cat-nav li a {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 15px;
  }
}

@media (max-width: 47.99em) {
  .cat-nav.item-l2-is-active li a,
  .cat-nav.item-l3-is-active li a,
  .cat-nav.item-l4-is-active li a {
    /*padding-left: 40px;*/
  }
}

@media (max-width: 47.99em) {
  .nav-mask {
    -webkit-transition: left 0.2s ease-out, opacity 0.2s ease-out;
    transition: left 0.2s ease-out, opacity 0.2s ease-out;
  }
  .cat-nav-container {
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  }
  body.nav-is-open {
    overflow-x: hidden;
  }
  body.nav-is-open .nav-mask {
    opacity: 1;
  }
  body.nav-is-open .wrapper {
    overflow: hidden;
    position: fixed;
    min-height: 100%;
  }
  body.nav-is-open .footer {
    display: none;
  }
}

@media (max-width: 47.99em) {
  body.nav-is-open .nav-mask {
    left: 280px;
  }
  .cat-nav-container.is-expanded-add, .cat-nav-container.is-expanded-remove.is-expanded-remove-active {
    -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
            transform: translateX(-280px);
  }
  .cat-nav-container.is-expanded-add.is-expanded-add-active, .cat-nav-container.is-expanded-remove {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (max-width: 24.99em) {
  .nav-mask {
    left: 75%;
  }
  .cat-nav-container {
    width: 75%;
  }
  .cat-nav-container.is-expanded-add, .cat-nav-container.is-expanded-remove.is-expanded-remove-active {
    -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
            transform: translateX(-75%);
  }
  .cat-nav-container.is-expanded-add.is-expanded-add-active, .cat-nav-container.is-expanded-remove {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.cat-nav-back,
.cat-nav-search {
  width: 40px;
  height: 35px;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 5;
  background: #fefefe;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  /* 0.4s 0.2s */
}

@media (max-width: 47.99em) {
  .cat-nav-back,
  .cat-nav-search {
    height: 100%;
    top: 0;
  }
}

.show-cat-nav-header,
.show-mobile-cat-nav-header {
  visibility: visible;
  opacity: 1;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

@media (max-width: 47.99em) {
  .show-cat-nav-header,
  .show-mobile-cat-nav-header {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
}

.hide-cat-nav-header,
.hide-mobile-cat-nav-header {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

@media (max-width: 47.99em) {
  .hide-cat-nav-header,
  .hide-mobile-cat-nav-header {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
}

.cat-nav-back:hover svg, .cat-nav-back:focus svg {
  border-bottom: 1px solid #262626;
  height: 17px;
  padding-bottom: 4px;
}

.cat-nav-search {
  cursor: default;
}

.cat-nav-back .icon-back,
.cat-nav-search .icon-search {
  width: 20px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 18px;
  margin: -6px 0 0 0;
}

.is-searching .icon-search {
  fill: #1a7a92;
  width: 16px;
}

@media (max-width: 47.99em) {
  .cat-nav-search .icon-search {
    fill: #1a7a92;
    left: 13px;
  }
}

.cat-nav-back .icon-back {
  width: 18px;
}

.cat-nav-skip {
  border: none;
  position: absolute;
  top: -21px;
  left: 10px;
  white-space: nowrap;
  z-index: 9998;
  background-color: #ffffff;
  color: #262626;
  padding: 0 5px;
  font-size: 12px;
  overflow: hidden;
}

.cat-nav-skip > span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -100%;
}

.cat-nav-skip:focus {
  outline: 1px solid #4c4c4c;
  background: #fff;
}

.cat-nav-skip:focus > span {
  margin-top: 0;
}

@media (max-width: 47.99em) {
  .cat-nav-skip {
    display: none;
  }
}

.cat-nav-search .icon-search {
  height: 17px;
  width: 18px;
  margin: -9px 0 0 0;
}

.cat-nav-current {
  font-weight: bold;
  display: inline-block;
  padding: 23px 13px 20px 55px;
  z-index: 1;
  white-space: nowrap;
  margin: 0;
}

.cat-nav-current .icon-search {
  position: absolute;
  left: 0;
  width: 11px;
  margin-top: -2px;
}

.cat-nav-current.is-searching {
  color: #1a7a92;
}

.cat-nav-current.is-searching h2 {
  color: #146e8c;
  text-indent: 15px;
}

@media (max-width: 47.99em) {
  .cat-nav-current {
    font-size: 1em;
    line-height: 1;
  }
  .cat-nav-current .icon-search {
    position: absolute;
    left: 0;
    width: 10px;
    margin-right: 5px;
    margin-top: -2px;
    fill: #1a7a92;
  }
}

.cat-nav-items .cat-nav-current {
  display: none;
}

.cat-nav-current .cat-nav-item-count {
  display: none;
  vertical-align: top;
}

@media (max-width: 47.99em) {
  .cat-nav-current .cat-nav-item-count {
    display: block;
    line-height: 20px;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }
}

.cat-nav-current .cat-nav-item-count .icon {
  display: none;
}

@media (max-width: 47.99em) {
  .cat-nav-current .cat-nav-item-count .icon {
    display: inline-block;
  }
}

.cat-nav-current .cat-nav-item-count small {
  display: none;
}

@media (max-width: 47.99em) {
  .cat-nav-current .cat-nav-item-count small {
    display: inline;
    font-size: 11.5px;
    letter-spacing: -.5px;
    font-weight: normal;
    color: #4c4c4c;
    vertical-align: top;
  }
}

.cat-nav-item {
  position: relative;
  line-height: 1em;
}

.cat-nav-item.is-selected {
  background-color: #e6e6e6;
}

.cat-nav-item.is-disabled a {
  opacity: 0.15;
  cursor: default;
}

.cat-nav-item.is-disabled a:hover {
  background-color: transparent;
}

.cat-nav-item.is-disabled a:hover .item-title {
  text-decoration: none;
}

.item-l4 .cat-nav-item .item-title {
  font-weight: bold;
  color: #262626;
}

.cat-nav-category-item {
  display: none;
}

@media (max-width: 47.99em) {
  .cat-nav-category-item {
    display: block;
    padding: 13px 8px 13px 15px;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .cat-nav-category-item .icon.icon-arrow {
    float: right;
    margin-top: -3px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  .cat-nav-category-item [role="text"] {
    padding-right: 40px;
    line-height: 1.2;
  }
}

.cat-nav-item-content {
  padding: 0 15px 0 10px;
}

.cat-nav-item-content p {
  line-height: 1.615384615em;
}

@media (max-width: 47.99em) {
  .cat-nav-item-content {
    padding-left: 40px;
  }
}

.item-title {
  width: 100%;
}

.items-added {
  width: 50px;
  text-align: center;
  font-size: .923076923em;
  /* 12px */
  line-height: 1.333333333em;
  /* 16px */
  position: absolute;
  left: 0;
  top: 11px;
  display: none;
}

.items-added span {
  padding: 0 6px;
  border-radius: 2px;
  background-color: #008a23;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

.items-found {
  padding: 0 4px;
  border-radius: 2px;
  font-size: 0.7692307692307693em;
  /* 10px */
  line-height: 1.818181818em;
  /* 20px */
  position: absolute;
  top: 11px;
  right: 0;
  color: #6b6b6b;
  display: none;
}

.is-search-mode .items-found {
  background-color: #146e8c;
  color: #ffffff;
  display: inline-block;
  margin-top: 0px;
  padding: 2px 6px;
  line-height: 16px;
}

.is-search-mode #cat-nav .items-found {
  top: 10px;
  right: 10px;
}

.is-search-mode .is-disabled .items-found {
  background-color: transparent;
  color: #6b6b6b;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .items-found {
    display: block;
    right: 11px;
    top: 11px;
  }
}

/* =Categories navigation animation */
.cat-nav-items {
  overflow: hidden;
  width: 100%;
  position: relative;
  min-height: 1200px;
  /*Min-height should be 350px to ensure the nav is always tall enough to display loader animation.
	Increased to 850px as a result of DE1174.  Should be reverted as part of complete fix in DE1676*/
}

@media (max-width: 47.99em) {
  .cat-nav-items {
    min-height: 350px;
  }
}

.cat-nav-items ul {
  border-top: 1px #e6e6e6 solid;
}

@media (max-width: 47.99em) {
  .cat-nav-items ul {
    border-top: 0;
  }
}

.nav-animate-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: #fefefe;
}

.nav-animate-item.is-hidden {
  display: none;
}

.nav-animate-item.ng-hide-remove {
  display: block !important;
}

.nav-animate-item.ng-hide-add {
  display: block !important;
}

.cat-nav-espot {
  margin-top: 43px;
}

@media (max-width: 47.99em) {
  .cat-nav-espot {
    display: none;
  }
}

@media (min-width: 48em) {
  .category-list-container {
    position: relative;
  }
}

@media (max-width: 47.99em) {
  .category-list-container {
    margin-top: 42px;
    /*
		&:empty {
			border-bottom: 1px solid $nav-divider;
		}
		*/
  }
}

.category-list-top-border {
  border-top: 0;
}

@media (max-width: 47.99em) {
  .category-list-top-border {
    border-top: 1px solid #e6e6e6;
  }
}

.item-l1 {
  display: block;
}

.item-l2 {
  left: 100%;
}

.item-l3 {
  left: 100%;
}

.item-l4 {
  left: 100%;
}

.item-l2-is-active .item-l1 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l2-is-active .item-l2 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l3-is-active .item-l1 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l3-is-active .item-l2 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

.item-l3-is-active .item-l3 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l4-is-active .item-l1 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l4-is-active .item-l2,
.item-l4-is-active .item-l3 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

.item-l4-is-active .item-l4 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

/* =Categories navigation headings animation */
.cat-nav-header cat-nav-back, .cat-nav-header h2,
.mobile-cat-nav-header cat-nav-back,
.mobile-cat-nav-header h2 {
  -webkit-transition: opacity 0.4s linear 0.2s, color 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  transition: opacity 0.4s linear 0.2s, color 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  position: absolute;
}

.cat-nav-header .cat-nav-search,
.mobile-cat-nav-header .cat-nav-search {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}

.cat-nav-header.is-searching,
.mobile-cat-nav-header.is-searching {
  color: #146e8c;
}

.cat-nav-header.is-searching .cat-nav-search.ng-enter,
.mobile-cat-nav-header.is-searching .cat-nav-search.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
  transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
}

.cat-nav-header.is-searching .cat-nav-search,
.cat-nav-header.is-searching .cat-nav-search.ng-enter-active,
.mobile-cat-nav-header.is-searching .cat-nav-search,
.mobile-cat-nav-header.is-searching .cat-nav-search.ng-enter-active {
  opacity: 1;
  visibility: visible;
}

.cat-nav-header.is-searching .cat-nav-back,
.cat-nav-header.is-searching .icon-back,
.mobile-cat-nav-header.is-searching .cat-nav-back,
.mobile-cat-nav-header.is-searching .icon-back {
  opacity: 0;
  visibility: hidden;
}

.cat-nav-header.is-searching .icon-search,
.mobile-cat-nav-header.is-searching .icon-search {
  position: absolute;
  left: 0;
  opacity: 1;
  visibility: visible;
}

.cat-nav-header.is-searching a,
.mobile-cat-nav-header.is-searching a {
  color: #146e8c;
  font-weight: normal;
}

.cat-nav-header.is-searching .item-l1,
.cat-nav-header.is-searching .item-l2,
.cat-nav-header.is-searching .item-l3,
.cat-nav-header.is-searching .item-l4,
.mobile-cat-nav-header.is-searching .item-l1,
.mobile-cat-nav-header.is-searching .item-l2,
.mobile-cat-nav-header.is-searching .item-l3,
.mobile-cat-nav-header.is-searching .item-l4 {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 47.99em) {
  .cat-nav-header.is-searching .item-l1,
  .cat-nav-header.is-searching .item-l2,
  .cat-nav-header.is-searching .item-l3,
  .cat-nav-header.is-searching .item-l4,
  .mobile-cat-nav-header.is-searching .item-l1,
  .mobile-cat-nav-header.is-searching .item-l2,
  .mobile-cat-nav-header.is-searching .item-l3,
  .mobile-cat-nav-header.is-searching .item-l4 {
    display: none;
  }
}

@media (max-width: 47.99em) {
  .cat-nav-header.is-searching #products-navigation-results,
  .mobile-cat-nav-header.is-searching #products-navigation-results {
    width: calc(100% - 80px);
    padding-left: 40px;
    padding-right: 0;
  }
}

.cat-nav-header.is-searching #products-navigation-results.ng-enter,
.cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter,
.mobile-cat-nav-header.is-searching #products-navigation-results.ng-enter,
.mobile-cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media (max-width: 47.99em) {
  .cat-nav-header.is-searching #products-navigation-results.ng-enter,
  .cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter,
  .mobile-cat-nav-header.is-searching #products-navigation-results.ng-enter,
  .mobile-cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter {
    -webkit-transition-delay: none;
            transition-delay: none;
  }
}

.cat-nav-header.is-searching #products-navigation-results,
.cat-nav-header.is-searching #products-navigation-results.ng-enter.ng-enter-active,
.cat-nav-header.is-searching #mobile-products-navigation-results,
.cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter.ng-enter-active,
.mobile-cat-nav-header.is-searching #products-navigation-results,
.mobile-cat-nav-header.is-searching #products-navigation-results.ng-enter.ng-enter-active,
.mobile-cat-nav-header.is-searching #mobile-products-navigation-results,
.mobile-cat-nav-header.is-searching #mobile-products-navigation-results.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
}

.cat-nav-header .item-l1.ng-enter,
.mobile-cat-nav-header .item-l1.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.cat-nav-header .item-l1,
.cat-nav-header .item-l1.ng-enter.ng-enter-active,
.mobile-cat-nav-header .item-l1,
.mobile-cat-nav-header .item-l1.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.cat-nav-header .cat-nav-back.ng-leave,
.cat-nav-header .item-l2.ng-leave,
.cat-nav-header .item-l3.ng-leave,
.cat-nav-header .item-l4.ng-leave,
.cat-nav-header #products-navigation-results.ng-leave,
.cat-nav-header #mobile-products-navigation-results.ng-leave,
.mobile-cat-nav-header .cat-nav-back.ng-leave,
.mobile-cat-nav-header .item-l2.ng-leave,
.mobile-cat-nav-header .item-l3.ng-leave,
.mobile-cat-nav-header .item-l4.ng-leave,
.mobile-cat-nav-header #products-navigation-results.ng-leave,
.mobile-cat-nav-header #mobile-products-navigation-results.ng-leave {
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header .cat-nav-back,
.cat-nav-header .item-l2,
.cat-nav-header .item-l3,
.cat-nav-header .item-l4,
.cat-nav-header #products-navigation-results,
.cat-nav-header #mobile-products-navigation-results,
.cat-nav-header .cat-nav-back.ng-leave.ng-leave-active,
.cat-nav-header .item-l2.ng-leave.ng-leave-active,
.cat-nav-header .item-l3.ng-leave.ng-leave-active,
.cat-nav-header .item-l4.ng-leave.ng-leave-active,
.cat-nav-header #products-navigation-results.ng-leave.ng-leave-active,
.cat-nav-header #mobile-products-navigation-results.ng-leave.ng-leave-active,
.mobile-cat-nav-header .cat-nav-back,
.mobile-cat-nav-header .item-l2,
.mobile-cat-nav-header .item-l3,
.mobile-cat-nav-header .item-l4,
.mobile-cat-nav-header #products-navigation-results,
.mobile-cat-nav-header #mobile-products-navigation-results,
.mobile-cat-nav-header .cat-nav-back.ng-leave.ng-leave-active,
.mobile-cat-nav-header .item-l2.ng-leave.ng-leave-active,
.mobile-cat-nav-header .item-l3.ng-leave.ng-leave-active,
.mobile-cat-nav-header .item-l4.ng-leave.ng-leave-active,
.mobile-cat-nav-header #products-navigation-results.ng-leave.ng-leave-active,
.mobile-cat-nav-header #mobile-products-navigation-results.ng-leave.ng-leave-active {
  opacity: 0;
  visibility: hidden;
}

.cat-nav-header.item-l2-is-active .cat-nav-back.ng-enter,
.mobile-cat-nav-header.item-l2-is-active .cat-nav-back.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l2-is-active .cat-nav-back,
.cat-nav-header.item-l2-is-active .cat-nav-back.ng-enter.ng-enter-active,
.mobile-cat-nav-header.item-l2-is-active .cat-nav-back,
.mobile-cat-nav-header.item-l2-is-active .cat-nav-back.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.cat-nav-header.item-l2-is-active .item-l1.ng-leave,
.cat-nav-header.item-l2-is-active .item-l3.ng-leave,
.cat-nav-header.item-l2-is-active .item-l4.ng-leave,
.mobile-cat-nav-header.item-l2-is-active .item-l1.ng-leave,
.mobile-cat-nav-header.item-l2-is-active .item-l3.ng-leave,
.mobile-cat-nav-header.item-l2-is-active .item-l4.ng-leave {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l2-is-active .item-l1,
.cat-nav-header.item-l2-is-active .item-l3,
.cat-nav-header.item-l2-is-active .item-l4,
.cat-nav-header.item-l2-is-active .item-l1.ng-leave.ng-leave-active,
.cat-nav-header.item-l2-is-active .item-l3.ng-leave.ng-leave-active,
.cat-nav-header.item-l2-is-active .item-l4.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l2-is-active .item-l1,
.mobile-cat-nav-header.item-l2-is-active .item-l3,
.mobile-cat-nav-header.item-l2-is-active .item-l4,
.mobile-cat-nav-header.item-l2-is-active .item-l1.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l2-is-active .item-l3.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l2-is-active .item-l4.ng-leave.ng-leave-active {
  opacity: 0;
}

.cat-nav-header.item-l2-is-active .item-l2.ng-enter,
.mobile-cat-nav-header.item-l2-is-active .item-l2.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l2-is-active .item-l2,
.cat-nav-header.item-l2-is-active .item-l2.ng-enter.ng-enter-active,
.mobile-cat-nav-header.item-l2-is-active .item-l2,
.mobile-cat-nav-header.item-l2-is-active .item-l2.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.cat-nav-header.item-l3-is-active .item-l1.ng-leave, .cat-nav-header.item-l3-is-active .item-l2.ng-leave, .cat-nav-header.item-l3-is-active .item-l4.ng-leave,
.mobile-cat-nav-header.item-l3-is-active .item-l1.ng-leave,
.mobile-cat-nav-header.item-l3-is-active .item-l2.ng-leave,
.mobile-cat-nav-header.item-l3-is-active .item-l4.ng-leave {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l3-is-active .item-l1,
.cat-nav-header.item-l3-is-active .item-l2,
.cat-nav-header.item-l3-is-active .item-l4,
.cat-nav-header.item-l3-is-active .item-l1.ng-leave.ng-leave-active,
.cat-nav-header.item-l3-is-active .item-l2.ng-leave.ng-leave-active,
.cat-nav-header.item-l3-is-active .item-l4.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l3-is-active .item-l1,
.mobile-cat-nav-header.item-l3-is-active .item-l2,
.mobile-cat-nav-header.item-l3-is-active .item-l4,
.mobile-cat-nav-header.item-l3-is-active .item-l1.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l3-is-active .item-l2.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l3-is-active .item-l4.ng-leave.ng-leave-active {
  opacity: 0;
}

.cat-nav-header.item-l3-is-active .item-l3.ng-enter,
.mobile-cat-nav-header.item-l3-is-active .item-l3.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l3-is-active .item-l3,
.cat-nav-header.item-l3-is-active .item-l3.ng-enter.ng-enter-active,
.mobile-cat-nav-header.item-l3-is-active .item-l3,
.mobile-cat-nav-header.item-l3-is-active .item-l3.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.cat-nav-header.item-l4-is-active .item-l1.ng-leave, .cat-nav-header.item-l4-is-active .item-l2.ng-leave, .cat-nav-header.item-l4-is-active .item-l3.ng-leave,
.mobile-cat-nav-header.item-l4-is-active .item-l1.ng-leave,
.mobile-cat-nav-header.item-l4-is-active .item-l2.ng-leave,
.mobile-cat-nav-header.item-l4-is-active .item-l3.ng-leave {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l4-is-active .item-l1,
.cat-nav-header.item-l4-is-active .item-l2,
.cat-nav-header.item-l4-is-active .item-l3,
.cat-nav-header.item-l4-is-active .item-l1.ng-leave.ng-leave-active,
.cat-nav-header.item-l4-is-active .item-l2.ng-leave.ng-leave-active,
.cat-nav-header.item-l4-is-active .item-l3.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l4-is-active .item-l1,
.mobile-cat-nav-header.item-l4-is-active .item-l2,
.mobile-cat-nav-header.item-l4-is-active .item-l3,
.mobile-cat-nav-header.item-l4-is-active .item-l1.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l4-is-active .item-l2.ng-leave.ng-leave-active,
.mobile-cat-nav-header.item-l4-is-active .item-l3.ng-leave.ng-leave-active {
  opacity: 0;
}

.cat-nav-header.item-l4-is-active .item-l4.ng-enter,
.mobile-cat-nav-header.item-l4-is-active .item-l4.ng-enter {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cat-nav-header.item-l4-is-active .item-l4,
.cat-nav-header.item-l4-is-active .item-l4.ng-enter.ng-enter-active,
.mobile-cat-nav-header.item-l4-is-active .item-l4,
.mobile-cat-nav-header.item-l4-is-active .item-l4.ng-enter.ng-enter-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.cat-nav-heading {
  font-size: 1em;
  position: relative !important;
  margin: 0;
  word-break: break-word;
}

/* Preloader in the cat nav */
#loading-search-term {
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  word-wrap: break-word;
  position: absolute;
  top: 86px;
  width: 90%;
  left: 5%;
}

#loading-search-term strong {
  display: block;
}

#loading-search-term .preloader {
  margin: 0 auto;
}

.cat-nav .loading-overlay {
  background: #fefefe;
  visibility: visible;
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cat-nav .loading-overlay .preloaderContainer {
  height: 80px;
  width: 80px;
}

.cat-nav .loading-overlay .preloaderContainer.is-active {
  -webkit-transition: none;
  transition: none;
}

.cat-nav .loading-overlay .preloaderContainer.is-active.is-fading {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  width: 80px;
  height: 80px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.cat-nav .loading-overlay.is-active, .cat-nav .loading-overlay.is-active.is-active-add.is-active-add-active, .cat-nav .loading-overlay.is-active-remove {
  opacity: 1;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.cat-nav .loading-overlay.is-active.is-active-add {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.cat-nav .loading-overlay.is-active-out, .cat-nav .loading-overlay.is-active-remove.is-active-remove-active {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l0-is-active .nav-animate-item {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l0-is-active-remove .nav-animate-item {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.item-l2-is-active .item-l0-is-active .item-l2 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

.item-l3-is-active .item-l0-is-active .item-l3 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

.item-l4-is-active .item-l0-is-active .item-l4 {
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
}

.item-l2-is-active .item-l0-is-active-out .item-l1 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l2-is-active .item-l0-is-active-out .item-l2 {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.item-l3-is-active .item-l0-is-active-out .item-l2 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l3-is-active .item-l0-is-active-out .item-l3 {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.item-l4-is-active .item-l0-is-active-out .item-l3 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.item-l4-is-active .item-l0-is-active-out .item-l4 {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

/* Block transitions */
.cat-nav-header.no-transition .cat-nav-current, .cat-nav-header.no-transition .cat-nav-back, .cat-nav-header.no-transition .cat-nav-search,
.mobile-cat-nav-header.no-transition .cat-nav-current,
.mobile-cat-nav-header.no-transition .cat-nav-back,
.mobile-cat-nav-header.no-transition .cat-nav-search {
  -webkit-transition: none !important;
  transition: none !important;
}

.no-transition .nav-animate-item, .no-transition .item-l0-is-active {
  -webkit-transition: none !important;
  transition: none !important;
}

#main-content .loading-overlay {
  top: -10px;
}

/* No transition for clear search, back to visited tab */
.item-l1.no-transition,
.item-l2.no-transition,
.item-l3.no-transition,
.item-l4.no-transition,
.cat-nav-search.no-transition,
.cat-nav-current.no-transition,
.cat-nav-back.no-transition {
  -webkit-transition: initial !important;
  transition: initial !important;
}

@media (min-width: 48em) {
  /* =Categories navigation */
  .cat-nav-back,
  .cat-nav-search {
    left: 0;
  }
  .cat-nav-back .icon-back, .cat-nav-search .icon-back {
    left: 12px;
  }
  .cat-nav-back .icon-search, .cat-nav-search .icon-search {
    left: 15px;
  }
  .cat-nav-current {
    padding-left: 52px;
  }
  .cat-nav-back {
    height: calc(100% - 20px);
  }
  .items-found {
    display: inline-block;
    padding: 0 10px 0 0;
  }
}

@media (min-width: 60.9375em) {
  /* =Categories navigation */
  .cat-nav-back .icon-back, .cat-nav-back .icon-search, .cat-nav-search .icon-back, .cat-nav-search .icon-search {
    left: 15px;
  }
  .cat-nav ul li a {
    padding: 13px 10px 13px 10px;
  }
  .cat-nav-current {
    padding-left: 55px;
  }
  .item-title {
    display: inline-block;
    max-width: 165px;
    line-height: 1em;
    position: relative;
    left: 50px;
  }
  .items-found {
    padding: 0 15px 0 0;
  }
}

@media (min-width: 64.0625em) {
  .cat-nav-back {
    left: 15px;
  }
  .cat-nav-search {
    left: 21px;
  }
  .cat-nav ul li a {
    padding: 13px 0;
  }
  .cat-nav-item-content {
    padding-left: 50px;
  }
  .cat-nav-current {
    padding-left: 70px;
  }
  .items-added {
    display: inline-block;
  }
}

@media (max-width: 64.0525em) {
  .items-added {
    width: 0;
  }
  .item-title {
    left: 0;
    max-width: 160px;
    display: inline-block;
  }
}

@media (max-width: 60.9275em) {
  .item-title {
    max-width: calc(100% - 30px);
  }
}

.homepage-section {
  clear: both;
}

.homepage-section .section-btn-container {
  text-align: center;
  clear: both;
}

.section-heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

@media (min-width: 48em) {
  .section-heading-container {
    margin-bottom: 20px;
  }
}

.section-heading-container.is-centred {
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .section-heading-container.is-centred {
    margin-bottom: 20px;
  }
}

.section-heading-container.is-centred .section-heading {
  margin-right: 0;
}

.section-heading-container .section-heading {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 10px 0 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 1.2em;
}

@media (min-width: 64.0625em) {
  .section-heading-container .section-heading {
    font-size: 33px;
  }
}

.section-heading-container .section-heading.has-line {
  position: relative;
}

.section-heading-container .section-heading.has-line:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  display: block;
  background: #949494;
}

.section-heading-container .text-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  background: #fefefe;
  padding-right: 5px;
}

@media (max-width: 47.99em) {
  .section-heading-container .heading-btn-container .button {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.homepage-section-tabs {
  margin-bottom: 5px;
}

@media (min-width: 32.5em) {
  .homepage-section-tabs {
    margin-bottom: 10px;
  }
}

@media (min-width: 48em) {
  .homepage-section-tabs {
    margin-bottom: 15px;
  }
}

.homepage-section-tabs.has-overflow .tab-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.homepage-section-tabs .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #f8f8f8;
}

.homepage-section-tabs .tab-list .tab {
  display: inline-block;
}

.homepage-section-tabs .tab-list .tab a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 16px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
  padding: 10px;
}

@media (min-width: 48em) {
  .homepage-section-tabs .tab-list .tab a {
    font-size: 15px;
  }
}

.homepage-section-tabs .tab-list .tab a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  width: 100%;
  background: transparent;
}

.homepage-section-tabs .tab-list .tab.is-active a,
.homepage-section-tabs .tab-list .tab a:hover,
.homepage-section-tabs .tab-list .tab a:focus {
  cursor: pointer;
  text-decoration: none;
}

.homepage-section-tabs .tab-list .tab.is-active a:after,
.homepage-section-tabs .tab-list .tab a:hover:after,
.homepage-section-tabs .tab-list .tab a:focus:after {
  background-color: #e01a22;
}

.homepage-section-tabs .tab-list .tab.is-active a:hover,
.homepage-section-tabs .tab-list .tab.is-active a:focus {
  text-decoration: underline;
}

.carousel-count {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #4c4c4c;
  margin: 0 0 5px;
}

@media (min-width: 32.5em) {
  .carousel-count {
    margin-bottom: 10px;
  }
}

@media (min-width: 48em) {
  .carousel-count {
    font-size: 16px;
  }
}

.tile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  margin: 15px auto 0;
}

.tile-container .tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}

@media (min-width: 32.5em) {
  .tile-container .tile {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .tile-container .tile:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 60.9375em) {
  .tile-container .tile {
    width: calc(25% - 13px);
    margin-right: 10px;
    margin-bottom: 0;
  }
  .tile-container .tile:nth-child(2n) {
    margin-right: 10px;
  }
  .tile-container .tile:nth-child(4) {
    margin-right: 0;
  }
}

@media (min-width: 64.0625em) {
  .tile-container .tile {
    width: calc(25% - 22.5px);
    margin-right: 30px;
    margin-bottom: 0;
  }
  .tile-container .tile:nth-child(2n) {
    margin-right: 30px;
  }
  .tile-container .tile:nth-child(4) {
    margin-right: 0;
  }
}

.tile-container .tile .tile-image-section {
  height: 140px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: bottom center;
}

.tile-container .tile .tile-image-section .tile-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}

.tile-container .tile .tile-image-section .tile-image-container .tile-image {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0 auto;
}

.tile-container .tile .tile-copy-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 20px;
  text-align: center;
  font-size: 15px;
}

.tile-container .tile .tile-copy-section .tile-cta {
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  font-size: 16px;
  max-width: 100%;
  color: #262626;
}

.tile-container .tile .tile-copy-section .tile-cta.has-chevron {
  position: relative;
  padding: 0 13px;
}

.tile-container .tile .tile-copy-section .tile-cta.has-chevron .icon-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 9px;
  width: 7px;
  margin-top: 2px;
}

.tile-container .tile.is-large .tile-image-section {
  height: 180px;
}

@media (min-width: 64.0625em) {
  .tile-container .tile.is-large .tile-copy-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.tile-container .tile.is-large .tile-copy-section .tile-cta {
  font-size: 18px;
}

@media (min-width: 64.0625em) {
  .tile-container .tile.is-large .tile-copy-section .tile-cta {
    font-size: 22px;
  }
}

.tile-container .tile.is-large .tile-copy-section .tile-cta.has-chevron .icon-arrow {
  height: 12px;
  width: 8px;
  margin-right: 0;
}

.horizontal-tile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  margin: 15px auto 0;
}

.horizontal-tile-container .tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
}

.horizontal-tile-container .tile:last-child {
  margin-bottom: 0;
}

@media (min-width: 60.9375em) {
  .horizontal-tile-container .tile {
    height: 200px;
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 0;
  }
  .horizontal-tile-container .tile:nth-child(2n) {
    margin-right: 0;
  }
}

.horizontal-tile-container .tile .tile-image-section,
.horizontal-tile-container .tile .tile-copy-section {
  width: 50%;
}

.horizontal-tile-container .tile .tile-image-section {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: bottom center;
}

.horizontal-tile-container .tile .tile-image-section .tile-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}

.horizontal-tile-container .tile .tile-image-section .tile-image-container .tile-image {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0 auto;
}

.horizontal-tile-container .tile .tile-copy-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 15px;
  font-size: 18px;
}

@media (min-width: 60.9375em) {
  .horizontal-tile-container .tile .tile-copy-section {
    padding: 20px;
  }
}

.horizontal-tile-container .tile .tile-copy-section .tile-cta {
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  font-size: 18px;
  max-width: 100%;
  color: #262626;
}

@media (min-width: 64.0625em) {
  .horizontal-tile-container .tile .tile-copy-section .tile-cta {
    font-size: 22px;
  }
}

.horizontal-tile-container .tile .tile-copy-section .tile-cta.has-chevron {
  position: relative;
  padding: 0 13px 0 0;
}

.horizontal-tile-container .tile .tile-copy-section .tile-cta.has-chevron .icon-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 12px;
  width: 8px;
  margin-right: 0;
}

#homepage-section-13 {
  margin: 10px 0 20px;
  padding: 10px 8px;
}

@media screen and (min-width: 768px) {
  #homepage-section-13 {
    padding: 20px 23px;
  }
}

@media screen and (min-width: 1025px) {
  #homepage-section-13 {
    margin: 20px 0;
    padding: 20px;
  }
}

@media screen and (min-width: 1360px) {
  #homepage-section-13 {
    margin: 20px 0;
    padding: 20px 70px;
  }
}

@media screen and (min-width: 1920px) {
  #homepage-section-13 {
    max-width: 1800px;
    margin: 20px auto;
  }
}

/* =Sidebar - Draw */
.draw {
  display: block;
  background-color: #ffffff;
  width: 90px;
  height: 100%;
  max-width: 99.5%;
  max-height: 100%;
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 100;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

.draw.ng-animate {
  -webkit-transition: width 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 64.0625em) {
  .draw {
    width: 130px;
  }
}

@media (max-width: 47.99em) {
  .draw {
    width: 65px;
  }
}

@media (max-width: 29.99em) {
  .draw {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 50px;
    overflow: visible;
    background: none;
    -webkit-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
  }
}

.draw.is-open {
  width: 560px;
  height: 100%;
}

@media (max-width: 47.99em) {
  .draw.is-open {
    width: 495px;
  }
}

@media (max-width: 45.615em) {
  .draw.is-open {
    width: 490px;
  }
}

@media (max-width: 35.4375em) {
  .draw.is-open {
    width: 400px;
  }
}

@media (max-width: 29.99em) {
  .draw.is-open {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 29.99em) {
  .draw.is-open-add {
    height: 50px;
  }
  .draw.is-open-add.is-open-add-active {
    height: 100%;
  }
  .draw.is-open-remove {
    height: 100%;
  }
  .draw.is-open-remove.ng-animate {
    -webkit-transition: height 0.01s linear 0.4s;
    transition: height 0.01s linear 0.4s;
  }
  .draw.is-open-remove.is-open-remove-active {
    height: 50px;
  }
  .nav-is-open .draw {
    bottom: -50px;
  }
}

.draw a.hidden-close-draw {
  top: -200px !important;
  position: absolute;
}

.draw a.hidden-close-draw:focus {
  z-index: 1000;
  top: 0px !important;
  right: -20px;
  left: -20px;
  text-align: center;
  background: #f0f0f0;
  outline: 0;
  font-size: 11px;
  padding: 1px;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none !important;
}

@-webkit-keyframes superbarCloseButtonFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes superbarCloseButtonFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.draw-header {
  display: none;
  height: 50px;
  position: absolute;
  width: 100%;
  background: #fefefe;
  border-bottom: 2px solid #e01a22;
}

.draw-header .coles-logo-container .coles-logo {
  color: #e01a22;
}

.is-open .draw-header,
.is-open-remove .draw-header {
  display: block;
}

.is-open .draw-header .button-close-draw {
  -webkit-animation: superbarCloseButtonFadeIn 0.3s linear;
          animation: superbarCloseButtonFadeIn 0.3s linear;
}

.is-open-remove .draw-header .button-close-draw {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

@media (min-width: 30em) {
  .draw-header {
    top: -50px;
  }
}

.draw-header .button-close-draw {
  position: absolute;
  width: 100%;
  height: 50px;
  background: transparent;
  border: 0;
  padding: 0;
  color: #262626;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  opacity: 1;
}

.draw-header .button-close-draw:after {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  position: absolute;
  top: 35px;
  right: 16px;
  background: transparent;
}

.draw-header .button-close-draw:focus, .draw-header .button-close-draw:hover {
  background: transparent;
}

.draw-header .button-close-draw:focus:after, .draw-header .button-close-draw:hover:after {
  background: #262626;
}

@media (min-width: 30em) {
  .draw-header .button-close-draw {
    width: 40px;
    height: 40px;
    left: -50px;
    top: 60px;
    color: #4c4c4c;
    border-radius: 50%;
    background: #ffffff;
  }
  .draw-header .button-close-draw:focus, .draw-header .button-close-draw:hover {
    background: #ffffff;
  }
  .draw-header .button-close-draw:focus:after, .draw-header .button-close-draw:hover:after {
    background: #4c4c4c;
    top: 30px;
    right: 14px;
  }
}

.draw-header .icon-cross {
  position: absolute;
  top: 19px;
  right: 15px;
}

@media (min-width: 30em) {
  .draw-header .icon-cross {
    top: 14px;
    right: 13px;
  }
}

.draw-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 100%;
  max-height: 100vh;
  position: relative;
  z-index: 102;
  color: #ffffff;
  border-top: 1px #484848 solid;
  background-color: #262626;
  overflow: hidden;
}

@media (min-width: 64.0625em) {
  .draw-nav {
    width: 130px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav {
    width: 65px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav {
    display: block;
    border-top: 0;
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
  }
}

.draw-nav .nav-scroll {
  fill: #ffffff;
  width: 100%;
  height: 40px;
  text-align: center;
  display: none;
  background: #262626;
  z-index: 1;
  border: none;
}

.nav-overflow .draw-nav .nav-scroll {
  display: block;
}

@media (max-width: 29.99em) {
  .nav-overflow .draw-nav .nav-scroll {
    display: none;
  }
}

.nav-overflow .draw-nav .nav-scroll:hover .icon, .nav-overflow .draw-nav .nav-scroll:focus .icon {
  border-left: 1px solid #fff;
}

.draw-nav .nav-scroll.is-disabled {
  opacity: 0.25;
}

.draw-nav .nav-scroll.is-disabled:hover .icon, .draw-nav .nav-scroll.is-disabled:focus .icon {
  border: 0;
}

.draw-nav .nav-scroll.up {
  padding-top: 15px;
}

.draw-nav .nav-scroll.up .icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 15px;
}

.draw-nav .nav-scroll.down {
  padding-top: 5px;
  margin-bottom: 10px;
}

.draw-nav .nav-scroll.down .icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 15px;
}

.draw-nav .draw-link-cart-loading-wrapper {
  position: absolute;
  overflow: hidden;
  width: 90px;
  min-height: 210px !important;
  will-change: transform;
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-cart-loading-wrapper {
    width: 130px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart-loading-wrapper {
    min-height: 123px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper {
    display: block;
    width: calc(100% / 4 * 2);
    top: auto !important;
  }
}

.draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading {
  padding: 20px 10px 0px 10px;
  min-height: 210px !important;
  text-align: center;
  width: 100%;
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform, 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading {
    padding-top: 20px;
    min-height: 110px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading {
    padding: 0;
    min-height: 123px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading {
    height: 50px;
    width: 100%;
    padding: 0;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .preloaderContainer {
  margin: 70px auto 15px;
  width: 40px;
  height: 40px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .preloaderContainer {
    margin: 40px 15px;
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .preloaderContainer {
    width: 30px;
    left: 50%;
    position: absolute;
    top: 10px;
    margin: 0;
    margin-left: -15px;
  }
}

.draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .preloaderContainer.is-active {
  -webkit-transition: none;
  transition: none;
}

.draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .preloaderContainer.is-active.is-fading {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .draw-text {
  color: #d0d0d0;
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper .draw-link-cart-loading .draw-text {
    margin-top: 18px;
    float: left;
    margin-left: 48px;
    visibility: visible;
  }
}

.draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1):after {
  -webkit-transform: translateX(90px);
      -ms-transform: translateX(90px);
          transform: translateX(90px);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform, 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1):after {
    -webkit-transform: translateX(130px);
        -ms-transform: translateX(130px);
            transform: translateX(130px);
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1):after {
    -webkit-transform: translateX(65px);
        -ms-transform: translateX(65px);
            transform: translateX(65px);
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1):after {
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
  }
}

.draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active .draw-link-cart-loading, .draw-nav .draw-link-cart-loading-wrapper.ng-leave .draw-link-cart-loading {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1) a,
.draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(2) a, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1) a,
.draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(2) a {
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1) a,
  .draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(2) a, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1) a,
  .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(2) a {
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}

.draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1):after, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1):after {
  -webkit-transform: translateX(90px);
      -ms-transform: translateX(90px);
          transform: translateX(90px);
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1):after, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1):after {
    -webkit-transform: translateX(130px);
        -ms-transform: translateX(130px);
            transform: translateX(130px);
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1):after, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1):after {
    -webkit-transform: translateX(65px);
        -ms-transform: translateX(65px);
            transform: translateX(65px);
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper.ng-enter.ng-enter-active + ul li:nth-child(1):after, .draw-nav .draw-link-cart-loading-wrapper.ng-leave + ul li:nth-child(1):after {
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
  }
}

.draw-nav .draw-link-cart-loading-wrapper.ng-leave.ng-leave-active .draw-link-cart-loading, .draw-nav .draw-link-cart-loading-wrapper.ng-enter .draw-link-cart-loading {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper.ng-leave.ng-leave-active .draw-link-cart-loading, .draw-nav .draw-link-cart-loading-wrapper.ng-enter .draw-link-cart-loading {
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}

.draw-nav .draw-link-cart-loading-wrapper.ng-leave.ng-leave-active + ul li:nth-child(1) a,
.draw-nav .draw-link-cart-loading-wrapper.ng-leave.ng-leave-active + ul li:nth-child(2) a, .draw-nav .draw-link-cart-loading-wrapper.ng-enter + ul li:nth-child(1) a,
.draw-nav .draw-link-cart-loading-wrapper.ng-enter + ul li:nth-child(2) a {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.draw-nav .draw-link-cart-loading-wrapper.ng-leave.ng-leave-active + ul li:nth-child(1):after, .draw-nav .draw-link-cart-loading-wrapper.ng-enter + ul li:nth-child(1):after {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1) a,
.draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(2) a {
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) transform, 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) -webkit-transform;
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(1) a,
  .draw-nav .draw-link-cart-loading-wrapper + ul li:nth-child(2) a {
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}

.draw-nav .draw-link-cart-loading-wrapper:hover {
  background-color: #262626;
}

.draw-nav .draw-link-cart-loading-wrapper:hover .draw-text {
  text-decoration: none;
}

.draw-nav ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
}

@media (min-width: 64.0625em) {
  .draw-nav ul {
    width: 147px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav ul {
    width: 82px;
  }
}

@media (min-width: 85.4375em) {
  .draw-nav ul {
    padding-right: 17px;
    margin-right: -17px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav ul {
    display: block;
    height: 50px;
    width: 100%;
    overflow: hidden;
  }
  .draw-nav ul.is-logged-in li {
    width: calc(100% / 6);
  }
  .draw-nav ul.is-logged-in li:nth-child(1) {
    width: calc(100% / 6 * 2);
  }
  .draw-nav ul li div {
    height: 50px;
  }
  .draw-nav ul li div a {
    height: 50px;
    padding: 5px !important;
  }
}

.draw-nav ul li {
  text-align: center;
  width: 90px;
  border-bottom: 1px #484848 solid;
  float: none;
  height: auto;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

@media (min-width: 64.0625em) {
  .draw-nav ul li {
    width: 130px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav ul li {
    width: 65px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav ul li {
    float: left;
    width: calc(100% / 5);
    border: 0 !important;
    position: relative;
    height: 100%;
  }
  .draw-nav ul li:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    background: #484848;
    top: 0;
    right: 0;
  }
  .draw-nav ul li:last-child:after {
    display: none;
  }
}

.draw-nav ul li.is-active {
  background: #ffffff;
}

.draw-nav ul li.is-active .icon {
  fill: #5c5c5c;
}

.draw-nav ul li.is-active .draw-text {
  color: #5c5c5c;
}

.draw-nav ul li.is-active .draw-cart-border {
  border-color: transparent;
}

.draw-nav ul li:nth-child(1) {
  min-height: 110px;
  border-top: 1px #484848 solid;
  border-bottom: 0;
}

.draw-nav ul li:nth-child(1):after {
  content: '';
  position: relative;
  display: block;
  border-bottom: 1px dashed #484848;
  bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1;
}

@media (min-width: 64.0625em) {
  .draw-nav ul li:nth-child(1):after {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.draw-nav ul li:nth-child(1).is-active:after {
  opacity: 0;
}

@media (max-width: 47.99em) {
  .draw-nav ul li:nth-child(1) {
    min-height: 68px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav ul li:nth-child(1) {
    min-height: 50px;
    width: calc(100% / 5 * 2);
  }
  .draw-nav ul li:nth-child(1):after {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: auto;
    background: transparent;
    top: 8px;
    bottom: 8px;
    border-left: 1px dashed #484848;
    margin-left: 0;
    margin-right: 0;
  }
}

.draw-nav a {
  display: block;
  padding: 20px 10px;
  color: #d0d0d0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .draw-nav a {
    padding: 10px 4px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav a {
    height: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.draw-nav a .draw-list-content,
.draw-nav a .draw-cart-content {
  display: block;
}

.draw-nav a .icon {
  fill: currentColor;
}

.draw-nav a:hover .draw-text, .draw-nav a:focus .draw-text {
  text-decoration: underline;
}

.draw-nav .hide-from-mobile {
  display: none;
}

@media (min-width: 48em) {
  .draw-nav .hide-from-mobile {
    display: inline;
  }
}

.draw-nav .hide-from-desktop {
  display: inline;
}

@media (min-width: 48em) {
  .draw-nav .hide-from-desktop {
    display: none;
  }
}

.draw-nav .draw-text {
  display: block;
  margin: auto;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.153846154em;
  word-break: break-word;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-text {
    display: none;
    font-size: 10px;
    line-height: 1em !important;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-text {
    margin: 0 auto;
    position: absolute;
    bottom: 6px;
    visibility: visible;
    width: 100%;
    left: 0;
    font-size: 10px;
    line-height: 1em;
    padding-left: 1px !important;
    padding-right: 2px !important;
  }
}

.draw-nav .draw-text.is-small {
  display: none;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-text.is-small {
    display: block;
  }
}

.draw-nav .draw-link-cart {
  padding-bottom: 0;
}

.draw-nav .draw-link-cart .icon-trolley {
  position: relative;
  left: -5px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart .icon-trolley {
    width: 25px;
    height: 23px;
    left: -3px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart .icon-trolley {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 29px !important;
    height: 31px !important;
  }
}

.draw-nav .draw-link-cart .draw-text {
  padding-top: 5px;
  font-size: 13px;
}

@media (min-width: 22.5em) {
  .draw-nav .draw-link-cart .draw-text {
    padding-top: 4px;
  }
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-cart .draw-text {
    font-size: 15px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-cart .draw-text {
    display: block;
    margin-bottom: 7px;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .draw-nav .draw-link-cart .draw-text {
    margin-bottom: 6px;
    padding-top: 0;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-cart .draw-text {
    position: absolute;
    left: auto;
    right: 0;
    top: 8px;
    width: calc(100% - 39px);
    margin: 0;
    visibility: visible;
    display: block;
    font-size: 15px;
  }
}

@media (max-width: 22.49em) {
  .draw-nav .draw-link-cart .draw-text {
    font-size: 13px;
  }
}

.draw-nav .draw-link-cart .draw-text.secondary {
  font-size: 13px;
  margin-top: 6px;
  font-weight: bold;
  display: none;
}

@media (min-width: 48em) {
  .draw-nav .draw-link-cart .draw-text.secondary {
    display: block;
    margin-bottom: 15px;
  }
}

.draw-nav .draw-link-cart .draw-text.secondary.is-small {
  display: block;
  font-size: 10px;
  margin-top: 21px;
}

@media (min-width: 22.5em) {
  .draw-nav .draw-link-cart .draw-text.secondary.is-small {
    margin-top: 22px;
  }
}

@media (min-width: 30em) {
  .draw-nav .draw-link-cart .draw-text.secondary.is-small {
    margin-top: 0;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .draw-nav .draw-link-cart .draw-text.secondary.is-small {
    margin-bottom: 7px;
  }
}

@media (min-width: 48em) {
  .draw-nav .draw-link-cart .draw-text.secondary.is-small {
    display: none;
  }
}

.draw-nav .draw-link-cart.is-active {
  background-color: #515151;
}

.is-open .draw-nav .draw-link-cart.is-active {
  background: transparent;
}

.draw-nav .draw-link-delivery .icon {
  margin-top: -7px;
  margin-bottom: 1px;
  margin-left: -8px;
  /* added by Jacob to fix a defect */
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-delivery .icon {
    width: 30px;
    height: 19px;
    margin-bottom: 0px;
    margin-top: 0;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-delivery .icon {
    width: 30px;
    height: 19px;
    margin-bottom: 0;
    margin-top: 4px;
  }
}

.draw-nav .draw-link-delivery .icon.icon-clickandcollect {
  width: 38px;
  height: 39px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-delivery .icon.icon-clickandcollect {
    width: 24px;
    height: 27px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-delivery .icon.icon-clickandcollect {
    width: 20px;
    height: 21px;
    margin-top: 2px;
  }
}

.draw-nav .draw-link-delivery .icon.icon-remotedelivery {
  margin: 0;
  width: 38px;
  height: 38px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-delivery .icon.icon-remotedelivery {
    margin-bottom: 0;
    margin-top: 2px;
    margin-left: 0;
    width: 25px;
    height: 26px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-delivery .icon.icon-remotedelivery {
    width: 22px;
    height: 22px;
  }
}

.draw-nav .draw-link-delivery .tick {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 29%;
  left: auto;
  top: 6px;
}

@media (max-width: 64.0525em) {
  .draw-nav .draw-link-delivery .tick {
    right: 19%;
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-delivery .tick {
    top: 3px;
    left: auto;
    right: 7px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-delivery .tick {
    width: 12px;
    height: 12px;
    top: 6px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(9px);
        -ms-transform: translateX(9px);
            transform: translateX(9px);
  }
}

.draw-nav .draw-link-delivery .tick .icon {
  margin: 0;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 4px;
  left: 4px;
  fill: #fff;
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-delivery .tick .icon {
    width: 6px;
    height: 6px;
    top: 3px;
    left: 3px;
  }
}

.draw-nav .draw-link-delivery .draw-text {
  padding-left: 21px;
  padding-right: 21px;
  margin: 0 -15px;
  font-size: 11px;
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-delivery .draw-text {
    font-size: 12px;
    line-height: 1.4em;
  }
}

@media (max-width: 64.0525em) {
  .draw-nav .draw-link-delivery .draw-text {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-delivery .draw-text {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    font-size: 10px;
  }
}

.draw-nav .draw-link-delivery .draw-text em {
  font-style: normal;
  display: inline-block;
}

@media (min-width: 64.0625em) {
  .draw-nav .draw-link-delivery .draw-text em {
    margin: 0 4px;
  }
}

.draw-nav .draw-link-delivery .dss-slot {
  font-weight: bold;
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .draw-nav .draw-link-account,
  .draw-nav .draw-link-login {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.draw-nav .draw-link-account .draw-text,
.draw-nav .draw-link-login .draw-text {
  line-height: 1.4em;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-account .icon-account,
  .draw-nav .draw-link-login .icon-account {
    width: 20px;
    height: 21px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-account .icon-account,
  .draw-nav .draw-link-login .icon-account {
    height: 20px;
    margin-top: 3px;
  }
}

.draw-nav .draw-link-orders .icon-orders {
  width: 23px;
  height: 32px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-orders .icon-orders {
    width: 19px;
    height: 23px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-orders .icon-orders {
    margin-top: 3px;
    width: 17px;
    height: 21px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-feedback .draw-text {
    line-height: 1em !important;
  }
}

.draw-nav .draw-link-feedback .icon {
  width: 30px;
  height: 30px;
}

@media (max-width: 47.99em) {
  .draw-nav .draw-link-feedback .icon {
    width: 21px;
    height: 18px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav .draw-link-feedback .icon {
    margin-top: 4px;
  }
}

.draw-nav:after {
  content: ' ';
  width: 90px;
  height: 50px;
  display: block;
  background: #262626;
  position: absolute;
  top: 100%;
}

@media (min-width: 64.0625em) {
  .draw-nav:after {
    width: 130px;
  }
}

@media (max-width: 29.99em) {
  .draw-nav:after {
    display: none;
  }
}

.draw-cart-count {
  line-height: 1.333333333em;
  /* 16px */
  font-size: 0.8461538461538461em;
  /* 11px */
  position: absolute;
  left: auto;
  right: calc(100% - 43px);
  width: auto;
  text-align: center;
  display: inline-block;
}

@media (min-width: 22.5em) {
  .draw-cart-count {
    font-size: .923076923em;
    /* 12px */
    right: calc(100% - 48px);
  }
}

@media (min-width: 30em) {
  .draw-cart-count {
    left: auto;
    right: 10px;
    margin-top: -5px;
  }
}

@media (min-width: 48em) {
  .draw-cart-count {
    right: 20px;
    top: 20px;
    margin-top: -3px;
  }
}

@media (min-width: 64.0625em) {
  .draw-cart-count {
    left: auto;
    right: 50%;
    margin-right: -27%;
  }
}

.draw-cart-count span {
  padding: 0 4px;
  border-radius: 2px;
  background-color: #008a23;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

@media (min-width: 22.5em) {
  .draw-cart-count span {
    min-width: 21px;
  }
}

.log-in {
  display: none;
}

.log-in h3 {
  margin: 0;
  padding-left: 20px;
}

.log-in h5 {
  margin: 0;
}

.log-in p {
  margin: 0;
  margin-bottom: 20px;
  text-decoration: underline;
  color: #5c5c5c;
}

.log-in button {
  background-color: #262626;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.3em;
  display: block;
  width: 109px;
  height: 40px;
  border: 0;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* =View Transitions */
.view {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.view.ng-hide-add, .view.ng-hide-remove {
  display: block !important;
}

.view.ng-hide.ng-hide-add, .view.ng-enter.ng-enter-active,
.return .view.ng-enter.ng-enter-active, .view.ng-hide-remove.ng-hide-remove-active, .view.ng-leave {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.view.ng-hide.ng-hide-add .draw-content-footer, .view.ng-enter.ng-enter-active .draw-content-footer,
.return .view.ng-enter.ng-enter-active .draw-content-footer, .view.ng-hide-remove.ng-hide-remove-active .draw-content-footer, .view.ng-leave .draw-content-footer {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.view.ng-hide-add.ng-hide-add-active, .view.view-temp.ng-leave.ng-leave-active, .view.ng-hide-remove,
.return .view.ng-enter {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.view.ng-hide-add.ng-hide-add-active .draw-content-footer, .view.view-temp.ng-leave.ng-leave-active .draw-content-footer, .view.ng-hide-remove .draw-content-footer,
.return .view.ng-enter .draw-content-footer {
  -webkit-transform: translate(100%, 100%);
      -ms-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}

.view.ng-hide-add.ng-hide-add-active .draw-content-scroll, .view.view-temp.ng-leave.ng-leave-active .draw-content-scroll, .view.ng-hide-remove .draw-content-scroll,
.return .view.ng-enter .draw-content-scroll {
  overflow: hidden;
}

.view.ng-enter, .view.ng-leave.ng-leave-active {
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.no-transition .view {
  -webkit-transition: 0s linear all;
  transition: 0s linear all;
}

.draw-content-wrapper {
  height: 100%;
}

.draw-content-preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 110;
  display: none;
}

.draw-content-preloader.is-active {
  display: block;
}

.draw-content-preloader .preloaderContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}

.draw-content {
  background-color: #ffffff;
  margin-left: 90px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media (max-width: 47.99em) {
  .draw-content {
    margin-left: 65px;
    width: 430px;
  }
}

@media (max-width: 64.0525em) {
  .draw-content {
    width: 470px;
  }
}

@media (min-width: 64.0625em) {
  .draw-content {
    width: 430px;
    margin-left: 130px;
  }
}

@media (max-width: 47.99em) {
  .draw-content {
    width: 430px;
  }
}

@media (max-width: 45.615em) {
  .draw-content {
    width: 425px;
  }
}

@media (max-width: 35.4375em) {
  .draw-content {
    width: 335px;
  }
}

@media (max-width: 29.99em) {
  .draw-content {
    margin-left: 0;
    width: 100%;
    top: 50px;
  }
}

.draw-content .back-link {
  position: absolute;
  top: 23px;
  left: 30px;
  height: 40px;
  width: 45px;
  margin: 0;
  padding: 0;
  color: #4c4c4c;
  font-weight: bold;
  z-index: 100;
}

.draw-content .back-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 20px;
  background: #aaa;
}

.draw-content .back-link:hover .icon-back, .draw-content .back-link:focus .icon-back {
  border-bottom-color: #5c5c5c;
}

@media (max-width: 47.99em) {
  .draw-content .back-link {
    top: 10px;
    left: 4px;
  }
}

.draw-content .back-link .icon-back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  height: 20px;
  color: #5c5c5c;
  border-bottom: 1px solid transparent;
}

.draw-content .draw-subcontent {
  padding-top: 20px;
  padding-left: 20px;
  border-bottom: 1px #dcdcdc solid;
}

.draw-content .draw-input {
  height: 40px;
  width: 250px;
  font-size: 1.8em;
}

.draw-content .draw-checkbox {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 5px;
  height: 13px;
  width: 13px;
}

.draw-content .draw-checkbox span {
  font-size: 30px;
  vertical-align: middle;
}

.draw-content .superbar-loading-overlay {
  height: 100%;
  width: 100%;
  opacity: 1;
  position: absolute;
  z-index: 999;
  background: rgba(255, 255, 255, 0.75);
  display: none;
}

.draw-content .superbar-loading-overlay.is-active {
  display: block;
}

.draw-content .superbar-loading-overlay.is-active .loading-icon {
  display: block;
}

.draw-content .loading-icon {
  position: absolute;
  height: auto !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}

.draw-content .loading-icon.is-active {
  display: block;
}

.draw-content .button-dark {
  font-weight: bold;
}

.draw-content .view-feedback {
  height: 100%;
}

.draw-content .view-feedback .draw-content-body {
  height: 100%;
  padding: 0;
}

.draw-content .view-feedback .draw-content-body .iframe {
  height: 100%;
  -webkit-overflow-scrolling: touch !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .draw-content .view-feedback .draw-content-body .iframe {
    overflow: auto;
  }
}

.draw-content .view-feedback .draw-content-body .iframe div {
  height: 100%;
}

.draw-content .view-feedback .draw-content-body .iframe div .preloaderContainer {
  height: auto !important;
}

.draw-content .view-feedback .draw-content-body iframe {
  margin: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.draw-content .view-feedback .draw-content-body .accessibility.focusable:focus {
  position: relative;
  left: 0;
  top: -50%;
  z-index: 10;
  height: auto !important;
  display: block;
  width: auto !important;
  margin: -30px 60px 0 !important;
  overflow: visible;
  background: #fff;
  word-wrap: break-word;
  padding: 15px !important;
  border-radius: 5px;
  border: 1px solid #00aeff;
}

@media (max-width: 29.99em) {
  .draw-view-wrapper {
    position: absolute;
    margin-left: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
    opacity: 1;
    top: 100%;
    opacity: 0;
    -webkit-transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .is-open .draw-view-wrapper,
  .is-open-add .draw-view-wrapper,
  .is-open-add-active .draw-view-wrapper,
  .is-open-remove .draw-view-wrapper,
  .is-open-remove-active .draw-view-wrapper {
    opacity: 1;
  }
  .is-open .draw-view-wrapper,
  .is-open-add.is-open-add-active .draw-view-wrapper,
  .draw-view-wrapper .is-open-remove {
    top: 0;
  }
  .is-open-add .draw-view-wrapper,
  .is-open-remove.is-open-remove-active .draw-view-wrapper {
    top: 100%;
  }
}

/* =Draw Content Header */
.draw-content-header {
  padding: 30px 20px;
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
  margin: 0 20px;
}

.view.has-back-link .draw-content-header {
  padding-left: 65px;
}

@media (max-width: 47.99em) {
  .view.has-back-link .draw-content-header {
    padding-left: 60px;
  }
}

@media (max-width: 47.99em) {
  .draw-content-header {
    padding: 15px 15px;
    margin: 0;
  }
}

.draw-content-header .heading {
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.846153846em;
  font-weight: bold;
}

.draw-content-header .heading span {
  padding-left: 4px;
  font-size: 0.541666667em;
  /* 13px */
  font-weight: normal;
  color: #5c5c5c;
  white-space: nowrap;
}

.draw-content-header .heading span.draw-dss-ellipses {
  padding-left: 0px;
  font-size: 1em;
}

@media (max-width: 29.99em) {
  .draw-content-header h1 {
    margin-right: 30px;
  }
}

.draw-content-header .intro {
  font-size: 1.385em;
  color: #5c5c5c;
  display: block;
  margin: 5px 0 0;
  padding: 0;
}

.draw-content-header p {
  font-size: 1.384615385em;
  line-height: 1.5em;
  clear: both;
}

@media (max-width: 47.99em) {
  .draw-content-header p {
    font-size: 1.0769230769em;
  }
}

.draw-content-header a {
  text-decoration: none;
}

.draw-content-header a:hover, .draw-content-header a:focus {
  text-decoration: underline;
}

.draw-content-header .button {
  margin-top: 7px;
}

.draw-content-header + .draw-content-body > .draw-warning, .draw-content-header ~ .draw-warning {
  height: calc(100% - 120px);
  top: 120px;
}

.draw .draw-content-header .hidden-close-popup {
  border-bottom: 0;
}

.view-login-register .redirect {
  border-style: solid;
  border-radius: 20px;
  border-width: 1px;
  border-color: lightgray;
}

/* =Draw Content Body */
.draw-content-body {
  padding: 30px 40px;
}

@media (max-width: 47.99em) {
  .draw-content-body {
    padding: 15px;
  }
}

.draw-content-body h1 {
  font-size: 1.846153846em;
  /* 24px */
}

.draw-content-body ol {
  padding: 0 0 0 25px;
  margin: 0;
}

.draw-content-body ol li {
  margin-bottom: 5px;
}

.draw-content-body .list-heading {
  display: block;
  height: 35px;
  background: #f0f0f0;
  color: #4c4c4c;
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
  margin: 30px 0 0;
  padding: 10px 20px 0 40px;
  font-weight: bold;
  font-size: 1em;
  width: calc(100% + 80px);
}

.draw-content-body fieldset.heading {
  font-size: 1.153846154em;
  font-weight: bold;
  margin-bottom: 25px;
}

.draw-content-body legend.heading {
  font-weight: bold;
  font-size: 1.153846154em;
  line-height: 1.25em;
  margin: 0 0 1.83em 0;
}

.draw-content-body .input-container-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.draw-content-body .input-container {
  padding: 20px 20px 0;
  margin-top: 20px;
  margin-left: -20px;
  border-top: 1px solid #e2e2e2;
  width: calc(100% + 40px);
  position: relative;
}

@media (max-width: 47.99em) {
  .draw-content-body .input-container {
    padding-top: 12px;
    width: calc(100% + 35px);
    margin-top: 15px;
  }
}

.draw-content-body .input-container.plain {
  border: 0;
  margin-top: 0;
}

.draw-content-body .input-container.inset {
  margin-left: 0;
  width: 100%;
}

.draw-content-body .input-container.has-chevron a {
  padding-right: 45px;
}

.draw-content-body .input-container.contact .heading {
  margin-bottom: 10px;
}

.draw-content-body .input-container.content span {
  color: #5c5c5c;
}

.draw-content-body .input-container.content span .heading {
  color: #262626;
  margin-bottom: 0;
}

.draw-content-body .input-container:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.draw-content-body .input-container .onPwdFocus {
  margin-top: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #909090;
  border-radius: 3px;
  position: relative;
  height: 41px;
}

.draw-content-body .input-container .onPwdBlur {
  margin-top: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 3px;
  position: relative;
  margin-top: 2px;
  height: 41px;
}

.draw-content-body .input-container .heading {
  font-weight: bold;
  font-size: 1.153846154em;
  /* 15px */
  display: block;
  margin-bottom: 10px;
  margin-top: 0;
}

.draw-content-body .input-container .optional {
  font-weight: normal;
  font-size: 11px;
  color: #5c5c5c;
}

.draw-content-body .input-container .copy {
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.4em;
}

.draw-content-body .input-container .copy.bold {
  font-weight: bold;
}

.draw-content-body .input-container .copy.full-line {
  display: block;
}

.draw-content-body .input-container a {
  color: #262626;
  font-weight: bold;
  text-decoration: none;
}

.draw-content-body .input-container a:hover, .draw-content-body .input-container a:focus {
  text-decoration: underline;
}

.draw-content-body .input-container a .plain-link {
  color: #4c4c4c;
}

.draw-content-body .input-container .pwd-visible-btn {
  position: absolute;
  right: 10px;
  top: 13px;
}

.draw-content-body .input-container legend.heading {
  font-weight: bold;
  font-size: 1.153846154em;
  /* 15px */
  display: block;
  margin-bottom: 0px;
}

.draw-content-body .input-container fieldset {
  margin: 0;
  padding: 0;
  font-size: 1em;
  border: 0;
}

.draw-content-body .input-container .field-hint {
  font-size: 13px;
  font-weight: normal;
  color: #5c5c5c;
  display: block;
  margin-top: 5px;
}

@media (max-width: 47.99em) {
  .draw-content-body .input-container .field-hint {
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}

.draw-content-body .input-container .password-field {
  margin-top: 2px;
  height: 41px;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 1px;
}

.draw-content-body .input-container .password-field input {
  width: 90% !important;
  border: 0 !important;
}

.draw-content-body .input-container .password-field .pwd-visible-btn {
  position: absolute;
  right: 10px;
  top: 13px;
}

.draw-content-body .input-container .password-eye-icon {
  width: 16px;
  height: 14px;
}

.draw-content-body .input-container #temp_pass {
  border: 0;
  width: 85% !important;
  border: 0 !important;
  padding: 0px;
  margin-left: 15px;
  margin-top: 1px;
  height: 35px;
}

.draw-content-body .input-container .password-spectrum-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.draw-content-body .input-container .password-spectrum-label {
  margin-top: 10px;
}

.draw-content-body .input-container .password-spectrum-weak-active {
  background-color: red;
}

.draw-content-body .input-container .password-spectrum-add-animate {
  -webkit-transition: width 1s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1s;
}

.draw-content-body .input-container .password-spectrum-no-animate {
  -webkit-transition: none !important;
  /* For Safari 3.1 to 6.0 */
  transition: none !important;
}

.draw-content-body .input-container .password-spectrum-ok-active {
  background-color: orange;
}

.draw-content-body .input-container .password-spectrum-active {
  width: 100%;
  height: 3px;
}

.draw-content-body .input-container .password-spectrum-strong-active {
  background-color: limegreen;
}

.draw-content-body .input-container .password-spectrum-inactive {
  width: 0%;
  height: 3px;
  -webkit-transition: width 1s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1s;
}

.draw-content-body .input-container .password-spectrum {
  width: 32%;
  height: 5px;
  border-style: solid;
  border-color: lightgray;
  border-width: 1px;
  margin-left: 3px;
  margin-top: 5px;
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}

.draw-content-body .input-container input[type="email"], .draw-content-body .input-container input[type="password"], .draw-content-body .input-container input[type="text"], .draw-content-body .input-container input#password {
  width: 100%;
}

.draw-content-body .input-container input[type="email"].has-delete-button, .draw-content-body .input-container input[type="password"].has-delete-button, .draw-content-body .input-container input[type="text"].has-delete-button, .draw-content-body .input-container input#password.has-delete-button {
  width: calc(100% - 45px);
}

.draw-content-body .input-container input[type="tel"] {
  width: 130px;
}

.draw-content-body .input-container input.postcode-input {
  width: 150px;
}

.draw-content-body .input-container input ~ .button-pw-reveal {
  border: 0;
  position: absolute;
  right: 1px;
  bottom: 3px;
  top: 8px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 14px;
  background: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

.draw-content-body .input-container input ~ .button-pw-reveal:hover {
  background: #ffffff;
}

.draw-content-body .input-container input ~ .button-pw-reveal:focus {
  outline: 1px dotted #6d6d6d;
}

.draw-content-body .input-container select#phone-type-select {
  width: 110px;
}

.draw-content-body .input-container select.state-input {
  width: 150px;
}

.draw-content-body .input-container .input-container, .draw-content-body .input-container .input-inner-container {
  display: inline-block;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-left: 0;
  margin-top: 10px;
}

.draw-content-body .input-container .input-container label, .draw-content-body .input-container .input-inner-container label {
  font-size: 1em;
  font-weight: normal;
  color: #4c4c4c;
  margin-top: 5px;
}

@media (max-width: 47.99em) {
  .draw-content-body .input-container .input-container label, .draw-content-body .input-container .input-inner-container label {
    font-size: 1.0769230769230769em;
  }
}

.draw-content-body .input-container .input-inner-container {
  margin-top: 0;
}

.draw-content-body .input-container .form-field-link {
  display: block;
  padding: 0;
  line-height: 40px;
  text-decoration: underline;
  border: 0;
  background: none;
  font-weight: bold;
  color: #4c4c4c;
}

@media (min-width: 22.5em) {
  .draw-content-body .input-container .form-field-link {
    display: inline-block;
    padding: 0 6px;
  }
}

.draw-content-body .input-container .form-field-link:focus {
  outline: 1px dotted #262626;
}

.draw-content-body .input-container textarea {
  margin-top: 8px;
  width: 100%;
  max-width: 100%;
}

.draw-content-body .input-container .icon-arrow {
  height: 13px;
  width: 7px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.draw-content-body .input-container .icon ~ span {
  display: inline-block;
}

.draw-content-body .input-container .icon ~ span.flybuys-edit {
  display: inline;
}

.draw-content-body .input-message {
  display: block;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.draw-content-body .input-message .input-message-heading {
  margin: 0;
  font-size: 15px;
}

.draw-content-body .input-message .heading-container.has-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 45px;
  padding-left: 55px;
}

.draw-content-body .input-message .heading-container.has-icon .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
}

.draw-content-body .address-list {
  list-style-type: none;
  padding: 0;
  margin: 0 -20px;
  width: calc(100% + 40px);
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list {
    margin-left: -15px;
  }
}

.draw-content-body .address-list li, .draw-content-body .address-list div {
  padding: 20px;
  margin: 0;
  position: relative;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li, .draw-content-body .address-list div {
    padding: 15px 15px;
  }
}

.draw-content-body .address-list li a, .draw-content-body .address-list div a {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.draw-content-body .address-list li a:hover, .draw-content-body .address-list div a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.draw-content-body .address-list li a:focus, .draw-content-body .address-list div a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.draw-content-body .address-list li button, .draw-content-body .address-list div button {
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li button, .draw-content-body .address-list div button {
    line-height: 1.3em;
  }
}

.draw-content-body .address-list li button:hover .heading, .draw-content-body .address-list li button:focus .heading, .draw-content-body .address-list div button:hover .heading, .draw-content-body .address-list div button:focus .heading {
  text-decoration: underline;
}

.draw-content-body .address-list li button:hover .address-details, .draw-content-body .address-list li button:focus .address-details, .draw-content-body .address-list div button:hover .address-details, .draw-content-body .address-list div button:focus .address-details {
  text-decoration: underline;
}

.draw-content-body .address-list li button .icon, .draw-content-body .address-list div button .icon {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 37px;
}

.draw-content-body .address-list li button .icon.icon-arrow, .draw-content-body .address-list div button .icon.icon-arrow {
  left: auto;
  right: 20px;
  fill: #ccc;
  height: 13px;
  width: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li button .icon.icon-arrow, .draw-content-body .address-list div button .icon.icon-arrow {
    right: 30px;
  }
}

.draw-content-body .address-list li button .icon.icon-address, .draw-content-body .address-list div button .icon.icon-address {
  width: 33px;
  height: 30px;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}

.draw-content-body .address-list li button .icon.icon-cross, .draw-content-body .address-list div button .icon.icon-cross {
  left: auto;
  right: 20px;
  fill: #767676;
  height: 12px;
  width: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li button .icon.icon-cross, .draw-content-body .address-list div button .icon.icon-cross {
    right: 30px;
  }
}

.draw-content-body .address-list li button.remove, .draw-content-body .address-list div button.remove {
  width: 50px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.draw-content-body .address-list li button.remove:hover .icon, .draw-content-body .address-list li button.remove:focus .icon, .draw-content-body .address-list div button.remove:hover .icon, .draw-content-body .address-list div button.remove:focus .icon {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 3px;
  height: 18px;
  margin-top: 2px;
}

.draw-content-body .address-list li .heading, .draw-content-body .address-list div .heading {
  font-size: 1.153846154em;
  margin: 0;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li .heading, .draw-content-body .address-list div .heading {
    font-size: 1.0769230769em;
  }
}

.draw-content-body .address-list li .address-details, .draw-content-body .address-list div .address-details {
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li .address-details, .draw-content-body .address-list div .address-details {
    font-size: 0.9230769230769231em;
  }
}

.draw-content-body .address-list li .add-address:hover .heading, .draw-content-body .address-list li .add-address:focus .heading, .draw-content-body .address-list div .add-address:hover .heading, .draw-content-body .address-list div .add-address:focus .heading {
  text-decoration: underline;
}

.draw-content-body .address-list li h2, .draw-content-body .address-list div h2 {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  font-size: 1.385em;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li h2, .draw-content-body .address-list div h2 {
    margin-left: -15px;
    padding-left: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.draw-content-body .address-list li h2 + button .icon-arrow, .draw-content-body .address-list div h2 + button .icon-arrow {
  top: calc(50% + 35px) !important;
}

@media (max-width: 47.99em) {
  .draw-content-body .address-list li h2 + button .icon-arrow, .draw-content-body .address-list div h2 + button .icon-arrow {
    top: calc(50% + 25px) !important;
  }
}

.draw-content-body .my-address-list {
  margin: 0 -20px;
  padding: 0;
  list-style-type: none;
  width: calc(100% + 40px);
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }
}

.draw-content-body .my-address-list .address {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list .address {
    padding: 15px;
  }
}

.draw-content-body .my-address-list .address.is-success {
  border: 1px solid #008a23;
  border-radius: 4px;
  margin-top: -1px;
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list .address.is-success {
    position: relative;
    margin: 0 15px;
  }
  .draw-content-body .my-address-list .address.is-success:before {
    content: '';
    position: absolute;
    width: auto;
    height: 1px;
    background: #fff;
    left: -15px;
    right: -15px;
    top: -2px;
  }
}

.draw-content-body .my-address-list .address.is-success.is-deleted {
  padding-top: 0;
  padding-bottom: 0;
}

.draw-content-body .my-address-list .address.is-success.is-deleted .success-message {
  margin-top: 0;
  margin-bottom: 0;
}

.draw-content-body .my-address-list .address.is-success .success-message {
  position: relative;
  background-color: #008a23;
  color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 52px;
  font-size: 14px;
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list .address.is-success .success-message {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: 15px;
  }
}

.draw-content-body .my-address-list .address.is-success .success-message .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list .address.is-success .success-message .icon {
    left: 15px;
  }
}

.draw-content-body .my-address-list .address.is-success .success-message .success-message-text {
  margin: 0;
}

.draw-content-body .my-address-list .heading {
  margin: 0;
  width: 100%;
  font-size: 1.153846154em;
  font-weight: bold;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .draw-content-body .my-address-list .heading {
    font-size: 1.0769230769em;
  }
}

.draw-content-body .my-address-list .address-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.draw-content-body .my-address-list .address-details-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 10px;
}

.draw-content-body .my-address-list .button-add-address {
  position: relative;
  padding-left: 30px;
  font-weight: bold;
}

.draw-content-body .my-address-list .button-add-address .icon-plus {
  position: absolute;
  left: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11px;
  height: 11px;
}

.draw-content-body .my-address-list .button-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.draw-content-body .my-address-list .button-wrapper .edit-link {
  display: block;
  margin: 0 0 5px;
}

.draw-content-body .my-address-list .button-wrapper .edit-link:last-child {
  margin-bottom: 0;
}

.draw-content-body .my-address-list .address-details {
  line-height: 1.4em;
}

.draw-content-body .my-address-list .address-row {
  display: block;
  word-break: break-all;
}

.draw-content-body .my-address-list .address-row.primary {
  margin: 5px 0;
}

.draw-content-body .my-address-list .address-callout {
  margin-top: 10px;
  padding: 10px;
  background: #fffae9;
  border-radius: 4px;
  line-height: 1.3em;
}

.draw-content-body .my-address-list .address-callout .callout-text {
  display: inline-block;
  width: 100%;
}

.draw-content-body .my-address-list .address-callout.has-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-left: 50px;
  min-height: 50px;
}

.draw-content-body .my-address-list .address-callout.has-icon .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  width: 30px;
  height: 30px;
}

.draw-content-body .my-address-list .address-callout a {
  font-weight: bold;
  text-decoration: underline;
}

.draw-content-body .my-address-list .address-callout a:focus {
  outline: 1px dotted #262626;
}

.draw-content-body .req-field-desc {
  font-size: 11px;
  margin-bottom: 10px;
  display: block;
  color: #5c5c5c;
}

.draw-content-body fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.draw-content-body fieldset:first-child legend + .input-container {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.draw-content-body .validation-messages + .req-field-desc + fieldset,
.draw-content-body .req-field-desc + fieldset legend + .input-container,
.draw-content-body .validation-messages + .req-field-desc + fieldset legend + .input-container,
.draw-content-body .validation-messages + .req-field-desc + .input-container,
.draw-content-body .validation-messages + .input-container,
.draw-content-body .validation-messages + fieldset legend + .input-container {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.draw-content-body .section-heading {
  display: block;
  height: 50px;
  background: #f0f0f0;
  color: #4c4c4c;
  margin: 30px -40px 0;
  padding: 20px 20px 0 40px;
  font-weight: bold;
  font-size: 1em;
}

.draw-content-body .redirect {
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 50px;
  width: 100%;
  height: 50px;
  text-decoration: none;
  text-align: center;
}

.draw-content-body .redirect a {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 1px;
}

.draw-content-body .redirect a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
  border-bottom: solid;
  border-bottom-width: 1px;
}

.draw-content-body .redirect a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.draw-content-body .plain-text,
.draw-content-body .plain-link {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.3em;
}

.draw-content-body .plain-link {
  display: inline-block;
  text-decoration: underline !important;
  color: #4c4c4c !important;
  border: 0;
  background: none;
  font-weight: bold;
}

.draw-content-body .plain-link:focus {
  outline: 1px dotted #4c4c4c;
}

.draw-content-body .footnote {
  font-size: 0.8461538461538461em;
  line-height: 1.4em;
  display: block;
  color: #5c5c5c;
}

.draw-content-body .footnote a {
  color: #5c5c5c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.draw-content-body .footnote a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.draw-content-body .footnote a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.draw-content-body .footnote.secondary {
  padding: 0;
  margin: 5px 0 0;
}

.draw-content-body .disclaimer + .button-dark {
  margin-top: 20px;
}

.draw-content-body .button-dark {
  width: 100%;
  margin-top: 35px;
  font-weight: bold;
}

@media (max-width: 47.99em) {
  .draw-content-body .button-dark {
    margin-top: 25px;
  }
}

.draw-content-body .warning-cta {
  margin: 0;
}

.draw-content-body .secondary-cta {
  color: #4c4c4c;
  width: 100%;
  padding: 10px 0;
  margin: 10px auto;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}

.draw-content-body .secondary-cta:hover {
  text-decoration: underline;
}

.draw-content-body .secondary-cta:focus {
  outline: 1px dotted #6d6d6d;
  text-decoration: underline;
}

.draw-content-body .tertiary-cta {
  display: block;
  font-weight: bold;
  text-decoration: underline;
}

.draw-content-body .tertiary-cta:focus {
  outline: 1px dotted #262626;
}

.draw-content-body .expiry-warning {
  margin-top: 22px;
}

@media (max-width: 47.99em) {
  .draw-content-body .expiry-warning {
    margin-top: 20px;
  }
}

.draw-content-body .expiry-warning.blocked-address {
  margin-top: 10px;
  display: block;
  font-size: 12px;
}

.draw-content-body .expiry-warning.blocked-address .secondary-cta {
  padding: 0;
  margin: 0;
  font-size: 13px;
}

.draw-content-body .expiry-warning.blocked-address .secondary-cta a:focus {
  outline: 1px dotted #6d6d6d;
}

.draw-content-message.is-emergency {
  border: 2px solid #fbcc2f;
  padding: 15px 15px 15px 25px;
  margin: 30px 40px 0;
  border-radius: 4px;
  position: relative;
  background: #ffffff;
  -webkit-transition: max-height 0.25s, padding 0.25s, margin 0.25s;
  transition: max-height 0.25s, padding 0.25s, margin 0.25s;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .draw-content-message.is-emergency {
    padding: 5px 10px;
    margin: 10px 15px 0;
  }
}

.draw-content-message.is-emergency.ng-leave {
  max-height: 90px;
}

.draw-content-message.is-emergency.ng-leave-active {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.draw-content-message.is-emergency .icon-alert {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.draw-content-message.is-emergency .emergency-content {
  max-width: calc(100% - 80px);
  display: inline-block;
  margin-left: 50px;
}

@media (max-width: 47.99em) {
  .draw-content-message.is-emergency .emergency-content {
    margin-left: 40px;
    margin-right: 15px;
    max-width: 100%;
  }
}

.draw-content-message.is-emergency .close {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
}

.draw-content-message.is-emergency .close a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
}

.draw-content-message.is-emergency .close a .icon {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 12px;
  height: 12px;
  fill: currentColor;
}

@media (max-width: 47.99em) {
  .draw-content-message.is-emergency .close a .icon {
    top: 15px;
    right: 15px;
  }
}

.draw-content-message.is-emergency .close a:hover .icon, .draw-content-message.is-emergency .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.draw-content-message.is-emergency h2 {
  margin: 0 0 6px;
  font-size: 16px;
}

@media (max-width: 47.99em) {
  .draw-content-message.is-emergency h2 {
    font-size: 1.0769230769230769em;
    margin: 0 0 2px;
  }
}

.draw-content-message.is-emergency p {
  font-size: 13px;
  margin: 0 0 5px;
}

@media (max-width: 47.99em) {
  .draw-content-message.is-emergency p {
    font-size: 11px;
    line-height: 1.3em;
  }
}

.draw-content-message.is-emergency p:last-child {
  margin-bottom: 0;
}

.draw-warning {
  padding: 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  overflow-y: auto;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

@media (max-width: 47.99em) {
  .draw-warning {
    padding: 40px 25px;
  }
}

@media (max-width: 22.49em) {
  .draw-warning {
    margin-top: 15px;
    padding: 25px 15px;
  }
}

.draw-warning .warning-content {
  max-height: 100%;
}

.draw-warning .warning-content:after {
  content: ' ';
  display: block;
  height: 40px;
  width: 100%;
}

.draw-warning .warning-content .primary-text {
  font-size: 15px;
  margin-top: 20px;
  display: block;
}

.draw-warning .warning-content .preloaderContainer {
  margin-bottom: 20px;
}

.draw-warning .draw-content-header {
  border-bottom: 0;
}

.draw-warning .icon-alert {
  width: 70px;
  height: 65px;
  margin-bottom: 20px;
}

@media (max-width: 47.99em) {
  .draw-warning .icon-alert {
    width: 60px;
    height: 55px;
    margin-bottom: 10px;
  }
}

.draw-warning .icon-success {
  width: 68px;
  height: 68px;
  margin-bottom: 20px;
}

.draw-warning .icon-notauthorised {
  width: 115px;
  height: 100px;
  margin-bottom: 20px;
  fill: #909090;
}

.draw-warning .icon-delivery {
  width: 113px;
  height: 83px;
  margin-bottom: 18px;
  color: #909090;
}

@media (max-width: 47.99em) {
  .draw-warning .icon-delivery {
    width: 80px;
    height: 50px;
    margin-bottom: 10px;
  }
}

.draw-warning .icon-trolley {
  width: 105px;
  height: 87px;
  margin-bottom: 18px;
  margin-left: -30px;
  /* added by Jacob to fix a defect */
  color: #909090;
}

@media (max-width: 47.99em) {
  .draw-warning .icon-trolley {
    width: 65px;
    height: 55px;
    margin-bottom: 10px;
    margin-left: -10px;
  }
}

.draw-warning .icon-account {
  width: 91px;
  height: 94px;
  margin: 0px 0px 10px 0px;
  color: #909090;
}

.draw-warning .icon-dss-error {
  fill: #909090;
  margin-bottom: 20px;
  width: 95px;
  height: 105px;
}

@media (max-width: 47.99em) {
  .draw-warning .icon-dss-error {
    width: 70px;
    height: 75px;
    margin-bottom: 10px;
  }
}

.draw-warning .icon-mov-error {
  fill: #909090;
  margin-bottom: 20px;
  width: 105px;
  height: 85px;
}

@media (max-width: 47.99em) {
  .draw-warning .icon-mov-error {
    width: 70px;
    height: 62px;
    margin-bottom: 10px;
    margin-left: -10px;
  }
}

.draw-warning .icon-add-address {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
  fill: #909090;
}

.draw-warning .icon-mobile-success {
  width: 52px;
  height: 80px;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .draw-warning .icon-mobile-success {
    margin-bottom: 25px;
  }
}

.draw-warning .icon-mobile-ring {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
}

.draw-warning .title-wrapper {
  margin: 0;
}

.draw-warning .warning-title {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.846153846em;
  /* 24px */
  line-height: 1.125em;
  margin: 0;
  font-weight: bold;
  word-wrap: break-word;
  display: block;
}

.draw-warning .warning-title span {
  font-size: .75em;
  /* 18px */
  display: block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #5c5c5c;
  margin-top: 5px;
}

.draw-warning .warning-title span[aria-hidden="true"] {
  display: inline;
}

.draw-warning .warning-title span.is-large {
  font-size: 1em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.draw-warning .warning-title .heading-thin {
  font-size: 1em;
  font-weight: 300;
  margin-top: 0;
  line-height: 1.3em;
}

.draw-warning .warning-title .heading-thin strong {
  color: #262626;
}

.draw-warning .warning-title.secondary {
  font-size: 1.5384615384615385em;
  margin-top: 20px;
  font-weight: 200;
}

@media (max-width: 47.99em) {
  .draw-warning .warning-title.secondary {
    font-size: 1.3846153846153846em;
    margin-top: 15px;
    font-weight: normal;
  }
}

.draw-warning .warning-title.secondary strong {
  display: block;
  margin-top: 3px;
}

.draw-warning .warning-title.secondary + .footnote {
  padding: 0;
  margin: 5px 0 0;
}

.draw-warning .warning-title a {
  border-bottom: 1px solid #262626;
  text-decoration: none;
}

.draw-warning .warning-title a:hover, .draw-warning .warning-title a:focus {
  border-bottom: 0;
  text-decoration: none;
}

.draw-warning .button {
  width: 100%;
}

.draw-warning .warning-cta {
  margin: 0;
}

.draw-warning .warning-footer {
  margin: 0;
}

.draw-warning .icon-container,
.draw-warning .icon-container.icon-success {
  display: block;
  width: 65px;
  height: 65px;
  margin: 0 auto 25px;
  background: #008a23;
  border-radius: 50%;
}

.draw-warning .icon-container .icon-roundedtick,
.draw-warning .icon-container.icon-success .icon-roundedtick {
  fill: #ffffff;
  width: 35px;
  height: 35px;
  margin-top: 15px;
}

/* Out of stock alert panel */
.view-out-of-stock h2 span {
  display: inline-block;
}

.view-out-of-stock .warning-title {
  margin-bottom: 30px;
}

@media (max-width: 47.99em) {
  .view-out-of-stock .warning-title {
    margin-bottom: 20px;
  }
}

.view-out-of-stock .draw-content-body .view-out-of-stock-header {
  text-align: center;
}

.view-out-of-stock .draw-content-body .draw-content-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.view-out-of-stock .product-item-container .product-item .product-title {
  padding: 20px 0 0 20px;
}

.view-out-of-stock .product-items {
  border-top: 1px solid #e7e7e5;
  text-align: left;
}

.view-out-of-stock .product-items .product-item {
  position: relative;
}

.view-out-of-stock .product-items .product-item-header {
  width: 60%;
  display: inline-block;
  padding-bottom: 22px;
}

@media (max-width: 47.99em) {
  .view-out-of-stock .product-items .product-item-container .product-title {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0 10px;
    position: relative;
  }
}

.view-out-of-stock .product-items span {
  display: block;
}

.view-out-of-stock .product-items h3 {
  margin: 0;
  padding: 0;
}

.view-out-of-stock .product-items .removed-product-label {
  width: 38%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.view-out-of-stock .product-items .removed-product-label span {
  color: #909090;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.view-is-legal-error .icon-under18 {
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
}

@media (max-width: 47.99em) {
  .view-is-legal-error .icon-under18 {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
  }
}

.view-is-legal-error .warning-title {
  font-weight: 200;
  width: 210px;
  margin: 0 auto;
}

.view-is-legal-error .warning-title strong {
  font-weight: bold;
  color: #262626;
  display: inline;
  font-size: 1em;
}

.view-is-legal .draw-content-header {
  border-bottom: 0;
}

.view-is-legal .warning-title span {
  display: inline;
  font-size: 1em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #262626;
  margin-top: 0;
}

.view-is-legal .input-container {
  border-top: 0;
  margin-top: 0;
}

.is-signup .is-active .draw-link-account,
.is-signup .draw-content {
  background-color: #f0f0f0;
}

@media (min-width: 30em) {
  .draw-overlay {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    z-index: 98;
    opacity: 0;
    border: 0;
    padding: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.7s linear;
    transition: opacity 0.7s linear;
  }
}

@media (min-width: 30em) {
  .draw-is-open .draw-overlay {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

/* =Draw Trolley View */
.view-trolley {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* =Trolley content - Product listing */
  /* =Tweak padding for browsers with transparent scrollbars */
}

.view-trolley.ng-hide-add, .view-trolley.ng-hide-remove, .view-trolley.ng-hide-remove-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.view-trolley .draw-content-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.view-trolley .draw-content-header {
  max-height: none;
  min-height: 62px;
  padding-bottom: 30px;
  overflow: visible;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 30px 40px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-header {
    padding: 10px 15px;
    min-height: 50px;
  }
}

.view-trolley .draw-content-header h1 {
  width: 100%;
  margin-bottom: 4px;
}

.view-trolley .draw-content-header .sort-trolley-wrapper {
  color: #4c4c4c;
  display: inline-block;
  padding-left: 3px;
  position: relative;
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-header .sort-trolley-wrapper {
    font-size: 0.923em;
  }
}

.view-trolley .draw-content-header .sort-trolley-wrapper .button {
  margin-top: 0;
  margin-left: 3px;
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-header .sort-trolley-wrapper .button {
    margin-left: 1px;
  }
}

.view-trolley .draw-content-header .sort-trolley-wrapper p {
  font-size: 1em;
}

.view-trolley .draw-content-header .sort-trolley-wrapper .sort-options {
  color: #262626;
  right: auto;
  min-width: 190px;
  padding: 0px 20px 15px;
  top: 23px;
  position: absolute;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-header .sort-trolley-wrapper .sort-options {
    padding: 0 15px 5px;
    min-width: 180px;
  }
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-header .sort-trolley-wrapper .sort-options {
    min-width: 160px;
  }
}

.view-trolley .draw-content-header .sort-trolley-wrapper .sort-options input[type="radio"] {
  position: absolute;
  top: auto;
}

.view-trolley .draw-content-header .sort-trolley-wrapper .sort-options p {
  margin: 0;
}

.view-trolley .draw-content-header .sort-trolley-wrapper .sort-options .button {
  margin: 3px 0 0;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-header .sort-trolley-wrapper .sort-options-title {
    margin-top: 15px;
  }
}

.view-trolley .draw-content-header .button-plain {
  border: 0;
  padding: 3px 0 0;
  font-weight: bold;
  margin-left: 7px;
  margin-right: 18px;
  text-underline: underline;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-header .button-plain {
    margin-right: 0;
  }
}

.view-trolley .draw-content-header .trolley-summary-wrapper {
  display: inline-block;
  float: right;
  color: #4c4c4c;
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-header .trolley-summary-wrapper {
    font-size: 0.923em;
  }
}

.view-trolley .draw-content-header .trolley-summary-wrapper .button {
  margin-left: 8px;
  margin-top: 2px;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  text-transform: lowercase;
  border-bottom: 1px solid #aaa;
  padding-bottom: 0;
  border-radius: 0;
  line-height: 1.3em;
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-header .trolley-summary-wrapper .button {
    margin-left: 5px;
  }
}

.view-trolley .draw-content-header .trolley-summary-wrapper .button:hover, .view-trolley .draw-content-header .trolley-summary-wrapper .button:focus {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-trolley .draw-content-header .trolley-summary-wrapper .button:focus {
  outline: 1px dotted #6d6d6d;
}

.view-trolley .button-plain:hover, .view-trolley .button-plain:focus {
  background: #fff;
}

.view-trolley .product-item .fat-controller .fc-button.is-active .button:hover .button-main-inner,
.view-trolley .product-item .fat-controller .fc-button.is-active .button:focus .button-main-inner {
  border-bottom: 1px solid #262626;
}

.view-trolley .fc-dropdown {
  position: relative;
}

.view-trolley .fc-dropdown .popup-arrow {
  border-color: #ccc;
  right: 8px;
  top: -45px;
}

.view-trolley .fc-dropdown .fc-button-options {
  bottom: 40px;
}

.view-trolley .popup-arrow-up .fc-dropdown .popup-arrow {
  top: 5px;
}

.view-trolley .popup-arrow-up .fc-button-options {
  bottom: auto;
}

.view-trolley .product-item .fc-note {
  position: static;
}

.view-trolley .draw-content-body {
  padding: 119px 0 86px 0px;
  height: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.view-trolley .draw-content-body .product-items {
  padding: 0 15px;
}

@media (min-width: 30em) {
  .view-trolley .draw-content-body .product-items {
    padding: 0 20px;
  }
}

.view-trolley .draw-content-body .cat-heading {
  display: block;
  height: 35px;
  background: #f0f0f0;
  color: #4c4c4c;
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  margin: 0;
  padding: 10px 20px 0 40px;
  font-weight: bold;
  font-size: 1em;
  width: calc(100% + 40px);
}

.view-trolley .draw-content-body .cat-heading + .product-item-container .product-item {
  padding: 0;
}

.view-trolley .draw-content-body .cat-heading + .product-special,
.view-trolley .draw-content-body .cat-heading + .product-legal,
.view-trolley .draw-content-body .cat-heading + .product-down-down,
.view-trolley .draw-content-body .cat-heading + .product-every-day,
.view-trolley .draw-content-body .cat-heading + .product-flybuys,
.view-trolley .draw-content-body .cat-heading + .product-new {
  margin-top: 20px;
}

.view-trolley .draw-content-body .product-item-container {
  position: relative;
}

.view-trolley .draw-content-body .product-item-container .product-special + .cat-heading,
.view-trolley .draw-content-body .product-item-container .product-legal + .cat-heading,
.view-trolley .draw-content-body .product-item-container .product-down-down + .cat-heading,
.view-trolley .draw-content-body .product-item-container .product-every-day + .cat-heading,
.view-trolley .draw-content-body .product-item-container .product-flybuys + .cat-heading,
.view-trolley .draw-content-body .product-item-container .product-new + .cat-heading {
  margin-top: 20px;
}

.view-trolley .draw-content-body .product-item-container + .cat-heading {
  margin-top: -1px;
}

.view-trolley .draw-content-promo {
  background: #f0f0f0;
  padding: 10px 40px 10px 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  min-height: 125px;
  height: 125px;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-promo {
    -webkit-transition: max-height 0.25s, min-height 0.25s;
    transition: max-height 0.25s, min-height 0.25s;
    max-height: 150px;
    min-height: 105px;
    height: auto;
    display: block;
    padding: 0 15px;
  }
  .view-trolley .draw-content-promo.is-collapsed {
    max-height: 42px;
    min-height: 42px;
  }
  .view-trolley .draw-content-promo.is-collapsed .promo-tac,
  .view-trolley .draw-content-promo.is-collapsed .icon-container {
    display: none;
  }
}

.view-trolley .draw-content-promo .icon-container {
  border: 2px solid #fff;
  border-radius: 50%;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-promo .icon-container {
    right: -5px;
    top: 18px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}

.view-trolley .draw-content-promo .promo-heading-container {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5384615384615385em;
  font-weight: normal;
  max-width: calc(100% - 105px);
  margin: 0;
  display: block;
  line-height: 1.2em;
  margin-bottom: 5px;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-promo .promo-heading-container {
    font-size: 1em;
    margin: 0;
    height: 40px;
    max-width: 100%;
  }
}

.view-trolley .draw-content-promo .promo-end {
  font-size: 11px;
  font-family: arial;
  display: inline;
  font-weight: normal;
  line-height: 1.3em;
}

.view-trolley .draw-content-promo .promo-tac {
  margin: 0;
  max-width: calc(100% - 105px);
  font-size: 0.8461538461538461em;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-promo .promo-tac {
    max-width: calc(100% - 70px);
    margin-top: -5px;
  }
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-promo .promo-tac {
    margin-top: 0;
  }
}

.view-trolley .draw-content-promo .promo-tac a {
  font-weight: bold;
  text-decoration: underline;
}

.view-trolley .draw-content-promo .promo-tac a:focus {
  outline: 1px dotted #6d6d6d;
}

.view-trolley .draw-content-promo .button-toggle-msg {
  font-size: 1em;
  width: 100%;
  text-decoration: none;
  text-align: left;
}

@media (min-width: 48em) {
  .view-trolley .draw-content-promo .button-toggle-msg {
    display: none;
  }
}

.view-trolley .draw-content-promo .button-toggle-msg .promo-heading {
  font-size: 1.0769230769230769em;
  display: block;
  max-width: initial;
  color: #262626;
  padding-left: 15px;
  padding-right: 35px;
}

@media (max-width: 24.99em) {
  .view-trolley .draw-content-promo .button-toggle-msg .promo-heading {
    letter-spacing: -0.6px;
  }
}

@media (max-width: 22.49em) {
  .view-trolley .draw-content-promo .button-toggle-msg .promo-heading {
    letter-spacing: -0.4px;
  }
}

.view-trolley .draw-content-promo .button-toggle-msg .icon-arrow {
  top: 15px;
  right: 15px;
}

.view-trolley .draw-content-footer {
  position: static;
  max-height: 90px;
}

.view-trolley .draw-content-footer .dcf-btn {
  max-width: 60%;
}

.view-trolley .draw-content-footer .dcf-btn button strong {
  white-space: normal;
}

.view-trolley .draw-content-footer .dcf-total {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-footer .dcf-btn,
  .view-trolley .draw-content-footer .dcf-total {
    margin: 0;
  }
}

.view-trolley .draw-content-footer .dcf-total-price {
  font-size: 1.615384615em;
  font-weight: bold;
  text-align: right;
  display: block;
  position: relative;
}

@media (max-width: 47.99em) {
  .view-trolley .draw-content-footer .dcf-total-price {
    font-size: 1.385em;
  }
}

.view-trolley .draw-content-footer .dcf-total-saving {
  display: block;
  text-align: right;
  margin-top: 5px;
}

.view-trolley.no-extra-padding #button-remove-all {
  margin-right: 0;
}

@media (min-width: 48em) {
  .view-trolley.no-extra-padding .draw-content-footer {
    padding-right: 39px;
  }
}

@media (min-width: 48em) {
  .view-trolley.no-extra-padding .draw-content-promo .icon-container {
    right: 35px;
  }
}

.is-remove {
  font-size: 1.7em !important;
}

@media (max-width: 47.99em) {
  .is-remove {
    font-size: 1.3846153846em !important;
  }
}

.draw-content-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-x: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  /* promote own layer */
}

.product-category-container .product-item-container:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.product-category-container .product-item-container:last-child .product-item {
  border: 0;
}

.product-category-container .product-item-container:last-child.product-down-down, .product-category-container .product-item-container:last-child.product-every-day, .product-category-container .product-item-container:last-child.product-flybuys, .product-category-container .product-item-container:last-child.product-new, .product-category-container .product-item-container:last-child.product-special, .product-category-container .product-item-container.product-legal:last-child, .product-category-container .product-item-container.product-bundle:last-child, .product-category-container .product-item-container:last-child.product-legal {
  margin-bottom: 20px;
}

.product-category-container .product-item-container:last-child.product-special, .product-category-container .product-item-container.product-legal:last-child, .product-category-container .product-item-container.product-bundle:last-child, .product-category-container .product-item-container:last-child.product-legal {
  border-bottom: inherit;
}

.product-category-container .product-item-container:last-child.product-special .product-item, .product-category-container .product-item-container.product-legal:last-child .product-item, .product-category-container .product-item-container.product-bundle:last-child .product-item, .product-category-container .product-item-container:last-child.product-legal .product-item {
  border-bottom: #e6e6e6 1px solid;
}

.product-category-container .product-item-container:last-child.product-down-down, .product-category-container .product-item-container:last-child.product-every-day, .product-category-container .product-item-container:last-child.product-flybuys, .product-category-container .product-item-container:last-child.product-new {
  border-bottom: 1px #e01a22 solid;
}

.product-category-container .product-item-container:last-child.product-flybuys {
  border-bottom: 1px #154f8e solid;
}

.product-category-container .product-item-container:last-child.product-new {
  border-bottom: 1px #82b935 solid;
}

.product-item-container:last-child .product-category-container .product-item-container:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.product-item-container.product-down-down:first-child,
.product-item-container.product-down-down + .product-legal,
.product-item-container.product-down-down + .product-special,
.product-item-container.product-down-down + .product-bundle,
.product-item-container.product-down-down + .product-down-down,
.product-item-container.product-down-down + .product-every-day,
.product-item-container.product-down-down + .product-flybuys,
.product-item-container.product-down-down + .product-new, .product-item-container.product-every-day:first-child,
.product-item-container.product-every-day + .product-legal,
.product-item-container.product-every-day + .product-special,
.product-item-container.product-every-day + .product-bundle,
.product-item-container.product-every-day + .product-down-down,
.product-item-container.product-every-day + .product-every-day,
.product-item-container.product-every-day + .product-flybuys,
.product-item-container.product-every-day + .product-new, .product-item-container.product-flybuys:first-child,
.product-item-container.product-flybuys + .product-legal,
.product-item-container.product-flybuys + .product-special,
.product-item-container.product-flybuys + .product-bundle,
.product-item-container.product-flybuys + .product-down-down,
.product-item-container.product-flybuys + .product-every-day,
.product-item-container.product-flybuys + .product-flybuys,
.product-item-container.product-flybuys + .product-new, .product-item-container.product-new:first-child,
.product-item-container.product-new + .product-legal,
.product-item-container.product-new + .product-special,
.product-item-container.product-new + .product-bundle,
.product-item-container.product-new + .product-down-down,
.product-item-container.product-new + .product-every-day,
.product-item-container.product-new + .product-flybuys,
.product-item-container.product-new + .product-new, .product-item-container.product-legal:first-child,
.product-item-container.product-legal + .product-legal,
.product-item-container.product-legal + .product-special,
.product-item-container.product-legal + .product-bundle,
.product-item-container.product-legal + .product-down-down,
.product-item-container.product-legal + .product-every-day,
.product-item-container.product-legal + .product-flybuys,
.product-item-container.product-legal + .product-new, .product-item-container.product-special:first-child, .product-item-container.product-legal:first-child, .product-item-container.product-bundle:first-child,
.product-item-container.product-special + .product-legal,
.product-item-container.product-legal + .product-legal,
.product-item-container.product-bundle + .product-legal,
.product-item-container.product-special + .product-special,
.product-item-container.product-legal + .product-special,
.product-item-container.product-bundle + .product-special,
.product-item-container.product-special + .product-bundle,
.product-item-container.product-legal + .product-bundle,
.product-item-container.product-bundle + .product-bundle,
.product-item-container.product-special + .product-down-down,
.product-item-container.product-legal + .product-down-down,
.product-item-container.product-bundle + .product-down-down,
.product-item-container.product-special + .product-every-day,
.product-item-container.product-legal + .product-every-day,
.product-item-container.product-bundle + .product-every-day,
.product-item-container.product-special + .product-flybuys,
.product-item-container.product-legal + .product-flybuys,
.product-item-container.product-bundle + .product-flybuys,
.product-item-container.product-special + .product-new,
.product-item-container.product-legal + .product-new,
.product-item-container.product-bundle + .product-new, .product-item-container.product-bundle:first-child,
.product-item-container.product-bundle + .product-legal,
.product-item-container.product-bundle + .product-special,
.product-item-container.product-bundle + .product-bundle,
.product-item-container.product-bundle + .product-down-down,
.product-item-container.product-bundle + .product-every-day,
.product-item-container.product-bundle + .product-flybuys,
.product-item-container.product-bundle + .product-new {
  margin-top: 20px;
}

@media (max-width: 29.99em) {
  .product-item-container.product-down-down:first-child,
  .product-item-container.product-down-down + .product-legal,
  .product-item-container.product-down-down + .product-special,
  .product-item-container.product-down-down + .product-bundle,
  .product-item-container.product-down-down + .product-down-down,
  .product-item-container.product-down-down + .product-every-day,
  .product-item-container.product-down-down + .product-flybuys,
  .product-item-container.product-down-down + .product-new, .product-item-container.product-every-day:first-child,
  .product-item-container.product-every-day + .product-legal,
  .product-item-container.product-every-day + .product-special,
  .product-item-container.product-every-day + .product-bundle,
  .product-item-container.product-every-day + .product-down-down,
  .product-item-container.product-every-day + .product-every-day,
  .product-item-container.product-every-day + .product-flybuys,
  .product-item-container.product-every-day + .product-new, .product-item-container.product-flybuys:first-child,
  .product-item-container.product-flybuys + .product-legal,
  .product-item-container.product-flybuys + .product-special,
  .product-item-container.product-flybuys + .product-bundle,
  .product-item-container.product-flybuys + .product-down-down,
  .product-item-container.product-flybuys + .product-every-day,
  .product-item-container.product-flybuys + .product-flybuys,
  .product-item-container.product-flybuys + .product-new, .product-item-container.product-new:first-child,
  .product-item-container.product-new + .product-legal,
  .product-item-container.product-new + .product-special,
  .product-item-container.product-new + .product-bundle,
  .product-item-container.product-new + .product-down-down,
  .product-item-container.product-new + .product-every-day,
  .product-item-container.product-new + .product-flybuys,
  .product-item-container.product-new + .product-new, .product-item-container.product-legal:first-child,
  .product-item-container.product-legal + .product-legal,
  .product-item-container.product-legal + .product-special,
  .product-item-container.product-legal + .product-bundle,
  .product-item-container.product-legal + .product-down-down,
  .product-item-container.product-legal + .product-every-day,
  .product-item-container.product-legal + .product-flybuys,
  .product-item-container.product-legal + .product-new, .product-item-container.product-special:first-child, .product-item-container.product-legal:first-child, .product-item-container.product-bundle:first-child,
  .product-item-container.product-special + .product-legal,
  .product-item-container.product-legal + .product-legal,
  .product-item-container.product-bundle + .product-legal,
  .product-item-container.product-special + .product-special,
  .product-item-container.product-legal + .product-special,
  .product-item-container.product-bundle + .product-special,
  .product-item-container.product-special + .product-bundle,
  .product-item-container.product-legal + .product-bundle,
  .product-item-container.product-bundle + .product-bundle,
  .product-item-container.product-special + .product-down-down,
  .product-item-container.product-legal + .product-down-down,
  .product-item-container.product-bundle + .product-down-down,
  .product-item-container.product-special + .product-every-day,
  .product-item-container.product-legal + .product-every-day,
  .product-item-container.product-bundle + .product-every-day,
  .product-item-container.product-special + .product-flybuys,
  .product-item-container.product-legal + .product-flybuys,
  .product-item-container.product-bundle + .product-flybuys,
  .product-item-container.product-special + .product-new,
  .product-item-container.product-legal + .product-new,
  .product-item-container.product-bundle + .product-new, .product-item-container.product-bundle:first-child,
  .product-item-container.product-bundle + .product-legal,
  .product-item-container.product-bundle + .product-special,
  .product-item-container.product-bundle + .product-bundle,
  .product-item-container.product-bundle + .product-down-down,
  .product-item-container.product-bundle + .product-every-day,
  .product-item-container.product-bundle + .product-flybuys,
  .product-item-container.product-bundle + .product-new {
    margin-top: 15px;
  }
}

@media (max-width: 29.99em) {
  .product-item-container + .product-down-down,
  .product-item-container + .product-every-day,
  .product-item-container + .product-flybuys,
  .product-item-container + .product-new,
  .product-item-container + .product-special,
  .product-item-container + .product-bundle {
    margin-top: 8px !important;
  }
  .product-item-container + .product-down-down:before,
  .product-item-container + .product-every-day:before,
  .product-item-container + .product-flybuys:before,
  .product-item-container + .product-new:before,
  .product-item-container + .product-special:before,
  .product-item-container + .product-bundle:before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    left: -10px;
    right: -10px;
    height: 5px;
    background: #fff;
  }
  .product-item-container.product-down-down + .product-down-down,
  .product-item-container.product-down-down + .product-every-day,
  .product-item-container.product-down-down + .product-flybuys,
  .product-item-container.product-down-down + .product-new,
  .product-item-container.product-down-down + .product-special,
  .product-item-container.product-down-down + .product-bundle, .product-item-container.product-every-day + .product-down-down,
  .product-item-container.product-every-day + .product-every-day,
  .product-item-container.product-every-day + .product-flybuys,
  .product-item-container.product-every-day + .product-new,
  .product-item-container.product-every-day + .product-special,
  .product-item-container.product-every-day + .product-bundle, .product-item-container.product-flybuys + .product-down-down,
  .product-item-container.product-flybuys + .product-every-day,
  .product-item-container.product-flybuys + .product-flybuys,
  .product-item-container.product-flybuys + .product-new,
  .product-item-container.product-flybuys + .product-special,
  .product-item-container.product-flybuys + .product-bundle, .product-item-container.product-new + .product-down-down,
  .product-item-container.product-new + .product-every-day,
  .product-item-container.product-new + .product-flybuys,
  .product-item-container.product-new + .product-new,
  .product-item-container.product-new + .product-special,
  .product-item-container.product-new + .product-bundle, .product-item-container.product-legal + .product-down-down,
  .product-item-container.product-legal + .product-every-day,
  .product-item-container.product-legal + .product-flybuys,
  .product-item-container.product-legal + .product-new,
  .product-item-container.product-legal + .product-special,
  .product-item-container.product-legal + .product-bundle,
  .product-item-container.product-special + .product-down-down,
  .product-item-container.product-legal + .product-down-down,
  .product-item-container.product-bundle + .product-down-down,
  .product-item-container.product-special + .product-every-day,
  .product-item-container.product-legal + .product-every-day,
  .product-item-container.product-bundle + .product-every-day,
  .product-item-container.product-special + .product-flybuys,
  .product-item-container.product-legal + .product-flybuys,
  .product-item-container.product-bundle + .product-flybuys,
  .product-item-container.product-special + .product-new,
  .product-item-container.product-legal + .product-new,
  .product-item-container.product-bundle + .product-new,
  .product-item-container.product-special + .product-special,
  .product-item-container.product-legal + .product-special,
  .product-item-container.product-bundle + .product-special,
  .product-item-container.product-special + .product-bundle,
  .product-item-container.product-legal + .product-bundle,
  .product-item-container.product-bundle + .product-bundle, .product-item-container.product-bundle + .product-down-down,
  .product-item-container.product-bundle + .product-every-day,
  .product-item-container.product-bundle + .product-flybuys,
  .product-item-container.product-bundle + .product-new,
  .product-item-container.product-bundle + .product-special,
  .product-item-container.product-bundle + .product-bundle {
    margin-top: 15px !important;
  }
  .product-item-container.product-down-down + .product-down-down:before,
  .product-item-container.product-down-down + .product-every-day:before,
  .product-item-container.product-down-down + .product-flybuys:before,
  .product-item-container.product-down-down + .product-new:before,
  .product-item-container.product-down-down + .product-special:before,
  .product-item-container.product-down-down + .product-bundle:before, .product-item-container.product-every-day + .product-down-down:before,
  .product-item-container.product-every-day + .product-every-day:before,
  .product-item-container.product-every-day + .product-flybuys:before,
  .product-item-container.product-every-day + .product-new:before,
  .product-item-container.product-every-day + .product-special:before,
  .product-item-container.product-every-day + .product-bundle:before, .product-item-container.product-flybuys + .product-down-down:before,
  .product-item-container.product-flybuys + .product-every-day:before,
  .product-item-container.product-flybuys + .product-flybuys:before,
  .product-item-container.product-flybuys + .product-new:before,
  .product-item-container.product-flybuys + .product-special:before,
  .product-item-container.product-flybuys + .product-bundle:before, .product-item-container.product-new + .product-down-down:before,
  .product-item-container.product-new + .product-every-day:before,
  .product-item-container.product-new + .product-flybuys:before,
  .product-item-container.product-new + .product-new:before,
  .product-item-container.product-new + .product-special:before,
  .product-item-container.product-new + .product-bundle:before, .product-item-container.product-legal + .product-down-down:before,
  .product-item-container.product-legal + .product-every-day:before,
  .product-item-container.product-legal + .product-flybuys:before,
  .product-item-container.product-legal + .product-new:before,
  .product-item-container.product-legal + .product-special:before,
  .product-item-container.product-legal + .product-bundle:before, .product-item-container.product-special + .product-down-down:before, .product-item-container.product-legal + .product-down-down:before, .product-item-container.product-bundle + .product-down-down:before,
  .product-item-container.product-special + .product-every-day:before,
  .product-item-container.product-legal + .product-every-day:before,
  .product-item-container.product-bundle + .product-every-day:before,
  .product-item-container.product-special + .product-flybuys:before,
  .product-item-container.product-legal + .product-flybuys:before,
  .product-item-container.product-bundle + .product-flybuys:before,
  .product-item-container.product-special + .product-new:before,
  .product-item-container.product-legal + .product-new:before,
  .product-item-container.product-bundle + .product-new:before,
  .product-item-container.product-special + .product-special:before,
  .product-item-container.product-legal + .product-special:before,
  .product-item-container.product-bundle + .product-special:before,
  .product-item-container.product-special + .product-bundle:before,
  .product-item-container.product-legal + .product-bundle:before,
  .product-item-container.product-bundle + .product-bundle:before, .product-item-container.product-bundle + .product-down-down:before,
  .product-item-container.product-bundle + .product-every-day:before,
  .product-item-container.product-bundle + .product-flybuys:before,
  .product-item-container.product-bundle + .product-new:before,
  .product-item-container.product-bundle + .product-special:before,
  .product-item-container.product-bundle + .product-bundle:before {
    display: none;
  }
}

.product-item-container.product-special, .product-item-container.product-legal, .product-item-container.product-bundle {
  margin-top: -1px;
  border: 1px #cccccc solid !important;
  border-radius: 3px;
}

.product-item-container.product-special .product-item-footer, .product-item-container.product-legal .product-item-footer, .product-item-container.product-bundle .product-item-footer {
  background-color: #f0f0f0;
  margin-top: -1px;
}


.product-item-container.product-special + .product-special,
.product-item-container.product-legal + .product-special,
.product-item-container.product-bundle + .product-special {
  margin-top: 20px;
}

.product-item-container.product-special.is-active, .is-active.product-item-container.product-legal, .is-active.product-item-container.product-bundle {
  border-color: #ffdd00 !important;
}

.product-item-container.product-special.is-active .product-item-footer, .is-active.product-item-container.product-legal .product-item-footer, .is-active.product-item-container.product-bundle .product-item-footer {
  background-color: #fff280;
}

.product-item-container.product-legal {
  border-color: #262626;
}

.product-item-container.product-legal .product-item-footer {
  background-color: #262626;
  color: #ffffff;
  padding-bottom: 14px;
  min-height: 115px;
}

.product-item-container.product-legal .product-item-footer .float-left {
  max-width: 50%;
  white-space: normal;
}

.product-item-container.product-legal .product-item-footer .float-right {
  text-align: right;
}

.product-item-container.product-legal .product-item-footer .float-right img {
  max-width: 40%;
  margin-right: 30px;
  margin-top: -4px;
}

.product-item-container.product-bundle {
  border-color: #ffdd00 !important;
}

.product-item-container.product-bundle .product-item .product-item-header .product-item-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 48em) {
  .product-item-container.product-bundle .product-item .product-item-header .product-item-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.product-item-container.product-bundle .product-item-footer a {
  text-decoration: underline;
}

.product-item-container.product-bundle .product-item-footer a:focus {
  outline: 1px dotted #262626;
}

.product-item-container.product-bundle .product-item-footer .fat-controller {
  top: 9px;
}

.product-item-container.product-bundle .product-item-footer .footer-note.footer-note-price {
  right: 163px;
  padding-right: 0;
  text-align: right;
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .product-item-container.product-bundle .product-item-footer .footer-note.footer-note-price {
    padding-left: 10px;
  }
}

@media (max-width: 47.99em) {
  .product-item-container.product-bundle .product-item-footer {
    padding-top: 6px;
  }
  .product-item-container.product-bundle .product-item-footer .fat-controller {
    top: 4px;
    width: calc(100% - 130px);
  }
  .product-item-container.product-bundle .product-item-footer .footer-note.footer-note-price {
    right: auto;
    left: 10px;
    text-align: left;
    top: 22px;
  }
}

.product-item-container.product-down-down, .product-item-container.product-every-day, .product-item-container.product-flybuys, .product-item-container.product-new {
  margin-top: -1px;
  border: 1px #e01a22 solid;
  border-radius: 3px;
}

.product-item-container.product-down-down .product-item, .product-item-container.product-every-day .product-item, .product-item-container.product-flybuys .product-item, .product-item-container.product-new .product-item {
  border-bottom: none;
  border-radius: 3px;
}

.product-item-container.product-flybuys {
  border-color: #154f8e;
}

.product-item-container.product-new {
  border-color: #82b935;
}

.product-item-container .product-icons {
  position: absolute;
  height: 20px;
  float: left;
  z-index: 1;
  top: -10px;
  left: 20px;
}

@media (max-width: 47.99em) {
  .product-item-container .product-icons {
    left: 10px;
    right: 10px;
  }
}

.product-item-container .product-item-footer {
  font-size: .846153846em;
  border-radius: 0 0 3px 3px;
  min-height: 42px;
  padding: 13px 6px 1px 10px;
  position: relative;
}

@media (min-width: 30em) {
  .product-item-container .product-item-footer {
    padding: 15px 20px 4px 20px;
    min-height: 45px;
  }
}

.product-item-container .product-item-footer p {
  margin: 0;
  display: block;
  white-space: nowrap;
}

.product-item-container .product-item-footer .footer-note {
  color: #c80d14;
  min-width: 140px;
  text-align: center;
  position: absolute;
  right: 20px;
}

@media (max-width: 29.99em) {
  .product-item-container .product-item-footer .footer-note {
    right: 10px;
    min-width: 50%;
    text-align: right;
  }
}

.product-item-container .product-item-footer .footer-note.footer-note-price {
  padding-right: 28px;
}

.product-item-container .product-item-footer .footer-note.footer-note-tick {
  min-width: 26px !important;
  text-align: center;
}

@media (max-width: 29.99em) {
  .product-item-container .product-item-footer .footer-note.footer-note-tick {
    width: auto;
  }
}

.product-item-container .product-item-footer .footer-note.footer-note-tick .icon-tick {
  width: 11px;
  height: 9px;
}

.product-item-container .product-item-footer .footer-note.footer-element.ng-enter {
  -webkit-animation: FADE-IN-SECOND 1s forwards;
          animation: FADE-IN-SECOND 1s forwards;
}

.product-item-container .product-item-footer .footer-note.footer-element.ng-leave {
  -webkit-animation: FADE-OUT-FIRST 1s forwards;
          animation: FADE-OUT-FIRST 1s forwards;
}

.product-item-container .product-item-footer .footer-note p.transition-message {
  position: absolute;
  top: 3px;
  left: 50%;
  margin-left: -33%;
  opacity: 0;
}

.product-item-container .product-item-footer .footer-note .adding p.transition-message {
  -webkit-animation: FADE-IN-SECOND 1s forwards;
          animation: FADE-IN-SECOND 1s forwards;
}

.product-item-container .product-item-footer .footer-note .adding p.primary-text {
  -webkit-animation: FADE-OUT-FIRST 1s forwards;
          animation: FADE-OUT-FIRST 1s forwards;
}

.product-item-container .product-item-footer .button-small {
  padding-top: 3px;
  padding-bottom: 4px;
  min-width: 140px;
  position: relative;
  top: -5px;
}

@media (max-width: 47.99em) {
  .product-item-container .product-item-footer .button-small {
    padding-top: 8px;
    padding-bottom: 8px;
    top: -9px;
  }
}

@media (max-width: 29.99em) {
  .product-item-container .product-item-footer .button-small {
    width: 100%;
  }
}

.product-item-container .product-item {
  border-bottom: #e6e6e6 1px solid;
  background: #ffffff;
  border-radius: 3px 3px 0 0;
  min-height: 110px;
  position: relative;
}

@media (max-width: 47.99em) {
  .product-item-container .product-item {
    min-height: 100px;
  }
}

.product-item-container .product-item .product-item-header .product-item-padding {
  padding: 15px;
  padding-bottom: 53px;
  padding-left: 110px;
}

@media (max-width: 47.99em) {
  .product-item-container .product-item .product-item-header .product-item-padding {
    padding: 10px;
    padding-left: 100px;
    padding-bottom: 55px;
  }
}

.product-item-container .product-item .product-brand {
  font-size: 1em;
  font-weight: bold;
  display: block;
}

.product-item-container .product-item .product-name {
  margin-top: 0;
  font-size: 1.1538461538461537em;
  font-weight: bold;
  display: block;
  line-height: 1.153846154em;
}

.product-item-container .product-item .product-title {
  margin: 0;
  height: initial;
}

@media (max-width: 47.99em) {
  .product-item-container .product-item .product-title {
    padding-right: 0;
  }
}

.product-item-container .product-item .product-image {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -40px;
}

@media (max-width: 47.99em) {
  .product-item-container .product-item .product-image {
    left: 10px;
  }
}

.product-item-container .product-item.ng-leave {
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
  opacity: 1;
  max-height: 150px;
  overflow: hidden;
}

.product-item-container .product-item.ng-leave-active {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
}

.product-item-container:last-child {
  margin-bottom: 30px;
}

.product-item-container.ng-leave {
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.product-item-container.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

@-webkit-keyframes FADE-OUT-FIRST {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes FADE-OUT-FIRST {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes FADE-IN-SECOND {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FADE-IN-SECOND {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.checkout {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

/* =Trolley Footer */
.draw-content-footer {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 57px 10px 40px;
  background-color: #f0f0f0;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .draw-content-footer {
    padding: 10px 15px;
  }
}

.draw-content-footer .button {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 22.49em) {
  .draw-content-footer .button {
    font-size: 1em;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 48em) {
  .no-extra-padding .draw-content-footer .button {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.view-account {
  display: block;
}

.view-account .draw-account-header {
  position: relative;
  overflow: visible;
}

@media (max-width: 47.99em) {
  .view-account .draw-account-header {
    padding-left: 30px;
  }
}

.view-account .draw-account-header ~ .draw-warning {
  height: calc(100% - 140px);
  top: 140px;
}

.view-account .draw-account-header p.heading {
  position: static;
  margin: 0;
  display: inline-block;
  font-size: 1.846153846em;
  /* 24px */
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 110px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

@media (max-width: 47.99em) {
  .view-account .draw-account-header p.heading {
    width: calc(100% - 90px);
    max-width: 260px;
  }
}

.view-account .draw-account-header .logout {
  position: absolute;
  display: inline-block;
  border: 1px #dcdcdc solid;
  border-radius: 5px;
  z-index: 102;
  top: 40px;
  right: 20px;
  height: 40px;
  width: 70px;
  background-color: #ffffff;
  color: #5c5c5c;
  margin-top: -13px;
  text-align: center;
  padding-top: 10px;
  text-decoration: none;
}

.view-account .draw-account-header .logout:hover, .view-account .draw-account-header .logout:focus {
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .view-account .draw-account-header .logout {
    top: 30px;
  }
}

.view-account .draw-warning .title {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.846153846em;
  /* 24px */
  line-height: 1.125em;
  margin: 0px 0px 15px;
}

.view-account .draw-warning .message {
  margin: 0;
}

.view-account .draw-warning .message.bottom {
  margin-bottom: 20px !important;
}

.view-account .draw-warning .account-info {
  display: block;
  padding: 0px 14px;
}

.view-account .draw-warning a {
  text-decoration: underline;
}

.view-account .draw-warning a.button {
  text-decoration: none;
}

.view-account .draw-warning .beta-text.first {
  margin-bottom: 20px;
}

.pwd-visible-btn {
  position: absolute;
  right: 10px;
  top: 13px;
  padding: 0px !important;
}

.onPwdFocus {
  border-color: #909090;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  margin-top: 2px;
  position: relative;
  height: 41px;
}

.onPwdBlur {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  margin-top: 2px;
  position: relative;
  height: 41px;
}

.password-field #old-password-input {
  padding: 12px;
  margin-top: 0px;
  height: 35px;
}

.password-eye-icon {
  width: 16px;
  height: 14px;
}

.view-account-nav .draw-content-body {
  padding-top: 0px;
}

.view-account-nav .draw-content-body .input-container {
  padding: 0px;
  margin-bottom: 0;
  margin-top: 0;
  border-top: 0;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

.view-account-nav .draw-content-body .input-container a {
  padding: 20px;
  display: block;
  min-height: 65px;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container a {
    padding: 15px;
    padding-left: 30px;
  }
}

.view-account-nav .draw-content-body .input-container a:hover span, .view-account-nav .draw-content-body .input-container a:focus span {
  text-decoration: underline;
}

.view-account-nav .draw-content-body .input-container.has-chevron a {
  min-height: 0;
  padding-right: 45px;
}

.view-account-nav .draw-content-body .input-container.has-icon a {
  padding-left: 55px;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container.has-icon a {
    padding-left: 65px;
  }
}

.view-account-nav .draw-content-body .input-container.has-icon a .input-container-icon {
  position: absolute;
  left: 20px;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container.has-icon a .input-container-icon {
    left: 30px;
  }
}

.view-account-nav .draw-content-body .input-container.has-icon a .input-container-icon.icon-account-list {
  width: 21px;
  height: 28px;
}

.view-account-nav .draw-content-body .input-container.thin a {
  text-decoration: none;
  padding: 15px 20px;
  min-height: 0;
}

.view-account-nav .draw-content-body .input-container.thin a:hover, .view-account-nav .draw-content-body .input-container.thin a:focus {
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container.thin a {
    padding-left: 30px;
  }
}

.view-account-nav .draw-content-body .input-container.thin .heading {
  color: #4c4c4c;
  font-weight: normal;
  font-size: 1em;
}

.view-account-nav .draw-content-body .input-container.callout {
  margin-top: 10px;
  padding: 15px 20px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container.callout {
    margin-left: 0px;
    width: 100%;
    padding: 15px;
  }
}

.view-account-nav .draw-content-body .input-container.callout a {
  display: inline-block;
  padding: 0;
  min-height: 0;
  text-decoration: underline;
}

.view-account-nav .draw-content-body .input-container.callout.is-success {
  border-color: #008a23;
}

.view-account-nav .draw-content-body .input-container.callout.is-success .success-message {
  position: relative;
  background-color: #008a23;
  color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -15px;
  margin-bottom: 15px;
  padding: 10px 20px 10px 52px;
  font-size: 14px;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .input-container.callout.is-success .success-message {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.view-account-nav .draw-content-body .input-container.callout.is-success .success-message .icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
}

@media (max-width: 22.49em) {
  .view-account-nav .draw-content-body .input-container.callout.payment .icon.icon-amex, .view-account-nav .draw-content-body .input-container.callout.payment .icon.icon-visa, .view-account-nav .draw-content-body .input-container.callout.payment .icon.icon-mastercard, .view-account-nav .draw-content-body .input-container.callout.payment .icon.icon-diners {
    display: none;
  }
}

.view-account-nav .draw-content-body .input-container.callout.delivery-subs .heading-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.view-account-nav .draw-content-body .input-container.callout.delivery-subs .left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.view-account-nav .draw-content-body .input-container.callout.delivery-subs .right-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.view-account-nav .draw-content-body .input-container .edit-link.has-icon {
  padding-left: 18px;
}

.view-account-nav .draw-content-body .input-container .edit-link:focus {
  outline: 1px dotted #262626;
}

.view-account-nav .draw-content-body .input-container .heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.view-account-nav .draw-content-body .input-container .heading-container .heading {
  margin-bottom: 0;
}

.view-account-nav .draw-content-body .input-container .heading-container .left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.view-account-nav .draw-content-body .input-container .heading-container .left-col .icon {
  position: static;
}

.view-account-nav .draw-content-body .input-container .heading-container .right-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.view-account-nav .draw-content-body .input-container .heading-container a {
  padding: 0;
  min-height: 0;
}

.view-account-nav .draw-content-body .input-container .detail-row {
  font-size: 14px;
  margin-bottom: 5px;
  word-break: break-word;
}

.view-account-nav .draw-content-body .input-container .detail-row:last-child {
  margin-bottom: 0;
}

.view-account-nav .draw-content-body .input-container .detail-row .edit-link {
  float: right;
}

.view-account-nav .draw-content-body .input-container .bullets {
  font-size: 20px;
  letter-spacing: 1px;
  vertical-align: sub;
}

.view-account-nav .draw-content-body .input-container .heading {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}

.view-account-nav .draw-content-body .input-container .icon.icon-arrow {
  left: auto;
}

.view-account-nav .draw-content-body .input-container .icon.icon-lists {
  width: 21px;
  height: 24px;
}

.view-account-nav .draw-content-body .input-container .icon.icon-flybuys {
  width: 56px;
  height: 22px;
  left: 21px;
  fill: #007cc2;
}

.view-account-nav .draw-content-body .input-container .icon.icon-amex, .view-account-nav .draw-content-body .input-container .icon.icon-visa, .view-account-nav .draw-content-body .input-container .icon.icon-mastercard, .view-account-nav .draw-content-body .input-container .icon.icon-diners {
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.view-account-nav .draw-content-body .input-container .icon.icon-visa {
  width: 45px;
}

.view-account-nav .draw-content-body .input-container .icon.icon-mastercard {
  width: 32px;
}

.view-account-nav .draw-content-body .input-container .icon.icon-diners {
  width: 40px;
}

.view-account-nav .draw-content-body .input-container .content {
  color: #5c5c5c;
  line-height: 2em;
  position: absolute;
  right: 50px;
}

.view-account-nav .draw-content-body .input-container .content .flybuys-no {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  font-size: 1.153846154em;
}

.view-account-nav .draw-content-body .input-container .espotContainer {
  display: inline-block;
}

.view-account-nav .draw-content-body .input-container a:hover .icon-flybuys, .view-account-nav .draw-content-body .input-container a:focus .icon-flybuys {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #262626;
}

.view-account-nav .draw-content-body .redirect {
  text-align: left;
}

@media (max-width: 47.99em) {
  .view-account-nav .draw-content-body .redirect {
    padding-left: 18px;
  }
}

.view-lists .icon-lists {
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  fill: #909090;
}

.view-lists .draw-warning .warning-title {
  padding-left: 5%;
  padding-right: 5%;
}

.view-lists .list-notification {
  position: relative;
  background-color: #008a23;
  color: white;
  line-height: 30px;
  font-weight: 600;
  padding: 10px 20px 10px 48px;
  margin: 20px 20px;
  border-radius: 4px;
}

.view-lists .list-notification-icon {
  position: absolute;
  top: 12px;
  left: 12px;
}

.view-lists .list-notification-icon .icon.icon-success-white {
  width: 25px;
  height: 25px;
}

.view-lists .list-notification-message {
  word-break: break-all;
  font-size: 14px;
  display: inline-block;
}

.view-lists .list-notification-icon-edit {
  position: absolute;
  top: 7px;
  left: 10px;
}

.view-lists .list-notification-icon-edit .icon.icon-success-white {
  width: 25px;
  height: 25px;
}

.view-lists .btn-notification-close {
  width: 10px;
  height: 10px;
  color: white;
  fill: currentColor;
}

.view-lists .btn-notification-close-link {
  position: absolute;
  right: 0px;
  margin-right: 10px;
}

.view-flybuys .draw-content-header .heading {
  line-height: 1em;
}

.view-flybuys .draw-content-body {
  text-align: center;
}

.view-flybuys .draw-content-body .icon-flybuys-card {
  width: 175px;
  height: auto;
  margin-bottom: 10px;
}

.view-flybuys .draw-content-body .flybuys-mask-number {
  letter-spacing: 1px;
  font-size: 30px;
  vertical-align: -4px;
}

.view-flybuys .draw-content-body .flybuys-input-container {
  width: auto;
  display: inline-block;
}

.view-flybuys .draw-content-body .form-field-row input {
  width: 68px;
  text-align: center;
  margin-top: 0;
}

@media (max-width: 22.49em) {
  .view-flybuys .draw-content-body .form-field-row input {
    padding: 10px 5px;
    width: 58px;
  }
}

.view-flybuys .draw-content-body .footnote {
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

.view-flybuys .draw-content-body .flybuys-import-checkbox {
  margin-top: 20px;
  padding-top: 2px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .view-flybuys .draw-content-body .flybuys-import-checkbox {
    font-size: 13px;
  }
}

.view-flybuys .draw-content-body .flybuys-import-checkbox input {
  width: 20px;
  margin-right: 5px;
}

.view-flybuys .draw-content-body .button.button-dark {
  margin-top: 20px;
  line-height: 24px;
}

.view-flybuys .draw-content-body a {
  line-height: 22.4px;
}

.view-flybuys .draw-content-body .register-link {
  text-decoration: underline;
}

.view-flybuys .draw-content-body .separator {
  padding-top: 16px;
  border-top: 1px solid #e2e2e2;
}

.view-flybuys .draw-content-body .separator .secondary-desc {
  font-size: 14px;
  color: #4c4c4c;
}

.view-flybuys-success .draw-content-body .draw-warning .warning-title {
  padding: 0 40px;
}

.view-saved-addresses .draw-content-body {
  padding-top: 0;
}

.view-saved-addresses .draw-content-body .address-list li {
  padding-right: 50px;
}

.view-saved-addresses .draw-content-body .address-list li .address-wrapper {
  word-wrap: break-word;
}

.view-saved-addresses .draw-content-body .address-list li:last-child {
  padding: 0;
}

.view-saved-addresses .draw-content-body .address-list li:last-child a {
  color: #262626;
  display: block;
  padding: 20px;
}

@media (max-width: 47.99em) {
  .view-saved-addresses .draw-content-body .address-list li:last-child a {
    padding: 15px;
  }
}

.view-saved-addresses .draw-content-body .address-list .icon-arrow {
  height: 13px;
  width: 7px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #cccccc;
}

@media (max-width: 47.99em) {
  .view-saved-addresses .draw-content-body .address-list .icon-arrow {
    right: 30px;
  }
}

.view-subscriptions .draw-content-body h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

.view-pay-by-account .draw-content-body {
  font-size: 1.1538461538461537em;
}

.view-pay-by-account .draw-content-body h2 {
  margin: 15px 0 5px;
}

.view-pay-by-account .draw-content-body h2:first-child {
  margin-top: 0;
}

.view-pay-by-account .draw-content-body p {
  margin: 0;
  font-size: 1em;
  line-height: 1.4em;
}

.view-pay-by-account .draw-content-body .back-link {
  font-size: 0.8666666666666667em;
}

.view-pay-by-account .draw-content-body .input-container li a {
  color: #4c4c4c;
}

.view-flybuys-import .primary-text {
  padding: 0 10%;
}

.view-flybuys-import .image-flybuys-import {
  width: 225px;
  height: 200px;
  margin-top: 20px;
}

.view-flybuys-login .warning-title {
  margin-bottom: 20px;
}

.view-flybuys-login .warning-title .secondary {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 3px;
  font-size: 20px;
  font-weight: 300;
  @inc;
}

.view-flybuys-login input {
  width: 100%;
}

.view-pay-by-account .input-container a {
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-pay-by-account .input-container a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-pay-by-account .input-container a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-lists .draw-content-header .button-container {
  position: absolute;
  top: 20px;
  right: 40px;
}

@media (max-width: 47.99em) {
  .view-lists .draw-content-header .button-container {
    top: 8px;
  }
}

.view-lists .draw-content-header .button-container .button {
  text-decoration: none;
}

.view-lists .draw-content-header .button-container .button:hover, .view-lists .draw-content-header .button-container .button:focus {
  text-decoration: underline;
}

.view-lists .draw-content-header .button-container .button:hover, .view-lists .draw-content-header .button-container .button:focus {
  background: #fff;
}

.view-lists .draw-content-header .button-container .button-small {
  padding: 4px 13px;
}

@media (max-width: 47.99em) {
  .view-lists .draw-content-header .button-container .button-small {
    right: -15px;
  }
}

.view-lists .shopnow-btn-container .button-small {
  padding: 5px 20px;
  font-weight: 600;
}

.view-lists .draw-eSpot-section {
  height: 150px;
  margin: 20px;
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 5px;
}

.view-lists .draw-eSpot-section .button-close {
  margin: 5px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
}

.view-lists .draw-eSpot-section .button-close .icon {
  width: 10px;
  height: 10px;
  display: inline-block;
}

.view-lists .draw-eSpot-section .button-close a {
  text-decoration: none;
}

.view-lists .draw-eSpot-section .button-close a:after {
  content: '';
  display: block;
  position: absolute;
  top: 18px;
  left: 5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  width: 12px;
  background: transparent;
}

.view-lists .draw-eSpot-section .button-close a:hover, .view-lists .draw-eSpot-section .button-close a:focus {
  background: transparent;
}

.view-lists .draw-eSpot-section .button-close a:hover:after, .view-lists .draw-eSpot-section .button-close a:focus:after {
  background: #262626;
}

.view-lists .draw-eSpot-section .image-container {
  float: left;
  height: 150px;
  width: 150px;
}

.view-lists .draw-eSpot-section .description-container {
  float: left;
  height: 100px;
  width: 200px;
  margin-top: 10px;
  padding: 10px;
}

.view-lists .draw-eSpot-section .description-title {
  font-weight: bold;
}

.view-lists .new-list-btn-container {
  border-bottom: 1px solid #e2e2e2;
  margin: 0 20px;
}

.view-lists .new-list-btn-container .new-list-btn {
  width: 150px;
  margin: 20px;
}

.view-lists .new-list-btn-container .icon {
  width: 10px;
  height: 10px;
  display: inline-block;
}

.view-lists .new-list-btn-container .create-list-btn {
  width: 156px;
}

.view-lists .list-content {
  position: relative;
  padding: 0;
}

.view-lists .list-content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.view-lists .list-content ul .list-section {
  margin: 10px 30px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #e2e2e2;
}

.view-lists .list-content ul .list-notification-header {
  position: relative;
  background-color: #008a23;
  min-height: 30px;
  height: auto;
}

.view-lists .list-content ul .list-notification-header .list-notification-header-desc {
  color: white;
  word-break: break-all;
  display: inline-block;
  padding: 10px 20px 10px 40px;
}

.view-lists .list-content ul .list-container {
  padding: 10px;
  position: relative;
}

.view-lists .list-content ul .list-container a {
  font-size: 14px;
  font-weight: bold;
}

.view-lists .list-content ul .list-container .list-info {
  float: left;
  width: 70%;
}

.view-lists .list-content ul .list-container .list-info .list-label {
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word !important;
  margin-top: 0;
}

.view-lists .list-content ul .list-container .list-edit-button {
  float: right;
}

.view-lists .list-content ul .list-container .list-edit-button button {
  font-size: 12px;
  font-weight: bold;
  background: none;
  border: 0;
}

.view-lists .list-content ul .list-container .list-edit-button .icon {
  width: 12px;
  height: 12px;
}

.view-lists .list-content ul .shopnow-btn-container {
  margin-left: 10px;
  margin-bottom: 15px;
  bottom: 0px;
  clear: both;
}

.view-lists .draw-content-body {
  position: relative;
  padding-top: 0;
}

.view-lists .draw-content-body .input-container {
  padding: 0;
  margin-top: 0;
}

.view-lists .draw-content-body .input-container:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.view-lists .draw-content-body ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.view-lists .draw-content-body ul .input-container a {
  padding: 20px;
  display: block;
}

@media (max-width: 47.99em) {
  .view-lists .draw-content-body ul .input-container a {
    padding: 13px 20px;
  }
}

.view-lists .draw-content-body ul .input-container a .heading {
  text-decoration: underline;
}

.view-lists .draw-content-body ul .input-container a:hover, .view-lists .draw-content-body ul .input-container a:focus {
  text-decoration: underline;
}

.view-lists .draw-content-body ul .input-container a:focus {
  outline: 1px dotted #6d6d6d;
  z-index: 1;
  position: relative;
}

.view-lists .draw-content-body ul .input-container div {
  padding: 20px;
}

@media (max-width: 47.99em) {
  .view-lists .draw-content-body ul .input-container div {
    padding: 13px 20px;
  }
}

.view-lists .draw-content-body ul .input-container div .heading {
  width: calc(100% - 145px);
}

.view-lists .draw-content-body ul .heading {
  display: inline-block;
  width: calc(100% - 65px);
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.view-lists .draw-content-body .list-utils {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  display: none;
  padding: 0 !important;
}

.view-lists .draw-content-body .list-utils .button-plain {
  font-weight: normal;
  min-width: 52px;
}

.view-lists .draw-content-body .list-utils .button-plain:hover, .view-lists .draw-content-body .list-utils .button-plain:focus {
  background: #fff;
}

.view-lists .draw-content-body .list-utils a.button-plain {
  display: inline-block;
  padding: 4px 13px;
}

.view-lists .draw-content-body .list-utils .button-remove {
  color: #da2a32;
  padding: 4px 13px;
}

.view-lists .draw-content-body .items-qty {
  width: 40px;
  position: absolute;
  top: 33px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  color: #5c5c5c;
  text-align: right;
}

.view-lists.is-edit .items-qty {
  display: none;
}

.view-lists.is-edit .list-utils {
  display: block;
}

.view-lists.is-edit .heading {
  width: calc(100% - 145px);
}

.view-lists-success .draw-content-body .icon-listsuccess {
  width: 143px;
  height: 185px;
  margin-bottom: 10px;
  background: url(../img/icon-listsuccessbg.jpg) no-repeat;
  background-size: 50%;
  background-position: 63% 15%;
}

.view-lists-create .draw-content-body .warning-title, .view-lists-rename .draw-content-body .warning-title {
  margin-top: 20px;
  margin-bottom: 25px;
}

.view-lists-edit .list-name-edit-section {
  padding: 15px 20px;
}

.view-lists-edit .list-name-edit-section input {
  width: 100%;
  height: 30px;
  padding: 5px;
}

.view-lists-edit .list-edit-loading {
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.view-lists-edit .view-lists-edit-heading {
  float: left;
  width: 200px;
}

.view-lists-edit .edit-list-delete-btn-container {
  margin-top: 10px;
}

.view-lists-edit .edit-list-delete-btn-container button {
  background: none;
  border: 0;
  text-decoration: underline;
}

.view-lists-edit .icon-trash {
  width: 10px;
  height: 10px;
}

.view-lists-edit .edit-list-separator {
  border-bottom: solid;
  border-color: #e2e2e2;
  border-width: 1px;
  margin-top: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.view-lists-edit .edit-list-heading-container {
  float: left;
}

.view-lists-edit .edit-list-btn-container {
  float: right;
}

.view-lists-edit .edit-list-btn-container .edit-list-btn {
  height: 30px;
  width: 70px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e2e2e2;
  border-radius: 5px;
  padding: 5px;
  background: none;
}

.view-lists-edit .list-items-display {
  height: 57vh;
  width: 90%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.view-lists-edit .list-items-display #list-items-loading-animation {
  margin-top: 100px;
}

.view-lists-edit .list-items-display ul {
  list-style-type: none;
  padding-left: 10px;
}

.view-lists-edit .list-items-display .edit-list-item-container {
  border-color: #e2e2e2;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 120px;
  position: relative;
}

.view-lists-edit .list-items-display .edit-list-item-container .listDropdown {
  height: 50px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-image {
  width: 60px;
  height: 60px;
  background-color: beige;
  float: left;
  margin: 10px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-image .itemImage {
  width: 80px;
  height: 80px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-desc {
  width: 56%;
  height: 36px;
  float: left;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn {
  float: left;
  width: 38px;
  height: 38px;
  margin-top: 2px;
  right: 6px;
  position: absolute;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn .icon-cross {
  width: 10px;
  height: 15px;
  border-bottom: 1px solid transparent;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn .icon-cross:hover {
  border-bottom-color: #5c5c5c !important;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn .button-plain {
  border: 0;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn .button-plain:focus {
  background: #ffffff;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-remove-btn .button-plain:focus .icon-cross {
  border-bottom-color: #5c5c5c !important;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp {
  float: left;
  margin-top: 18px;
  width: 150px;
  height: 35px;
  position: absolute;
  bottom: 5px;
  right: 15px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp ul {
  list-style-type: none;
  padding: 0px !important;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp ul li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #f0f0f0;
  margin: 5px;
  text-align: center;
  font-weight: 300;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp ul li div {
  background-color: #f0f0f0;
  padding: 5px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .listDropdownBtn {
  padding: 6px;
  height: 35px;
  white-space: nowrap;
  overflow: hidden;
  width: 120px;
  float: left;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
  border-radius: 6px 0 0 6px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .listDropDownOptionsBtn {
  border-radius: 0 6px 6px 0;
  width: 30px;
  padding: 6px;
  float: none;
  position: absolute;
  right: 0;
  bottom: 0px;
  left: auto;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-options {
  width: 196px;
  position: absolute;
  top: 36px;
  border: 1px #929292 solid;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 97;
  border-radius: 3px;
  list-style: none;
  margin: 0px;
  padding: 5% 10%;
  background-color: #ffffff;
  left: -35px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-options .optionButton {
  background: #ffffff;
  display: block;
  color: #282826;
  padding: 7px;
  border: none;
  width: auto;
  min-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: nowrap;
  font-size: 15px;
  position: relative;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-options .customQtyInput {
  padding: 5px;
  width: 56px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-top-options {
  width: 196px;
  position: absolute;
  top: -260px;
  border: 1px #929292 solid;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 97;
  border-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 5% 10%;
  background-color: #ffffff;
  left: -35px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-top-options .optionButton {
  background: #ffffff;
  display: block;
  color: #282826;
  padding: 7px;
  border: none;
  width: auto;
  min-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: nowrap;
  font-size: 15px;
  position: relative;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .dropdown-top-options .customQtyInput {
  padding: 5px;
  width: 56px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp input {
  width: 40px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .qty-commit-btn {
  color: #ffffff;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#272727));
  background: linear-gradient(180deg, #4c4c4c, #272727);
  padding: 8px 14px 7px 14px;
  font-size: 13px;
  line-height: 1em;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  display: inline;
  min-width: inherit;
  text-decoration: none;
  margin: 5px;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .qty-commit-btn:hover {
  text-decoration: underline !important;
}

.view-lists-edit .list-items-display .edit-list-item-container .edit-list-item-quantity-drp .icon-dropdown-small {
  width: 12px;
  height: 6px;
  position: relative;
  top: -1px;
  right: 0px;
}

.view-lists-create-first .draw-content-body .warning-title {
  margin-top: 20px;
}

.view-teammember .draw-content-header .intro {
  line-height: 1.3em;
}

.view-add-mobile h1 {
  margin: 0 0 15px;
}

@media (min-width: 48em) {
  .view-add-mobile h1 {
    margin: 0 0 20px;
  }
}

.view-add-mobile .warning-title {
  font-size: 24px;
  margin-bottom: 5px;
}

.view-add-mobile hr {
  margin: 10px 0 20px;
}

@media (min-width: 48em) {
  .view-add-mobile hr {
    margin: 20px 0 25px;
  }
}

.view-add-mobile .input-container .form-field-input.mobile-number-input {
  width: 240px;
}

.view-add-mobile-success .plain-text {
  margin-top: 15px;
}

@media (min-width: 48em) {
  .view-add-mobile-success .plain-text {
    margin-top: 25px;
  }
}

.view-delivery-preference .draw-content-body .delivery-preference-espot {
  padding-left: 26px;
  padding-top: 15px;
}

.view-delivery-preference .draw-content-body h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

@media (min-width: 60.9375em) {
  .view-account .draw-warning .account-info {
    padding: 0px 30px;
  }
}

@media (min-width: 64.0625em) {
  .view-account .draw-warning .account-info {
    padding: 0px 14px;
  }
}

/* Author: Jacob Gibellini */
.view-delivery .draw-content-header, .view-delivery-options .draw-content-header {
  position: relative;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .view-delivery .draw-content-header h1, .view-delivery-options .draw-content-header h1 {
    margin: 0;
  }
}

.view-delivery .draw-content-header p, .view-delivery-options .draw-content-header p {
  margin: 0;
}

.view-delivery .draw-content-header a, .view-delivery-options .draw-content-header a {
  font-size: .722222222em;
  font-weight: bold;
  text-transform: lowercase;
  color: #4c4c4c;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

@media (max-width: 47.99em) {
  .view-delivery .draw-content-header a, .view-delivery-options .draw-content-header a {
    font-size: 0.8571428571428571em;
  }
}

.view-delivery .draw-content-header a:hover, .view-delivery-options .draw-content-header a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-delivery .draw-content-header a:focus, .view-delivery-options .draw-content-header a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-delivery p.title, .view-delivery-options p.title {
  color: #262626;
  font-size: 1.153846154em;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .view-delivery p.title, .view-delivery-options p.title {
    font-size: 1.0769230769em;
  }
}

.view-delivery .draw-warning .warning-title .timeslot, .view-delivery-options .draw-warning .warning-title .timeslot {
  font-size: 1em;
  color: #262626;
  margin: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.view-delivery .draw-warning .icon-delivery,
.view-delivery .draw-warning .icon-remotedelivery,
.view-delivery .draw-warning .icon-clickandcollect, .view-delivery-options .draw-warning .icon-delivery,
.view-delivery-options .draw-warning .icon-remotedelivery,
.view-delivery-options .draw-warning .icon-clickandcollect {
  width: 116px;
  height: 70px;
  color: #909090;
  margin-bottom: 20px;
}

@media (max-width: 47.99em) {
  .view-delivery .draw-warning .icon-delivery,
  .view-delivery .draw-warning .icon-remotedelivery,
  .view-delivery .draw-warning .icon-clickandcollect, .view-delivery-options .draw-warning .icon-delivery,
  .view-delivery-options .draw-warning .icon-remotedelivery,
  .view-delivery-options .draw-warning .icon-clickandcollect {
    width: 80px;
    height: 50px;
    margin-bottom: 10px;
  }
}

.view-delivery .draw-warning .icon-delivery, .view-delivery-options .draw-warning .icon-delivery {
  margin-right: 25px;
}

@media (max-width: 47.99em) {
  .view-delivery .draw-warning, .view-delivery-options .draw-warning {
    padding: 15px;
  }
}

.view-delivery .cc-locations, .view-delivery-options .cc-locations {
  height: 100%;
}

.view-delivery .cc-locations .title, .view-delivery-options .cc-locations .title {
  margin-top: 0;
}

.view-delivery .expiry-warning, .view-delivery-options .expiry-warning {
  margin: 0;
}

.view-delivery .expiry-warning strong, .view-delivery-options .expiry-warning strong {
  display: block;
}

.view-delivery .d-option, .view-delivery-options .d-option {
  width: 100%;
  text-align: left;
  color: #5c5c5c;
  border: 1px #d6d6d6 solid;
  margin-bottom: 10px;
  min-height: 70px;
  font-size: 1em;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option, .view-delivery-options .d-option {
    padding: 0;
    min-height: 65px;
  }
}

.view-delivery .d-option p, .view-delivery-options .d-option p {
  padding: 5px 0 3px 50px !important;
  font-size: 0.8461538462em;
  line-height: 1.363636364em;
  margin: 0;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option p, .view-delivery-options .d-option p {
    font-size: 0.846em;
    padding: 10px 20px 10px 50px !important;
  }
}

.view-delivery .d-option strong, .view-delivery-options .d-option strong {
  font-size: 1.1818181818em;
  color: #262626;
  display: block;
  margin-bottom: 4px;
  white-space: normal !important;
  word-wrap: break-word;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option strong, .view-delivery-options .d-option strong {
    margin-bottom: 0;
  }
}

.view-delivery .d-option .icon, .view-delivery-options .d-option .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #999999;
}

.view-delivery .d-option .icon-address,
.view-delivery .d-option .icon-delivery,
.view-delivery .d-option .icon-remotedelivery,
.view-delivery .d-option .icon-clickandcollect,
.view-delivery .d-option .icon-shopping-bag, .view-delivery-options .d-option .icon-address,
.view-delivery-options .d-option .icon-delivery,
.view-delivery-options .d-option .icon-remotedelivery,
.view-delivery-options .d-option .icon-clickandcollect,
.view-delivery-options .d-option .icon-shopping-bag {
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  fill: #5c5c5c !important;
}

.view-delivery .d-option .icon-delivery, .view-delivery-options .d-option .icon-delivery {
  width: 34px !important;
  height: 21px !important;
  left: 14px;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option .icon-delivery, .view-delivery-options .d-option .icon-delivery {
    left: 8px;
  }
}

.view-delivery .d-option .icon-shopping-bag, .view-delivery-options .d-option .icon-shopping-bag {
  width: 24px !important;
  height: 28px !important;
  left: 20px;
  margin-top: -3px;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option .icon-shopping-bag, .view-delivery-options .d-option .icon-shopping-bag {
    left: 14px;
  }
}

.view-delivery .d-option .icon-clickandcollect, .view-delivery-options .d-option .icon-clickandcollect {
  width: 24px !important;
  height: 28px !important;
  left: 20px;
  margin-top: -3px;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option .icon-clickandcollect, .view-delivery-options .d-option .icon-clickandcollect {
    left: 14px;
  }
}

.view-delivery .d-option .icon-remotedelivery, .view-delivery-options .d-option .icon-remotedelivery {
  width: 28px !important;
  height: 28px !important;
  left: 20px;
}

@media (max-width: 47.99em) {
  .view-delivery .d-option .icon-remotedelivery, .view-delivery-options .d-option .icon-remotedelivery {
    left: 13px;
  }
}

.view-delivery .d-option .icon-address, .view-delivery-options .d-option .icon-address {
  width: 34px !important;
  height: 34px !important;
  left: 16px;
}

.view-delivery .d-option-other, .view-delivery-options .d-option-other {
  text-align: center;
  color: #4c4c4c;
  margin-top: 10px;
  margin-bottom: 28px;
}

.view-delivery .d-option-other a, .view-delivery-options .d-option-other a {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-delivery .d-option-other a:hover, .view-delivery-options .d-option-other a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-delivery .d-option-other a:focus, .view-delivery-options .d-option-other a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-delivery .add-address-button, .view-delivery-options .add-address-button {
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.tick {
  position: relative;
  left: 58%;
  top: 14px;
  border-radius: 100%;
  background-color: #008a23;
  width: 30px;
  height: 30px;
  display: block;
}

.tick .icon {
  fill: #ffffff;
  color: #ffffff;
  width: 15px;
  height: 15px;
  margin-top: 7px;
}

/* GA: Added to ensure that the nickname error page form is aligned to the left. */
.view-add-address form {
  text-align: left;
}

.view-select-address .draw-content-body {
  padding-top: 0;
}

.view-guest-dss .warning-title {
  max-width: 210px;
  margin: 0 auto;
}

.view-address-error .warning-title {
  max-width: 360px;
  margin: 0 auto;
}

.view-delivery-options .input-container {
  padding: 20px 60px 0px 70px;
  line-height: 1.3em;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .view-delivery-options .input-container {
    padding: 20px 15px 0px 60px;
  }
}

.view-delivery-options .input-container:last-child {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}

.view-delivery-options .input-container span.heading {
  display: block;
  margin-bottom: 5px;
  color: #262626;
}

@media (max-width: 47.99em) {
  .view-delivery-options .input-container span.heading {
    font-size: 1.0769230769230769em;
  }
}

.view-delivery-options .input-container .text-wrapper {
  line-height: 1.4em;
  color: #4c4c4c;
}

.view-delivery-options .input-container .text-wrapper .heading {
  display: block;
  margin-bottom: 0;
  color: #262626;
}

.view-delivery-options .input-container a {
  display: inline-block;
  margin-top: 5px;
  font-weight: normal;
  text-decoration: underline;
  color: #4c4c4c;
}

.view-delivery-options .input-container a:focus {
  outline: 1px dotted #6d6d6d;
}

.view-delivery-options .input-container .icon {
  width: 37px;
  height: 27px;
  position: absolute;
  left: 13px;
}

.view-delivery-options .input-container .icon.icon-truck {
  height: 23px;
  -webkit-transform: translateX(4px);
      -ms-transform: translateX(4px);
          transform: translateX(4px);
}

.view-delivery-options .input-container .icon.icon-remotedelivery {
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}

.view-delivery-options .input-container .icon.icon-shopping-bag {
  -webkit-transform: translate(3px);
      -ms-transform: translate(3px);
          transform: translate(3px);
}

.view-delivery-options .input-container .icon.icon-clickandcollect {
  -webkit-transform: translate(3px);
      -ms-transform: translate(3px);
          transform: translate(3px);
}

.view-rd-info .draw-content-header {
  width: 100%;
}

.view-rd-info .draw-content-header .heading {
  position: relative;
  left: 50px;
}

.view-rd-info .input-container {
  padding: 0 0 0 70px;
  min-height: 70px;
  border-top: 0;
}

.view-rd-info .input-container.last:before, .view-rd-info .input-container.last:after {
  display: none;
}

.view-rd-info .input-container:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 34px;
  position: absolute;
  background: #262626;
}

.view-rd-info .input-container:before {
  content: '';
  display: block;
  width: 70px;
  height: 35px;
  top: 0;
  left: 0px;
  position: absolute;
  background: #ffffff;
  z-index: 2;
}

.view-rd-info .input-container .icon {
  position: absolute;
  left: 20px;
  width: 30px;
  height: 30px;
  z-index: 3;
}

.view-rd-info .input-container .icon.icon-dropdown-small {
  width: 12px;
  height: 8px;
  bottom: -2px;
  left: 30px;
  -webkit-transform: translateX(-0.5px);
      -ms-transform: translateX(-0.5px);
          transform: translateX(-0.5px);
}

.view-rd-info .input-container .text-wrapper span {
  display: block;
}

.view-rd-info .input-container .text-wrapper span.heading {
  margin-bottom: 0;
}

.view-rd-providers .draw-content-body {
  padding-top: 0;
}

.view-rd-providers .draw-content-body .address-list li {
  padding: 0;
}

.view-rd-providers .draw-content-body .address-list li .button {
  width: 100%;
  padding: 20px 55px 20px 65px;
  font-size: 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.view-rd-providers .draw-content-body .address-list li .button .heading {
  font-size: 1em;
}

.view-rd-providers .draw-content-body .address-list li .button .address-details {
  font-size: 0.846em;
}

.view-rd-providers .draw-content-body .address-list li .button .icon {
  position: absolute;
  top: 20px;
  display: block;
  float: left;
  white-space: nowrap;
}

.view-rd-providers .draw-content-body .address-list li .button .icon.icon-remotedelivery {
  width: 27px;
  height: 26px;
  left: 21px;
}

.view-rd-providers .draw-content-body .address-list li .button .icon.icon-arrow {
  top: 50%;
}

.view-orders-modify-warning .warning-title {
  line-height: 1.3em;
  max-width: 300px;
  margin: 5px auto 20px;
}

.view-orders-modify-warning .warning-title span[aria-hidden="true"] {
  display: inline;
}

.view-orders-modify-warning .icon-order {
  width: 80px;
  height: 82px;
  color: #2d2d37;
  margin-bottom: 13px;
}

.view-orders-modify-warning .warning-body {
  font-size: 1.153846154em;
}

.view-orders-modify-warning .warning-body h2 {
  text-align: left;
  margin-left: 20px;
  font-size: 1em;
}

.view-orders-modify-warning .warning-body p {
  text-align: left;
  line-height: 1.4em;
  padding: 0 18px;
  margin: 0.6em 0;
}

.view-orders-modify-warning .warning-body ol {
  text-align: left;
  padding: 0 30px;
  margin-left: 10px;
}

.view-orders-modify-warning .warning-body ol li {
  line-height: 1.3em;
  margin-bottom: 10px;
}

.view-orders-modify-warning .warning-body ol li:last-child {
  margin-bottom: 0;
}

.view-orders-modify-warning .warning-body .note {
  font-size: .866666667em;
  color: #5c5c5c;
  margin: 2em 0 0;
}

.view-modify-error .warning-content h1 {
  padding: 0 10%;
}

.view-modify-error .warning-content p {
  font-size: 1.384615385em;
  line-height: 1.4em;
  margin-bottom: 0;
}

.view-modify-error .warning-content p span {
  display: block;
  font-weight: bold;
  color: #262626;
}

.view-orders-placed .draw-content-header p {
  font-size: 1.153846154em;
  line-height: 1.4em;
}

.view-orders-placed .draw-content-header .heading {
  line-height: 1em;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-header .heading {
    line-height: 1.3em;
  }
}

.view-orders-placed .draw-content-header .subtitle {
  color: #5c5c5c;
  margin: 0;
  font-size: 1.384615385em;
  font-weight: normal;
  line-height: 1.3em;
}

.view-orders-placed .draw-content-body {
  padding-top: 0;
}

.view-orders-placed .draw-content-body .preloaderContainer.is-active {
  margin-top: 20px;
}

.view-orders-placed .draw-content-body li a {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
}

.view-orders-placed .draw-content-body li a:hover, .view-orders-placed .draw-content-body li a:focus {
  text-decoration: underline;
}

.view-orders-placed .draw-content-body .orderSummary {
  width: calc(100% + 40px);
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
}

.view-orders-placed .draw-content-body .orderSummary h2, .view-orders-placed .draw-content-body .orderSummary h3 {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .icon {
    position: absolute;
    left: 13px;
    top: 25px;
    width: 37px;
  }
  .view-orders-placed .draw-content-body .orderSummary .icon.icon-truck {
    width: 37px;
    height: 23px;
  }
  .view-orders-placed .draw-content-body .orderSummary .icon.icon-delivery {
    width: 37px;
    height: 23px;
  }
  .view-orders-placed .draw-content-body .orderSummary .icon.icon-clickandcollect {
    width: 37px;
    height: 29px;
  }
  .view-orders-placed .draw-content-body .orderSummary .icon.icon-remotedelivery {
    width: 37px;
    height: 28px;
    margin-left: 0px;
  }
  .view-orders-placed .draw-content-body .orderSummary .icon.icon-shopping-bag {
    width: 37px;
    height: 29px;
  }
}

.view-orders-placed .draw-content-body .orderSummary .trolley, .view-orders-placed .draw-content-body .orderSummary .address, .view-orders-placed .draw-content-body .orderSummary .discount-list, .view-orders-placed .draw-content-body .orderSummary .paymentSummary, .view-orders-placed .draw-content-body .orderSummary .paymentInvoice {
  padding: 20px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .trolley .icon.icon-trolley, .view-orders-placed .draw-content-body .orderSummary .address .icon.icon-trolley, .view-orders-placed .draw-content-body .orderSummary .discount-list .icon.icon-trolley, .view-orders-placed .draw-content-body .orderSummary .paymentSummary .icon.icon-trolley, .view-orders-placed .draw-content-body .orderSummary .paymentInvoice .icon.icon-trolley {
    left: 13px;
  }
}

.view-orders-placed .draw-content-body .orderSummary .trolley a {
  font-weight: bold !important;
}

.view-orders-placed .draw-content-body .orderSummary .bagging .icon-bagging {
  width: 29px;
  height: 29px;
  left: 27px;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .bagging .icon-bagging {
    left: 16px;
    height: 26px;
  }
}

.view-orders-placed .draw-content-body .orderSummary .discount-list {
  border-bottom: 1px solid #e2e2e2;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list .icon-discounts {
  width: 29px;
  height: 29px;
  left: 27px;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .discount-list .icon-discounts {
    left: 16px;
    height: 26px;
  }
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul {
  margin-top: 20px;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li {
  padding: 5px 0 !important;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li span.coupon-desc {
  width: calc(100% - 80px) !important;
  display: inline;
  word-wrap: break-word;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .discount-list ul li span.coupon-desc {
    top: 10px;
    margin: 5px 0 5px 0;
  }
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li span.coupon-desc .button-plain {
  position: static;
  display: inline;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  padding: 3px 5px !important;
  line-height: 1;
  font-size: 11px;
  margin: 0px;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li span.coupon-amount {
  width: 75px !important;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li .remove-promo {
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li .remove-promo:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-orders-placed .draw-content-body .orderSummary .discount-list ul li .remove-promo:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-orders-placed .draw-content-body .orderSummary .right {
  font-size: 1.615384615em !important;
  right: 20px !important;
  top: 20px !important;
  line-height: 1em;
}

.view-orders-placed .draw-content-body .orderSummary .icon {
  top: 20px !important;
}

.view-orders-placed .draw-content-body .orderSummary .icon.icon-paypal {
  left: 16px !important;
}

.view-orders-placed .draw-content-body .orderSummary .savings {
  margin-top: 0px !important;
}

.view-orders-placed .draw-content-body .orderSummary .delivery-address h3,
.view-orders-placed .draw-content-body .orderSummary .delivery-address h2 {
  margin-bottom: 4px !important;
}

.view-orders-placed .draw-content-body .orderSummary .trolleySummaryContainer {
  padding: 0 !important;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice {
  font-size: 1.153846154em;
  min-height: 90px;
  position: relative;
  padding-right: 0px !important;
  border-bottom: 1px solid #e6e6e6;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice span {
  display: inline-block;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .left {
  font-size: 13px;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice h2 {
  margin-bottom: 5px !important;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice p {
  margin: 0;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice a {
  font-weight: bold;
  margin-bottom: 3px;
  text-decoration: underline;
  padding: 5px 0;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice a:focus {
  outline: 1px dotted #6d6d6d;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice a span {
  display: inline;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .icon-invoice {
  height: 32px;
  width: 25px;
  left: 29px;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .paymentInvoice .icon-invoice {
    height: 30px;
    width: 25px;
    left: 22px;
  }
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .plain-heading {
  font-size: 1em;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .invoice {
  margin-top: 15px;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .invoice-link {
  padding-left: 9px;
  margin-left: 5px;
  position: relative;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .invoice-link:after {
  display: block;
  position: absolute;
  content: '';
  top: 7px;
  left: 0;
  height: 12px;
  width: 1px;
  background: #e6e6e6;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .invoice-link:first-child {
  padding-left: 0;
  margin-left: 0;
}

.view-orders-placed .draw-content-body .orderSummary .paymentInvoice .invoice-link:first-child:after {
  display: none;
}

.view-orders-placed .draw-content-body .orderSummary .address {
  margin-top: 0;
}

@media (max-width: 47.99em) {
  .view-orders-placed .draw-content-body .orderSummary .delivery-address.left {
    max-width: calc(100% - 120px);
  }
}

.view-orders-placed .trolleySummaryContainer {
  margin-bottom: 0 !important;
}

.view-orders-placed .trolleySummary {
  margin: 0 !important;
}

.view-orders-placed .trolleySummary a {
  color: #4c4c4c !important;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-orders-placed .trolleySummary a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none !important;
}

.view-orders-placed .trolleySummary a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none !important;
}

.view-orders-placed .trolleySummary .address .delivery-address,
.view-orders-placed .trolleySummary .address .delivery-instructions {
  margin-bottom: 8px;
}

.view-orders-placed .trolleySummary .address .reference-container {
  margin-top: 8px;
}

.view-orders-placed .trolleySummary .address .delivery-instructions {
  word-wrap: break-word;
}

.view-orders-placed .paymentSummary {
  font-size: 1.153846154em;
  min-height: 90px;
}

.view-orders-placed .paymentSummary .card-number, .view-orders-placed .paymentSummary .account-holder {
  margin: 0 !important;
  font-size: 0.8666666667em !important;
}

.view-orders-placed .paymentSummary .account-holder {
  max-width: calc(100% - 110px);
  word-break: break-all;
}

.view-orders-placed .paymentSummary .right {
  font-size: 1.4em !important;
}

.view-orders-placed .disclaimer {
  display: block;
  width: 100%;
  text-align: center;
  color: #5c5c5c;
  margin: 20px 0;
  font-size: 0.846em;
}

.view-orders-placed .order-summary-footer .button {
  display: block;
  margin-top: 10px;
}

.disclaimer .view-orders-placed .order-summary-footer .button-dark {
  margin-top: 20px;
}

.view-orders-placed .order-summary-footer .button-plain {
  border: none;
  text-align: center;
  font-size: 1em;
  color: #5c5c5c;
  text-decoration: underline;
  margin-top: 10px;
}

.view-orders-placed .order-summary-footer .button-plain:focus {
  background: none;
  outline: 1px dotted #6d6d6d;
}

.view-order-items .draw-content-body {
  padding-top: 0;
}

.view-order-items .draw-content-body .item-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.view-order-items .draw-content-body .item-list li {
  border-bottom: 1px solid #f3f3f3;
  padding: 15px 10px;
  width: 100%;
}

.view-order-items .draw-content-body .item-list li.is-saving {
  background: #fffbbf;
  border-bottom-color: #ffffff;
  border-top-color: #ffffff;
}

.view-order-items .draw-content-body .item-list li.is-saving + li {
  border-top-color: #ffffff;
}

.view-order-items .draw-content-body .item-list li span {
  display: inline-block;
  vertical-align: top;
  line-height: 1.4em;
  margin: 0;
}

.view-order-items .draw-content-body .item-list li span[role="text"] {
  display: block;
}

.view-order-items .draw-content-body .item-list li span.product-brand {
  width: 90px;
  font-size: 0.846em;
  padding-right: 10px;
}

@media (max-width: 47.99em) {
  .view-order-items .draw-content-body .item-list li span.product-brand {
    width: 75px;
  }
}

.view-order-items .draw-content-body .item-list li span.product-name {
  width: calc(100% - 195px);
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1em;
  padding-right: 10px;
}

@media (max-width: 47.99em) {
  .view-order-items .draw-content-body .item-list li span.product-name {
    width: calc(100% - 180px);
  }
}

.view-order-items .draw-content-body .item-list li span.product-price {
  width: 85px;
  text-align: right;
}

@media (max-width: 47.99em) {
  .view-order-items .draw-content-body .item-list li span.product-price {
    width: 95px;
  }
}

.view-order-items .draw-content-body .item-list li span.product-price .savings {
  display: block;
  color: #e01a22;
  font-size: 0.846em;
  font-weight: normal;
}

.view-order-items .draw-content-body .disclaimer {
  display: block;
  width: 100%;
  text-align: center;
  color: #5c5c5c;
  margin: 20px 0 0;
  font-size: 0.846em;
}

.view-past-orders .draw-content-header {
  margin: 0 20px;
  border-bottom: 1px #dcdcdc solid;
}

@media (max-width: 47.99em) {
  .view-past-orders .draw-content-header {
    margin: 0;
  }
}

.view-past-orders .draw-content-header h1 {
  margin-bottom: 4px;
}

.view-past-orders .draw-content-header .address-filter {
  color: #4c4c4c;
}

.view-past-orders .draw-content-header .address-filter a {
  color: #4c4c4c;
  text-transform: lowercase;
  margin-left: 5px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-past-orders .draw-content-header .address-filter a:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-past-orders .draw-content-header .address-filter a:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
}

@media (max-width: 47.99em) {
  .view-past-orders .draw-content-header .address-filter {
    font-size: 1.0769230769230769em;
  }
}

.view-past-orders .draw-content-body {
  padding-top: 0;
}

.view-past-orders .draw-content-body .order-list {
  margin: 0 -20px 20px -20px;
  padding: 0;
  list-style-type: none;
}

.view-past-orders .draw-content-body .order-list li {
  margin: 0;
  position: relative;
  border-bottom: 1px solid #e2e2e2;
}

.view-past-orders .draw-content-body .order-list li .icon {
  position: absolute;
  left: 13px;
  top: 25px;
  width: 37px;
}

.view-past-orders .draw-content-body .order-list li .icon.icon-arrow {
  left: auto;
  right: 20px;
  fill: #ccc;
  height: 13px;
  width: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 47.99em) {
  .view-past-orders .draw-content-body .order-list li .icon.icon-arrow {
    right: 25px;
  }
}

.view-past-orders .draw-content-body .order-list li .icon.icon-truck {
  height: 23px;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.view-past-orders .draw-content-body .order-list li .icon.icon-delivery {
  height: 23px;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}

.view-past-orders .draw-content-body .order-list li .icon.icon-clickandcollect {
  height: 26px;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}

.view-past-orders .draw-content-body .order-list li .icon.icon-remotedelivery {
  height: 27px;
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}

.view-past-orders .draw-content-body .order-list li .icon.icon-shopping-bag {
  height: 25px;
  -webkit-transform: translate(3px);
      -ms-transform: translate(3px);
          transform: translate(3px);
}

.view-past-orders .draw-content-body .order-list li a {
  color: #262626;
  display: block;
  padding: 20px 60px 20px 70px;
}

.view-past-orders .draw-content-body .order-list li a:hover, .view-past-orders .draw-content-body .order-list li a:focus {
  text-decoration: none;
}

.view-past-orders .draw-content-body .order-list li a:hover h3, .view-past-orders .draw-content-body .order-list li a:focus h3 {
  text-decoration: underline;
}

.view-past-orders .draw-content-body .order-list li a:hover span, .view-past-orders .draw-content-body .order-list li a:focus span {
  text-decoration: underline;
}

.view-past-orders .draw-content-body .order-list li .heading {
  font-size: 1.153846154em;
  /* 15px */
  margin: 0 0 3px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.view-past-orders .draw-content-body .order-list li .modify-expiry {
  display: block;
  font-weight: bold;
}

.view-past-orders .draw-content-body .order-list li .order-details {
  color: #4c4c4c;
}

.view-past-orders .draw-content-body .order-list li .order-details span {
  display: block;
}

.view-past-orders .draw-content-body .order-list li .order-details span.delivery-time {
  display: inline;
}

.view-past-orders .draw-content-body .order-list li .order-details span.delivery-time.is-delayed {
  color: #da2a32;
}

.view-past-orders .draw-content-body .order-list li.order-ready .heading {
  color: #B85D0C;
}

.view-past-orders .draw-content-body .order-list li.order-complete .heading {
  color: #008a23;
}

.view-past-orders .draw-content-body .order-list li.order-complete .icon-container {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  background-color: #008a23;
  position: absolute;
  left: 41px;
}

.view-past-orders .draw-content-body .order-list li.order-complete .icon-container .icon-roundedtick {
  fill: #fff;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
}

.view-past-orders .draw-content-body .order-list li.order-cancelled .icon-container {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: block;
  background-color: #da2a32;
  position: absolute;
  left: 41px;
  top: 17px;
}

.view-past-orders .draw-content-body .order-list li.order-cancelled .icon-container .minus {
  display: block;
  width: 6px;
  height: 2px;
  background: #ffffff;
  margin: 6px 0 0 4px;
}

.view-past-orders .draw-content-body .order-list li .locker-pin {
  font-weight: bold;
}

.view-past-orders .draw-content-body .order-list li .locker-pin.is-unavailable {
  font-weight: normal;
}

.view-past-orders .draw-content-body .order-list li .locker-pin.is-error {
  font-weight: normal;
  padding-left: 40px;
  position: relative;
}

.view-past-orders .draw-content-body .order-list li .locker-pin p {
  margin: 6px 0 0;
}

.view-past-orders .draw-content-body .order-list li .locker-pin .icon-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 31px;
}

.view-past-orders .draw-content-body .old-order-link {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-past-orders .draw-content-body .old-order-link:hover {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-past-orders .draw-content-body .old-order-link:focus {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-order-cancel .draw-warning .warning-content .warning-title {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.view-order-cancelling .draw-warning .warning-content .warning-title {
  display: block;
  margin-top: 20px;
  font-weight: bold;
}

.view-order-cancelling .draw-warning .warning-content .warning-title span[aria-hidden="true"] {
  display: inline;
}

.view-order-filter .draw-content-header span[aria-hidden="true"] {
  padding: 0;
  font-size: 1em;
  color: #262626;
  font-weight: inherit;
}

.view-order-filter .draw-content-body {
  padding-top: 0;
}

.view-order-filter .draw-content-body .address-list li {
  padding: 0;
}

.view-order-filter .draw-content-body .address-list li .button {
  width: 100%;
  padding: 20px 55px 20px 65px;
  font-size: 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 48em) {
  .view-order-filter .draw-content-body .address-list li .button .heading {
    font-size: 1em;
  }
}

@media (min-width: 48em) {
  .view-order-filter .draw-content-body .address-list li .button .address-details {
    font-size: 0.846em;
  }
}

.view-order-filter .draw-content-body .address-list li .button .tick {
  display: none;
}

.view-order-filter .draw-content-body .address-list li .button .icon {
  position: absolute;
  top: 20px;
  display: block;
  float: left;
  white-space: nowrap;
}

.view-order-filter .draw-content-body .address-list li .button .icon.icon-delivery {
  width: 34px;
  height: 21px;
  left: 15px;
}

.view-order-filter .draw-content-body .address-list li .button .icon.icon-clickandcollect {
  width: 28px;
  height: 26px;
  left: 18px;
}

.view-order-filter .draw-content-body .address-list li .button .icon.icon-remotedelivery {
  width: 27px;
  height: 26px;
  left: 21px;
}

.view-order-filter .draw-content-body .address-list li .button .icon.icon-roundedtick {
  display: none;
}

.view-order-filter .draw-content-body .address-list li .button .icon.icon-arrow {
  top: 50%;
}

@media (max-width: 47.99em) {
  .view-order-filter .draw-content-body .address-list li.select-all .button .heading {
    width: 85%;
  }
}

.view-order-filter .draw-content-body .address-list li.is-active .button .heading, .view-order-filter .draw-content-body .address-list li.is-active .button .address-details {
  text-decoration: underline;
}

.view-order-filter .draw-content-body .address-list li.is-active .button:focus {
  outline: 1px dotted #6d6d6d;
}

.view-order-filter .draw-content-body .address-list li.is-active .button .icon-arrow {
  display: none;
}

.view-order-filter .draw-content-body .address-list li.is-active .button .tick {
  position: absolute;
  right: 20px;
  left: auto;
  top: 50%;
  border-radius: 100%;
  background-color: #008a23;
  width: 25px;
  height: 25px;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.view-order-filter .draw-content-body .address-list li.is-active .button .tick .icon {
  fill: #ffffff;
}

.view-order-filter .draw-content-body .address-list li.is-active .button .tick .icon.icon-roundedtick {
  display: block;
  position: static;
  height: 10px;
  padding-right: 12px;
  padding-top: 1px;
}

.view-order-filter .draw-content-body .address-list li.select-all .button {
  padding: 30px 0 30px 65px;
}

.view-order-none .icon-past-orders {
  width: 105px;
  height: 105px;
  margin-bottom: 15px;
  fill: #909090;
}

.view-login-register {
  display: block;
}

@media (min-width: 30em) {
  .view-login-register {
    height: 100%;
  }
}

.view-login-register.view-login-options .draw-content-header {
  border-bottom-color: #ffffff;
}

.view-login-register.view-login-options .draw-content-body .icon-container {
  width: 100%;
  text-align: center;
}

.view-login-register.view-login-options .draw-content-body .icon-container .icon-trolley {
  fill: #909090;
  width: 125px;
  height: 98px;
  margin: 0px auto 40px;
}

.view-login-register.view-login-options .draw-content-body .login-register {
  padding: 0;
  margin: 0 -20px;
  width: calc(100% + 40px);
  list-style-type: none;
}

.view-login-register.view-login-options .draw-content-body .login-register li {
  border-bottom: 1px solid #e2e2e2;
  font-size: 1.153846154em;
  color: #4c4c4c;
  position: relative;
}

.view-login-register.view-login-options .draw-content-body .login-register li a {
  padding: 20px;
  display: block;
  color: #262626;
}

.view-login-register.view-login-options .draw-content-body .login-register li a:hover, .view-login-register.view-login-options .draw-content-body .login-register li a:focus {
  text-decoration: none;
}

.view-login-register.view-login-options .draw-content-body .login-register li a:hover .cta, .view-login-register.view-login-options .draw-content-body .login-register li a:focus .cta {
  text-decoration: underline;
}

.view-login-register.view-login-options .draw-content-body .login-register li a .cta {
  font-weight: bold;
  padding-right: 15px;
  position: absolute;
  right: 20px;
  text-decoration: none;
}

.view-login-register.view-login-options .draw-content-body .login-register li a .icon-arrow {
  height: 13px;
  width: 7px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #cccccc;
}

.view-login-register.view-login-options .draw-content-body .login-register li:first-child {
  border-top: 1px solid #e2e2e2;
}

.view-login-register.view-login .draw-content-header p {
  margin: 5px 0 0;
}

.view-login-register.view-login .input-container input[type="email"], .view-login-register.view-login .input-container input[type="password"] {
  width: 100%;
  margin: 10px 0 5px;
}

.view-login-register.view-login .input-container a {
  color: #4c4c4c;
  text-decoration: none;
  display: inline-block;
  padding: 7.5px 0;
  margin: 10px 0 0 0;
}

.view-login-register.view-login .input-container a span[role="text"] {
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-login-register.view-login .input-container a:hover span[role="text"] {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-login-register.view-login .input-container a:focus span[role="text"] {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-login-register.view-login .input-container label.form-field-checkbox-label {
  color: #262626;
}

.view-login-register.view-signup-address #call-this-number ~ .form-field-checkbox-mask,
.view-login-register.view-signup-address label[for="call-this-number"] {
  opacity: 0.5;
}

.view-login-register.view-signup-address .input-container.contact .heading {
  margin-bottom: 0;
}

.view-login-register.view-signup-address .input-container.contact .input-inner-container label {
  margin-top: 15px !important;
}

.view-login-register.view-signup-address .input-container {
  vertical-align: top;
}

.view-login-register.view-signup-address .input-container.postcode, .view-login-register.view-signup-address .input-container.state {
  width: calc(50% - 5px);
  margin-right: 5px;
  margin-top: 0;
}

.view-login-register.view-signup-address .input-container.postcode label, .view-login-register.view-signup-address .input-container.state label {
  font-size: 1.153846154em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  color: #262626;
}

.view-login-register.view-signup-address .input-container.state {
  margin-right: 0;
}

.view-login-register.view-signup-address .input-container.state label {
  margin-bottom: 5px;
}

.view-login-register.view-signup-address .input-container.state .form-field-dropdown-list-mask {
  width: 100%;
}

.view-login-register.view-signup-address-confirm .draw-content-body {
  padding-top: 0;
}

.view-login-register.view-forgotten-password .draw-content-header .intro {
  margin: 5px 0 0;
  line-height: 1.3em;
  padding: 0;
}

.view-login-register.view-forgotten-password .draw-content-body .forgotten-email {
  margin-top: 4px;
  display: block;
}

.view-login-register.view-forgotten-password .draw-content-body .input-container a {
  color: #4c4c4c;
  display: inline-block;
  text-decoration: none;
  display: inline-block;
  padding: 7.5px 0;
  margin: 10px 0 0 0;
}

.view-login-register.view-forgotten-password .draw-content-body .input-container a span[role="text"] {
  border-bottom: 1px solid #aaa;
  padding-bottom: 1px;
}

.view-login-register.view-forgotten-password .draw-content-body .input-container a:hover span[role="text"] {
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-login-register.view-forgotten-password .draw-content-body .input-container a:focus span[role="text"] {
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
  text-decoration: none;
}

.view-login-register.view-forgotten-email .draw-content-header {
  margin-bottom: 20px;
}

.view-login-register.view-forgotten-email .draw-content-header .intro {
  margin: 5px 0 0;
  line-height: 1.3em;
  padding: 0;
}

.view-login-register.view-forgotten-email .draw-content-body .container {
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  padding-left: 70px;
  padding-bottom: 20px;
}

.view-login-register.view-forgotten-email .draw-content-body .container .icon-account {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 20px;
}

.view-login-register.view-forgotten-email .draw-content-body .container span {
  display: block;
}

.view-login-register.view-forgotten-email .draw-content-body .container span.heading {
  font-weight: bold;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-header {
  padding-bottom: 10px;
  border: 0;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-header h1 {
  letter-spacing: -0.3px;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-body {
  padding-top: 0;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-body form .input-container {
  margin-top: 0;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-body form .input-container .form-field-input {
  width: 290px;
  padding-right: 35px;
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-body form .input-container .clear-input {
  border: 0;
  background: #262626;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateX(-33px);
      -ms-transform: translateX(-33px);
          transform: translateX(-33px);
}

.view-login-register.view-signup-suburb .draw-content-scroll .draw-content-body form .input-container .clear-input .icon-cross {
  width: 8px;
  height: 8px;
  -webkit-transform: translate(0px, -1px);
      -ms-transform: translate(0px, -1px);
          transform: translate(0px, -1px);
  fill: #ffffff;
}

.view-login-register .register-form .input-container.checkbox, .view-login-register .register-address-form .input-container.checkbox {
  padding: 1em 20px;
}

.view-login-register .register-form .skip-to-privacy, .view-login-register .register-address-form .skip-to-privacy {
  margin-top: 5px;
}

.view-login-register .register-form .form-field-dropdown-list-mask, .view-login-register .register-address-form .form-field-dropdown-list-mask {
  margin-top: 5px;
}

.view-login-register .business-details .input-container {
  margin-top: 0;
  margin-bottom: 0;
}

.view-signup-error h1.warning-title {
  margin-bottom: 20px;
  padding: 0 9%;
}

.view-forgotten-email .draw-content-body {
  padding: 0 20px 30px;
}

.view-progress .draw-warning .warning-content {
  position: relative;
}

.view-progress .draw-warning .warning-content .warning-title {
  display: block;
  margin-top: 20px;
  font-weight: bold;
}

.view-progress .draw-warning .warning-content .warning-title span[aria-hidden="true"] {
  display: inline;
}

.view-progress .draw-warning .warning-content .icon-container {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.view-progress .icon-container {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

.view-progress .icon-container .is-visible {
  visibility: visible;
  opacity: 1;
}

.view-progress.is-success .icon-success {
  visibility: visible;
  opacity: 1;
}

.view-progress.is-success .preloaderContainer {
  visibility: hidden;
  opacity: 0;
}

.view-progress.is-warning .icon-warning {
  visibility: visible;
  opacity: 1;
  background: none;
}

.view-progress.is-warning .preloaderContainer {
  visibility: hidden;
  opacity: 0;
}

.view-login-error .draw-warning .warning-title {
  padding-left: 50px;
  padding-right: 50px;
}

.view-login-error .draw-warning .secondary {
  padding-left: 40px;
  padding-right: 40px;
}

.view-hotel-address .form-field-dropdown-list-mask {
  margin-top: 5px;
  width: 100%;
}

.view-hotel-address .input-container .reference-number-input {
  width: 66% !important;
}

.main-content.login .input-container {
  margin-top: 5px;
}

.main-content.login .input-container:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.main-content.login .button.button-dark {
  margin-top: 10px;
}

.main-content.login,
.main-content.register {
  max-width: 420px;
}

@media (max-width: 60.9275em) {
  .main-content.login,
  .main-content.register {
    margin: 0 auto;
  }
}

.main-content.login .main-content-header,
.main-content.register .main-content-header {
  margin-bottom: 5px;
}

@media (min-width: 48em) {
  .main-content.login .main-content-header,
  .main-content.register .main-content-header {
    margin-top: -25px;
  }
}

@media (max-width: 47.99em) {
  .main-content.login .main-content-header .back-link,
  .main-content.register .main-content-header .back-link {
    padding: 0;
    margin: 0 0 5px;
  }
  .main-content.login .main-content-header .back-link a,
  .main-content.register .main-content-header .back-link a {
    padding: 5px 0;
    line-height: 1em;
  }
  .main-content.login .main-content-header .back-link a .icon-arrow,
  .main-content.register .main-content-header .back-link a .icon-arrow {
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}

.main-content.login .main-content-body,
.main-content.register .main-content-body {
  min-height: 315px;
}

.main-content.login .preloaderContainer,
.main-content.register .preloaderContainer {
  margin-top: 95px;
}

.main-content.login .section,
.main-content.register .section {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #e2e2e2;
}

@media (min-width: 48em) {
  .main-content.login .section,
  .main-content.register .section {
    margin-top: 25px;
  }
}

.main-content.login .section:first-child,
.main-content.register .section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.main-content.login .heading-container,
.main-content.register .heading-container {
  margin: 0 0 15px;
}

.main-content.login .heading-container .heading,
.main-content.register .heading-container .heading {
  font-size: 24px;
}

@media (min-width: 48em) {
  .main-content.login .heading-container,
  .main-content.register .heading-container {
    margin: 0 0 20px;
  }
}

.main-content.login .heading,
.main-content.register .heading {
  margin: 0;
}

.main-content.login .intro,
.main-content.register .intro {
  font-size: 16px;
  margin: 5px 0 0;
  padding: 0;
  display: block;
}

.main-content.login .heading + .intro,
.main-content.register .heading + .intro {
  margin-top: 5px;
}

@media (min-width: 48em) {
  .main-content.login .heading + .intro,
  .main-content.register .heading + .intro {
    margin-top: 10px;
  }
}

.main-content.login .subheading,
.main-content.register .subheading {
  margin: 0 0 15px;
  color: #4c4c4c;
  font-size: 18px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  .main-content.login .subheading,
  .main-content.register .subheading {
    font-size: 22px;
  }
}

.main-content.login .input-container .form-field-input,
.main-content.register .input-container .form-field-input {
  width: 100%;
}

.main-content.login .input-container input.postcode-input, .main-content.login .input-container select.state-input,
.main-content.register .input-container input.postcode-input,
.main-content.register .input-container select.state-input {
  width: 150px;
}

.main-content.login .input-container a,
.main-content.register .input-container a {
  display: inline-block;
  padding: 15px 0;
}

.main-content.login .address-list,
.main-content.register .address-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #dcdcdc;
}

.main-content.login .address-list li,
.main-content.register .address-list li {
  padding: 15px 40px 15px 15px;
  margin: 0;
  position: relative;
  border-bottom: 1px solid #e2e2e2;
}

@media (min-width: 48em) {
  .main-content.login .address-list li,
  .main-content.register .address-list li {
    padding: 20px 40px 20px 20px;
  }
}

.main-content.login .address-list li button,
.main-content.register .address-list li button {
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
}

.main-content.login .address-list li button:hover .heading, .main-content.login .address-list li button:focus .heading,
.main-content.register .address-list li button:hover .heading,
.main-content.register .address-list li button:focus .heading {
  text-decoration: underline;
}

.main-content.login .address-list li .heading,
.main-content.register .address-list li .heading {
  font-size: 1.153846154em;
  margin: 0;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.main-content.login .address-list li .address-details,
.main-content.register .address-list li .address-details {
  color: #4c4c4c;
}

.main-content.login .address-list li .icon-arrow,
.main-content.register .address-list li .icon-arrow {
  position: absolute;
  left: auto;
  right: 20px;
  fill: #ccc;
  height: 13px;
  width: 7px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.main-content.login .validation-messages + .input-container,
.main-content.register .validation-messages + .input-container {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.main-content.login .button,
.main-content.register .button {
  width: 100%;
  font-weight: bold;
  padding-top: .75em;
  padding-bottom: .75em;
}

.main-content.login .main-content-warning .button.button-dark,
.main-content.register .main-content-warning .button.button-dark {
  margin-top: 15px;
}

/* =Utilities */
.utils {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  position: relative;
  min-height: 40px;
}

@media (min-width: 48em) {
  .utils {
    margin-bottom: 10px;
  }
}

.espotContainer ~ .utils,
.callout ~ .utils {
  margin-top: 16px;
}

@media (min-width: 48em) {
  .espotContainer ~ .utils,
  .callout ~ .utils {
    margin-top: 25px;
  }
}

.utils .is-disabled {
  color: #b3b3b3;
  cursor: default;
  opacity: 0;
  visibility: hidden;
}

.utils .is-disabled a {
  color: #b3b3b3;
  cursor: default;
}

.utils p {
  margin: 0;
}

@media (max-width: 47.99em) {
  .utils {
    margin-bottom: 8px;
    padding: 0;
    text-align: left;
    height: auto;
    position: relative;
  }
}

.utils.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.utils.no-transition .utils-sorted {
  -webkit-transition: none !important;
  transition: none !important;
}

.utils-sorted {
  float: right;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0.83333%;
  -webkit-transition: inherit;
  transition: inherit;
  padding-top: 9px;
}

.utils-sorted p {
  font-size: 1.0769230769230769em;
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .utils-sorted p {
    font-size: 12px;
  }
}

.utils-sorted .mobile {
  display: none;
  border-color: #dcdcdc !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .utils-sorted {
    right: 4px;
    padding-top: 0;
  }
  .utils-sorted .tablet {
    display: none;
  }
  .utils-sorted .mobile {
    display: block;
  }
}

@media (max-width: 29.99em) {
  .utils-sorted {
    right: 0;
  }
}

.utils-sorted .button.button-link {
  text-transform: lowercase;
  padding-bottom: 1px;
}

@media (max-width: 47.99em) {
  .utils-sorted .button.button-link {
    float: none;
    padding: 8px 12px;
    color: #4c4c4c;
    display: block;
    border: 1px solid #dcdcdc;
    text-transform: capitalize;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
    background: linear-gradient(180deg, #ffffff, #f0f0f0);
  }
  .utils-sorted .button.button-link:hover, .utils-sorted .button.button-link:focus {
    border: 1px solid #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
    background: linear-gradient(180deg, #ffffff, #f0f0f0);
    outline: none;
    text-decoration: underline;
  }
}

.sort-options-heading:not(.accessibility) {
  display: inline;
}

@media (max-width: 47.99em) {
  .sort-options-heading:not(.accessibility) {
    display: none;
  }
}

.sort-options-heading.accessibility {
  display: none;
}

@media (max-width: 47.99em) {
  .sort-options-heading.accessibility {
    display: block;
  }
}

.sort-options {
  display: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 30px 20px;
  position: absolute;
  top: 100%;
  right: -4px;
  z-index: 6;
  border: 1px #bdbdbd solid;
  border-radius: 3px;
  margin-top: 5px;
  min-width: 250px;
}

.sort-options input[type="radio"], .sort-options input[type="checkbox"] {
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.sort-options label {
  display: block;
  white-space: nowrap;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.80;
  margin-bottom: 10px;
}

.sort-options .form-field-radio-button-label {
  display: block;
}

.sort-options .sort-option-2 {
  padding-top: 5px;
}

.sort-options .sort-button-wrapper {
  margin-bottom: 0px;
}

.sort-options .button.button-small {
  width: 100%;
  padding: 4px 35px;
  margin-top: 15px;
  font-weight: bold;
}

@media (max-width: 47.99em) {
  .sort-options .button.button-small {
    padding: 7px 35px;
  }
}

.sort-options .button.button-plain {
  border: none;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 5px;
  font-weight: bold;
  display: block;
  text-decoration: underline;
}

.sort-options .button.button-plain:focus {
  outline: 1px dotted #6d6d6d;
  background: none;
}

.sort-options .form-field-checkbox-label input[Type="checkbox"]:checked + .form-field-checkbox-mask {
  background-size: 10px 10px;
}

.sort-options .form-field-radio-button-label input[Type="radio"]:checked + .form-field-radio-mask .form-field-radio-checked {
  width: 8px;
  height: 8px;
  left: 6px;
  top: 6px;
}

.sort-options .form-field-radio-button-label input[Type="radio"]:checked:focus + .form-field-radio-mask .form-field-radio-checked {
  left: 5px;
  top: 5px;
}

.is-expanded .sort-options, .sort-options.is-expanded {
  display: block;
}

.sort-options-title {
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 12px;
  font-weight: bold;
  white-space: normal;
  word-break: break-word;
}

.utils .sort-options-title .tab-item-title.is-small,
.utils .sort-options-title .tab-accessibility-title.is-small {
  display: none;
}

@media (max-width: 47.99em) {
  .utils .sort-options-title .tab-item-title,
  .utils .sort-options-title .tab-accessibility-title {
    display: none;
  }
  .utils .sort-options-title .tab-item-title.is-small,
  .utils .sort-options-title .tab-accessibility-title.is-small {
    display: inline;
  }
}

#temp-invisible-el {
  visibility: hidden;
  white-space: nowrap;
}

/* =Filters */
.filters, .add-products,
.callout {
  border: 1px #e2e2e2 solid;
  padding: 16px 20px;
  border-radius: 4px;
  margin: 0 0.59524% 10px 0.59524%;
}

@media (max-width: 98.74em) {
  .filters, .add-products,
  .callout {
    margin-left: 0.83333%;
    margin-right: 0.83333%;
  }
}

@media (max-width: 47.99em) {
  .filters, .add-products,
  .callout {
    padding: 10px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
}

@media (max-width: 29.99em) {
  .filters, .add-products,
  .callout {
    margin-left: 0;
    margin-right: 0;
  }
}

.filters p, .add-products p,
.callout p {
  margin: 0;
}

.filters p.warning-footer, .add-products p.warning-footer,
.callout p.warning-footer {
  margin: 1.5em 0 0 0;
}

.filters.espotContainer, .espotContainer.add-products {
  padding: 16px 20px 7px;
  display: inline-block;
  width: 98.80952%;
}

@media (max-width: 98.74em) {
  .filters.espotContainer, .espotContainer.add-products {
    width: 98.33334%;
  }
}

@media (max-width: 47.99em) {
  .filters.espotContainer, .espotContainer.add-products {
    display: none;
  }
}

.filters.espotContainer .filters-label, .espotContainer.add-products .filters-label, .filters.espotContainer .add-products-label, .espotContainer.add-products .add-products-label {
  margin-right: 5px;
}

.filters.espotContainer .filter-buttons, .espotContainer.add-products .filter-buttons {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

.filters.espotContainer .filter-buttons li, .espotContainer.add-products .filter-buttons li {
  display: inline-block;
}

.filters.espotContainer .filter-button, .espotContainer.add-products .filter-button {
  margin-right: 5px;
  margin-bottom: 9px;
}

.callout-container {
  width: 100%;
  display: inline-block;
  float: left;
}

.callout {
  clear: both;
}

.callout.is-legal-confirm .warning-title {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.846153846em;
  line-height: 1.25em;
  font-weight: normal;
  margin-bottom: 0;
}

.callout.is-legal-confirm .warning-title span {
  display: block;
}

.callout.is-legal-confirm .button {
  margin-top: 30px;
  font-weight: bold;
}

.callout.is-legal-confirm .icon-under18 {
  width: 80px;
  height: 80px;
}

.callout.is-white {
  background: #ffffff;
}

.callout.is-plain {
  border: 0;
  padding: 0;
}

.callout.is-large {
  padding: 69px 60px 83px 60px;
  color: #555555;
  /* updated from $909090 to meet AA color contrast */
}

.callout.is-large .callout-label {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
}

.callout.is-large a {
  color: #555555;
}

.callout.is-large .button {
  min-width: 270px;
}

.callout.is-large .icon-alert {
  width: 62px;
  height: 64px;
  margin-bottom: 10px;
}

@media (max-width: 29.99em) {
  .callout.is-large {
    padding: 20px 10px;
  }
}

.callout .input-container.dates fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

.callout a {
  text-decoration: underline;
}

.callout a.button {
  text-decoration: none;
}

.callout a.button:hover, .callout a.button:focus {
  text-decoration: underline;
}

.callout a:focus {
  outline: 1px dotted #555;
}

.filters-label, .add-products-label,
.callout-label {
  font-weight: bold;
  font-size: 1.153846154em;
  display: inline-block;
  margin: 0 0 8px;
  width: auto;
  word-break: break-word;
}

@media (max-width: 47.99em) {
  .filters-label, .add-products-label,
  .callout-label {
    font-size: 1.0769230769230769em;
  }
}

.is-large .filters-label, .is-large .add-products-label, .is-large
.callout-label {
  font-size: 1.846153846em;
  line-height: 1.25em;
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .is-large .filters-label, .is-large .add-products-label, .is-large
  .callout-label {
    font-size: 18px;
  }
}

.filter-buttons,
.callout-links {
  display: block;
}

.filter-button {
  color: #5c5c5c;
  display: inline-block;
  white-space: nowrap;
  padding: 2px 13px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin-right: 7px;
}

.filter-button.is-active {
  color: #ffffff;
  background-color: #5c5c5c;
  border-color: #5c5c5c;
  font-weight: bold;
}

.callout-footer {
  margin-top: 30px !important;
  font-size: 13px !important;
  line-height: 22px !important;
}

.callout-footer a.button.showEverything {
  display: inline-block;
}

@media (max-width: 47.99em) {
  .callout-footer a.button.showEverything {
    display: none;
  }
}

.callout-footer a.button.showAll {
  display: none;
}

@media (max-width: 47.99em) {
  .callout-footer a.button.showAll {
    display: inline-block;
  }
}

.callout-search .spell-check-info span {
  display: block;
  font-size: 1.153846154em;
}

.callout-search .spell-check-links {
  margin-top: 5px;
}

.callout-search a {
  color: #5c5c5c;
  font-weight: bold;
  margin-left: 10px;
  text-decoration: none;
}

.callout-search a:hover, .callout-search a:focus {
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .callout-search {
    padding: 10px;
  }
  .callout-search .filter-button {
    margin-left: 0;
    margin-right: 7px;
    margin-bottom: 7px;
  }
}

/* =Cart Confirmation */
.add-products {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.add-products .add-products-text {
  padding: 0 14px 0 0;
  border: 1px transparent solid;
  display: inline-block;
  font-size: 1.153846154em;
  color: #008a23;
  opacity: 0;
  visibility: hidden;
  display: none;
  white-space: nowrap;
  margin-top: 0;
}

@media (max-width: 47.99em) {
  .add-products .add-products-text {
    font-size: 1.0769230769230769em;
  }
}

.add-products .add-products-text .icon {
  width: 14px;
  height: 12px;
  fill: currentColor;
}

@media (min-width: 62.5em) {
  .add-products .add-products-text {
    padding-right: 14px;
  }
}

.add-products .icon-success {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 47.99em) {
  .add-products .icon-success {
    width: 25px;
    height: 25px;
    left: 10px;
  }
}

.add-products .button {
  margin: 0;
}

@media (max-width: 47.99em) {
  .add-products .button {
    font-size: 1.0769230769230769em;
    margin-top: 5px;
  }
}

@media (max-width: 29.99em) {
  .add-products .button {
    width: 100%;
  }
}

.add-products.is-updating.is-updating-add .add-products-text, .add-products.is-updating.is-updating-add .button, .add-products.is-updating.is-updating-add .add-products-label {
  opacity: 1;
  visibility: visible;
}

.add-products.is-updating .add-products-text, .add-products.is-updating .button, .add-products.is-updating .add-products-label, .add-products.is-updating.is-updating-add.is-updating-add-active .add-products-text, .add-products.is-updating.is-updating-add.is-updating-add-active .button, .add-products.is-updating.is-updating-add.is-updating-add-active .add-products-label {
  opacity: 0;
  visibility: hidden;
}

.add-products.is-active.is-active-add .add-products-text, .add-products.is-active.is-active-add .button, .add-products.is-active.is-active-add .add-products-label {
  opacity: 0;
  visibility: hidden;
}

.add-products.is-active, .add-products.is-active.is-active-add.is-active-add-active {
  border-color: #008a23;
  background-color: rgba(0, 138, 35, 0.1);
}

.add-products.is-active .button, .add-products.is-active.is-active-add.is-active-add-active .button {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.add-products.is-active .add-products-text,
.add-products.is-active .add-products-label, .add-products.is-active.is-active-add.is-active-add-active .add-products-text,
.add-products.is-active.is-active-add.is-active-add-active .add-products-label {
  opacity: 1;
  visibility: visible;
}

.add-products.is-active .add-products-text, .add-products.is-active.is-active-add.is-active-add-active .add-products-text {
  display: inline-block;
}

.add-products.is-active-out .add-products-text, .add-products.is-active-out .button, .add-products.is-active-out .add-products-label, .add-products.is-active.is-active-remove.is-active-remove-active .add-products-text, .add-products.is-active.is-active-remove.is-active-remove-active .button, .add-products.is-active.is-active-remove.is-active-remove-active .add-products-label {
  opacity: 0;
  visibility: hidden;
}

.add-products .add-products-text,
.add-products .button,
.add-products .add-products-label {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}

.add-products .add-products-label {
  margin-right: 10px;
}

@media (max-width: 29.99em) {
  .add-products {
    padding: 10px;
  }
}

.add-products.flybuys-import {
  position: relative;
  padding-left: 52px;
}

@media (max-width: 47.99em) {
  .add-products.flybuys-import {
    padding-left: 42px;
  }
}

.add-products-label {
  font-weight: normal;
  margin-bottom: 0;
}

/* =General content */
.back-link {
  margin: 5px 0 0;
}

@media (min-width: 48em) {
  .back-link {
    margin-top: -7px;
    margin-bottom: 5px;
  }
}

.main-content-header h1 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #262626;
  font-weight: bold;
}

.main-content-header h1 + p button, .main-content-header h1 + p a {
  margin-top: 12px;
}

.main-content-header .intro {
  margin-top: 0;
  color: #4c4c4c;
  font-weight: 400;
}

.main-content-header .back-link a {
  display: inline-block;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.main-content-header .back-link a:hover, .main-content-header .back-link a:focus {
  text-decoration: none;
}

.main-content-header .back-link a:hover strong, .main-content-header .back-link a:focus strong {
  text-decoration: underline;
}

.main-content-header .back-link a strong {
  vertical-align: top;
  padding-top: 1px;
  display: inline-block;
  padding-left: 10px;
}

@media (max-width: 47.99em) {
  .main-content-header .back-link a strong {
    line-height: 1em;
    padding-left: 5px;
  }
}

.main-content-header .back-link a .icon-arrow {
  -webkit-transform: scale(-1, 1) translateY(4px);
      -ms-transform: scale(-1, 1) translateY(4px);
          transform: scale(-1, 1) translateY(4px);
  fill: #4c4c4c;
}

@media (max-width: 47.99em) {
  .main-content-header .back-link a .icon-arrow {
    height: 14px;
    width: 9px;
    -webkit-transform: scale(-1, 1) translateY(-3px);
        -ms-transform: scale(-1, 1) translateY(-3px);
            transform: scale(-1, 1) translateY(-3px);
  }
}

.main-content-body {
  line-height: 1.384615385em;
  background-color: #ffffff;
  border-radius: 3px;
  color: #4c4c4c;
}

.main-content-body a {
  color: #4c4c4c;
}

.main-content-body a.skip-feedback {
  display: inline-block;
  text-align: center;
  padding: 10px 5px 5px;
}

.main-content-body .skip-feedback-container {
  text-align: center;
}

.main-content-body .contentRecommendationWidget {
  word-break: break-word;
}

.main-content-body.main-content-body-plain {
  background: none;
}

.main-content-warning .preloaderContainer {
  position: absolute;
}

.main-content-warning .icon-warning {
  text-align: center;
}

.main-content-warning .icon-alert {
  width: 60px;
  height: 55px;
  margin: 10px 0;
}

@media (min-width: 48em) {
  .main-content-warning .icon-alert {
    width: 70px;
    height: 65px;
  }
}

.main-content-warning .warning-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.125em;
}

.main-content-warning .warning-title.secondary {
  margin: 0 0 10px;
  font-size: 1.3846153846153846em;
  font-weight: 200;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  .main-content-warning .warning-title.secondary {
    font-size: 1.5384615384615385em;
  }
}

.main-content-warning .button-dark {
  margin-top: 15px;
}

.main-content-warning .secondary-cta {
  display: block;
  text-align: center;
}

.main-content-form,
.main-content-loader,
.main-content-warning {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.main-content-form.ng-hide-add, .main-content-form.ng-hide-remove-active,
.main-content-loader.ng-hide-add,
.main-content-loader.ng-hide-remove-active,
.main-content-warning.ng-hide-add,
.main-content-warning.ng-hide-remove-active {
  opacity: 1;
  display: block;
}

.main-content-form.ng-hide-remove, .main-content-form.ng-hide-add.ng-hide-add-active,
.main-content-loader.ng-hide-remove,
.main-content-loader.ng-hide-add.ng-hide-add-active,
.main-content-warning.ng-hide-remove,
.main-content-warning.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.main-content-warning {
  text-align: center;
}

.main-content-form {
  padding: 0;
}

@media (min-width: 48em) {
  .main-content-form {
    padding: 15px 0;
  }
}

.main-content-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.main-content-form legend.heading {
  font-weight: bold;
  font-size: 1.153846154em;
  display: block;
  margin-bottom: 0px;
}

.main-content-form .input-container {
  margin-top: 15px;
}

.main-content-form .input-container:first-child {
  margin-top: 15px;
}

.main-content-form .input-container .form-field-dob .input-container {
  margin-top: 5px;
}

.main-content-form .input-container .optional {
  font-weight: normal;
  font-size: 11px;
  color: #5c5c5c;
}

.main-content-form .input-container .field-hint {
  font-size: 13px;
  font-weight: normal;
  color: #5c5c5c;
  display: block;
  margin-top: 5px;
}

.main-content-form .form-field-input {
  width: 100%;
}

.main-content-form .form-field-link {
  display: block;
  padding: 0;
  line-height: 40px;
  text-decoration: underline;
  border: 0;
  background: none;
  font-weight: bold;
  color: #4c4c4c;
}

@media (min-width: 22.5em) {
  .main-content-form .form-field-link {
    display: inline-block;
    padding: 0 6px;
  }
}

.main-content-form .form-field-link:focus {
  outline: 1px dotted #262626;
}

.main-content-form .plain-link {
  display: inline-block;
  text-decoration: underline !important;
  color: #4c4c4c !important;
  border: 0;
  background: none;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.3em;
}

.main-content-form .plain-link:focus {
  outline: 1px dotted #4c4c4c;
}

.main-content-form .button.button-dark {
  width: 100%;
  margin-top: 35px;
}

.main-content-form .redirect a {
  display: block;
  margin: 5px 0;
  padding: 10px 0;
  text-align: center;
}

.main-content-form .footnote {
  display: block;
  font-size: 0.8461538461538461em;
  line-height: 1.4em;
  color: #5c5c5c;
  margin-top: 20px;
}

.main-content-form .input-message {
  display: block;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.main-content-form .input-message .input-message-heading {
  margin: 0;
  font-size: 15px;
}

.main-content-form .input-message .heading-container.has-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 45px;
  padding-left: 55px;
}

.main-content-form .input-message .heading-container.has-icon .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
}

.leaving-swiftshop .bookmark-colesrs {
  text-align: center;
  font-weight: bold;
}

.leaving-swiftshop .redirect-buttons {
  margin-top: 35px;
}

.leaving-swiftshop .redirect-buttons .button-wrapper {
  text-align: center;
}

.leaving-swiftshop .redirect-buttons a {
  width: 250px;
  margin-bottom: 10px;
}

.leaving-swiftshop .redirect-buttons a.button {
  padding-top: 9px;
}

.is-maintenance .maintenance-image {
  max-width: 430px;
  margin-top: 0.67em;
}

.is-maintenance h1 {
  margin: 0.67em 0;
}

.is-maintenance p {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.84615em;
  line-height: 1.16667em;
  margin-top: 0;
  color: #4c4c4c;
}

.product {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid;
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
  padding: 10px;
  height: 457px;
  color: #262626;
}

@media (max-width: 47.99em) {
  .product {
    margin-left: 4px;
    margin-right: 4px;
    width: calc(33.3333% - 8px);
  }
  .product.is-large, .product.is-promo-large {
    width: calc(66.6666% - 8px);
  }
}

@media (max-width: 42.4375em) {
  .product {
    margin-left: 4px;
    margin-right: 4px;
    width: calc(50% - 8px);
  }
  .product.is-large, .product.is-promo-large {
    width: calc(100% - 8px);
  }
}

@media (max-width: 32.49em) {
  .product {
    height: auto;
    width: 100%;
    min-height: 240px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    padding-top: 15px;
    padding-bottom: 52px;
  }
  .product.is-large, .product.is-promo-large {
    width: 100%;
  }
  .product.has-merch-assoc {
    margin-bottom: 47px;
  }
  .product.has-merch-assoc + .product {
    z-index: 3;
  }
}

.product.product-every-day, .product.product-down-down {
  border-color: #e01a22;
}

.product.product-new {
  border-color: #82b935;
}

.product.product-flybuys {
  border-color: #007cc2;
}

.product.product-substitution {
  width: 100%;
  height: auto;
  min-height: 150px;
  margin: 0;
  padding: 0 0 20px 0;
}

@media (min-width: 40em) {
  .product.product-substitution {
    width: calc(50% - 5px);
    margin-right: 5px;
    padding: 18px 40px 10px 130px;
  }
}

.product.product-substitution .product-header {
  display: block;
  margin-left: 130px;
  padding-top: 20px;
}

@media (min-width: 40em) {
  .product.product-substitution .product-header {
    margin-left: 0;
    padding: 0;
  }
}

.product.product-substitution .product-header .package-size {
  font-size: 12px;
  margin-top: 10px;
  padding-top: 2px;
  border: 1px #e6e6e6 solid;
  border-radius: 3px;
  padding: 0 8px 2px 8px;
  display: inline-block;
  float: left;
  margin-right: 6px;
  font-weight: bold;
}

.product.product-substitution .product-title {
  display: block;
  height: auto;
  margin: 0.2em 10px .875em 0;
}

.product.product-substitution .product-brand {
  font-size: 14px;
  font-weight: bold;
  display: block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product.product-substitution .product-name {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25em;
  margin-top: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 64.0625em) {
  .product.product-substitution .product-name {
    margin-top: 2px;
  }
}

.product.product-substitution .product-icons {
  left: -120px;
  top: -10px;
}

@media (min-width: 40em) {
  .product.product-substitution .product-icons {
    right: initial;
    top: -30px;
  }
}

.product.product-substitution .product-icons .bought-before-count {
  float: left;
  margin: 0;
}

.product.product-substitution .product-info {
  margin-top: 10px;
}

.product.product-substitution .product-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 130px;
  height: 130px;
  margin: 10px 0;
  padding: 10px;
}

.product.product-tobacco {
  display: block;
  height: auto;
  min-height: initial;
  width: 100%;
  padding: 10px;
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 0;
}

@media (min-width: 32.5em) {
  .product.product-tobacco {
    width: calc(100% - 8px);
  }
}

@media (min-width: 48em) {
  .product.product-tobacco {
    padding: 20px;
    width: calc(100% - 1.66666%);
  }
}

@media (min-width: 98.75em) {
  .product.product-tobacco {
    width: calc(100% - 1.19048%);
  }
}

.product.product-tobacco:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.product.product-tobacco:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid #c8c8c8;
}

.product.product-tobacco .product-title {
  margin: 0;
  display: inline;
  height: auto;
}

@media (min-width: 64.0625em) {
  .product.product-tobacco .product-title {
    float: left;
    width: 35%;
  }
}

@media (min-width: 81.25em) {
  .product.product-tobacco .product-title {
    width: 40%;
  }
}

.product.product-tobacco .product-brand,
.product.product-tobacco .package-size,
.product.product-tobacco .pack-cost,
.product.product-tobacco .carton-cost {
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0;
  padding-right: 5px;
  line-height: 1.6em;
}

@media (min-width: 32.5em) {
  .product.product-tobacco .product-brand,
  .product.product-tobacco .package-size,
  .product.product-tobacco .pack-cost,
  .product.product-tobacco .carton-cost {
    width: initial;
    display: inline-block;
    float: left;
  }
}

@media (min-width: 64.0625em) {
  .product.product-tobacco .product-brand,
  .product.product-tobacco .package-size,
  .product.product-tobacco .pack-cost,
  .product.product-tobacco .carton-cost {
    width: 20%;
    display: inline-block;
    float: none;
  }
}

.product.product-tobacco .product-brand {
  float: left;
}

@media (min-width: 64.0625em) {
  .product.product-tobacco .product-brand {
    width: 60%;
  }
}

@media (min-width: 81.25em) {
  .product.product-tobacco .product-brand {
    width: 50%;
  }
}

.product.product-tobacco .package-size {
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
}

@media (min-width: 32.5em) {
  .product.product-tobacco .package-size {
    float: left;
  }
}

@media (min-width: 64.0625em) {
  .product.product-tobacco .package-size {
    float: none;
  }
}

@media (min-width: 64.0625em) and (max-width: 81.24em) {
  .product.product-tobacco .package-size {
    width: 30%;
  }
}

@media (min-width: 81.25em) {
  .product.product-tobacco .package-size {
    width: 50%;
  }
}

@media (min-width: 32.5em) {
  .product.product-tobacco .pack-cost {
    clear: left;
  }
}

@media (min-width: 32.5em) and (max-width: 64.0525em) {
  .product.product-tobacco .carton-cost {
    padding-left: 5px;
    border-left: 1px solid #f0f0f0;
  }
}

.product.product-tobacco .button {
  font-size: 13px;
  font-weight: bold;
  position: static;
  margin-top: 5px;
  width: 100%;
}

@media (min-width: 32.5em) {
  .product.product-tobacco .button {
    width: auto;
    margin-top: 1px;
    right: 10px;
    position: absolute;
  }
}

@media (min-width: 48em) {
  .product.product-tobacco .button {
    right: 20px;
    margin-top: 0;
  }
}

@media (min-width: 64.0625em) {
  .product.product-tobacco .button {
    top: 11px;
  }
}

@media (min-width: 81.25em) {
  .product.product-tobacco .button {
    width: 20%;
    margin-top: -1px;
  }
}

.product-icons {
  position: absolute;
  top: -20px;
  left: 0px;
  right: 0px;
  height: 20px;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .product-icons {
    height: 18px;
  }
  .product-icons ~ .product-header {
    padding-top: 5px;
  }
}

@media (max-width: 32.49em) {
  .product-icons {
    top: -24px;
  }
  .product-specials .product-icons,
  .product-down-down .product-icons,
  .product-every-day .product-icons,
  .product-new .product-icons,
  .product-icons .product-flybuys {
    top: -25px;
  }
}

.popup-body .product-icons {
  width: 40%;
}

@media (max-width: 22.49em) {
  .popup-body .product-icons {
    width: 45%;
  }
}

.product-icons .icon {
  margin-right: 0px;
  float: left;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
}

.product-icons {
  z-index: 2;
}

@media (max-width: 32.49em) {
  .product-icons ~ .product-main-info {
    min-height: 150px;
    padding-top: 2px;
  }
}

.product-specials .product-icons,
.product-down-down .product-icons,
.product-every-day .product-icons,
.product-new .product-icons,
.product-icons .product-flybuys, .bundle-badge .product-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.product-icons .icon {
  margin-right: 0px;
  float: left;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
}

@media (max-width: 47.99em) {
  .product-icons .icon {
    height: 18px;
  }
}

.product-icons.is-large {
  height: 18px;
}

.product-icons.is-large .icon {
  height: 18px;
}

@media (min-width: 48em) {
  .product-icons.is-large {
    height: 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-icons.is-large .flybuys-count {
    height: 30px;
    max-width: 330px;
  }
  .product-icons.is-large .icon {
    max-width: 330px;
  }
  .product-icons.is-large .icon-every-day-badge,
  .product-icons.is-large .icon-specials-badge,
  .product-icons.is-large .icon-new-badge,
  .product-icons.is-large .icon-down-badge {
    height: 30px;
  }
}

.product-icons .icon-every-day-badge {
  background-color: #e01a22;
  border-radius: 4px;
  display: inline;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  height: 20px;
  padding: 4px 10px;
}

.popup-body .product-icons .icon-every-day-badge {
  width: 100%;
}

@media (max-width: 47.99em) {
  .product-icons .icon-every-day-badge {
    height: 18px;
  }
}

.product-icons .icon-specials-badge {
  background-color: #ffdd00;
  border-radius: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  height: 20px;
}

.popup-body .product-icons .icon-specials-badge {
  width: 100%;
}

@media (max-width: 47.99em) {
  .product-icons .icon-specials-badge {
    height: 18px;
  }
}

.product-icons .icon-new-badge {
  background-color: #82b935;
  border-radius: 4px;
  display: inline;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  height: 20px;
}

.popup-body .product-icons .icon-new-badge {
  width: 100%;
}

@media (max-width: 47.99em) {
  .product-icons .icon-new-badge {
    height: 18px;
  }
}

.product-icons .icon-down-badge {
  background-color: #e01a22;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 20px;
  padding: 4px 10px;
  white-space: nowrap;
}

.popup-body .product-icons .icon-down-badge {
  width: 100%;
}

@media (max-width: 47.99em) {
  .product-icons .icon-down-badge {
    height: 18px;
  }
}

.product-bundle .product-icons {
  height: 22px;
  margin-top: -1px;
}

.product-bundle .product-icons .icon-bundle-badge {
  position: relative;
  display: inline-block;
  border: 1px solid #ffdd00;
  background: #fff280;
  padding: 0 7px 0 24px;
  border-radius: 12px;
  height: 22px;
}

.product-bundle .product-icons .icon-bundle-badge .icon-specials {
  position: absolute;
  left: 0;
}

.product-bundle .product-icons .icon-bundle-badge .bundle-name {
  line-height: 20px;
  font-weight: bold;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 47.99em) {
  .product-bundle .product-icons {
    height: 20px;
  }
  .product-bundle .product-icons .icon-bundle-badge {
    height: 20px;
    padding-left: 21px;
  }
  .product-bundle .product-icons .icon-bundle-badge .icon-specials {
    left: -1px;
  }
  .product-bundle .product-icons .icon-bundle-badge .bundle-name {
    position: relative;
    top: -1px;
  }
}

.product-image-container {
  position: absolute;
  height: 140px;
  width: 140px;
}

@media (min-width: 32.5em) {
  .product-image-container {
    position: static;
    height: 160px;
    width: 100%;
    margin-bottom: 10px;
  }
}

.product-image-container .product-image-link {
  display: block;
  height: 100%;
}

.product-icons ~ .product-image-container .product-image {
  padding-top: 10px;
}

@media (max-width: 32.49em) {
  .product-icons ~ .product-image-container .product-image {
    padding-top: 2px;
  }
}

.product-main-info {
  min-height: 145px;
  margin-left: 150px;
  padding-bottom: 5px;
}

@media (min-width: 32.5em) {
  .product-main-info {
    min-height: 0;
    margin: 0;
    padding-bottom: 0;
  }
}

.product-header {
  position: relative;
  padding: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: none;
  transition: none;
}

.product-title {
  font-size: 1em;
  line-height: 1.3em;
  font-weight: bold;
  margin: 0 0 5px;
  height: 56px;
  overflow: hidden;
}

@media (max-width: 32.49em) {
  .product-title {
    height: auto;
    max-height: 7em;
    margin: 0 0 7px;
  }
}

.product-title a {
  display: inline-block;
  color: #262626;
}

@media (min-width: 48em) {
  .product-title.product-no-desc {
    margin-bottom: 6px !important;
  }
}

.product-brand,
.product-name {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.25em;
}

.sponsored-badge {
  position: absolute;
  top: -15px;
  left: -10px;
}

@media (min-width: 32.5em) {
  .sponsored-badge {
    top: -10px;
  }
}

.sponsored-badge .icon-sponsored {
  width: 92px;
  height: 92px;
}

.product-pricing-info {
  display: block;
  font-weight: bold;
}

@media (min-width: 32.5em) {
  .product-pricing-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    line-height: 2.1em;
    overflow: visible;
  }
}

.product-pricing-info .multibuy-count {
  display: block;
  height: 27px;
  margin-right: 4px;
  padding: 2px 5px;
  background-color: #ffdd00;
  border-radius: 4px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
}

@media (max-width: 32.49em) {
  .product-pricing-info .multibuy-count {
    display: inline-block;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}

.product-pricing-info .multibuy-count .multibuy-quantity {
  display: block;
  font-weight: bold;
}

.product-pricing-info .multibuy-count ~ .saving-container {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.product-pricing-info .price-container {
  display: block;
  margin-right: 5px;
  font-size: 0;
  white-space: nowrap;
}

@media (max-width: 32.49em) {
  .product-pricing-info .price-container {
    display: inline-block;
    line-height: 1em;
    height: 36px;
  }
}

.product-pricing-info .saving-container {
  display: block;
}

@media (max-width: 32.49em) {
  .product-pricing-info .saving-container {
    height: 20px;
    line-height: 20px;
    vertical-align: top;
  }
}

@media (max-width: 24.99em) {
  .product-pricing-info .saving-container {
    display: block !important;
  }
}

.product-pricing-info .saving-container .product-saving {
  display: block;
  margin-top: 3px;
  margin-left: 0;
  padding: 1px 2px 2px 2px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  background-color: #ffdd00;
}

.product-pricing-info .saving-container .product-saving.bg-red {
  background: #e01a22;
  color: #ffffff;
}

@media (min-width: 32.5em) {
  .product-pricing-info .saving-container .product-saving {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -1px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product-pricing-info .saving-container .product-saving {
    background-color: transparent;
    padding: 0;
  }
  .product-pricing-info .saving-container .product-saving .product-save-prefix,
  .product-pricing-info .saving-container .product-saving .product-save-value {
    padding: 0 1px 2px 2px;
    background-color: #ffdd00;
  }
  .product-pricing-info .saving-container .product-saving .product-save-value {
    padding: 0 2px 2px 1px;
  }
  .product-pricing-info .saving-container .product-saving.bg-red {
    padding: 1px 0.5px 0px 0.5px;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 32.5em), (-ms-high-contrast: none) and (min-width: 32.5em) {
  .product-pricing-info .saving-container .product-saving.bg-red {
    display: block;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product-pricing-info .saving-container .product-saving.bg-red .product-save-prefix,
  .product-pricing-info .saving-container .product-saving.bg-red .product-save-value {
    display: inherit;
    background: #e01a22;
    color: #ffffff;
  }
}

@media (min-width: 32.5em) {
  .product-pricing-info .saving-container .product-saving .product-save-prefix {
    margin-right: 2px;
  }
}

@media screen and (min-width: 521px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product-pricing-info .saving-container .product-saving .product-save-prefix {
    margin-right: 0px;
  }
}

@media (min-width: 42.5em) and (max-width: 46.25em) {
  .product-pricing-info .saving-container {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

.product-pricing-info .currency-sign,
.product-pricing-info .cent-value {
  display: inline-block;
  font-size: 20px;
}

@media (max-width: 32.49em) {
  .product-pricing-info .currency-sign,
  .product-pricing-info .cent-value {
    line-height: 36px;
  }
}

.product-pricing-info .currency-sign {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

.product-pricing-info .cent-value {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.product-pricing-info .dollar-value {
  font-size: 34px;
}

@media (max-width: 32.49em) {
  .product-pricing-info .dollar-value {
    line-height: 36px;
  }
}

.product-pricing-info .price-suffix {
  display: inline-block;
  font-size: 14px;
  margin-left: 1px;
  -webkit-transform: translateY(-11px);
      -ms-transform: translateY(-11px);
          transform: translateY(-11px);
}

@media (min-width: 46.25em) and (max-width: 47.5em) {
  .product-pricing-info .price-suffix {
    font-size: 10px;
  }
}

@media (min-width: 85em) and (max-width: 86.5625em) {
  .product-pricing-info .price-suffix {
    font-size: 11px;
  }
}

@media (min-width: 98.75em) and (max-width: 100em) {
  .product-pricing-info .price-suffix {
    font-size: 11px;
  }
}

.product-pricing-info .price-note {
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
}

@media (min-width: 41.6875em) and (max-width: 47.99em) {
  .product-pricing-info .price-note {
    font-size: 12px;
  }
}

@media (min-width: 32.5em) {
  .product-pricing-info .price-note {
    line-height: 2.2em;
  }
}

.product-pricing-info .product-saving {
  white-space: normal;
}

.product-saving {
  margin-left: 5px;
  padding: 2px 5px;
  white-space: nowrap;
  background-color: #fbe600;
  color: #c80d14;
  font-size: 12px;
}

@media (max-width: 32.49em) {
  .product-saving {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.product-price-nan {
  line-height: 1.2em;
}

.product-info {
  margin: 0;
  font-size: 12px;
  height: 21px;
}

@media (max-width: 32.49em) {
  .product-info {
    padding-right: 10px;
  }
}

.product-info p {
  display: inline;
}

.product-price-estimate {
  position: relative;
  margin-top: 3px;
}

@media (min-width: 32.5em) {
  .product-price-estimate {
    height: 35px;
  }
}

.product-price-estimate .action-alert-active {
  position: relative;
  display: inline-block;
  padding: 0;
  padding-left: 18px;
  border: 0;
  background: none;
  font-weight: bold;
  line-height: 35px;
  -webkit-tap-highlight-color: transparent;
}

.product-price-estimate .action-alert-active .product-price-estimate-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  font-size: 11px;
  text-decoration: underline;
}

.product-price-estimate .icon-info-circle {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 11px;
  left: 0px;
}

.star-rating {
  margin: 0;
  font-size: 20px;
  height: 21px;
}

@media (max-width: 32.49em) {
  .star-rating {
    padding-right: 10px;
  }
}

.star-rating .rating-info {
  cursor: pointer;
}

.star-rating .star {
  margin-top: 2px;
  font-size: 13px;
  float: left;
  color: #262626;
}

.star-rating .rating-details {
  margin-top: 2px;
  font-size: 13px;
  float: left;
  margin-left: 1em;
  color: #262626;
}

.star-rating .value:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.star-rating .reviews:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.star-rating .write-reviews {
  margin-top: 2px;
  font-size: 13px;
  float: left;
  margin-left: 1em;
  color: #262626;
  text-decoration: underline;
  cursor: pointer;
}

.package-size {
  display: inline-block;
  font-weight: bold;
}

.package-price {
  display: inline-block;
  margin-top: 1px;
}

.delimeter {
  width: 1px;
  height: 21px;
  background-color: #e6e6e6;
  display: inline-block;
  margin: 0 4px 0 2px;
  vertical-align: middle;
}

.product-desc {
  font-size: 12px;
}

@media (min-width: 32.5em) {
  .product-desc {
    height: 35px;
  }
}

.product-desc .product-desc-action {
  display: inline-block;
  width: 100%;
  line-height: 28px;
  padding: 0;
  padding-bottom: 7px;
  border: 0;
  background: none;
}

.product-desc .product-desc-action:focus {
  outline: 1px dotted #5c5c5c;
}

.product-desc .product-desc-action .product-desc-text {
  display: block;
  color: #5c5c5c;
  white-space: nowrap;
  text-align: left;
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.product-desc .product-desc-action .short-desc, .product-desc .product-desc-action:hover {
  text-decoration: none;
  text-overflow: unset;
  cursor: default;
}

.product-desc p {
  margin: 0;
}

.product-desc a {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: underline;
}

.product-desc a:focus {
  outline: 1px dotted #6d6d6d;
}

.product-desc .product-flag {
  bottom: 7px;
  width: calc(100% + 20px);
  height: 28px;
  margin-left: -10px;
  padding: 7px 3px;
  background: #d8d8d8;
  color: #262626;
}

@media (max-width: 32.49em) {
  .product-desc .product-flag {
    position: static;
    margin-top: 5px;
  }
}

.product-assoc-link {
  visibility: hidden;
  position: absolute;
  bottom: 52px;
  left: 9px;
  right: 9px;
  border-top: 1px #cbcbcb solid;
  border-bottom: 1px #cbcbcb solid;
}

.product-assoc-link.isVisible {
  visibility: visible;
}

.product-assoc-link .assoc-link-btn {
  width: 100%;
  border: none;
  background: none;
  color: #146e8c;
  padding: 7px 0;
  text-align: left;
}

.product-assoc-link .assoc-link-btn p {
  margin: 0;
}

.product-assoc-link .assoc-link-btn .assoc-link-count {
  margin-right: 5px;
}

.product-assoc-link .assoc-link-btn svg {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  fill: #146e8c;
  float: right;
}

@media (max-width: 32.49em) {
  .product-assoc-link {
    position: static;
    margin-bottom: 0;
  }
}

.product-image {
  height: 100%;
  text-align: center;
}

.product-image.abs {
  height: auto;
  position: absolute;
  bottom: 58px;
  left: 50%;
  top: 50%;
  padding: 10px;
  max-height: 200px;
  -webkit-transform: translate(-50%, -20%);
      -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
  width: 160px;
}

.product-image.abs img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: auto;
  left: 0;
  display: inline;
  max-height: none;
}

.product-image a {
  display: block;
  height: 100%;
  width: 100%;
}

.product-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.popup .product-image img {
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.product-flag {
  position: absolute;
  bottom: 50px;
  width: 120px;
  padding: 2px 3px 3px;
  background: #d8d8d8;
  color: #262626;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1em;
}

@media (min-width: 32.5em) {
  .product-flag {
    width: 100%;
    padding: 3px 3px 4px;
  }
}

.page-product-detail .product-flag {
  position: static;
  max-width: 230px;
  margin-top: 6px;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 6px;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-flag {
    max-width: initial;
  }
}

@media (max-width: 39.99em) {
  .page-product-detail .product-flag {
    width: auto;
  }
}

.product-actions-container {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  height: 36px;
}

.product-actions-container .product-options-container ~ .fat-controller {
  left: 42px;
}

.is-full-width {
  width: 100%;
  left: 0 !important;
}

.product-options-container.is-loading .icon-add-to-list {
  display: none;
}

.product-options-container .is-expanded .product-options {
  display: block;
  margin-top: 5px;
}

.product-options-container .button.toggle-options {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
}

.product-options-container .button.toggle-options .icon-add-to-list {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 16px;
  height: 16px;
}

.product-options-container .button.toggle-options .add-to-list-cta {
  display: none;
}

.product-options-container .button.toggle-options:after {
  content: '';
  position: absolute;
  display: block;
  width: 15px;
  height: 1px;
  bottom: 6px;
  left: 10px;
  background: transparent;
}

.product-options-container .button.toggle-options:hover:after, .product-options-container .button.toggle-options:focus:after {
  background: #262626;
}

.product-options-container .preloaderContainer {
  position: absolute;
  top: 8px;
  left: 8px;
}

.product-options-container .product-options {
  position: absolute;
  bottom: 48px;
  left: 0;
  display: none;
  width: 100%;
  min-width: 205px;
  border: 1px #929292 solid;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 3px;
  z-index: 97;
}

.product-options-container .product-options .section {
  padding: 15px 15px 0;
  /* border-top: 1px solid #eee; */
  margin-bottom: 5px;
}

@media (max-width: 47.99em) {
  .product-options-container .product-options .section {
    padding: 10px 10px 0;
  }
}

.product-options-container .product-options .section.remove {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0 solid #eee;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 0.4s;
  transition: max-height 0.4s;
  border-top: 1px solid #eee;
  max-height: 60px;
}

.product-options-container .product-options .section.remove.ng-hide {
  border-top: 0;
  max-height: 0;
  display: none;
}

.product-options-container .product-options .section.remove.ng-hide-add, .product-options-container .product-options .section.remove.ng-hide-remove {
  border-top: 1px solid #eee;
  max-height: 0;
  display: block;
}

.product-options-container .product-options .section.remove .button-remove {
  max-width: calc(100% - 20px);
  display: block;
  position: static;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.product-options-container .product-options .section.remove .button-remove .preloaderContainer {
  position: absolute;
  left: auto;
  right: 10px;
  top: 9px;
}

.product-options-container .product-options .section.remove .button-remove .icon {
  display: none;
}

.product-options-container .product-options .dropdown-heading {
  margin: 0 0 5px;
  text-transform: uppercase;
  font-size: 0.8461538461538461em;
}

.product-options-container .product-options .list-option {
  width: 100%;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  display: block;
  border-bottom: 1px solid #fff;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

.product-options-container .product-options .list-option:hover, .product-options-container .product-options .list-option:focus {
  text-decoration: underline;
}

.product-options-container .product-options .list-option:disabled:hover, .product-options-container .product-options .list-option:disabled:focus {
  text-decoration: none;
  cursor: auto;
}

.product-options-container .product-options .list-option span {
  width: calc(100% - 35px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.product-options-container .product-options .list-option span[aria-hidden="true"] {
  display: inline;
}

.product-options-container .product-options .list-option .icon-success {
  opacity: 0;
  position: absolute;
  width: 16px;
  height: 15px;
  right: 0;
  top: 7px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.product-options-container .product-options .list-option.is-added .icon-success {
  opacity: 1;
}

.product-options-container .product-options .list-option .preloaderContainer {
  position: absolute;
  top: 4px;
  right: 0px;
  left: auto;
}

.product-options-container .product-options .list-option .preloaderContainer.is-active {
  margin: 3px 0 0;
}

.product-options-container .product-options .list-option,
.product-options-container .product-options .button-remove {
  border: 0;
  background: none;
  padding: 5px 0px;
  font-size: 12px;
  position: relative;
  text-align: left;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.product-options-container .product-options .button-remove span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-options-container .product-options .popup-arrow {
  left: 12px;
  bottom: -5px;
}

.popup-arrow {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px #929292 solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 98;
}

.popup-arrow-up .popup-arrow {
  -webkit-transform: rotate(-134deg);
      -ms-transform: rotate(-134deg);
          transform: rotate(-134deg);
}

.popup-arrow-up .product-options {
  bottom: auto;
}

.popup-arrow-up .product-options .popup-arrow {
  top: -5px !important;
}

.popup-arrow-up .fc-dropdown .popup-arrow {
  top: 41px;
}

.merch-assoc-container {
  position: absolute;
  top: 100%;
  left: 4px;
  right: 4px;
  z-index: 1;
}

@media (min-width: 32.5em) {
  .merch-assoc-container {
    left: 101.7%;
    right: auto;
    -webkit-transform: translateX(-47.6%);
        -ms-transform: translateX(-47.6%);
            transform: translateX(-47.6%);
    top: 43px;
    z-index: 4;
  }
}

@media (min-width: 48em) {
  .merch-assoc-container {
    left: 101.5%;
  }
}

@media (min-width: 60.9375em) {
  .merch-assoc-container {
    left: 102.4%;
  }
}

@media (min-width: 81.25em) {
  .merch-assoc-container {
    left: 103.4%;
  }
}

@media (min-width: 98.75em) {
  .merch-assoc-container {
    left: 103%;
  }
}

@media (min-width: 116.875em) {
  .merch-assoc-container {
    left: 103.5%;
  }
}

.merch-assoc {
  display: block;
  min-width: 65px;
  max-width: 90px;
  background: #fff;
  padding: 15px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: #c2c2c2 0px 0px 3px;
          box-shadow: #c2c2c2 0px 0px 3px;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  line-height: 1.2em;
}

@media (max-width: 47.99em) {
  .merch-assoc {
    min-width: 55px;
    padding: 12px 5px;
    font-size: 10px;
  }
}

@media (max-width: 32.49em) {
  .merch-assoc {
    margin-top: 1px;
    max-width: none;
    padding: 17px 5px;
    z-index: 1;
    font-size: 11px;
    border: 0;
    min-width: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    background: #e0e0e0;
  }
}

.merch-assoc .icon-crosssell {
  height: 20px;
  width: 30px;
  margin: 0 auto 11px;
  display: block;
}

@media (max-width: 47.99em) {
  .merch-assoc .icon-crosssell {
    height: 16px;
    width: 26px;
    margin: 0 auto 5px;
  }
}

@media (max-width: 32.49em) {
  .merch-assoc .icon-crosssell {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    width: 20px;
    height: 12px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@media (max-width: 32.49em) {
  .merch-assoc .text {
    display: inline-block;
    vertical-align: middle;
  }
  .merch-assoc .text br {
    display: none;
  }
}

.product.product-specials {
  border-color: #ffdd00;
  border-width: 2px;
}

@media (max-width: 32.49em) {
  .product.product-specials:before {
    background: #fff280;
  }
}

.page-product-detail .product.product-specials .package-size {
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
}

.product.product-down-down, .product.product-every-day, .product.product-red-ring {
  border-color: #e01a22;
  border-width: 2px;
}

.product.product-red-ring {
  border-top: 10px solid #e01a22;
}

.product.product-red-ring .product-icons {
  top: -30px;
}

.product.product-flybuys {
  border-color: #154f8e;
  border-width: 2px;
}

.page-product-detail .product.product-flybuys .package-size {
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
}

.product.product-new {
  border-color: #82b935;
  border-width: 2px;
}

@media (max-width: 32.49em) {
  .product.product-new:before {
    background: #e2f4c8;
  }
}

.page-product-detail .product.product-new .package-size {
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
}

.product.product-specialty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: auto;
  min-height: initial;
  padding: 0;
}

@media (min-width: 32.5em) {
  .product.product-specialty {
    height: 255px;
  }
}

.product.product-specialty .hero-image-container {
  position: absolute;
  width: 50%;
  height: 100%;
  min-height: 100px;
}

@media (min-width: 32.5em) {
  .product.product-specialty .hero-image-container {
    width: 100%;
    height: 115px;
  }
}

.product.product-specialty .hero-image-container .hero-image {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 32.5em) {
  .product.product-specialty .hero-image-container .hero-image {
    height: 115px;
  }
}

.product.product-specialty .hero-image-container .image-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 4px 0 0 4px;
}

@media (min-width: 32.5em) {
  .product.product-specialty .hero-image-container .image-container {
    border-radius: 4px 4px 0 0;
  }
}

.product.product-specialty .icon-specialty {
  width: 35px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media (min-width: 32.5em) {
  .product.product-specialty .icon-specialty {
    top: 115px;
    right: 50%;
  }
}

.product.product-specialty .product-body {
  padding: 10px 10px 10px 0;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  width: 50%;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media (min-width: 32.5em) {
  .product.product-specialty .product-body {
    position: static;
    display: block;
    width: 100%;
    margin-top: 115px;
    padding: 15px 10px 60px;
  }
}

@media (min-width: 32.5em) {
  .product.product-specialty .product-body {
    padding: 15px 7px 60px;
  }
}

.product.product-specialty .product-heading {
  margin: 0 0 0 25px;
  text-align: left;
  word-break: break-word;
}

@media (min-width: 32.5em) {
  .product.product-specialty .product-heading {
    margin: 10px 0 0;
    text-align: center;
    max-height: 100%;
    overflow: hidden;
  }
}

.product.product-specialty .product-name {
  font-weight: bold;
}

.product.product-specialty .button-cta {
  left: 7px;
  right: 7px;
  bottom: 7px;
  position: absolute;
  font-weight: bold;
  font-size: 1.0769230769230769em;
}

@media (max-width: 32.49em) {
  .product.product-specialty .button-cta {
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0;
    background: transparent;
    border: 0;
  }
  .product.product-specialty .button-cta:hover, .product.product-specialty .button-cta:focus {
    border: 2px solid #4c4c4c;
    border-radius: 4px;
  }
  .product.product-specialty .button-cta .button-text {
    display: none;
  }
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result {
    display: block;
  }
}

.product.product-specialty.product-search-result .search-term {
  display: block;
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result .search-term {
    display: inline;
  }
}

.product.product-specialty.product-search-result .product-body {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result .product-body {
    width: 100%;
    left: 0;
    padding: 10px;
  }
}

.product.product-specialty.product-search-result .icon {
  display: none;
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result .icon {
    display: block;
    position: absolute;
    left: 20px;
    width: 30px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    fill: #4c4c4c;
  }
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result .button-cta {
    left: 0;
  }
}

.product.product-specialty.product-search-result .product-heading {
  margin-top: 0;
}

@media (max-width: 32.49em) {
  .product.product-specialty.product-search-result .product-heading {
    padding-left: 58px;
    margin-left: 0;
  }
}

/* =Illustrations - error page etc. */
.img-error {
  max-width: 65%;
  margin-top: 30px;
}

.img-browser {
  max-width: 190px;
  display: block;
  margin: 38px auto 42px auto;
}

.loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 96;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  background: rgba(240, 240, 240, 0.7);
}

.loading-overlay.is-loading {
  opacity: 1;
  visibility: visible;
}

.loading-results-placeholders .placeholder {
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 1;
}

.loading-results-placeholders .placeholder.ng-enter {
  opacity: 0;
}

.loading-results-placeholders .placeholder.ng-enter.ng-enter-active {
  opacity: 1;
}

/********************************************************
 * Dain - Added pagination stagger animations
 ********************************************************/
.pagination-container {
  clear: both;
}

.pagination {
  list-style-type: none;
  text-align: center;
  clear: both;
  padding: 40px 0 0;
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 47.99em) {
  .pagination {
    padding: 20px 0 0;
    margin: 0 0 20px;
  }
}

.pagination .page-number {
  width: 40px;
  margin-right: 5px;
}

.pagination .page-number a {
  width: 100%;
  text-align: center;
  padding: 7px 0 7px 0;
  color: #4c4c4c;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ddd;
}

.pagination .page-number a:hover, .pagination .page-number a:focus {
  background: none;
}

.pagination .page-number .is-active {
  background: #fff;
  color: #4c4c4c;
  pointer-events: none !important;
  cursor: default;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #ddd;
  padding: 7px 0 7px 0;
  width: 100%;
}

.pagination .page-number .is-active:hover, .pagination .page-number .is-active:focus {
  background: #fff;
  text-decoration: underline;
}

.pagination .page-number:last-child {
  margin-right: 0;
}

.pagination .page-number.truncated {
  vertical-align: bottom;
  padding-top: 12px;
  margin-left: -5px;
  margin-right: 0;
}

.placeholder {
  background: #f6f7f8;
  padding: 0;
}

.placeholder .inner {
  width: 100%;
  height: 100%;
}

.placeholder .inner div {
  background-color: #fff;
  position: absolute;
}

.placeholder .inner .placeholder-1 {
  height: 10px;
  width: 100%;
  border-radius: 4px 4px 0 0;
}

.placeholder .inner .placeholder-2 {
  top: 0;
  width: 10px;
  height: 100%;
}

.placeholder .inner .placeholder-3 {
  width: 100%;
  height: 10px;
  top: 170px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-3 {
    top: 150px;
  }
}

.placeholder .inner .placeholder-4 {
  width: 100%;
  height: 4px;
  top: 196px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-4 {
    top: 0;
    width: 10px;
    height: 150px;
    left: 150px;
  }
}

.placeholder .inner .placeholder-5 {
  width: 100%;
  height: 4px;
  top: 215px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-5 {
    width: auto;
    top: 30px;
    left: 160px;
    right: 0;
  }
}

.placeholder .inner .placeholder-6 {
  width: 100%;
  height: 10px;
  top: 234px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-6 {
    width: auto;
    top: 52px;
    left: 160px;
    right: 0;
  }
}

.placeholder .inner .placeholder-7 {
  width: 15px;
  top: 176px;
  height: 22px;
  right: 10px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-7 {
    width: auto;
    top: 95px;
    left: 160px;
    right: 0;
    height: 66px;
  }
}

.placeholder .inner .placeholder-8 {
  width: 55px;
  top: 196px;
  height: 22px;
  right: 10px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-8 {
    top: 55px;
    left: auto;
    right: 0;
    height: 66px;
    width: 20%;
  }
}

.placeholder .inner .placeholder-9 {
  width: 35px;
  top: 216px;
  height: 22px;
  right: 10px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-9 {
    top: 9px;
  }
}

.placeholder .inner .placeholder-10 {
  width: 100%;
  height: 10px;
  top: 274px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-10 {
    height: 6px;
    top: 182px;
  }
}

.placeholder .inner .placeholder-11 {
  width: 33%;
  height: 30px;
  top: 244px;
  right: 0;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-11 {
    width: 45%;
    height: 25px;
    top: 159px;
  }
}

.placeholder .inner .placeholder-12 {
  width: 100%;
  height: 4px;
  top: 300px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-12 {
    display: none;
  }
}

.placeholder .inner .placeholder-13 {
  width: 100%;
  height: 4px;
  top: 331px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-13 {
    display: none;
  }
}

.placeholder .inner .placeholder-14 {
  width: 100%;
  height: 14px;
  top: 360px;
}

@media (max-width: 32.49em) {
  .placeholder .inner .placeholder-14 {
    display: none;
  }
}

.placeholder .inner .placeholder-15 {
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
}

.placeholder .inner .placeholder-16 {
  bottom: 0;
  height: 10px;
  width: 100%;
}

.placeholder-animate {
  -webkit-animation: wave 1.5s infinite;
          animation: wave 1.5s infinite;
  /* IE 10+, Fx 29+ */
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, from(#f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), to(#f6f7f8));
  background: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 300px 500px;
}

@media (max-width: 47.99em) {
  .placeholder-animate {
    -webkit-animation: none;
            animation: none;
  }
}

.placeholder-animate.ng-leave {
  display: none;
}

@-webkit-keyframes wave {
  0% {
    background-position: -300px 0;
  }
  100% {
    background-position: 300px 0;
  }
}

@keyframes wave {
  0% {
    background-position: -300px 0;
  }
  100% {
    background-position: 300px 0;
  }
}

.tile-stagger.ng-enter-stagger {
  /* 100ms will be applied between each sucessive enter operation */
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  /* this is here to avoid accidental CSS inheritance */
  -webkit-transition-duration: 0;
          transition-duration: 0;
}

.tile-animate.ng-enter header,
.tile-animate.ng-enter .product-image,
.tile-animate.ng-enter .product-desc,
.tile-animate.ng-enter .fat-controller,
.tile-animate.ng-enter .promo-body,
.tile-animate.ng-enter .promo-footer {
  opacity: 0;
}

.tile-animate.ng-enter.ng-enter-active header,
.tile-animate.ng-enter.ng-enter-active .product-image,
.tile-animate.ng-enter.ng-enter-active .product-desc,
.tile-animate.ng-enter.ng-enter-active .fat-controller,
.tile-animate.ng-enter.ng-enter-active .promo-body,
.tile-animate.ng-enter.ng-enter-active .promo-footer {
  -webkit-transition: 0.2s linear opacity;
  transition: 0.2s linear opacity;
  opacity: 1;
}

/********************************************************
 * Dain - END
 ********************************************************/
.is-promo {
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  border: none;
  line-height: 1.4em;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  /* =Double Tile */
}

@media (max-width: 47.99em) {
  .is-promo {
    min-height: initial;
    padding-bottom: 0;
  }
}

@media (max-width: 29.99em) {
  .is-promo {
    display: block;
  }
}

.is-promo .promo-content-wrapper {
  border: 1px solid;
  border-color: #eaeaea #e1e1e1 #c8c8c8 #e1e1e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #ffffff;
  height: 100%;
  border-radius: 4px;
}

@media (max-width: 32.49em) {
  .is-promo .promo-content-wrapper {
    padding: 15px 10px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-content-wrapper.has-footer {
    padding: 15px 10px 10px;
  }
  .is-promo .promo-content-wrapper.has-footer .icon {
    top: 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .is-promo .promo-content-wrapper.has-footer .promo-body img.main-image {
    max-height: calc(100% - 70px);
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-content-wrapper.mobile-stacked .promo-header {
    padding-left: 0;
    text-align: center;
  }
  .is-promo .promo-content-wrapper.mobile-stacked .promo-body {
    padding-left: 0;
  }
  .is-promo .promo-content-wrapper.mobile-stacked .promo-body img.main-image {
    max-height: initial;
    max-width: initial;
    position: static;
  }
  .is-promo .promo-content-wrapper.mobile-stacked .promo-footer .promo-footer-tac {
    text-align: center;
    padding-left: 0;
  }
  .is-promo .promo-content-wrapper.mobile-stacked.has-footer .promo-body img.main-image {
    max-height: initial;
    max-width: initial;
    position: static;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-content-wrapper.mobile-solid-header {
    padding-top: 0 !important;
  }
  .is-promo .promo-content-wrapper.mobile-solid-header.has-footer {
    padding-top: 0 !important;
  }
  .is-promo .promo-content-wrapper.mobile-solid-header:before {
    display: none;
  }
  .is-promo .promo-content-wrapper.mobile-solid-header .promo-header {
    padding: 10px;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.is-promo .promo-content-wrapper.fluid-images .promo-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.is-promo .promo-content-wrapper.fluid-images .promo-body img.main-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.is-promo .promo-header {
  padding: 15px;
  position: relative;
  border-radius: 4px 4px 0 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 60.9275em) {
  .is-promo .promo-header {
    padding: 15px 20px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-header {
    padding: 15px 10px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-header {
    padding: 0 0 0 120px;
    text-align: left;
    background-color: transparent;
  }
}

.is-promo .promo-header h2,
.is-promo .promo-header h3,
.is-promo .promo-header h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

@media (min-width: 105.6875em) and (max-width: 121.5625em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 22px;
  }
}

@media (min-width: 90.6875em) and (max-width: 105.625em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 21px;
  }
}

@media (min-width: 74.75em) and (max-width: 90.625em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 20px;
  }
}

@media (min-width: 64em) and (max-width: 74.6875em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 18px;
  }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 16px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 14px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-header h2,
  .is-promo .promo-header h3,
  .is-promo .promo-header h4 {
    font-size: 15px;
  }
}

.is-promo .promo-header p,
.is-promo .promo-header span {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 5px 0 0;
  font-weight: 400;
}

@media (max-width: 47.99em) {
  .is-promo .promo-header p,
  .is-promo .promo-header span {
    font-size: 13px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-header p,
  .is-promo .promo-header span {
    font-size: 14px;
  }
}

.is-promo .promo-body {
  padding: 20px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .is-promo .promo-body {
    padding: 15px 15px 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-body {
    padding: 15px 0 0 120px;
    text-align: left;
  }
  .is-promo .promo-body:first-child {
    padding-top: 0;
  }
}

.is-promo .promo-body:last-child {
  padding-bottom: 20px;
}

@media (max-width: 32.49em) {
  .is-promo .promo-body:last-child {
    padding-bottom: 0;
  }
}

.is-promo .promo-body.mobile-no-padding {
  padding: 0;
}

@media (min-width: 32.5em) {
  .is-promo .promo-body.image-container img {
    max-height: 48%;
    width: auto;
    margin-bottom: 10px;
  }
  .is-promo .promo-body.image-container img:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-body.image-container {
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    text-align: center;
  }
  .is-promo .promo-body.image-container img {
    max-width: 47%;
    margin-right: 10px;
  }
  .is-promo .promo-body.image-container img:last-child {
    margin-right: 0;
  }
  .is-promo .promo-body.image-container.mobile-is-stacked img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .is-promo .promo-body.image-container.mobile-is-stacked img:last-child {
    margin-right: auto;
  }
}

.is-promo .promo-body .promo-copy {
  font-size: 14px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}

.is-promo .promo-body .promo-copy ~ .main-image {
  margin-top: 10px;
}

.is-promo .promo-body .icon {
  margin: 0 auto 15px;
}

@media (max-width: 47.99em) {
  .is-promo .promo-body .icon {
    margin-bottom: 10px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-body .icon {
    position: absolute;
    left: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.is-promo .promo-body img {
  max-width: 100%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.is-promo .promo-body img.main-image ~ .promo-copy {
  margin-top: 10px;
}

@media (max-width: 32.49em) {
  .is-promo .promo-body img.main-image {
    position: absolute;
    left: 10px;
    top: 15px;
    max-width: 110px;
    max-height: calc(100% - 30px);
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

.is-promo .promo-body a {
  font-weight: bold;
  text-decoration: underline;
}

.is-promo .promo-body a:focus {
  outline: 1px dotted #6d6d6d;
}

.is-promo .promo-body p {
  margin-top: 0px;
  margin-bottom: 10px;
}

.is-promo .promo-body p:last-child {
  margin-bottom: 0;
}

.is-promo .promo-body h1,
.is-promo .promo-body h2,
.is-promo .promo-body h3,
.is-promo .promo-body h4,
.is-promo .promo-body h5,
.is-promo .promo-body .heading {
  margin-top: 0px;
  margin-bottom: 10px;
}

.is-promo .promo-body h1:last-child,
.is-promo .promo-body h2:last-child,
.is-promo .promo-body h3:last-child,
.is-promo .promo-body h4:last-child,
.is-promo .promo-body h5:last-child,
.is-promo .promo-body .heading:last-child {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .is-promo .promo-body h2,
  .is-promo .promo-body h3,
  .is-promo .promo-body h4 {
    font-size: 16px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-body h2,
  .is-promo .promo-body h3,
  .is-promo .promo-body h4 {
    font-size: 14px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-body h2,
  .is-promo .promo-body h3,
  .is-promo .promo-body h4 {
    font-size: 15px;
  }
}

.is-promo header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.is-promo h3,
.is-promo h4 {
  margin-top: 15px;
}

.is-promo .heading {
  line-height: 1.25em;
  font-weight: normal;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 15px;
}

@media (min-width: 66.875em) {
  .is-promo .heading {
    font-size: 1.846153846em;
  }
}

.is-promo .button,
.is-promo .button.button-dark,
.is-promo a.button,
.is-promo a.button.button-dark {
  padding: 0 6px 0 6px;
  height: 36px;
  line-height: 36px;
}

.is-promo .contentRecommendationWidget,
.is-promo .left_espot {
  height: 100%;
}

.is-promo .promo-footer {
  margin: 15px 7px 7px;
}

@media (max-width: 32.49em) {
  .is-promo .promo-footer {
    margin: 10px 0 0;
  }
}

.is-promo .promo-footer a {
  font-weight: bold;
  text-decoration: underline;
}

.is-promo .promo-footer a:focus {
  outline: 1px dotted #6d6d6d;
}

.is-promo .promo-footer .button {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

.is-promo .promo-footer .button:hover, .is-promo .promo-footer .button:focus {
  text-decoration: underline;
}

.is-promo .promo-footer .button:focus {
  outline: 0;
}

@media (min-width: 64.0625em) {
  .is-promo .promo-footer .button {
    font-size: 15px;
  }
}

@media (min-width: 98.75em) and (max-width: 99.6875em) {
  .is-promo .promo-footer .button {
    font-size: 14px;
  }
}

@media (min-width: 81.25em) and (max-width: 83.75em) {
  .is-promo .promo-footer .button {
    font-size: 13px;
  }
}

@media (min-width: 64em) and (max-width: 69.375em) {
  .is-promo .promo-footer .button {
    font-size: 12px;
  }
}

@media (min-width: 54.6875em) and (max-width: 59.0625em) {
  .is-promo .promo-footer .button {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
  }
}

.is-promo .promo-footer .button .button {
  white-space: nowrap;
}

@media (max-width: 32.49em) {
  .is-promo .promo-footer .button {
    display: block;
    margin: 5px 0 0;
  }
}

.is-promo .promo-footer .promo-footer-tac {
  font-size: 0.8461538461538461em;
  line-height: 1.3em;
  margin: 0 0 7px;
}

@media (max-width: 32.49em) {
  .is-promo .promo-footer .promo-footer-tac {
    padding-left: 120px;
    text-align: left;
    margin: 0 0 8px;
  }
  .is-promo .promo-footer .promo-footer-tac:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-header {
    padding: 12px;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -15px;
  }
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-header h2, .is-promo.is-promo-large .promo-header h3, .is-promo.is-promo-large .promo-header h4 {
    margin-bottom: 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-body {
    padding: 5px 0;
    margin-top: 0;
  }
}

.is-promo.is-promo-large .promo-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-footer {
    display: block;
  }
}

.is-promo.is-promo-large .promo-footer p {
  margin: 0;
  padding: 0 7px 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-footer p {
    padding: 0 0 8px 0;
    text-align: center;
  }
}

.is-promo.is-promo-large .promo-footer p.promo-footer-tac {
  margin: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  min-height: 24px;
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-footer p.promo-footer-tac {
    min-height: auto;
    padding-left: 0;
  }
}

.is-promo.is-promo-large .promo-footer p.promo-footer-tac:last-child {
  text-align: center;
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-footer .promo-footer-tac {
    padding-left: 0;
    text-align: center;
  }
}

.is-promo.is-promo-large .promo-footer .button {
  font-weight: bold;
  margin: 0;
  font-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 64.0625em) {
  .is-promo.is-promo-large .promo-footer .button {
    font-size: 15px;
  }
}

@media (min-width: 64.0625em) and (max-width: 64.375em) {
  .is-promo.is-promo-large .promo-footer .button {
    font-size: 14px;
  }
}

.is-promo .icon-alert {
  width: 110px;
  height: 100px;
}

@media (max-width: 47.99em) {
  .is-promo .icon-alert {
    width: 90px;
    height: 85px;
  }
}

.is-promo .icon-under18 {
  width: 130px;
  height: 130px;
}

@media (min-width: 60.9375em) and (max-width: 64.0525em) {
  .is-promo .icon-under18 {
    width: 110px;
    height: 110px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .icon-under18 {
    max-width: 90px;
    max-height: 90px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .spend-stretch {
    min-height: 120px;
  }
  .is-promo .spend-stretch.promo-specials {
    padding-top: 10px !important;
  }
  .is-promo .spend-stretch.promo-specials:before {
    display: none;
  }
}

.is-promo .spend-stretch .heading {
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 24px;
}

@media (max-width: 64.0525em) {
  .is-promo .spend-stretch .heading {
    font-size: 20px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .spend-stretch .heading {
    font-size: 18px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .spend-stretch .heading {
    margin-top: 0;
  }
}

.is-promo .spend-stretch .promo-end {
  display: inline;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.is-promo .spend-stretch .icon-container {
  margin-top: 10px;
}

@media (max-width: 32.49em) {
  .is-promo .spend-stretch .icon-container {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 0;
  }
}

.is-promo .spend-stretch .heading .subheading {
  display: block;
  font-size: 20px;
  line-height: 1.3em;
}

.is-promo .spend-stretch .icon-discount img {
  max-width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -3px;
}

.is-legal .promo-body {
  font-size: 13px;
  line-height: 1.4em;
}

@media (min-width: 60.9375em) and (max-width: 64.0525em) {
  .is-legal .promo-body {
    font-size: 14px;
  }
}

@media (max-width: 47.99em) {
  .is-legal .promo-body {
    font-size: 14px;
    line-height: 1.3em;
  }
  .is-legal .promo-body p {
    margin-bottom: 5px;
  }
}

.is-legal .product-desc {
  font-size: 1em;
}

.is-legal.is-tobacco .promo-footer {
  margin-top: 0px;
}

.tile-quit {
  background-color: #231f20 !important;
}

.tile-quit .promo-body {
  padding: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.3em;
}

.tile-quit .promo-body:last-child {
  padding-bottom: 0;
}

@media (max-width: 32.49em) {
  .tile-quit .promo-body {
    padding: 0;
    text-align: center;
    min-height: 110px;
  }
}

.tile-quit .promo-body p {
  margin: 0;
  padding: 20px 20px 0;
}

@media (max-width: 47.99em) {
  .tile-quit .promo-body p {
    padding: 5px 10px 0;
  }
}

@media (max-width: 32.49em) {
  .tile-quit .promo-body p {
    position: relative;
    z-index: 2;
    padding: 0;
    line-height: 1.3em;
    margin-left: 120px;
    text-align: left;
  }
}

.tile-quit .promo-body strong {
  display: block;
  margin: 5px 0;
}

.tile-quit .promo-body a {
  color: #fff;
  font-weight: bold;
}

.tile-quit .promo-body img {
  width: 80%;
}

@media (max-width: 39.99em) {
  .tile-quit .promo-body img {
    width: 65%;
  }
}

@media (max-width: 32.49em) {
  .tile-quit .promo-body img {
    position: absolute;
    width: 110px;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 32.49em) {
  .is-promo .is-tobacco .promo-body {
    min-height: 115px;
    margin-top: -15px;
  }
  .is-promo .is-tobacco .promo-body .icon {
    top: 16px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.quitline-banner {
  position: relative;
  min-height: 110px;
  margin-bottom: 0;
  background: #252021;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 32.5em) {
  .quitline-banner {
    min-height: 135px;
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width: 48em) {
  .quitline-banner {
    display: block;
    margin-left: 0.83333%;
    margin-right: 0.83333%;
  }
}

@media (min-width: 98.75em) {
  .quitline-banner {
    margin-left: 0.59524%;
    margin-right: 0.59524%;
  }
}

.quitline-banner .hero-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 100px;
  overflow: hidden;
}

@media (min-width: 20em) {
  .quitline-banner .hero-image {
    left: 10px;
  }
}

@media (min-width: 32.5em) {
  .quitline-banner .hero-image {
    width: 120px;
  }
}

@media (min-width: 48em) {
  .quitline-banner .hero-image {
    display: none;
  }
}

.quitline-banner .hero-image img {
  width: 100%;
  margin-top: 5px;
}

.quitline-banner .landscape-image {
  max-width: 920px;
}

@media (max-width: 47.99em) {
  .quitline-banner .landscape-image {
    display: none;
  }
}

.quitline-banner .body-copy {
  position: relative;
  margin: 0;
  padding: 10px 10px 10px 120px;
  color: #fff;
  font-size: 13px;
}

@media (min-width: 32.5em) {
  .quitline-banner .body-copy {
    padding: 0 10px 0 140px;
  }
}

@media (min-width: 48em) {
  .quitline-banner .body-copy {
    position: absolute;
    padding: 7.5% 20px 0 37%;
  }
}

@media (min-width: 85.4375em) {
  .quitline-banner .body-copy {
    padding: 70px 0 0 341px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 520px;
    font-size: 15px;
  }
}

.quitline-banner .body-copy strong {
  display: block;
}

.quitline-banner .body-copy a {
  color: #fff;
  display: inline-block;
}

@media (min-width: 60.9375em) {
  .quitline-banner .body-copy a {
    margin-top: 10px;
  }
}

@media (min-width: 85.4375em) {
  .popup .quitline-banner .body-copy {
    padding: 50px 20px 10px 37%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: inherit;
    font-size: 13px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-specials,
  .is-promo .promo-new,
  .is-promo .promo-flybuys {
    padding-top: 20px !important;
  }
  .is-promo .promo-specials img.main-image,
  .is-promo .promo-new img.main-image,
  .is-promo .promo-flybuys img.main-image {
    top: 20px;
    max-height: calc(100% - 35px);
  }
  .is-promo .promo-specials.has-footer .promo-body img.main-image,
  .is-promo .promo-new.has-footer .promo-body img.main-image,
  .is-promo .promo-flybuys.has-footer .promo-body img.main-image {
    max-height: calc(100% - 75px);
  }
  .is-promo .promo-specials:before,
  .is-promo .promo-new:before,
  .is-promo .promo-flybuys:before {
    content: '';
    width: calc(100% - 2px);
    height: 10px;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1;
    border-radius: 4px 4px 0 0;
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-specials .promo-header,
  .is-promo .promo-new .promo-header,
  .is-promo .promo-flybuys .promo-header {
    padding: 10px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-specials .promo-header,
  .is-promo .promo-new .promo-header,
  .is-promo .promo-flybuys .promo-header {
    padding: 0 0 0 120px;
    background-color: #ffffff !important;
  }
  .is-promo .promo-specials .promo-header h3, .is-promo .promo-specials .promo-header h4,
  .is-promo .promo-new .promo-header h3,
  .is-promo .promo-new .promo-header h4,
  .is-promo .promo-flybuys .promo-header h3,
  .is-promo .promo-flybuys .promo-header h4 {
    margin-bottom: 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-branded {
    padding-top: 20px !important;
  }
  .is-promo .promo-branded img.main-image {
    top: 20px;
    max-height: calc(100% - 35px);
  }
  .is-promo .promo-branded.has-footer .promo-body img.main-image {
    max-height: calc(100% - 75px);
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-branded .promo-header {
    padding: 10px;
  }
}

.is-promo .promo-specials {
  border: 1px #ffdd00 solid;
}

@media (max-width: 32.49em) {
  .is-promo .promo-specials:before {
    background: #fff280;
  }
}

.is-promo .promo-specials .promo-header {
  background-color: #fff280;
}

.is-promo.is-large .promo-specials .promo-header, .is-promo.is-promo-large .promo-specials .promo-header {
  background-color: #fff280 !important;
}

.is-promo .promo-new {
  border: 1px #82b935 solid;
}

@media (max-width: 32.49em) {
  .is-promo .promo-new:before {
    background: #e2f4c8;
  }
}

.is-promo .promo-new .promo-header {
  background-color: #e2f4c8;
}

.is-promo.is-large .promo-new .promo-header, .is-promo.is-promo-large .promo-new .promo-header {
  background-color: #e2f4c8 !important;
}

.is-promo .promo-flybuys {
  border: 1px #154f8e solid;
}

@media (max-width: 32.49em) {
  .is-promo .promo-flybuys:before {
    background: #e1ebf5;
  }
}

.is-promo .promo-flybuys .promo-header {
  background-color: #e1ebf5;
}

.is-promo.is-large .promo-flybuys .promo-header, .is-promo.is-promo-large .promo-flybuys .promo-header {
  background-color: #e1ebf5 !important;
}

.is-promo .promo-every-day,
.is-promo .promo-down-down {
  border: 1px #e01a22 solid;
}

.is-promo .promo-branded {
  border: 1px solid transparent;
}

.is-promo .promo-branded .promo-header h2, .is-promo .promo-branded .promo-header h3, .is-promo .promo-branded .promo-header h4 {
  margin-bottom: 0;
  font-size: 20px;
}

@media (max-width: 98.74em) {
  .is-promo .promo-branded .promo-header h2, .is-promo .promo-branded .promo-header h3, .is-promo .promo-branded .promo-header h4 {
    font-size: 18px;
  }
}

@media (max-width: 47.99em) {
  .is-promo .promo-branded .promo-header h2, .is-promo .promo-branded .promo-header h3, .is-promo .promo-branded .promo-header h4 {
    font-size: 14px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-branded .promo-header h2, .is-promo .promo-branded .promo-header h3, .is-promo .promo-branded .promo-header h4 {
    font-size: 16px;
  }
}

@media (max-width: 32.49em) {
  .is-promo .promo-branded .promo-header {
    padding: 0;
    padding-left: 120px;
  }
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-specials,
  .is-promo.is-promo-large .promo-new,
  .is-promo.is-promo-large .promo-flybuys,
  .is-promo.is-promo-large .promo-branded {
    padding-top: 15px !important;
  }
  .is-promo.is-promo-large .promo-specials:before,
  .is-promo.is-promo-large .promo-new:before,
  .is-promo.is-promo-large .promo-flybuys:before,
  .is-promo.is-promo-large .promo-branded:before {
    display: none;
  }
  .is-promo.is-promo-large .promo-specials .promo-header,
  .is-promo.is-promo-large .promo-new .promo-header,
  .is-promo.is-promo-large .promo-flybuys .promo-header,
  .is-promo.is-promo-large .promo-branded .promo-header {
    padding: 10px;
  }
}

@media (max-width: 32.49em) and (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-specials .promo-body,
  .is-promo.is-promo-large .promo-new .promo-body,
  .is-promo.is-promo-large .promo-flybuys .promo-body,
  .is-promo.is-promo-large .promo-branded .promo-body {
    padding: 15px 0 !important;
    margin-top: 0;
  }
}

@media (max-width: 32.49em) {
  .is-promo.is-promo-large .promo-specials img.main-image,
  .is-promo.is-promo-large .promo-new img.main-image,
  .is-promo.is-promo-large .promo-flybuys img.main-image,
  .is-promo.is-promo-large .promo-branded img.main-image {
    position: static;
    max-width: 100%;
    max-height: none;
  }
}

.is-promo .promo-branded.blue {
  border-color: #3a61af;
}

.is-promo .promo-branded.blue .promo-header {
  background-color: #3a61af;
  color: #ffffff;
}

.is-promo .promo-branded.blue .promo-header h2, .is-promo .promo-branded.blue .promo-header h3, .is-promo .promo-branded.blue .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.blue .promo-header, .is-promo.is-promo-large .promo-branded.blue .promo-header {
  background-color: #3a61af !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.blue .promo-header h2, .is-promo.is-large .promo-branded.blue .promo-header h3, .is-promo.is-large .promo-branded.blue .promo-header h4, .is-promo.is-promo-large .promo-branded.blue .promo-header h2, .is-promo.is-promo-large .promo-branded.blue .promo-header h3, .is-promo.is-promo-large .promo-branded.blue .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.green {
  border-color: #2b8132;
}

.is-promo .promo-branded.green .promo-header {
  background-color: #2b8132;
  color: #ffffff;
}

.is-promo .promo-branded.green .promo-header h2, .is-promo .promo-branded.green .promo-header h3, .is-promo .promo-branded.green .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.green .promo-header, .is-promo.is-promo-large .promo-branded.green .promo-header {
  background-color: #2b8132 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.green .promo-header h2, .is-promo.is-large .promo-branded.green .promo-header h3, .is-promo.is-large .promo-branded.green .promo-header h4, .is-promo.is-promo-large .promo-branded.green .promo-header h2, .is-promo.is-promo-large .promo-branded.green .promo-header h3, .is-promo.is-promo-large .promo-branded.green .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.red {
  border-color: #b10d14;
}

.is-promo .promo-branded.red .promo-header {
  background-color: #b10d14;
  color: #ffffff;
}

.is-promo .promo-branded.red .promo-header h2, .is-promo .promo-branded.red .promo-header h3, .is-promo .promo-branded.red .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.red .promo-header, .is-promo.is-promo-large .promo-branded.red .promo-header {
  background-color: #b10d14 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.red .promo-header h2, .is-promo.is-large .promo-branded.red .promo-header h3, .is-promo.is-large .promo-branded.red .promo-header h4, .is-promo.is-promo-large .promo-branded.red .promo-header h2, .is-promo.is-promo-large .promo-branded.red .promo-header h3, .is-promo.is-promo-large .promo-branded.red .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.grey {
  border-color: #606060;
}

.is-promo .promo-branded.grey .promo-header {
  background-color: #606060;
  color: #ffffff;
}

.is-promo .promo-branded.grey .promo-header h2, .is-promo .promo-branded.grey .promo-header h3, .is-promo .promo-branded.grey .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.grey .promo-header, .is-promo.is-promo-large .promo-branded.grey .promo-header {
  background-color: #606060 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.grey .promo-header h2, .is-promo.is-large .promo-branded.grey .promo-header h3, .is-promo.is-large .promo-branded.grey .promo-header h4, .is-promo.is-promo-large .promo-branded.grey .promo-header h2, .is-promo.is-promo-large .promo-branded.grey .promo-header h3, .is-promo.is-promo-large .promo-branded.grey .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.purple {
  border-color: #8f53ab;
}

.is-promo .promo-branded.purple .promo-header {
  background-color: #8f53ab;
  color: #ffffff;
}

.is-promo .promo-branded.purple .promo-header h2, .is-promo .promo-branded.purple .promo-header h3, .is-promo .promo-branded.purple .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.purple .promo-header, .is-promo.is-promo-large .promo-branded.purple .promo-header {
  background-color: #8f53ab !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.purple .promo-header h2, .is-promo.is-large .promo-branded.purple .promo-header h3, .is-promo.is-large .promo-branded.purple .promo-header h4, .is-promo.is-promo-large .promo-branded.purple .promo-header h2, .is-promo.is-promo-large .promo-branded.purple .promo-header h3, .is-promo.is-promo-large .promo-branded.purple .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.darkpink {
  border-color: #ca3e86;
}

.is-promo .promo-branded.darkpink .promo-header {
  background-color: #ca3e86;
  color: #ffffff;
}

.is-promo .promo-branded.darkpink .promo-header h2, .is-promo .promo-branded.darkpink .promo-header h3, .is-promo .promo-branded.darkpink .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.darkpink .promo-header, .is-promo.is-promo-large .promo-branded.darkpink .promo-header {
  background-color: #ca3e86 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.darkpink .promo-header h2, .is-promo.is-large .promo-branded.darkpink .promo-header h3, .is-promo.is-large .promo-branded.darkpink .promo-header h4, .is-promo.is-promo-large .promo-branded.darkpink .promo-header h2, .is-promo.is-promo-large .promo-branded.darkpink .promo-header h3, .is-promo.is-promo-large .promo-branded.darkpink .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.black {
  border-color: #000000;
}

.is-promo .promo-branded.black .promo-header {
  background-color: #000000;
  color: #ffffff;
}

.is-promo .promo-branded.black .promo-header h2, .is-promo .promo-branded.black .promo-header h3, .is-promo .promo-branded.black .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.black .promo-header, .is-promo.is-promo-large .promo-branded.black .promo-header {
  background-color: #000000 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.black .promo-header h2, .is-promo.is-large .promo-branded.black .promo-header h3, .is-promo.is-large .promo-branded.black .promo-header h4, .is-promo.is-promo-large .promo-branded.black .promo-header h2, .is-promo.is-promo-large .promo-branded.black .promo-header h3, .is-promo.is-promo-large .promo-branded.black .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.airwick {
  border-color: #00672f;
}

.is-promo .promo-branded.airwick .promo-header {
  background-color: #00672f;
  color: #ffffff;
}

.is-promo .promo-branded.airwick .promo-header h2, .is-promo .promo-branded.airwick .promo-header h3, .is-promo .promo-branded.airwick .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.airwick .promo-header, .is-promo.is-promo-large .promo-branded.airwick .promo-header {
  background-color: #00672f !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.airwick .promo-header h2, .is-promo.is-large .promo-branded.airwick .promo-header h3, .is-promo.is-large .promo-branded.airwick .promo-header h4, .is-promo.is-promo-large .promo-branded.airwick .promo-header h2, .is-promo.is-promo-large .promo-branded.airwick .promo-header h3, .is-promo.is-promo-large .promo-branded.airwick .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.blueribbon {
  border-color: #1b3976;
}

.is-promo .promo-branded.blueribbon .promo-header {
  background-color: #1b3976;
  color: #ffffff;
}

.is-promo .promo-branded.blueribbon .promo-header h2, .is-promo .promo-branded.blueribbon .promo-header h3, .is-promo .promo-branded.blueribbon .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.blueribbon .promo-header, .is-promo.is-promo-large .promo-branded.blueribbon .promo-header {
  background-color: #1b3976 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.blueribbon .promo-header h2, .is-promo.is-large .promo-branded.blueribbon .promo-header h3, .is-promo.is-large .promo-branded.blueribbon .promo-header h4, .is-promo.is-promo-large .promo-branded.blueribbon .promo-header h2, .is-promo.is-promo-large .promo-branded.blueribbon .promo-header h3, .is-promo.is-promo-large .promo-branded.blueribbon .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.cocacola {
  border-color: #e30613;
}

.is-promo .promo-branded.cocacola .promo-header {
  background-color: #e30613;
  color: #ffffff;
}

.is-promo .promo-branded.cocacola .promo-header h2, .is-promo .promo-branded.cocacola .promo-header h3, .is-promo .promo-branded.cocacola .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cocacola .promo-header, .is-promo.is-promo-large .promo-branded.cocacola .promo-header {
  background-color: #e30613 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cocacola .promo-header h2, .is-promo.is-large .promo-branded.cocacola .promo-header h3, .is-promo.is-large .promo-branded.cocacola .promo-header h4, .is-promo.is-promo-large .promo-branded.cocacola .promo-header h2, .is-promo.is-promo-large .promo-branded.cocacola .promo-header h3, .is-promo.is-promo-large .promo-branded.cocacola .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.cadbury {
  border-color: #3a0c8a;
}

.is-promo .promo-branded.cadbury .promo-header {
  background-color: #3a0c8a;
  color: #ffffff;
}

.is-promo .promo-branded.cadbury .promo-header h2, .is-promo .promo-branded.cadbury .promo-header h3, .is-promo .promo-branded.cadbury .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cadbury .promo-header, .is-promo.is-promo-large .promo-branded.cadbury .promo-header {
  background-color: #3a0c8a !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cadbury .promo-header h2, .is-promo.is-large .promo-branded.cadbury .promo-header h3, .is-promo.is-large .promo-branded.cadbury .promo-header h4, .is-promo.is-promo-large .promo-branded.cadbury .promo-header h2, .is-promo.is-promo-large .promo-branded.cadbury .promo-header h3, .is-promo.is-promo-large .promo-branded.cadbury .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.comfort {
  border-color: #1e2650;
}

.is-promo .promo-branded.comfort .promo-header {
  background-color: #1e2650;
  color: #ffffff;
}

.is-promo .promo-branded.comfort .promo-header h2, .is-promo .promo-branded.comfort .promo-header h3, .is-promo .promo-branded.comfort .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.comfort .promo-header, .is-promo.is-promo-large .promo-branded.comfort .promo-header {
  background-color: #1e2650 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.comfort .promo-header h2, .is-promo.is-large .promo-branded.comfort .promo-header h3, .is-promo.is-large .promo-branded.comfort .promo-header h4, .is-promo.is-promo-large .promo-branded.comfort .promo-header h2, .is-promo.is-promo-large .promo-branded.comfort .promo-header h3, .is-promo.is-promo-large .promo-branded.comfort .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.continental {
  border-color: #cf2416;
}

.is-promo .promo-branded.continental .promo-header {
  background-color: #cf2416;
  color: #ffffff;
}

.is-promo .promo-branded.continental .promo-header h2, .is-promo .promo-branded.continental .promo-header h3, .is-promo .promo-branded.continental .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.continental .promo-header, .is-promo.is-promo-large .promo-branded.continental .promo-header {
  background-color: #cf2416 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.continental .promo-header h2, .is-promo.is-large .promo-branded.continental .promo-header h3, .is-promo.is-large .promo-branded.continental .promo-header h4, .is-promo.is-promo-large .promo-branded.continental .promo-header h2, .is-promo.is-promo-large .promo-branded.continental .promo-header h3, .is-promo.is-promo-large .promo-branded.continental .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.cuddly {
  border-color: #1d439c;
}

.is-promo .promo-branded.cuddly .promo-header {
  background-color: #1d439c;
  color: #ffffff;
}

.is-promo .promo-branded.cuddly .promo-header h2, .is-promo .promo-branded.cuddly .promo-header h3, .is-promo .promo-branded.cuddly .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cuddly .promo-header, .is-promo.is-promo-large .promo-branded.cuddly .promo-header {
  background-color: #1d439c !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.cuddly .promo-header h2, .is-promo.is-large .promo-branded.cuddly .promo-header h3, .is-promo.is-large .promo-branded.cuddly .promo-header h4, .is-promo.is-promo-large .promo-branded.cuddly .promo-header h2, .is-promo.is-promo-large .promo-branded.cuddly .promo-header h3, .is-promo.is-promo-large .promo-branded.cuddly .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.dettol {
  border-color: #7ac141;
}

.is-promo .promo-branded.dettol .promo-header {
  background-color: #7ac141;
  color: #ffffff;
}

.is-promo .promo-branded.dettol .promo-header h2, .is-promo .promo-branded.dettol .promo-header h3, .is-promo .promo-branded.dettol .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.dettol .promo-header, .is-promo.is-promo-large .promo-branded.dettol .promo-header {
  background-color: #7ac141 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.dettol .promo-header h2, .is-promo.is-large .promo-branded.dettol .promo-header h3, .is-promo.is-large .promo-branded.dettol .promo-header h4, .is-promo.is-promo-large .promo-branded.dettol .promo-header h2, .is-promo.is-promo-large .promo-branded.dettol .promo-header h3, .is-promo.is-promo-large .promo-branded.dettol .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.dettol {
  border-color: #7ac141;
}

.is-promo .promo-branded.dettol .promo-header {
  background-color: #7ac141;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.dettol .promo-header h2, .is-promo .promo-branded.dettol .promo-header h3, .is-promo .promo-branded.dettol .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.dettol .promo-header, .is-promo.is-promo-large .promo-branded.dettol .promo-header {
  background-color: #7ac141 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.dettol .promo-header h2, .is-promo.is-large .promo-branded.dettol .promo-header h3, .is-promo.is-large .promo-branded.dettol .promo-header h4, .is-promo.is-promo-large .promo-branded.dettol .promo-header h2, .is-promo.is-promo-large .promo-branded.dettol .promo-header h3, .is-promo.is-promo-large .promo-branded.dettol .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.dove {
  border-color: #003b7d;
}

.is-promo .promo-branded.dove .promo-header {
  background-color: #003b7d;
  color: #ffffff;
}

.is-promo .promo-branded.dove .promo-header h2, .is-promo .promo-branded.dove .promo-header h3, .is-promo .promo-branded.dove .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.dove .promo-header, .is-promo.is-promo-large .promo-branded.dove .promo-header {
  background-color: #003b7d !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.dove .promo-header h2, .is-promo.is-large .promo-branded.dove .promo-header h3, .is-promo.is-large .promo-branded.dove .promo-header h4, .is-promo.is-promo-large .promo-branded.dove .promo-header h2, .is-promo.is-promo-large .promo-branded.dove .promo-header h3, .is-promo.is-promo-large .promo-branded.dove .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.eclipse {
  border-color: #003d82;
}

.is-promo .promo-branded.eclipse .promo-header {
  background-color: #003d82;
  color: #ffffff;
}

.is-promo .promo-branded.eclipse .promo-header h2, .is-promo .promo-branded.eclipse .promo-header h3, .is-promo .promo-branded.eclipse .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.eclipse .promo-header, .is-promo.is-promo-large .promo-branded.eclipse .promo-header {
  background-color: #003d82 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.eclipse .promo-header h2, .is-promo.is-large .promo-branded.eclipse .promo-header h3, .is-promo.is-large .promo-branded.eclipse .promo-header h4, .is-promo.is-promo-large .promo-branded.eclipse .promo-header h2, .is-promo.is-promo-large .promo-branded.eclipse .promo-header h3, .is-promo.is-promo-large .promo-branded.eclipse .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.extra {
  border-color: #00b9eb;
}

.is-promo .promo-branded.extra .promo-header {
  background-color: #00b9eb;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.extra .promo-header h2, .is-promo .promo-branded.extra .promo-header h3, .is-promo .promo-branded.extra .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.extra .promo-header, .is-promo.is-promo-large .promo-branded.extra .promo-header {
  background-color: #00b9eb !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.extra .promo-header h2, .is-promo.is-large .promo-branded.extra .promo-header h3, .is-promo.is-large .promo-branded.extra .promo-header h4, .is-promo.is-promo-large .promo-branded.extra .promo-header h2, .is-promo.is-promo-large .promo-branded.extra .promo-header h3, .is-promo.is-promo-large .promo-branded.extra .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.finish {
  border-color: #003d7f;
}

.is-promo .promo-branded.finish .promo-header {
  background-color: #003d7f;
  color: #ffffff;
}

.is-promo .promo-branded.finish .promo-header h2, .is-promo .promo-branded.finish .promo-header h3, .is-promo .promo-branded.finish .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.finish .promo-header, .is-promo.is-promo-large .promo-branded.finish .promo-header {
  background-color: #003d7f !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.finish .promo-header h2, .is-promo.is-large .promo-branded.finish .promo-header h3, .is-promo.is-large .promo-branded.finish .promo-header h4, .is-promo.is-promo-large .promo-branded.finish .promo-header h2, .is-promo.is-promo-large .promo-branded.finish .promo-header h3, .is-promo.is-promo-large .promo-branded.finish .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.flora {
  border-color: #16651c;
}

.is-promo .promo-branded.flora .promo-header {
  background-color: #16651c;
  color: #ffffff;
}

.is-promo .promo-branded.flora .promo-header h2, .is-promo .promo-branded.flora .promo-header h3, .is-promo .promo-branded.flora .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.flora .promo-header, .is-promo.is-promo-large .promo-branded.flora .promo-header {
  background-color: #16651c !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.flora .promo-header h2, .is-promo.is-large .promo-branded.flora .promo-header h3, .is-promo.is-large .promo-branded.flora .promo-header h4, .is-promo.is-promo-large .promo-branded.flora .promo-header h2, .is-promo.is-promo-large .promo-branded.flora .promo-header h3, .is-promo.is-promo-large .promo-branded.flora .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.fluffy {
  border-color: #1c3693;
}

.is-promo .promo-branded.fluffy .promo-header {
  background-color: #1c3693;
  color: #ffffff;
}

.is-promo .promo-branded.fluffy .promo-header h2, .is-promo .promo-branded.fluffy .promo-header h3, .is-promo .promo-branded.fluffy .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.fluffy .promo-header, .is-promo.is-promo-large .promo-branded.fluffy .promo-header {
  background-color: #1c3693 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.fluffy .promo-header h2, .is-promo.is-large .promo-branded.fluffy .promo-header h3, .is-promo.is-large .promo-branded.fluffy .promo-header h4, .is-promo.is-promo-large .promo-branded.fluffy .promo-header h2, .is-promo.is-promo-large .promo-branded.fluffy .promo-header h3, .is-promo.is-promo-large .promo-branded.fluffy .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.gatorade {
  border-color: #e38224;
}

.is-promo .promo-branded.gatorade .promo-header {
  background-color: #e38224;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.gatorade .promo-header h2, .is-promo .promo-branded.gatorade .promo-header h3, .is-promo .promo-branded.gatorade .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.gatorade .promo-header, .is-promo.is-promo-large .promo-branded.gatorade .promo-header {
  background-color: #e38224 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.gatorade .promo-header h2, .is-promo.is-large .promo-branded.gatorade .promo-header h3, .is-promo.is-large .promo-branded.gatorade .promo-header h4, .is-promo.is-promo-large .promo-branded.gatorade .promo-header h2, .is-promo.is-promo-large .promo-branded.gatorade .promo-header h3, .is-promo.is-promo-large .promo-branded.gatorade .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.gillette {
  border-color: #001c58;
}

.is-promo .promo-branded.gillette .promo-header {
  background-color: #001c58;
  color: #ffffff;
}

.is-promo .promo-branded.gillette .promo-header h2, .is-promo .promo-branded.gillette .promo-header h3, .is-promo .promo-branded.gillette .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.gillette .promo-header, .is-promo.is-promo-large .promo-branded.gillette .promo-header {
  background-color: #001c58 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.gillette .promo-header h2, .is-promo.is-large .promo-branded.gillette .promo-header h3, .is-promo.is-large .promo-branded.gillette .promo-header h4, .is-promo.is-promo-large .promo-branded.gillette .promo-header h2, .is-promo.is-promo-large .promo-branded.gillette .promo-header h3, .is-promo.is-promo-large .promo-branded.gillette .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.headandshoulders {
  border-color: #0051a3;
}

.is-promo .promo-branded.headandshoulders .promo-header {
  background-color: #0051a3;
  color: #ffffff;
}

.is-promo .promo-branded.headandshoulders .promo-header h2, .is-promo .promo-branded.headandshoulders .promo-header h3, .is-promo .promo-branded.headandshoulders .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.headandshoulders .promo-header, .is-promo.is-promo-large .promo-branded.headandshoulders .promo-header {
  background-color: #0051a3 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.headandshoulders .promo-header h2, .is-promo.is-large .promo-branded.headandshoulders .promo-header h3, .is-promo.is-large .promo-branded.headandshoulders .promo-header h4, .is-promo.is-promo-large .promo-branded.headandshoulders .promo-header h2, .is-promo.is-promo-large .promo-branded.headandshoulders .promo-header h3, .is-promo.is-promo-large .promo-branded.headandshoulders .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.jif {
  border-color: #005349;
}

.is-promo .promo-branded.jif .promo-header {
  background-color: #005349;
  color: #ffffff;
}

.is-promo .promo-branded.jif .promo-header h2, .is-promo .promo-branded.jif .promo-header h3, .is-promo .promo-branded.jif .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.jif .promo-header, .is-promo.is-promo-large .promo-branded.jif .promo-header {
  background-color: #005349 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.jif .promo-header h2, .is-promo.is-large .promo-branded.jif .promo-header h3, .is-promo.is-large .promo-branded.jif .promo-header h4, .is-promo.is-promo-large .promo-branded.jif .promo-header h2, .is-promo.is-promo-large .promo-branded.jif .promo-header h3, .is-promo.is-promo-large .promo-branded.jif .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.kettle {
  border-color: #949599;
}

.is-promo .promo-branded.kettle .promo-header {
  background-color: #949599;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.kettle .promo-header h2, .is-promo .promo-branded.kettle .promo-header h3, .is-promo .promo-branded.kettle .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.kettle .promo-header, .is-promo.is-promo-large .promo-branded.kettle .promo-header {
  background-color: #949599 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.kettle .promo-header h2, .is-promo.is-large .promo-branded.kettle .promo-header h3, .is-promo.is-large .promo-branded.kettle .promo-header h4, .is-promo.is-promo-large .promo-branded.kettle .promo-header h2, .is-promo.is-promo-large .promo-branded.kettle .promo-header h3, .is-promo.is-promo-large .promo-branded.kettle .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.magnum {
  border-color: #501f11;
}

.is-promo .promo-branded.magnum .promo-header {
  background-color: #501f11;
  color: #ffffff;
}

.is-promo .promo-branded.magnum .promo-header h2, .is-promo .promo-branded.magnum .promo-header h3, .is-promo .promo-branded.magnum .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.magnum .promo-header, .is-promo.is-promo-large .promo-branded.magnum .promo-header {
  background-color: #501f11 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.magnum .promo-header h2, .is-promo.is-large .promo-branded.magnum .promo-header h3, .is-promo.is-large .promo-branded.magnum .promo-header h4, .is-promo.is-promo-large .promo-branded.magnum .promo-header h2, .is-promo.is-promo-large .promo-branded.magnum .promo-header h3, .is-promo.is-promo-large .promo-branded.magnum .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.malteaser {
  border-color: #e40307;
}

.is-promo .promo-branded.malteaser .promo-header {
  background-color: #e40307;
  color: #ffffff;
}

.is-promo .promo-branded.malteaser .promo-header h2, .is-promo .promo-branded.malteaser .promo-header h3, .is-promo .promo-branded.malteaser .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.malteaser .promo-header, .is-promo.is-promo-large .promo-branded.malteaser .promo-header {
  background-color: #e40307 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.malteaser .promo-header h2, .is-promo.is-large .promo-branded.malteaser .promo-header h3, .is-promo.is-large .promo-branded.malteaser .promo-header h4, .is-promo.is-promo-large .promo-branded.malteaser .promo-header h2, .is-promo.is-promo-large .promo-branded.malteaser .promo-header h3, .is-promo.is-promo-large .promo-branded.malteaser .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.mandm {
  border-color: #692e10;
}

.is-promo .promo-branded.mandm .promo-header {
  background-color: #692e10;
  color: #ffffff;
}

.is-promo .promo-branded.mandm .promo-header h2, .is-promo .promo-branded.mandm .promo-header h3, .is-promo .promo-branded.mandm .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.mandm .promo-header, .is-promo.is-promo-large .promo-branded.mandm .promo-header {
  background-color: #692e10 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.mandm .promo-header h2, .is-promo.is-large .promo-branded.mandm .promo-header h3, .is-promo.is-large .promo-branded.mandm .promo-header h4, .is-promo.is-promo-large .promo-branded.mandm .promo-header h2, .is-promo.is-promo-large .promo-branded.mandm .promo-header h3, .is-promo.is-promo-large .promo-branded.mandm .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.mars {
  border-color: #e20032;
}

.is-promo .promo-branded.mars .promo-header {
  background-color: #e20032;
  color: #ffffff;
}

.is-promo .promo-branded.mars .promo-header h2, .is-promo .promo-branded.mars .promo-header h3, .is-promo .promo-branded.mars .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.mars .promo-header, .is-promo.is-promo-large .promo-branded.mars .promo-header {
  background-color: #e20032 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.mars .promo-header h2, .is-promo.is-large .promo-branded.mars .promo-header h3, .is-promo.is-large .promo-branded.mars .promo-header h4, .is-promo.is-promo-large .promo-branded.mars .promo-header h2, .is-promo.is-promo-large .promo-branded.mars .promo-header h3, .is-promo.is-promo-large .promo-branded.mars .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.milo {
  border-color: #0ba23b;
}

.is-promo .promo-branded.milo .promo-header {
  background-color: #0ba23b;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.milo .promo-header h2, .is-promo .promo-branded.milo .promo-header h3, .is-promo .promo-branded.milo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.milo .promo-header, .is-promo.is-promo-large .promo-branded.milo .promo-header {
  background-color: #0ba23b !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.milo .promo-header h2, .is-promo.is-large .promo-branded.milo .promo-header h3, .is-promo.is-large .promo-branded.milo .promo-header h4, .is-promo.is-promo-large .promo-branded.milo .promo-header h2, .is-promo.is-promo-large .promo-branded.milo .promo-header h3, .is-promo.is-promo-large .promo-branded.milo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.moccona {
  border-color: #e40014;
}

.is-promo .promo-branded.moccona .promo-header {
  background-color: #e40014;
  color: #ffffff;
}

.is-promo .promo-branded.moccona .promo-header h2, .is-promo .promo-branded.moccona .promo-header h3, .is-promo .promo-branded.moccona .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.moccona .promo-header, .is-promo.is-promo-large .promo-branded.moccona .promo-header {
  background-color: #e40014 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.moccona .promo-header h2, .is-promo.is-large .promo-branded.moccona .promo-header h3, .is-promo.is-large .promo-branded.moccona .promo-header h4, .is-promo.is-promo-large .promo-branded.moccona .promo-header h2, .is-promo.is-promo-large .promo-branded.moccona .promo-header h3, .is-promo.is-promo-large .promo-branded.moccona .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.nescafe {
  border-color: #e31d1a;
}

.is-promo .promo-branded.nescafe .promo-header {
  background-color: #e31d1a;
  color: #ffffff;
}

.is-promo .promo-branded.nescafe .promo-header h2, .is-promo .promo-branded.nescafe .promo-header h3, .is-promo .promo-branded.nescafe .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.nescafe .promo-header, .is-promo.is-promo-large .promo-branded.nescafe .promo-header {
  background-color: #e31d1a !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.nescafe .promo-header h2, .is-promo.is-large .promo-branded.nescafe .promo-header h3, .is-promo.is-large .promo-branded.nescafe .promo-header h4, .is-promo.is-promo-large .promo-branded.nescafe .promo-header h2, .is-promo.is-promo-large .promo-branded.nescafe .promo-header h3, .is-promo.is-promo-large .promo-branded.nescafe .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.olay {
  border-color: #d4cbb8;
}

.is-promo .promo-branded.olay .promo-header {
  background-color: #d4cbb8;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.olay .promo-header h2, .is-promo .promo-branded.olay .promo-header h3, .is-promo .promo-branded.olay .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.olay .promo-header, .is-promo.is-promo-large .promo-branded.olay .promo-header {
  background-color: #d4cbb8 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.olay .promo-header h2, .is-promo.is-large .promo-branded.olay .promo-header h3, .is-promo.is-large .promo-branded.olay .promo-header h4, .is-promo.is-promo-large .promo-branded.olay .promo-header h2, .is-promo.is-promo-large .promo-branded.olay .promo-header h3, .is-promo.is-promo-large .promo-branded.olay .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.omo {
  border-color: #152763;
}

.is-promo .promo-branded.omo .promo-header {
  background-color: #152763;
  color: #ffffff;
}

.is-promo .promo-branded.omo .promo-header h2, .is-promo .promo-branded.omo .promo-header h3, .is-promo .promo-branded.omo .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.omo .promo-header, .is-promo.is-promo-large .promo-branded.omo .promo-header {
  background-color: #152763 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.omo .promo-header h2, .is-promo.is-large .promo-branded.omo .promo-header h3, .is-promo.is-large .promo-branded.omo .promo-header h4, .is-promo.is-promo-large .promo-branded.omo .promo-header h2, .is-promo.is-promo-large .promo-branded.omo .promo-header h3, .is-promo.is-promo-large .promo-branded.omo .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.oralb {
  border-color: #2665ab;
}

.is-promo .promo-branded.oralb .promo-header {
  background-color: #2665ab;
  color: #ffffff;
}

.is-promo .promo-branded.oralb .promo-header h2, .is-promo .promo-branded.oralb .promo-header h3, .is-promo .promo-branded.oralb .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.oralb .promo-header, .is-promo.is-promo-large .promo-branded.oralb .promo-header {
  background-color: #2665ab !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.oralb .promo-header h2, .is-promo.is-large .promo-branded.oralb .promo-header h3, .is-promo.is-large .promo-branded.oralb .promo-header h4, .is-promo.is-promo-large .promo-branded.oralb .promo-header h2, .is-promo.is-promo-large .promo-branded.oralb .promo-header h3, .is-promo.is-promo-large .promo-branded.oralb .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.oreo {
  border-color: #00a7e2;
}

.is-promo .promo-branded.oreo .promo-header {
  background-color: #00a7e2;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.oreo .promo-header h2, .is-promo .promo-branded.oreo .promo-header h3, .is-promo .promo-branded.oreo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.oreo .promo-header, .is-promo.is-promo-large .promo-branded.oreo .promo-header {
  background-color: #00a7e2 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.oreo .promo-header h2, .is-promo.is-large .promo-branded.oreo .promo-header h3, .is-promo.is-large .promo-branded.oreo .promo-header h4, .is-promo.is-promo-large .promo-branded.oreo .promo-header h2, .is-promo.is-promo-large .promo-branded.oreo .promo-header h3, .is-promo.is-promo-large .promo-branded.oreo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.pantene {
  border-color: #e4b468;
}

.is-promo .promo-branded.pantene .promo-header {
  background-color: #e4b468;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.pantene .promo-header h2, .is-promo .promo-branded.pantene .promo-header h3, .is-promo .promo-branded.pantene .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.pantene .promo-header, .is-promo.is-promo-large .promo-branded.pantene .promo-header {
  background-color: #e4b468 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.pantene .promo-header h2, .is-promo.is-large .promo-branded.pantene .promo-header h3, .is-promo.is-large .promo-branded.pantene .promo-header h4, .is-promo.is-promo-large .promo-branded.pantene .promo-header h2, .is-promo.is-promo-large .promo-branded.pantene .promo-header h3, .is-promo.is-promo-large .promo-branded.pantene .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.pepsi {
  border-color: #013668;
}

.is-promo .promo-branded.pepsi .promo-header {
  background-color: #013668;
  color: #ffffff;
}

.is-promo .promo-branded.pepsi .promo-header h2, .is-promo .promo-branded.pepsi .promo-header h3, .is-promo .promo-branded.pepsi .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.pepsi .promo-header, .is-promo.is-promo-large .promo-branded.pepsi .promo-header {
  background-color: #013668 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.pepsi .promo-header h2, .is-promo.is-large .promo-branded.pepsi .promo-header h3, .is-promo.is-large .promo-branded.pepsi .promo-header h4, .is-promo.is-promo-large .promo-branded.pepsi .promo-header h2, .is-promo.is-promo-large .promo-branded.pepsi .promo-header h3, .is-promo.is-promo-large .promo-branded.pepsi .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.peanutbutter {
  border-color: #f8e948;
}

.is-promo .promo-branded.peanutbutter .promo-header {
  background-color: #f8e948;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.peanutbutter .promo-header h2, .is-promo .promo-branded.peanutbutter .promo-header h3, .is-promo .promo-branded.peanutbutter .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.peanutbutter .promo-header, .is-promo.is-promo-large .promo-branded.peanutbutter .promo-header {
  background-color: #f8e948 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.peanutbutter .promo-header h2, .is-promo.is-large .promo-branded.peanutbutter .promo-header h3, .is-promo.is-large .promo-branded.peanutbutter .promo-header h4, .is-promo.is-promo-large .promo-branded.peanutbutter .promo-header h2, .is-promo.is-promo-large .promo-branded.peanutbutter .promo-header h3, .is-promo.is-promo-large .promo-branded.peanutbutter .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.pineocleen {
  border-color: #1e6f36;
}

.is-promo .promo-branded.pineocleen .promo-header {
  background-color: #1e6f36;
  color: #ffffff;
}

.is-promo .promo-branded.pineocleen .promo-header h2, .is-promo .promo-branded.pineocleen .promo-header h3, .is-promo .promo-branded.pineocleen .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.pineocleen .promo-header, .is-promo.is-promo-large .promo-branded.pineocleen .promo-header {
  background-color: #1e6f36 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.pineocleen .promo-header h2, .is-promo.is-large .promo-branded.pineocleen .promo-header h3, .is-promo.is-large .promo-branded.pineocleen .promo-header h4, .is-promo.is-promo-large .promo-branded.pineocleen .promo-header h2, .is-promo.is-promo-large .promo-branded.pineocleen .promo-header h3, .is-promo.is-promo-large .promo-branded.pineocleen .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.philadelphia {
  border-color: #0d4284;
}

.is-promo .promo-branded.philadelphia .promo-header {
  background-color: #0d4284;
  color: #ffffff;
}

.is-promo .promo-branded.philadelphia .promo-header h2, .is-promo .promo-branded.philadelphia .promo-header h3, .is-promo .promo-branded.philadelphia .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.philadelphia .promo-header, .is-promo.is-promo-large .promo-branded.philadelphia .promo-header {
  background-color: #0d4284 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.philadelphia .promo-header h2, .is-promo.is-large .promo-branded.philadelphia .promo-header h3, .is-promo.is-large .promo-branded.philadelphia .promo-header h4, .is-promo.is-promo-large .promo-branded.philadelphia .promo-header h2, .is-promo.is-promo-large .promo-branded.philadelphia .promo-header h3, .is-promo.is-promo-large .promo-branded.philadelphia .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.rexona {
  border-color: #312b47;
}

.is-promo .promo-branded.rexona .promo-header {
  background-color: #312b47;
  color: #ffffff;
}

.is-promo .promo-branded.rexona .promo-header h2, .is-promo .promo-branded.rexona .promo-header h3, .is-promo .promo-branded.rexona .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.rexona .promo-header, .is-promo.is-promo-large .promo-branded.rexona .promo-header {
  background-color: #312b47 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.rexona .promo-header h2, .is-promo.is-large .promo-branded.rexona .promo-header h3, .is-promo.is-large .promo-branded.rexona .promo-header h4, .is-promo.is-promo-large .promo-branded.rexona .promo-header h2, .is-promo.is-promo-large .promo-branded.rexona .promo-header h3, .is-promo.is-promo-large .promo-branded.rexona .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.ritz {
  border-color: #0168c5;
}

.is-promo .promo-branded.ritz .promo-header {
  background-color: #0168c5;
  color: #ffffff;
}

.is-promo .promo-branded.ritz .promo-header h2, .is-promo .promo-branded.ritz .promo-header h3, .is-promo .promo-branded.ritz .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.ritz .promo-header, .is-promo.is-promo-large .promo-branded.ritz .promo-header {
  background-color: #0168c5 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.ritz .promo-header h2, .is-promo.is-large .promo-branded.ritz .promo-header h3, .is-promo.is-large .promo-branded.ritz .promo-header h4, .is-promo.is-promo-large .promo-branded.ritz .promo-header h2, .is-promo.is-promo-large .promo-branded.ritz .promo-header h3, .is-promo.is-promo-large .promo-branded.ritz .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.schweppes {
  border-color: #ffdd00;
}

.is-promo .promo-branded.schweppes .promo-header {
  background-color: #ffdd00;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.schweppes .promo-header h2, .is-promo .promo-branded.schweppes .promo-header h3, .is-promo .promo-branded.schweppes .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.schweppes .promo-header, .is-promo.is-promo-large .promo-branded.schweppes .promo-header {
  background-color: #ffdd00 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.schweppes .promo-header h2, .is-promo.is-large .promo-branded.schweppes .promo-header h3, .is-promo.is-large .promo-branded.schweppes .promo-header h4, .is-promo.is-promo-large .promo-branded.schweppes .promo-header h2, .is-promo.is-promo-large .promo-branded.schweppes .promo-header h3, .is-promo.is-promo-large .promo-branded.schweppes .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.simple {
  border-color: #007a55;
}

.is-promo .promo-branded.simple .promo-header {
  background-color: #007a55;
  color: #ffffff;
}

.is-promo .promo-branded.simple .promo-header h2, .is-promo .promo-branded.simple .promo-header h3, .is-promo .promo-branded.simple .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.simple .promo-header, .is-promo.is-promo-large .promo-branded.simple .promo-header {
  background-color: #007a55 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.simple .promo-header h2, .is-promo.is-large .promo-branded.simple .promo-header h3, .is-promo.is-large .promo-branded.simple .promo-header h4, .is-promo.is-promo-large .promo-branded.simple .promo-header h2, .is-promo.is-promo-large .promo-branded.simple .promo-header h3, .is-promo.is-promo-large .promo-branded.simple .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.sogood {
  border-color: #01378d;
}

.is-promo .promo-branded.sogood .promo-header {
  background-color: #01378d;
  color: #ffffff;
}

.is-promo .promo-branded.sogood .promo-header h2, .is-promo .promo-branded.sogood .promo-header h3, .is-promo .promo-branded.sogood .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.sogood .promo-header, .is-promo.is-promo-large .promo-branded.sogood .promo-header {
  background-color: #01378d !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.sogood .promo-header h2, .is-promo.is-large .promo-branded.sogood .promo-header h3, .is-promo.is-large .promo-branded.sogood .promo-header h4, .is-promo.is-promo-large .promo-branded.sogood .promo-header h2, .is-promo.is-promo-large .promo-branded.sogood .promo-header h3, .is-promo.is-promo-large .promo-branded.sogood .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.thins {
  border-color: #ffde00;
}

.is-promo .promo-branded.thins .promo-header {
  background-color: #ffde00;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.thins .promo-header h2, .is-promo .promo-branded.thins .promo-header h3, .is-promo .promo-branded.thins .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.thins .promo-header, .is-promo.is-promo-large .promo-branded.thins .promo-header {
  background-color: #ffde00 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.thins .promo-header h2, .is-promo.is-large .promo-branded.thins .promo-header h3, .is-promo.is-large .promo-branded.thins .promo-header h4, .is-promo.is-promo-large .promo-branded.thins .promo-header h2, .is-promo.is-promo-large .promo-branded.thins .promo-header h3, .is-promo.is-promo-large .promo-branded.thins .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.uncletobys {
  border-color: #e41b16;
}

.is-promo .promo-branded.uncletobys .promo-header {
  background-color: #e41b16;
  color: #ffffff;
}

.is-promo .promo-branded.uncletobys .promo-header h2, .is-promo .promo-branded.uncletobys .promo-header h3, .is-promo .promo-branded.uncletobys .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.uncletobys .promo-header, .is-promo.is-promo-large .promo-branded.uncletobys .promo-header {
  background-color: #e41b16 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.uncletobys .promo-header h2, .is-promo.is-large .promo-branded.uncletobys .promo-header h3, .is-promo.is-large .promo-branded.uncletobys .promo-header h4, .is-promo.is-promo-large .promo-branded.uncletobys .promo-header h2, .is-promo.is-promo-large .promo-branded.uncletobys .promo-header h3, .is-promo.is-promo-large .promo-branded.uncletobys .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.upandgo {
  border-color: #499cd0;
}

.is-promo .promo-branded.upandgo .promo-header {
  background-color: #499cd0;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.upandgo .promo-header h2, .is-promo .promo-branded.upandgo .promo-header h3, .is-promo .promo-branded.upandgo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.upandgo .promo-header, .is-promo.is-promo-large .promo-branded.upandgo .promo-header {
  background-color: #499cd0 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.upandgo .promo-header h2, .is-promo.is-large .promo-branded.upandgo .promo-header h3, .is-promo.is-large .promo-branded.upandgo .promo-header h4, .is-promo.is-promo-large .promo-branded.upandgo .promo-header h2, .is-promo.is-promo-large .promo-branded.upandgo .promo-header h3, .is-promo.is-promo-large .promo-branded.upandgo .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.veet {
  border-color: #eb65a2;
}

.is-promo .promo-branded.veet .promo-header {
  background-color: #eb65a2;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.veet .promo-header h2, .is-promo .promo-branded.veet .promo-header h3, .is-promo .promo-branded.veet .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.veet .promo-header, .is-promo.is-promo-large .promo-branded.veet .promo-header {
  background-color: #eb65a2 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.veet .promo-header h2, .is-promo.is-large .promo-branded.veet .promo-header h3, .is-promo.is-large .promo-branded.veet .promo-header h4, .is-promo.is-promo-large .promo-branded.veet .promo-header h2, .is-promo.is-promo-large .promo-branded.veet .promo-header h3, .is-promo.is-promo-large .promo-branded.veet .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.vegemite {
  border-color: #fcde04;
}

.is-promo .promo-branded.vegemite .promo-header {
  background-color: #fcde04;
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.vegemite .promo-header h2, .is-promo .promo-branded.vegemite .promo-header h3, .is-promo .promo-branded.vegemite .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.vegemite .promo-header, .is-promo.is-promo-large .promo-branded.vegemite .promo-header {
  background-color: #fcde04 !important;
  color: #ffffff;
  color: #262626;
}

.is-promo.is-large .promo-branded.vegemite .promo-header h2, .is-promo.is-large .promo-branded.vegemite .promo-header h3, .is-promo.is-large .promo-branded.vegemite .promo-header h4, .is-promo.is-promo-large .promo-branded.vegemite .promo-header h2, .is-promo.is-promo-large .promo-branded.vegemite .promo-header h3, .is-promo.is-promo-large .promo-branded.vegemite .promo-header h4 {
  color: #ffffff;
  color: #262626;
}

.is-promo .promo-branded.weetbix {
  border-color: #0022aa;
}

.is-promo .promo-branded.weetbix .promo-header {
  background-color: #0022aa;
  color: #ffffff;
}

.is-promo .promo-branded.weetbix .promo-header h2, .is-promo .promo-branded.weetbix .promo-header h3, .is-promo .promo-branded.weetbix .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.weetbix .promo-header, .is-promo.is-promo-large .promo-branded.weetbix .promo-header {
  background-color: #0022aa !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.weetbix .promo-header h2, .is-promo.is-large .promo-branded.weetbix .promo-header h3, .is-promo.is-large .promo-branded.weetbix .promo-header h4, .is-promo.is-promo-large .promo-branded.weetbix .promo-header h2, .is-promo.is-promo-large .promo-branded.weetbix .promo-header h3, .is-promo.is-promo-large .promo-branded.weetbix .promo-header h4 {
  color: #ffffff;
}

.is-promo .promo-branded.coles {
  border-color: #e01a22;
}

.is-promo .promo-branded.coles .promo-header {
  background-color: #e01a22;
  color: #ffffff;
}

.is-promo .promo-branded.coles .promo-header h2, .is-promo .promo-branded.coles .promo-header h3, .is-promo .promo-branded.coles .promo-header h4 {
  color: #ffffff;
}

.is-promo.is-large .promo-branded.coles .promo-header, .is-promo.is-promo-large .promo-branded.coles .promo-header {
  background-color: #e01a22 !important;
  color: #ffffff;
}

.is-promo.is-large .promo-branded.coles .promo-header h2, .is-promo.is-large .promo-branded.coles .promo-header h3, .is-promo.is-large .promo-branded.coles .promo-header h4, .is-promo.is-promo-large .promo-branded.coles .promo-header h2, .is-promo.is-promo-large .promo-branded.coles .promo-header h3, .is-promo.is-promo-large .promo-branded.coles .promo-header h4 {
  color: #ffffff;
}

.espotContainer.product-banner {
  height: 150px;
  margin: 0 0.59524% 10px 0.59524%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.is-home .espotContainer.product-banner {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 98.74em) {
  .espotContainer.product-banner {
    margin-left: 0.83333%;
    margin-right: 0.83333%;
  }
}

@media (max-width: 47.99em) {
  .espotContainer.product-banner {
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
    height: 100px;
  }
}

@media (max-width: 29.99em) {
  .espotContainer.product-banner {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 975px) {
  .espotContainer.product-banner.product-banner-citrus {
    height: 100px;
  }
}

.espotContainer.product-banner .contents {
  height: 150px;
}

@media (max-width: 47.99em) {
  .espotContainer.product-banner .contents {
    height: 100px;
  }
}

.espotContainer.product-banner .banner-logo {
  margin: 20px 0 20px 20px;
  max-height: calc(100% - 40px);
}

@media (max-width: 47.99em) {
  .espotContainer.product-banner .banner-logo {
    margin: 15px 0 15px 15px;
    max-height: calc(100% - 30px);
  }
}

.espotContainer.product-banner .banner-text {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  font-size: 40px;
  width: calc(100% - 195px);
  text-align: center;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-shadow: 0px 0px 10px #333;
  line-height: 1.2em;
}

@media (max-width: 64.0525em) {
  .espotContainer.product-banner .banner-text {
    font-size: 30px;
  }
}

@media (max-width: 47.99em) {
  .espotContainer.product-banner .banner-text {
    font-size: 24px;
    right: 15px;
    width: calc(100% - 115px);
  }
}

.espotContainer.product-banner .text-only .banner-text {
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 10px;
}

/* Citrus Banner styles */
.product-banner-citrus .citrus-banner {
  height: 100%;
  background-repeat: no-repeat;
  background-position: top left;
}

.product-banner-citrus .citrus-banner-hero-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.product-banner-citrus .horizontal-logo {
  display: block;
  max-height: 33px;
}

.product-banner-citrus .citrus-banner-content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.product-banner-citrus .citrus-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
}

.product-banner-citrus .citrus-banner-content .citrus-banner-hero-text {
  display: block;
  margin: 5px 30px 5px 0;
  color: #fff;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 1.2em;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.product-banner-citrus .citrus-banner-content .button {
  height: 42px;
  font-weight: bold;
  margin: 5px 15px 5px 0;
}

@media screen and (max-width: 1365px) {
  .product-banner-citrus .horizontal-logo {
    max-height: 28px;
  }
  .product-banner-citrus .citrus-banner-content .citrus-banner-hero-text {
    font-size: 25px;
  }
}

@media screen and (max-width: 975px) {
  .product-banner-citrus .citrus-banner {
    background-size: auto 100px;
    background-position: -10px;
  }
  .product-banner-citrus .citrus-banner-hero-image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100px;
    width: 100px;
  }
  .product-banner-citrus .citrus-banner-hero-image-container .citrus-banner-hero-image {
    max-height: 100%;
    width: 100px;
  }
  .product-banner-citrus .horizontal-logo {
    max-height: 21px;
  }
  .product-banner-citrus .citrus-banner-content .citrus-banner-hero-text {
    font-size: 18px;
    margin: 0 15px 0 0;
  }
  .product-banner-citrus .citrus-banner-content {
    padding: 0 15px;
  }
  .product-banner-citrus .citrus-banner-content .button {
    height: auto;
    padding: 0;
    line-height: 1.6em;
    border: 0;
    background: none;
    text-decoration: underline;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
  }
  .product-banner-citrus .citrus-banner-content .button:focus {
    outline: 1px dotted white;
  }
}

@media screen and (max-width: 359px) {
  .product-banner-citrus .horizontal-logo {
    max-height: 18px;
  }
  .product-banner-citrus .citrus-banner-content .citrus-banner-hero-text {
    font-size: 16px;
  }
}

.product-banner-citrus {
  /* Modifier class - Has one image */
  /* Modifier class -  Has secondary image */
  /* Single background modifier classes*/
  /* Has repeating background*/
  /* Has covering background*/
  /* Has left-aligned background*/
  /* Has right-aligned background*/
  /* Dual background - second bg left align */
  /* Has repeating background with secondary bg left-aligned */
  /* Has covering background with secondary bg left-aligned */
  /* Has left-aligned background with secondary bg left-aligned */
  /* Has right-aligned background with secondary bg left-aligned */
  /* Dual background - second bg right aligned */
  /* Has repeating background with secondary bg right-aligned */
  /* Has covering background with secondary bg right-aligned */
  /* Has left-aligned background with secondary bg right-aligned */
  /* Has right-aligned background with secondary bg right-aligned */
}

.product-banner-citrus .citrus-banner.has-hero-image .citrus-banner-content-container {
  margin-left: 150px;
}

.product-banner-citrus .citrus-banner.has-hero-image .citrus-banner-content {
  padding-left: 15px;
}

@media screen and (max-width: 975px) {
  .product-banner-citrus .citrus-banner.has-hero-image .citrus-banner-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-banner-citrus .citrus-banner.has-hero-image .citrus-banner-content-container {
    margin-left: 100px;
  }
}

.product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner {
  background-position: -10px;
}

.product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner-content-container {
  margin-left: 300px;
}

.product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner-hero-image-container.secondary-image {
  left: 150px;
}

@media screen and (max-width: 975px) {
  .product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner-content-container {
    margin-left: 160px;
  }
  .product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner-hero-image-container {
    width: 80px;
  }
  .product-banner-citrus .citrus-banner.has-secondary-image .citrus-banner-hero-image-container.secondary-image {
    left: 80px;
  }
}

.product-banner-citrus .citrus-banner.repeating-bg {
  background-repeat: repeat;
}

.product-banner-citrus .citrus-banner.fill-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.product-banner-citrus .citrus-banner.leftaligned-bg {
  background-repeat: no-repeat;
  background-position: top left;
}

.product-banner-citrus .citrus-banner.rightaligned-bg {
  background-repeat: no-repeat;
  background-position: top right;
}

.product-banner-citrus .citrus-banner.repeating-bg.leftaligned-second-bg {
  background-repeat: no-repeat, repeat;
  background-position: top left, top left;
}

.product-banner-citrus .citrus-banner.fill-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top left;
  background-size: auto, cover;
}

@media screen and (max-width: 975px) {
  .product-banner-citrus .citrus-banner.fill-bg.leftaligned-second-bg {
    background-size: auto 100px, cover;
  }
}

.product-banner-citrus .citrus-banner.leftaligned-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top left;
}

.product-banner-citrus .citrus-banner.rightaligned-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top right;
}

.product-banner-citrus .citrus-banner.repeating-bg.rightaligned-second-bg {
  background-repeat: no-repeat, repeat;
  background-position: top right, top left;
}

.product-banner-citrus .citrus-banner.fill-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top left;
  background-size: auto, cover;
}

@media screen and (max-width: 975px) {
  .product-banner-citrus .citrus-banner.fill-bg.rightaligned-second-bg {
    background-size: auto 100px, cover;
  }
}

.product-banner-citrus .citrus-banner.leftaligned-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top left;
}

.product-banner-citrus .citrus-banner.rightaligned-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top right;
}

/* Citrus Tiles and promo tiles with citrus layout*/
.product.is-promo .image-first-layout {
  height: 100%;
}

.product.is-promo .image-first-layout .content-container .terms {
  line-height: 1.3em;
  font-size: 11px;
}

.product.is-promo .image-first-layout .content-container .terms a {
  color: #262626;
  text-decoration: underline;
}

.product.is-promo .image-first-layout .content-container .terms a:focus {
  outline: 1px dotted;
}

.product.is-promo .image-first-layout .content-container .button {
  padding: 8px 14px 8px 14px;
}

@media (min-width: 30em) {
  .product.is-promo-large .image-first-layout .cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product.is-promo-large .image-first-layout .cta-container .terms-container {
    width: 49.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product.is-promo-large .image-first-layout .cta-container .button {
    width: 49.5% !important;
    left: auto !important;
    margin-left: 1%;
  }
}

.product.is-promo-citrus,
.product.is-promo .image-first-layout {
  padding: 0px;
  overflow: hidden;
}

@media (max-width: 32.49em) {
  .product.is-promo-citrus,
  .product.is-promo .image-first-layout {
    height: 349px;
  }
}

.product.is-promo-citrus .citrus-tile-content-container,
.product.is-promo-citrus .content-container,
.product.is-promo .image-first-layout .citrus-tile-content-container,
.product.is-promo .image-first-layout .content-container {
  padding: 8px;
  position: relative;
  height: 100%;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container,
.product.is-promo-citrus .content-container .hero-image-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container,
.product.is-promo .image-first-layout .content-container .hero-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 250px;
  padding-top: 10px;
  /*BG Image styling*/
  background-position: top center;
}

@media (max-width: 32.49em) {
  .product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container,
  .product.is-promo-citrus .citrus-tile-content-container .hero-image-container,
  .product.is-promo-citrus .content-container .citrus-tile-hero-image-container,
  .product.is-promo-citrus .content-container .hero-image-container,
  .product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container,
  .product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container,
  .product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container,
  .product.is-promo .image-first-layout .content-container .hero-image-container {
    height: 180px;
  }
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image,
.product.is-promo-citrus .content-container .hero-image-container .hero-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .hero-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .hero-image.secondary-image {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 100px;
  height: 100px;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo .image-first-layout .content-container .hero-image-container .hero-image.secondary-image.is-landscape {
  height: 75px;
  width: 150px;
}

@media (max-width: 32.49em) {
  .product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
  .product.is-promo .image-first-layout .content-container .hero-image-container .hero-image.secondary-image.is-landscape {
    height: 90px;
    width: 190px;
  }
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image .tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .hero-image.secondary-image .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .hero-image.secondary-image .tile-image {
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-image,
.product.is-promo-citrus .citrus-tile-content-container .hero-image-container .tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-image,
.product.is-promo-citrus .content-container .citrus-tile-hero-image-container .tile-image,
.product.is-promo-citrus .content-container .hero-image-container .citrus-tile-image,
.product.is-promo-citrus .content-container .hero-image-container .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-image,
.product.is-promo .image-first-layout .citrus-tile-content-container .hero-image-container .tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .citrus-tile-hero-image-container .tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .citrus-tile-image,
.product.is-promo .image-first-layout .content-container .hero-image-container .tile-image {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0 auto;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content,
.product.is-promo-citrus .citrus-tile-content-container .tile-content,
.product.is-promo-citrus .content-container .citrus-tile-content,
.product.is-promo-citrus .content-container .tile-content,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content,
.product.is-promo .image-first-layout .content-container .citrus-tile-content,
.product.is-promo .image-first-layout .content-container .tile-content {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 148px;
  text-align: center;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text-container,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .hero-text-container,
.product.is-promo-citrus .citrus-tile-content-container .tile-content .citrus-tile-hero-text-container,
.product.is-promo-citrus .citrus-tile-content-container .tile-content .hero-text-container,
.product.is-promo-citrus .content-container .citrus-tile-content .citrus-tile-hero-text-container,
.product.is-promo-citrus .content-container .citrus-tile-content .hero-text-container,
.product.is-promo-citrus .content-container .tile-content .citrus-tile-hero-text-container,
.product.is-promo-citrus .content-container .tile-content .hero-text-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content .hero-text-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content .citrus-tile-hero-text-container,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content .hero-text-container,
.product.is-promo .image-first-layout .content-container .citrus-tile-content .citrus-tile-hero-text-container,
.product.is-promo .image-first-layout .content-container .citrus-tile-content .hero-text-container,
.product.is-promo .image-first-layout .content-container .tile-content .citrus-tile-hero-text-container,
.product.is-promo .image-first-layout .content-container .tile-content .hero-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .hero-text,
.product.is-promo-citrus .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-citrus .citrus-tile-content-container .tile-content .hero-text,
.product.is-promo-citrus .content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-citrus .content-container .citrus-tile-content .hero-text,
.product.is-promo-citrus .content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-citrus .content-container .tile-content .hero-text,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content .hero-text,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content .hero-text,
.product.is-promo .image-first-layout .content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo .image-first-layout .content-container .citrus-tile-content .hero-text,
.product.is-promo .image-first-layout .content-container .tile-content .citrus-tile-hero-text,
.product.is-promo .image-first-layout .content-container .tile-content .hero-text {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
}

.product.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .button,
.product.is-promo-citrus .citrus-tile-content-container .tile-content .button,
.product.is-promo-citrus .content-container .citrus-tile-content .button,
.product.is-promo-citrus .content-container .tile-content .button,
.product.is-promo .image-first-layout .citrus-tile-content-container .citrus-tile-content .button,
.product.is-promo .image-first-layout .citrus-tile-content-container .tile-content .button,
.product.is-promo .image-first-layout .content-container .citrus-tile-content .button,
.product.is-promo .image-first-layout .content-container .tile-content .button {
  display: block;
  height: 37px;
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3em;
  overflow: hidden;
  margin-top: 5px;
}

.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
.product.is-promo-large .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
.product.is-promo-large .image-first-layout .content-container .hero-image-container .hero-image.secondary-image {
  height: 130px;
  width: 130px;
}

@media (max-width: 32.49em) {
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image,
  .product.is-promo-large .image-first-layout .content-container .hero-image-container .hero-image.secondary-image {
    height: 100px;
    width: 100px;
  }
}

.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large.is-promo-citrus .content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-hero-image-container .hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .content-container .hero-image-container .citrus-tile-hero-image.secondary-image.is-landscape,
.product.is-promo-large .image-first-layout .content-container .hero-image-container .hero-image.secondary-image.is-landscape {
  height: 90px;
  width: 190px;
}

.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .hero-text,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .hero-text,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .hero-text,
.product.is-promo-large.is-promo-citrus .content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-large.is-promo-citrus .content-container .tile-content .hero-text,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .hero-text,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .hero-text,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-content .citrus-tile-hero-text,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-content .hero-text,
.product.is-promo-large .image-first-layout .content-container .tile-content .citrus-tile-hero-text,
.product.is-promo-large .image-first-layout .content-container .tile-content .hero-text {
  font-size: 22px;
  padding: 0 12px;
}

@media (max-width: 47.99em) {
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .hero-text,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .hero-text,
  .product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .citrus-tile-hero-text,
  .product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .hero-text,
  .product.is-promo-large.is-promo-citrus .content-container .tile-content .citrus-tile-hero-text,
  .product.is-promo-large.is-promo-citrus .content-container .tile-content .hero-text,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .citrus-tile-hero-text,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .hero-text,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .citrus-tile-hero-text,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .hero-text,
  .product.is-promo-large .image-first-layout .content-container .citrus-tile-content .citrus-tile-hero-text,
  .product.is-promo-large .image-first-layout .content-container .citrus-tile-content .hero-text,
  .product.is-promo-large .image-first-layout .content-container .tile-content .citrus-tile-hero-text,
  .product.is-promo-large .image-first-layout .content-container .tile-content .hero-text {
    font-size: 18px;
    padding: 0;
  }
}

.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .button,
.product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .button,
.product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .button,
.product.is-promo-large.is-promo-citrus .content-container .tile-content .button,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .button,
.product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .button,
.product.is-promo-large .image-first-layout .content-container .citrus-tile-content .button,
.product.is-promo-large .image-first-layout .content-container .tile-content .button {
  width: 70%;
  left: 15%;
}

@media (max-width: 47.99em) {
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .citrus-tile-content .button,
  .product.is-promo-large.is-promo-citrus .citrus-tile-content-container .tile-content .button,
  .product.is-promo-large.is-promo-citrus .content-container .citrus-tile-content .button,
  .product.is-promo-large.is-promo-citrus .content-container .tile-content .button,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .citrus-tile-content .button,
  .product.is-promo-large .image-first-layout .citrus-tile-content-container .tile-content .button,
  .product.is-promo-large .image-first-layout .content-container .citrus-tile-content .button,
  .product.is-promo-large .image-first-layout .content-container .tile-content .button {
    width: 100%;
    left: 0;
  }
}

/* Citrus tile background positioning */
.product.is-promo-citrus .citrus-tile-content-container.topaligned-bg,
.product.is-promo-citrus .content-container.topaligned-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.topaligned-bg,
.product.is-promo .image-first-layout .content-container.topaligned-bg {
  background-position: center top;
  background-repeat: repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.bottomaligned-bg,
.product.is-promo-citrus .content-container.bottomaligned-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.bottomaligned-bg,
.product.is-promo .image-first-layout .content-container.bottomaligned-bg {
  background-position: center bottom;
  background-repeat: repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.repeating-bg,
.product.is-promo-citrus .content-container.repeating-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.repeating-bg,
.product.is-promo .image-first-layout .content-container.repeating-bg {
  background-position: center center;
  background-repeat: repeat;
}

.product.is-promo-citrus .citrus-tile-content-container.fill-bg,
.product.is-promo-citrus .content-container.fill-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.fill-bg,
.product.is-promo .image-first-layout .content-container.fill-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.product.is-promo-citrus .citrus-tile-content-container.topaligned-bg.topaligned-second-bg,
.product.is-promo-citrus .content-container.topaligned-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.topaligned-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .content-container.topaligned-bg.topaligned-second-bg {
  background-position: center top, center top;
  background-repeat: repeat-x, repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.bottomaligned-bg.topaligned-second-bg,
.product.is-promo-citrus .content-container.bottomaligned-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.bottomaligned-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .content-container.bottomaligned-bg.topaligned-second-bg {
  background-position: center top, center bottom;
  background-repeat: repeat-x, repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.repeating-bg.topaligned-second-bg,
.product.is-promo-citrus .content-container.repeating-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.repeating-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .content-container.repeating-bg.topaligned-second-bg {
  background-position: center top, center center;
  background-repeat: repeat-x, repeat;
}

.product.is-promo-citrus .citrus-tile-content-container.fill-bg.topaligned-second-bg,
.product.is-promo-citrus .content-container.fill-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.fill-bg.topaligned-second-bg,
.product.is-promo .image-first-layout .content-container.fill-bg.topaligned-second-bg {
  background-position: center top, center center;
  background-size: auto, cover;
  background-repeat: repeat-x, no-repeat;
}

.product.is-promo-citrus .citrus-tile-content-container.topaligned-bg.bottomaligned-second-bg,
.product.is-promo-citrus .content-container.topaligned-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.topaligned-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .content-container.topaligned-bg.bottomaligned-second-bg {
  background-position: center bottom, center top;
  background-repeat: repeat-x, repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.bottomaligned-bg.bottomaligned-second-bg,
.product.is-promo-citrus .content-container.bottomaligned-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.bottomaligned-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .content-container.bottomaligned-bg.bottomaligned-second-bg {
  background-position: center bottom, center bottom;
  background-repeat: repeat-x, repeat-x;
}

.product.is-promo-citrus .citrus-tile-content-container.repeating-bg.bottomaligned-second-bg,
.product.is-promo-citrus .content-container.repeating-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.repeating-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .content-container.repeating-bg.bottomaligned-second-bg {
  background-position: center bottom, center center;
  background-repeat: repeat-x, repeat;
}

.product.is-promo-citrus .citrus-tile-content-container.fill-bg.bottomaligned-second-bg,
.product.is-promo-citrus .content-container.fill-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .citrus-tile-content-container.fill-bg.bottomaligned-second-bg,
.product.is-promo .image-first-layout .content-container.fill-bg.bottomaligned-second-bg {
  background-position: center bottom, center center;
  background-size: auto, cover;
  background-repeat: repeat-x, no-repeat;
}

/* Citrus style banner template */
.product-banner .image-first-layout {
  height: 100%;
  background-repeat: no-repeat;
  background-position: top left;
  /* Modifier class - Has one image */
  /* Modifier class -  Has secondary image */
  /* Single background modifier classes*/
  /* Has repeating background*/
  /* Has covering background*/
  /* Has left-aligned background*/
  /* Has right-aligned background*/
  /* Dual background - second bg left align */
  /* Has repeating background with secondary bg left-aligned */
  /* Has covering background with secondary bg left-aligned */
  /* Has left-aligned background with secondary bg left-aligned */
  /* Has right-aligned background with secondary bg left-aligned */
  /* Dual background - second bg right aligned */
  /* Has repeating background with secondary bg right-aligned */
  /* Has covering background with secondary bg right-aligned */
  /* Has left-aligned background with secondary bg right-aligned */
  /* Has right-aligned background with secondary bg right-aligned */
}

.product-banner .image-first-layout .hero-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.product-banner .image-first-layout .horizontal-logo {
  display: block;
  max-height: 33px;
}

.product-banner .image-first-layout .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.product-banner .image-first-layout .banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 25px;
}

.product-banner .image-first-layout .banner-content .hero-text {
  display: block;
  margin: 5px 30px 5px 0;
  color: #fff;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 1.2em;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.product-banner .image-first-layout .banner-content .button {
  height: 42px;
  font-weight: bold;
  margin: 5px 15px 5px 0;
}

@media screen and (max-width: 1365px) {
  .product-banner .image-first-layout .horizontal-logo {
    max-height: 28px;
  }
  .product-banner .image-first-layout .banner-content .hero-text {
    font-size: 25px;
  }
}

@media screen and (max-width: 975px) {
  .product-banner .image-first-layout {
    background-size: auto 100px;
    background-position: -10px;
  }
  .product-banner .image-first-layout .hero-image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100px;
    width: 100px;
  }
  .product-banner .image-first-layout .hero-image-container .hero-image {
    max-height: 100%;
    width: 100px;
  }
  .product-banner .image-first-layout .horizontal-logo {
    max-height: 21px;
  }
  .product-banner .image-first-layout .banner-content .hero-text {
    font-size: 18px;
    margin: 0 15px 0 0;
  }
  .product-banner .image-first-layout .banner-content {
    padding: 0 15px;
  }
  .product-banner .image-first-layout .banner-content .button {
    height: auto;
    padding: 0;
    line-height: 1.6em;
    border: 0;
    background: none;
    text-decoration: underline;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
  }
  .product-banner .image-first-layout .banner-content .button:focus {
    outline: 1px dotted;
  }
}

@media screen and (max-width: 359px) {
  .product-banner .image-first-layout .horizontal-logo {
    max-height: 18px;
  }
  .product-banner .image-first-layout .banner-content .hero-text {
    font-size: 16px;
  }
}

.product-banner .image-first-layout.has-hero-image .content-container {
  margin-left: 150px;
}

.product-banner .image-first-layout.has-hero-image .banner-content {
  padding-left: 15px;
}

@media screen and (max-width: 975px) {
  .product-banner .image-first-layout.has-hero-image .banner-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-banner .image-first-layout.has-hero-image .content-container {
    margin-left: 100px;
  }
}

.product-banner .image-first-layout.has-secondary-image {
  background-position: -10px;
}

.product-banner .image-first-layout.has-secondary-image .content-container {
  margin-left: 300px;
}

.product-banner .image-first-layout.has-secondary-image .hero-image-container.secondary-image {
  left: 150px;
}

@media screen and (max-width: 975px) {
  .product-banner .image-first-layout.has-secondary-image .content-container {
    margin-left: 160px;
  }
  .product-banner .image-first-layout.has-secondary-image .hero-image-container {
    width: 80px;
  }
  .product-banner .image-first-layout.has-secondary-image .hero-image-container.secondary-image {
    left: 80px;
  }
}

.product-banner .image-first-layout.repeating-bg {
  background-repeat: repeat;
}

.product-banner .image-first-layout.fill-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.product-banner .image-first-layout.leftaligned-bg {
  background-repeat: no-repeat;
  background-position: top left;
}

.product-banner .image-first-layout.rightaligned-bg {
  background-repeat: no-repeat;
  background-position: top right;
}

.product-banner .image-first-layout.repeating-bg.leftaligned-second-bg {
  background-repeat: no-repeat, repeat;
  background-position: top left, top left;
}

.product-banner .image-first-layout.fill-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top left;
  background-size: auto, cover;
}

@media screen and (max-width: 975px) {
  .product-banner .image-first-layout.fill-bg.leftaligned-second-bg {
    background-size: auto 100px, cover;
  }
}

.product-banner .image-first-layout.leftaligned-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top left;
}

.product-banner .image-first-layout.rightaligned-bg.leftaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top left, top right;
}

.product-banner .image-first-layout.repeating-bg.rightaligned-second-bg {
  background-repeat: no-repeat, repeat;
  background-position: top right, top left;
}

.product-banner .image-first-layout.fill-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top left;
  background-size: auto, cover;
}

@media screen and (max-width: 975px) {
  .product-banner .image-first-layout.fill-bg.rightaligned-second-bg {
    background-size: auto 100px, cover;
  }
}

.product-banner .image-first-layout.leftaligned-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top left;
}

.product-banner .image-first-layout.rightaligned-bg.rightaligned-second-bg {
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top right;
}

/* Specialty Store Promo Tile */
.is-promo.promo-specialty {
  height: 255px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-promo.promo-specialty .promo-heading {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.is-promo.promo-specialty .promo-heading .icon-specialty-stores {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 5px;
  vertical-align: middle;
}

.is-promo.promo-specialty .promo-body {
  text-align: center;
  padding: 15px;
}

/* Emergency tile styling */
.is-emergency,
.is-promo .is-emergency {
  border: 2px solid #fbcc2f;
}

.content-promo-espot .espotTitle, .page-content-promo .main-content-body .espotContainer .espotTitle {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #262626;
  margin: 0 0 15px;
}

@media (max-width: 47.99em) {
  .content-promo-espot .espotTitle, .page-content-promo .main-content-body .espotContainer .espotTitle {
    font-size: 18px;
    margin: 0 0 10px;
  }
}

.content-promo-espot img, .page-content-promo .main-content-body .espotContainer img {
  max-width: 100%;
  display: block;
  margin-bottom: 15px;
}

@media (max-width: 47.99em) {
  .content-promo-espot img, .page-content-promo .main-content-body .espotContainer img {
    margin-bottom: 10px;
  }
}

.content-promo-espot img.full-width, .page-content-promo .main-content-body .espotContainer img.full-width {
  width: 100%;
}

.content-promo-espot p, .page-content-promo .main-content-body .espotContainer p {
  margin: 0 0 10px;
  line-height: 1.3em;
}

.content-promo-espot p:last-child, .page-content-promo .main-content-body .espotContainer p:last-child {
  margin-bottom: 0;
}

.content-promo-espot .panels, .page-content-promo .main-content-body .espotContainer .panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (max-width: 47.99em) {
  .content-promo-espot .panels, .page-content-promo .main-content-body .espotContainer .panels {
    margin-bottom: 15px;
  }
}

.content-promo-espot .panels.has-two .panel, .page-content-promo .main-content-body .espotContainer .panels.has-two .panel {
  width: 48%;
  margin-right: 4%;
  margin-top: 20px;
}

.content-promo-espot .panels.has-two .panel:nth-child(1), .page-content-promo .main-content-body .espotContainer .panels.has-two .panel:nth-child(1), .content-promo-espot .panels.has-two .panel:nth-child(2), .page-content-promo .main-content-body .espotContainer .panels.has-two .panel:nth-child(2) {
  margin-top: 0 !important;
}

.content-promo-espot .panels.has-two .panel:nth-child(2n), .page-content-promo .main-content-body .espotContainer .panels.has-two .panel:nth-child(2n) {
  margin-right: 0;
}

@media (max-width: 47.99em) {
  .content-promo-espot .panels.has-two .panel, .page-content-promo .main-content-body .espotContainer .panels.has-two .panel {
    width: 49%;
    margin-right: 2%;
  }
}

.content-promo-espot .panels.has-three .panel, .page-content-promo .main-content-body .espotContainer .panels.has-three .panel {
  width: 30.6666%;
  margin-right: 4%;
  margin-top: 20px;
}

@media (max-width: 47.99em) {
  .content-promo-espot .panels.has-three .panel, .page-content-promo .main-content-body .espotContainer .panels.has-three .panel {
    width: 32%;
    margin-right: 2%;
  }
}

@media (max-width: 29.99em) {
  .content-promo-espot .panels.has-three .panel, .page-content-promo .main-content-body .espotContainer .panels.has-three .panel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 120px;
    position: relative;
    min-height: 73px;
  }
  .content-promo-espot .panels.has-three .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.has-three .panel .main-image {
    max-width: 110px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.content-promo-espot .panels.has-three .panel:nth-child(1), .page-content-promo .main-content-body .espotContainer .panels.has-three .panel:nth-child(1), .content-promo-espot .panels.has-three .panel:nth-child(2), .page-content-promo .main-content-body .espotContainer .panels.has-three .panel:nth-child(2), .content-promo-espot .panels.has-three .panel:nth-child(3), .page-content-promo .main-content-body .espotContainer .panels.has-three .panel:nth-child(3) {
  margin-top: 0 !important;
}

.content-promo-espot .panels.has-three .panel:nth-child(3n), .page-content-promo .main-content-body .espotContainer .panels.has-three .panel:nth-child(3n) {
  margin-right: 0;
}

.content-promo-espot .panels.has-four .panel, .page-content-promo .main-content-body .espotContainer .panels.has-four .panel {
  width: 22%;
  margin-right: 4%;
  margin-top: 20px;
}

@media (max-width: 47.99em) {
  .content-promo-espot .panels.has-four .panel, .page-content-promo .main-content-body .espotContainer .panels.has-four .panel {
    width: 23.5%;
    margin-right: 2%;
  }
}

@media (max-width: 29.99em) {
  .content-promo-espot .panels.has-four .panel, .page-content-promo .main-content-body .espotContainer .panels.has-four .panel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 120px;
    position: relative;
    min-height: 73px;
  }
  .content-promo-espot .panels.has-four .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.has-four .panel .main-image {
    max-width: 110px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.content-promo-espot .panels.has-four .panel:nth-child(1), .page-content-promo .main-content-body .espotContainer .panels.has-four .panel:nth-child(1), .content-promo-espot .panels.has-four .panel:nth-child(2), .page-content-promo .main-content-body .espotContainer .panels.has-four .panel:nth-child(2), .content-promo-espot .panels.has-four .panel:nth-child(3), .page-content-promo .main-content-body .espotContainer .panels.has-four .panel:nth-child(3), .content-promo-espot .panels.has-four .panel:nth-child(4), .page-content-promo .main-content-body .espotContainer .panels.has-four .panel:nth-child(4) {
  margin-top: 0 !important;
}

.content-promo-espot .panels.has-four .panel:nth-child(4n), .page-content-promo .main-content-body .espotContainer .panels.has-four .panel:nth-child(4n) {
  margin-right: 0;
}

@media (max-width: 29.99em) {
  .content-promo-espot .panels.mobile-has-one .panel, .page-content-promo .main-content-body .espotContainer .panels.mobile-has-one .panel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 0;
  }
  .content-promo-espot .panels.mobile-has-one .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.mobile-has-one .panel .main-image {
    position: static;
    max-width: 100%;
  }
  .content-promo-espot .panels.mobile-has-one .panel:last-child, .page-content-promo .main-content-body .espotContainer .panels.mobile-has-one .panel:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .content-promo-espot .panels.mobile-landscape-has-one .panel, .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-one .panel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 0;
  }
  .content-promo-espot .panels.mobile-landscape-has-one .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-one .panel .main-image {
    position: static;
    max-width: 100%;
  }
  .content-promo-espot .panels.mobile-landscape-has-one .panel:last-child, .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-one .panel:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 29.99em) {
  .content-promo-espot .panels.mobile-has-two .panel, .page-content-promo .main-content-body .espotContainer .panels.mobile-has-two .panel {
    width: 49%;
    margin-right: 2%;
    margin-top: 20px;
    padding-left: 0;
    margin-bottom: 15px;
  }
  .content-promo-espot .panels.mobile-has-two .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.mobile-has-two .panel .main-image {
    position: static;
    max-width: 100%;
  }
  .content-promo-espot .panels.mobile-has-two .panel:nth-child(1), .page-content-promo .main-content-body .espotContainer .panels.mobile-has-two .panel:nth-child(1), .content-promo-espot .panels.mobile-has-two .panel:nth-child(2), .page-content-promo .main-content-body .espotContainer .panels.mobile-has-two .panel:nth-child(2) {
    margin-top: 0 !important;
  }
  .content-promo-espot .panels.mobile-has-two .panel:nth-child(2n), .page-content-promo .main-content-body .espotContainer .panels.mobile-has-two .panel:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .content-promo-espot .panels.mobile-landscape-has-two .panel, .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-two .panel {
    width: 49%;
    margin-right: 2%;
    margin-top: 20px;
    padding-left: 0;
    margin-bottom: 15px;
  }
  .content-promo-espot .panels.mobile-landscape-has-two .panel .main-image, .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-two .panel .main-image {
    position: static;
    max-width: 100%;
  }
  .content-promo-espot .panels.mobile-landscape-has-two .panel:nth-child(1), .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-two .panel:nth-child(1), .content-promo-espot .panels.mobile-landscape-has-two .panel:nth-child(2), .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-two .panel:nth-child(2) {
    margin-top: 0 !important;
  }
  .content-promo-espot .panels.mobile-landscape-has-two .panel:nth-child(2n), .page-content-promo .main-content-body .espotContainer .panels.mobile-landscape-has-two .panel:nth-child(2n) {
    margin-right: 0;
  }
}

.page-content-promo .main-content-header {
  margin-bottom: 5px;
}

.page-content-promo .main-content-body {
  padding: 0;
}

.page-content-promo .main-content-body .espotTitle {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #262626;
  margin: 0 0 15px;
  font-size: 24px;
}

@media (max-width: 47.99em) {
  .page-content-promo .main-content-body .espotTitle {
    font-size: 18px;
    margin: 0 0 10px;
  }
}

.page-content-promo .main-content-body .widget:last-child .espotContainer {
  padding-bottom: 30px;
}

.page-content-promo .main-content-body .widget:last-child .espotContainer .productContainer {
  padding-bottom: 15px;
}

.page-content-promo .main-content-body .widget:last-child .espotContainer .productContainer .product-title a {
  border-bottom: 0 !important;
}

.page-content-promo .main-content-body .espotContainer {
  padding: 40px 30px 0;
  clear: both;
}

@media (max-width: 47.99em) {
  .page-content-promo .main-content-body .espotContainer {
    padding: 15px 10px 0;
  }
}

.page-content-promo .main-content-body .espotContainer.hero {
  padding: 0;
  position: relative;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.page-content-promo .main-content-body .espotContainer.hero img {
  margin-bottom: 0;
}

.page-content-promo .main-content-body .espotContainer.hero:last-child {
  padding-bottom: 0px;
}

.page-content-promo .main-content-body .espotContainer .panels:last-child {
  margin-bottom: 0;
}

.page-content-promo .main-content-body .espotContainer .productContainer {
  float: left;
  width: 100%;
  padding-top: 5px;
}

.page-content-promo .main-content-body .espotContainer .productContainer .tile {
  width: 32.2222%;
  float: left;
  margin-right: 1.6666%;
  margin-bottom: 15px;
}

.page-content-promo .main-content-body .espotContainer .productContainer .tile:nth-child(3n+0) {
  margin-right: 0;
}

@media (max-width: 54.6875em) {
  .page-content-promo .main-content-body .espotContainer .productContainer .tile {
    width: calc(50% - 4px);
    margin-left: 8px;
    margin-right: 0;
  }
  .page-content-promo .main-content-body .espotContainer .productContainer .tile:nth-child(1), .page-content-promo .main-content-body .espotContainer .productContainer .tile:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media (max-width: 32.49em) {
  .page-content-promo .main-content-body .espotContainer .productContainer .tile {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0px;
  }
}

.page-content-promo .main-content-body .espotContainer .productContainer .tile .product {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.page-content-promo .product .product-title a, .page-content-promo .product .product-image a {
  border-bottom: 0 !important;
}

.page-content-promo .product .product-desc a {
  border-bottom: 0;
  text-decoration: underline;
}

.page-content-promo #main-content .product-title a {
  text-decoration: none;
}

.page-content-promo #main-content .product-title a:hover, .page-content-promo #main-content .product-title a:focus {
  text-decoration: underline;
}

.page-content-promo #main-content .list-option {
  border-bottom: 0;
  font-weight: normal;
}

.page-content-promo #main-content .list-option:hover {
  text-decoration: underline;
}

.main-content-message {
  border: 2px solid #fbcc2f;
  padding: 20px 20px 20px 25px;
  margin: 0 0 15px;
  border-radius: 4px;
  position: relative;
  background: #ffffff;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-message {
    padding: 10px;
    margin: 8px 0 0;
  }
}

.main-content-message .icon-alert {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 45.615em) {
  .is-dss .main-content-message .icon-alert {
    width: 30px;
    height: 30px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 10px;
    left: 10px;
  }
}

.main-content-message .emergency-content {
  max-width: calc(100% - 65px);
  display: inline-block;
  margin-left: 65px;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-message .emergency-content {
    margin-left: 40px;
  }
}

.main-content-message .close {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
}

.main-content-message .close a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
  border-bottom: 0px;
}

.main-content-message .close a .icon {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 12px;
  height: 12px;
  fill: currentColor;
}

@media (max-width: 47.99em) {
  .main-content-message .close a .icon {
    top: 15px;
    right: 15px;
  }
}

.main-content-message .close a:hover .icon, .main-content-message .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.main-content-message h2 {
  font-size: 1.2307692307692308em;
  margin: 0 0 6px;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-message h2 {
    margin-bottom: 3px;
  }
}

.main-content-message p {
  font-size: 13px;
  margin: 0 0 5px;
}

.main-content-message p:last-child {
  margin-bottom: 0;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-message p {
    line-height: 1.4em;
  }
}

/* = /Tile Info */
@media (min-width: 64.0625em) {
  .filters-label, .add-products-label,
  .callout-label {
    margin: 0;
  }
  .filter-buttons,
  .cart-confirmation-buttons,
  .callout-links {
    display: inline;
  }
  .add-products .button {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 39.99em) {
  .short-width-title {
    width: 63%;
  }
}

/* Hide Google ReCaptcha Badge & Show terms and conditions*/
.grecaptcha-badge {
  visibility: hidden;
}

.reCaptchaTnC {
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
  color: gray;
}

.reCaptchaTnC a {
  color: #6d9cd6;
}

.resend-disable {
  color: #a59c9c !important;
  border-bottom: 0px !important;
}

.otp-com-pref-radio-container {
  position: relative;
  margin-bottom: 10px;
}

.step-up-preference {
  margin: 15px 0px;
}

.step-up-preference-label {
  margin-left: 2.5em;
}

.otp-pref-label {
  font-weight: normal !important;
}

@media (max-width: 47.99em) {
  .facets ~ .utils {
    top: 8px;
  }
}

.facets .is-disabled {
  color: #b3b3b3;
  cursor: default;
  opacity: 0;
  visibility: hidden;
}

.callout.facets-available {
  -webkit-transition: max-height 0.2s linear, padding 0.1s linear;
  transition: max-height 0.2s linear, padding 0.1s linear;
  margin-top: 10px;
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .callout.facets-available {
    margin-top: 8px;
  }
}

.callout.facets-available.ng-enter, .callout.facets-available.ng-leave.ng-leave-active {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.callout.facets-available.ng-enter.ng-enter-active, .callout.facets-available.ng-leave {
  max-height: 200px;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (max-width: 47.99em) {
  .callout.facets-available.ng-enter.ng-enter-active, .callout.facets-available.ng-leave {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.callout.facets-available .callout-label {
  font-size: 1.0769230769230769em;
  margin-bottom: 0;
}

.callout.facets-available .facet-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.callout.facets-available .facet-button-container .button-container {
  width: 49%;
  margin-top: 8px;
  margin-right: 2%;
  font-size: 1.0769230769230769em;
}

.callout.facets-available .facet-button-container .button-container:nth-child(2n) {
  margin-right: 0;
}

@media (min-width: 25em) {
  .callout.facets-available .facet-button-container .button-container {
    width: 32%;
    margin-right: 2%;
  }
  .callout.facets-available .facet-button-container .button-container:nth-child(2n) {
    margin-right: 2%;
  }
  .callout.facets-available .facet-button-container .button-container:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 64.0625em) {
  .callout.facets-available .facet-button-container .button-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    width: auto;
    max-width: 170px;
    margin-right: 8px;
  }
  .callout.facets-available .facet-button-container .button-container:nth-child(2n), .callout.facets-available .facet-button-container .button-container:nth-child(3n) {
    margin-right: 8px;
  }
  .callout.facets-available .facet-button-container .button-container:last-child {
    margin-right: 0;
  }
}

@media (max-width: 29.99em) {
  .callout.facets-available .facet-button-container .button-container:first-child:nth-last-child(1) {
    width: 100%;
    margin-right: 0;
  }
  .callout.facets-available .facet-button-container .button-container:first-child:nth-last-child(2),
  .callout.facets-available .facet-button-container .button-container:first-child:nth-last-child(2) ~ .button-container {
    width: 49%;
  }
  .callout.facets-available .facet-button-container .button-container:first-child:nth-last-child(2) ~ .button-container {
    margin-right: 0;
  }
}

.callout.facets-available .facet-button-container .button-container .button {
  width: 100%;
  font-size: 1em;
  padding-left: 3px;
  padding-right: 3px;
}

@media (min-width: 64.0625em) {
  .callout.facets-available .facet-button-container .button-container .button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.callout.facets-applied {
  margin-bottom: 0;
  margin-top: 8px;
}

@media (min-width: 48em) {
  .callout.facets-applied {
    margin-top: 10px;
    padding-top: 5px;
  }
}

.callout.facets-applied .callout-label {
  display: inline;
  font-size: 1.0769230769230769em;
  font-weight: normal;
  margin-right: 5px;
}

.callout.facets-applied .button-container {
  display: inline;
}

.callout.facets-applied .button {
  margin-bottom: 8px;
  margin-right: 5px;
}

.callout.facets-applied .button.button-link {
  color: #146e8c;
  border-color: #146e8c;
}

.footer {
  position: relative;
  width: 100%;
  color: #5c5c5c;
  margin-bottom: 106px;
}

.footer .footer-inner-wrapper {
  border-top: 1px solid #dcdcdc;
  margin-top: 20px;
  padding: 5px 0 0;
  margin-bottom: 20px;
}

@media (max-width: 47.99em) {
  .footer .footer-inner-wrapper {
    padding-top: 15px;
    margin-top: 4px;
  }
}

.footer .footer-row {
  width: 100%;
  display: block;
}

.footer .footer-col-wrapper {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 40em) {
  .footer .footer-col-wrapper {
    width: 49.5%;
  }
}

@media (min-width: 1200px) {
  .footer .footer-col-wrapper {
    width: 66%;
  }
}

@media (min-width: 1420px) {
  .footer .footer-col-wrapper {
    width: 49.5%;
  }
}

.footer .footer-col-wrapper.links {
  padding-top: 13px;
}

@media (min-width: 1200px) {
  .footer .footer-col-wrapper.links {
    width: 33%;
  }
}

@media (min-width: 1420px) {
  .footer .footer-col-wrapper.links {
    width: 49.5%;
  }
}

@media (min-width: 1200px) and (max-width: 1419px) {
  .footer .footer-col-wrapper.links .footer-col {
    width: 100%;
  }
}

.footer .footer-col-wrapper.links .footer-links li {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .footer .footer-col-wrapper.links .footer-links li {
    margin-bottom: 5px;
  }
}

@media (min-width: 1420px) {
  .footer .footer-col-wrapper.links .footer-links li {
    margin-bottom: 10px;
  }
}

.footer .footer-col-wrapper .footer-col {
  width: 99%;
  padding-right: 0;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 1200px) {
  .footer .footer-col-wrapper .footer-col {
    width: 49.5%;
    padding-right: 2%;
  }
}

.footer .footer-col-wrapper .footer-col.copyright {
  float: left;
  margin-top: -20px;
}

.footer .footer-col-wrapper .footer-col .title {
  font-size: 1.153846154em;
  font-weight: bold;
  color: #5c5c5c;
  margin-top: 12px;
  margin-bottom: 6px;
}

@media (max-width: 47.99em) {
  .footer .footer-col-wrapper .footer-col .title {
    font-size: 1.0769230769230769em;
  }
}

@media (min-width: 1200px) {
  .footer .footer-col-wrapper .footer-col .title {
    margin-bottom: 20px;
  }
}

.footer .footer-col-wrapper .footer-col ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer .footer-col-wrapper .footer-col ul li {
  color: #5c5c5c;
  margin-bottom: 5px;
  padding: 0;
}

.footer .footer-col-wrapper .footer-col ul li a {
  color: #5c5c5c;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
}

.footer .footer-col-wrapper .footer-col ul li a:hover, .footer .footer-col-wrapper .footer-col ul li a:focus {
  text-decoration: none;
  border-bottom: 1px solid #6d6d6d;
}

.footer .footer-col-wrapper .footer-col ul li a:focus {
  outline: 1px dotted #6d6d6d;
}

.footer .footer-col-wrapper .footer-col ul li .open-day {
  display: inline-block;
  width: 110px;
}

.footer .footer-col-wrapper .footer-col ul .coles-rsa {
  margin-bottom: 0;
}

.footer .footer-col-wrapper .footer-col .timezone {
  margin-top: 0px;
}

@media (min-width: 60.9375em) {
  .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 20px;
  }
}

.footer .footer-col-wrapper .footer-col .timezone abbr {
  border: 0;
}

.footer .footer-col-wrapper .footer-col .timezone abbr:hover {
  cursor: help;
}

.page-full-width .footer .footer-inner-wrapper {
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 48em) {
  .page-full-width .footer .footer-inner-wrapper {
    margin-left: 23px;
    margin-right: 23px;
    padding-left: 0;
    padding-right: 0;
  }
}

.page-full-width .footer .footer-row {
  max-width: 1210px;
  margin: 0 auto;
}

@media (min-width: 60.9375em) and (max-width: 75em) {
  .page-full-width .footer .footer-col-wrapper {
    width: 66%;
  }
}

@media (min-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper {
    width: 49.5%;
  }
}

@media (min-width: 60.9375em) and (max-width: 75em) {
  .page-full-width .footer .footer-col-wrapper.links {
    width: 33%;
  }
}

@media (min-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper.links {
    width: 49.5%;
  }
}

@media (min-width: 60.9375em) and (max-width: 75em) {
  .page-full-width .footer .footer-col-wrapper.links .footer-col {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper.links .footer-col {
    width: 49.5%;
  }
}

@media (min-width: 60.9375em) and (max-width: 75em) {
  .page-full-width .footer .footer-col-wrapper.links .footer-col .footer-links li {
    margin-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper.links .footer-col .footer-links li {
    margin-bottom: 10px;
  }
}

@media (min-width: 60.9375em) {
  .page-full-width .footer .footer-col {
    width: 49.5%;
    padding-right: 2%;
    display: inline-block;
  }
}

@media (min-width: 60.9375em) {
  .page-full-width .footer .footer-col h4 {
    margin-bottom: 20px;
  }
}

.has-draw .footer .footer-inner-wrapper {
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 30em) {
  .has-draw .footer .footer-inner-wrapper {
    margin-right: 73px;
  }
}

@media (min-width: 48em) {
  .has-draw .footer .footer-inner-wrapper {
    margin-left: calc(195px + 1.5%);
    margin-right: calc(90px + 1.5%);
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 60.9375em) {
  .has-draw .footer .footer-inner-wrapper {
    margin-left: calc(237px + 1%);
  }
}

@media (min-width: 64.0625em) {
  .has-draw .footer .footer-inner-wrapper {
    margin-left: calc(290px + 1.5%);
    margin-right: calc(130px + 1.5%);
  }
}

@media (min-width: 98.75em) {
  .has-draw .footer .footer-inner-wrapper {
    margin-left: calc(290px + 1%);
    margin-right: calc(130px + 1%);
  }
}

.page-full-width.has-draw .footer .footer-inner-wrapper {
  margin-left: 8px;
  margin-right: 8px;
}

@media (min-width: 30em) {
  .page-full-width.has-draw .footer .footer-inner-wrapper {
    margin-right: 73px;
  }
}

@media (min-width: 48em) {
  .page-full-width.has-draw .footer .footer-inner-wrapper {
    margin-left: 23px;
    margin-right: 113px;
  }
}

@media (min-width: 64.0625em) {
  .page-full-width.has-draw .footer .footer-inner-wrapper {
    margin-right: 153px;
  }
}

@media (min-width: 98.75em) {
  .page-full-width.has-draw .footer .footer-inner-wrapper {
    margin-right: 153px;
  }
}

.is-home .footer .footer-inner-wrapper {
  margin-left: 1%;
}

/*Pixel perfect text wrapping :( */
@media (max-width: 1420px) {
  .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: -25px;
  }
  .page-full-width .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: -20px;
  }
}

@media (min-width: 891px) and (max-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: -25px !important;
  }
}

@media (min-width: 1480px) and (max-width: 1675px) {
  .page-full-width .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: auto;
  }
}

@media (min-width: 1350px) and (max-width: 1479px) {
  .page-full-width .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
}

@media (max-width: 47.99em) {
  .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 100% !important;
  }
}

@media (min-width: 1421px) and (max-width: 1675px) {
  .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
}

@media (min-width: 1201px) and (max-width: 1350px) {
  .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
  .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 62px !important;
  }
  .page-full-width .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 20px !important;
  }
}

@media (min-width: 1026px) and (max-width: 1045px) {
  .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
  .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: -10px !important;
  }
}

@media (max-width: 940px) {
  .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
  .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: -10px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1420px) {
  .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 41px;
  }
  .page-full-width .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 20px;
  }
}

@media (min-width: 1126px) and (max-width: 1200px) {
  .page-full-width .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 42px;
  }
}

@media (min-width: 891px) and (max-width: 1125px) {
  .page-full-width .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: 200px;
  }
  .page-full-width .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 62px;
  }
}

@media (max-width: 1200px) {
  .footer .footer-col-wrapper .footer-col .timezone {
    margin-top: 0px;
  }
  .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: 10px;
  }
}

@media (max-width: 790px) {
  .page-full-width .footer .footer-col-wrapper .footer-col .cs-title {
    width: auto;
  }
  .footer .footer-col-wrapper .footer-col .cs-title {
    width: 140px;
  }
  .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: 5px !important;
  }
}

@media (max-width: 47.99em) {
  .footer .footer-col-wrapper .footer-col .cs-title {
    width: 100% !important;
  }
}

@media (max-width: 890px) {
  .page-full-width .footer .footer-col-wrapper .footer-col ul .coles-rsa {
    width: auto;
  }
  .page-full-width .footer .footer-col-wrapper .footer-col.copyright {
    margin-top: 10px !important;
  }
}

a[data-superbar="true"] {
  display: inline;
}

a[data-superbar="false"] {
  display: none;
}

.is-iphone a[data-superbar="false"], .is-ipod a[data-superbar="false"] {
  display: inline;
}

.is-iphone a[data-superbar="true"], .is-ipod a[data-superbar="true"] {
  display: none;
}

.page-product-detail .main-content-header {
  margin-bottom: 15px;
}

.page-product-detail .main-content-body {
  padding: 0;
}

.page-product-detail .main-content-body .thumbnail-wraper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-product-detail .main-content-body .thumbnail-wraper .thumb-image-list-container {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0 0 0 0;
}

.page-product-detail .main-content-body .thumbnail-wraper .thumb-image-list-container .product-thumb-image-container {
  width: 70px;
  height: 70px;
  margin: 10px;
  display: inline-block;
  text-decoration: none;
}

.page-product-detail .main-content-body .thumbnail-wraper .thumb-image-list-container .product-thumb-image-container .product-thumb-image {
  width: 60px;
  height: 70px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: azure;
  border-color: darkgray;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.2;
}

.page-product-detail .main-content-body .thumbnail-wraper:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.page-product-detail .main-content {
  max-width: 1180px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .main-content-inside {
    padding: 32px 23px;
  }
}

.page-product-detail .product {
  width: auto;
  margin: auto;
  height: auto;
  float: none;
  padding: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-product-detail .product:after {
  content: " ";
  display: block;
  clear: both;
}

.page-product-detail .product.product-specials .product-header, .page-product-detail .product.product-flybuys .product-header, .page-product-detail .product.product-new .product-header, .page-product-detail .product.product-down-down .product-header, .page-product-detail .product.product-every-day .product-header, .page-product-detail .product.product-bb .product-header {
  margin-top: 45px;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product.product-specials .product-header, .page-product-detail .product.product-flybuys .product-header, .page-product-detail .product.product-new .product-header, .page-product-detail .product.product-down-down .product-header, .page-product-detail .product.product-every-day .product-header, .page-product-detail .product.product-bb .product-header {
    margin-top: 25px;
  }
}

.page-product-detail .product.product-specials .product-header .product-icons, .page-product-detail .product.product-flybuys .product-header .product-icons, .page-product-detail .product.product-new .product-header .product-icons, .page-product-detail .product.product-down-down .product-header .product-icons, .page-product-detail .product.product-every-day .product-header .product-icons, .page-product-detail .product.product-bb .product-header .product-icons {
  height: 30px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-product-detail .product.product-specials .product-header .product-icons .bought-before-count, .page-product-detail .product.product-flybuys .product-header .product-icons .bought-before-count, .page-product-detail .product.product-new .product-header .product-icons .bought-before-count, .page-product-detail .product.product-down-down .product-header .product-icons .bought-before-count, .page-product-detail .product.product-every-day .product-header .product-icons .bought-before-count, .page-product-detail .product.product-bb .product-header .product-icons .bought-before-count {
  float: left;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product.product-specials .product-header .product-icons, .page-product-detail .product.product-flybuys .product-header .product-icons, .page-product-detail .product.product-new .product-header .product-icons, .page-product-detail .product.product-down-down .product-header .product-icons, .page-product-detail .product.product-every-day .product-header .product-icons, .page-product-detail .product.product-bb .product-header .product-icons {
    top: -35px;
    width: 280px;
  }
}

@media (max-width: 47.99em) {
  .page-product-detail .product.product-specials .product-header .product-icons, .page-product-detail .product.product-flybuys .product-header .product-icons, .page-product-detail .product.product-new .product-header .product-icons, .page-product-detail .product.product-down-down .product-header .product-icons, .page-product-detail .product.product-every-day .product-header .product-icons, .page-product-detail .product.product-bb .product-header .product-icons {
    height: 20px;
    top: -35px;
    width: 280px;
  }
}

@media (min-width: 48em) {
  .page-product-detail .product.product-specials .product-header .product-icons, .page-product-detail .product.product-flybuys .product-header .product-icons, .page-product-detail .product.product-new .product-header .product-icons, .page-product-detail .product.product-down-down .product-header .product-icons, .page-product-detail .product.product-every-day .product-header .product-icons, .page-product-detail .product.product-bb .product-header .product-icons {
    width: 300px;
  }
}

.page-product-detail .product.product-specials .fc-button .button {
  font-size: 13px;
}

.page-product-detail .product.product-specials .fc-button .button-main .product-cta,
.page-product-detail .product.product-specials .fc-button .button-main .product-qty,
.page-product-detail .product.product-specials .fc-button .button-main .product-price {
  font-size: 13px;
}

.page-product-detail .product.product-multibuy {
  border: 1px solid #ffdd00;
}

.page-product-detail .product.product-flybuys {
  border-color: #154f8e;
}

.page-product-detail .product.product-new {
  border-color: #82b935;
}

.page-product-detail .product.product-down-down {
  border-color: #e01a22;
}

.page-product-detail .product.product-every-day {
  border-color: #e01a22;
}

.page-product-detail .icon-roundel-container {
  top: -50px;
  right: auto;
}

.page-product-detail .icon-roundel-container.promo-svg-body {
  top: -14px;
  right: auto;
  padding: 0px 34px;
}

@media (max-width: 64.0525em) {
  .page-product-detail .icon-roundel-container.promo-svg-body {
    top: 19px;
    padding: 0px 19px;
  }
}

@media (max-width: 29.99em) {
  .page-product-detail .icon-roundel-container.promo-svg-body {
    top: 17px;
    padding: 0px 17px;
  }
}

@media (max-width: 60.9275em) {
  .page-product-detail .icon-roundel-container {
    top: 0;
  }
}

.page-product-detail .icon-roundel-container .discount-text {
  padding-top: 28px;
}

.page-product-detail .pdp-section {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
}

.page-product-detail .pdp-section.no-divider {
  border-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 60.9375em) {
  .page-product-detail .pdp-section {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .page-product-detail .pdp-section.no-divider {
    padding-bottom: 0;
  }
}

.page-product-detail .pdp-section:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

@media (min-width: 45.625em) {
  .page-product-detail .pdp-has-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-product-detail .pdp-left-col {
  width: 100%;
  margin-bottom: 15px;
}

.page-product-detail .pdp-left-col.is-invisible {
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 45.615em) {
  .page-product-detail .pdp-left-col.is-invisible {
    display: none;
  }
}

@media (min-width: 45.625em) {
  .page-product-detail .pdp-left-col {
    width: 300px;
    max-width: 300px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 0;
  }
}

@media (min-width: 60.9375em) {
  .page-product-detail .pdp-left-col {
    width: 360px;
    max-width: 360px;
  }
}

.page-product-detail .pdp-right-col {
  width: 100%;
}

@media (min-width: 45.625em) {
  .page-product-detail .pdp-right-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 15px;
  }
}

@media (min-width: 60.9375em) {
  .page-product-detail .pdp-right-col {
    margin-left: 20px;
  }
}

.page-product-detail .product-header {
  margin: 20px 15px 15px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .product-header {
    margin: 30px;
  }
}

.page-product-detail .product-header .product-icons.is-large {
  top: -60px;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-header .product-icons.is-large {
    top: -29px;
  }
}

.page-product-detail .product-header .product-icons.is-large .icon,
.page-product-detail .product-header .product-icons.is-large .flybuys-count {
  margin-right: 0;
}

@media (min-width: 48em) {
  .page-product-detail .product-header .product-icons.is-large .icon,
  .page-product-detail .product-header .product-icons.is-large .flybuys-count {
    width: 49%;
    max-width: 360px;
  }
}

.page-product-detail .product-header .product-hero-image-container {
  position: relative;
  width: inherit;
}

.page-product-detail .product-header .product-hero-image-container .previous-next-btn {
  position: absolute;
  top: 39%;
}

.page-product-detail .product-header .product-hero-image-container .previous-next-btn button {
  width: 30px;
  height: 30px;
  padding: 3px;
  border-radius: 4px !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
}

.page-product-detail .product-header .product-hero-image-container .icon-arrow {
  top: 1px;
  left: 1px;
  position: relative;
}

.page-product-detail .product-header .product-hero-image-container .pre-btn .icon-arrow {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.page-product-detail .product-header .product-hero-image-container .nxt-btn {
  right: 0;
}

.page-product-detail .product-header .product-hero-image-container .thumb-navigation-dot-wrapper {
  height: 30px;
}

.page-product-detail .product-header .product-hero-image-container .thumb-navigation-dot-wrapper .thumb-navigation-dot {
  width: 6px;
  height: 6px;
  background-color: lightgrey;
  border-radius: 5px;
  margin-right: 3px;
  display: inline-block;
}

.page-product-detail .product-header .image-zoom-link {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 2px #707070;
          box-shadow: 0px 0px 2px #707070;
  color: #4c4c4c;
  font-weight: bold;
}

.page-product-detail .product-header .image-zoom-link:hover, .page-product-detail .product-header .image-zoom-link:focus {
  outline: 0;
}

.page-product-detail .product-header .image-zoom-link:hover .image-zoom-link-cta, .page-product-detail .product-header .image-zoom-link:focus .image-zoom-link-cta {
  text-decoration: underline;
}

.page-product-detail .product-header .image-zoom-link .icon-zoom {
  position: absolute;
  top: 7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.page-product-detail .product-header .image-zoom-link .image-zoom-link-cta {
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  line-height: 1em;
}

.page-product-detail .product-header .product-information {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.page-product-detail .product-header .product-title {
  color: #262626;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: auto;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-header .product-title {
    margin-right: 0;
  }
}

.page-product-detail .product-header .product-brand,
.page-product-detail .product-header .product-name {
  font-size: 24px;
  font-weight: bold;
}

.page-product-detail .product-header .product-pricing-info {
  line-height: 33px;
  margin-bottom: 5px;
}

.page-product-detail .product-header .product-pricing-info .dollar-value {
  font-size: 40px;
}

.page-product-detail .product-header .product-pricing-info .currency-sign,
.page-product-detail .product-header .product-pricing-info .cent-value {
  font-size: 24px;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
}

.page-product-detail .product-header .product-pricing-info .saving-container .product-saving {
  padding: 3px 4px;
  font-size: 13px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (min-width: 42.5em) and (max-width: 46.25em) {
  .page-product-detail .product-header .product-pricing-info .saving-container .product-saving {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.page-product-detail .product-header .product-info {
  margin: 0;
}

.page-product-detail .product-header .package-size {
  border-color: #e6e6e6 !important;
}

.page-product-detail .product-header .product-price-estimate {
  margin-top: 0;
}

.page-product-detail .product-header .product-price-estimate .action-alert-active {
  width: auto;
}

.page-product-detail .product-header .product-price-estimate ~ .product-desc {
  margin-top: 0;
}

.page-product-detail .product-header .product-price-estimate + .product-actions-container {
  margin-top: 5px;
}

.page-product-detail .product-header .product-desc {
  height: auto;
  margin-top: 5px;
}

.page-product-detail .product-header .product-desc .product-desc-action .product-desc-text {
  white-space: pre-wrap;
}

.page-product-detail .product-header .fc-option-more {
  min-height: 40px;
}

.page-product-detail .product-header .fat-controller {
  padding: 0;
  bottom: auto;
  position: relative;
  left: auto;
  right: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 32.5em) {
  .page-product-detail .product-header .fat-controller {
    max-width: 230px;
  }
}

.page-product-detail .product-header .fc-button .fc-button-options .fc-button-down {
  margin-top: 0;
}

@media (min-width: 40em) and (max-width: 45.615em) {
  .page-product-detail .product-header .fc-button .button-main-inner .product-saving {
    display: inline;
  }
}

@media (max-width: 32.49em) {
  .page-product-detail .product-header .fc-button .product-saving {
    width: auto;
    display: inline;
  }
}

@media (min-width: 40em) and (max-width: 45.615em) {
  .page-product-detail .product-header .fc-button .product-saving {
    display: inline-block;
  }
}

.page-product-detail .product-header .fc-button-alt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 32.5em) {
  .page-product-detail .product-header .fc-button-alt {
    max-width: 230px;
  }
}

.page-product-detail .product-actions-container {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  margin-top: 10px;
}

.page-product-detail .product-actions-container .product-options-container {
  position: relative;
  margin-bottom: 5px;
}

@media (max-width: 22.49em) {
  .page-product-detail .product-actions-container .product-options-container ~ .fat-controller .button-main .product-cta {
    display: none;
  }
}

.page-product-detail .product-actions-container .button.toggle-options {
  width: auto;
  border-radius: 20px;
  padding: 0 20px 0 40px !important;
  margin-right: 10px;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product-actions-container .button.toggle-options {
    width: 36px;
    padding: 0 !important;
  }
}

.page-product-detail .product-actions-container .button.toggle-options .icon-add-to-list {
  right: auto;
  left: 15px;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product-actions-container .button.toggle-options .icon-add-to-list {
    left: 10px;
  }
}

.page-product-detail .product-actions-container .button.toggle-options .add-to-list-cta {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #262626;
  display: block;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product-actions-container .button.toggle-options .add-to-list-cta {
    display: none;
  }
}

.page-product-detail .product-actions-container .button.toggle-options:focus:after, .page-product-detail .product-actions-container .button.toggle-options:hover:after {
  background: transparent;
}

@media (max-width: 60.9275em) {
  .page-product-detail .product-actions-container .button.toggle-options:focus:after, .page-product-detail .product-actions-container .button.toggle-options:hover:after {
    background: #262626;
  }
}

.page-product-detail .product-blurb-container {
  margin-top: 15px;
}

.page-product-detail .country-of-origin {
  border: 3px solid #007659;
  padding: 0 5px;
  margin-top: 10px;
  border-radius: 5px;
  max-width: 65%;
  font: 700 14px/1.5em Arial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
}

@media (max-width: 60.9275em) {
  .page-product-detail .country-of-origin {
    max-width: 100%;
    width: 100%;
  }
}

.page-product-detail .country-of-origin .coo-label {
  width: 50px;
  margin: 0 10px 0 0;
}

.page-product-detail .country-of-origin .coo-label .cooLogo {
  height: 50px;
}

.page-product-detail .country-of-origin .coo-label .cooLogo svg {
  height: 50px;
}

.page-product-detail .country-of-origin .coo-label .coo-percentage svg {
  height: 14px;
}

.page-product-detail .country-of-origin .coo-text {
  margin: 0;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  word-break: break-word;
}

.page-product-detail .country-of-origin.two-components-label {
  padding: 2px 5px;
}

.page-product-detail .country-of-origin.two-components-label .cooBar {
  margin: 5px 0 0 0;
}

.page-product-detail .country-of-origin.one-component-label {
  height: auto;
  padding: 5px;
  max-width: 100%;
  font-weight: 400;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-product-detail .country-of-origin.one-component-label .coo-label {
  width: 0;
  margin: 0;
}

.page-product-detail .country-of-origin.description-label {
  border: 0;
  padding: 0;
}

.page-product-detail .country-of-origin:after {
  content: '';
  clear: both;
  display: block;
}

.page-product-detail .country-of-origin ~ .product-badges-container {
  margin-left: 15px;
}

.page-product-detail .origin-allergy-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 15px;
}

.page-product-detail .product-badges-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-product-detail .product-badges-container .product-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  max-height: 70px;
}

.page-product-detail .product-badges-container .product-badge {
  position: relative;
  width: 70px;
  height: 70px;
  margin-right: 5px;
}

.page-product-detail .product-badges-container .product-badge .icon-container {
  position: relative;
  display: block;
  width: 70px;
  height: 55px;
}

.page-product-detail .product-badges-container .product-badge .icon-container .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
}

.page-product-detail .product-badges-container .product-badge .icon-label {
  color: #5c5c5c;
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
  width: 70px;
  height: 15px;
  font-size: 12px;
  overflow: hidden;
}

.page-product-detail .long-desc-container {
  font-size: 14px;
  line-height: 1.5em;
}

.page-product-detail .long-desc-container p {
  margin: 0 0 10px;
}

.page-product-detail .long-desc-container p:last-child {
  margin-bottom: 0;
}

.page-product-detail .long-desc-container .button-read-more {
  border: 0;
  padding: 0;
  background: none;
  font-weight: bold;
  text-decoration: underline;
  color: #4c4c4c;
}

.page-product-detail .long-desc-container .button-read-more:focus {
  outline: 1px dotted #4c4c4c;
}

.page-product-detail .callout {
  border: 0;
}

.page-product-detail .callout .icon {
  margin-bottom: 0;
}

.page-product-detail .callout .icon.icon-under18 {
  margin-top: 70px;
}

.page-product-detail .nutritional-table-container {
  border: 2px solid #262626;
  padding: 3px;
}

.page-product-detail .nutritional-table-container .nutritional-table-heading-container {
  position: relative;
  padding-bottom: 10px;
}

.page-product-detail .nutritional-table-container .nutritional-table-heading-container:after {
  position: absolute;
  content: '';
  display: block;
  height: 4px;
  background: #262626;
  left: -3px;
  right: -3px;
  bottom: 0;
}

.page-product-detail .nutritional-table-container .nutritional-table-heading {
  margin: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}

.page-product-detail .nutritional-table-container .nutritional-table-intro {
  margin: 0;
  font-size: 12px;
}

.page-product-detail .nutritional-table-container .nutritional-table {
  border: 0;
  margin: 0;
}

.page-product-detail .nutritional-table-container .nutritional-table tr {
  border-bottom: 1px solid #262626;
  width: 100%;
}

.page-product-detail .nutritional-table-container .nutritional-table thead th {
  width: 16.66%;
}

.page-product-detail .nutritional-table-container .nutritional-table th {
  font-weight: bold;
  text-align: left;
}

.page-product-detail .nutritional-table-container .nutritional-table th.first-col {
  width: 50%;
}

.page-product-detail .nutritional-table-container .nutritional-table th, .page-product-detail .nutritional-table-container .nutritional-table td {
  text-align: right;
  font-size: 12px;
  line-height: 1.3em;
  border-bottom: 0;
}

.page-product-detail .nutritional-table-container .nutritional-table tr {
  width: 100%;
}

.page-product-detail .nutritional-table-container .nutritional-table tr:last-child {
  border-bottom: 0;
  width: 100%;
}

.page-product-detail .nutritional-table-container .nutritional-table td {
  width: 16.66%;
}

.page-product-detail .nutritional-table-container .nutritional-table .section-start {
  border-top: 4px solid #262626;
}

.page-product-detail .nutritional-table-container .nutritional-table .table-key {
  text-align: left;
  padding-left: 0;
  padding-right: 15px;
  width: 50%;
}

.page-product-detail .nutritional-table-container .nutritional-table .indented-nutrient {
  font-weight: normal;
  padding-left: 5px;
}

.page-product-detail .nutritional-table-disclaimer {
  font-size: 12px;
  color: #5c5c5c;
  line-height: 1.3em;
}

.page-product-detail .product-specifics {
  color: #262626;
}

.page-product-detail .product-specifics .section-heading {
  font-weight: bold;
  font-size: 24px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 10px;
}

.page-product-detail .product-specifics .product-specific-heading {
  font-weight: bold;
  margin: 0 0 3px;
  display: block;
  font-size: 15px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-product-detail .product-specifics p {
  margin-top: 0;
}

.page-product-detail .product-specifics p.prepInfo {
  margin: 1em 0 0 0;
}

.page-product-detail .product-specifics .product-specifics-item {
  margin-bottom: 10px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .product-specifics .product-specifics-item {
    margin-bottom: 20px;
  }
}

.page-product-detail .product-specifics .product-specifics-item:last-child {
  margin-bottom: 0;
}

.page-product-detail .product-specifics .product-specifics-item p:last-child {
  margin-bottom: 0;
}

.page-product-detail .product-specifics ol, .page-product-detail .product-specifics ul {
  margin: 5px 0 0 1.25em;
  padding: 0;
}

.page-product-detail .product-specifics ol li, .page-product-detail .product-specifics ul li {
  padding-left: 5px;
  margin: 0.25em 0;
}

.page-product-detail .product-specifics .product-specifics-allergens {
  margin-bottom: 10px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .product-specifics .product-specifics-allergens {
    margin-bottom: 20px;
  }
}

.page-product-detail .product-specifics .product-specifics-allergens .icon {
  width: 30px;
  height: 30px;
}

.page-product-detail .product-specifics .product-specifics-allergens .allergen {
  margin-right: 30px;
}

.page-product-detail .product-specifics .product-specifics-allergens .allergen span {
  display: inline-block;
  padding-top: 8px;
  vertical-align: top;
}

.page-product-detail .main-content-footer {
  margin-bottom: 100px;
  padding: 0 23px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .main-content-footer {
    padding: 0;
  }
}

.page-product-detail .main-content-footer p {
  font-size: 0.9230769230769231em;
  color: #4c4c4c;
  margin: 0 0 10px;
}

.page-product-detail .product-body {
  padding: 0 15px;
}

@media (min-width: 60.9375em) {
  .page-product-detail .product-body {
    padding: 0 30px;
  }
}

.page-product-detail .product-body .espotContainer {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}

.page-product-detail .product-body .espotContainer.tile-quit {
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit {
    min-height: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 29.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit {
    min-height: 115px;
  }
}

.page-product-detail .product-body .espotContainer.tile-quit .hero-image {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 120px;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit .hero-image {
    display: block;
  }
}

@media (max-width: 29.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit .hero-image {
    width: 100px;
  }
}

@media (max-width: 19.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit .hero-image {
    left: 5px;
  }
}

.page-product-detail .product-body .espotContainer.tile-quit .hero-image img {
  width: 100%;
  margin-top: 5px;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit .landscape-image {
    display: none;
  }
}

.page-product-detail .product-body .espotContainer.tile-quit p {
  position: absolute;
  margin: 0;
  padding: 7.5% 20px 0 37%;
  color: #fff;
  font-size: 13px;
}

@media (max-width: 47.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit p {
    position: relative;
    padding: 0 10px 0 140px;
  }
}

@media (max-width: 29.99em) {
  .page-product-detail .product-body .espotContainer.tile-quit p {
    padding: 0 10px 0 120px;
  }
}

.page-product-detail .product-body .espotContainer.tile-quit p strong {
  display: block;
}

.page-product-detail .product-body .espotContainer.tile-quit p a {
  color: #fff;
  display: inline-block;
}

@media (min-width: 60.9375em) {
  .page-product-detail .product-body .espotContainer.tile-quit p a {
    margin-top: 10px;
  }
}

.page-product-detail .product-details-footer .section-heading {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin: 0 0 3px;
}

.page-product-detail .product-details-footer .product-tech-attributes ul {
  margin: 5px 0 0 0;
  padding: 0 0 0 15px;
  width: inherit;
}

.page-product-detail .product-details-footer .product-disclaimer p {
  margin: 0 0 10px;
}

@media (min-width: 48em) {
  .page-product-detail .thumb-navigation-dot-wrapper {
    display: none;
  }
}

@media (max-width: 47.99em) {
  .page-product-detail .thumbnail-wraper {
    display: none;
  }
}

.page-product-detail .previous-next-btn button:disabled,
.page-product-detail button[disabled] {
  opacity: 0.5;
}

/*Style for adobe-recommendation on Product Details Page (PDP)*/
.adobe-recomms .product {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid;
  border-color: #eaeaea #e1e1e1 #c8c8c8 #e1e1e1;
  padding: 10px;
  height: 457px;
  color: #262626;
  width: 23.33333%;
  float: left;
  margin-left: 0.83333%;
  margin-right: 0.83333%;
  margin-bottom: 2.91667%;
}

.adobe-recomms .product .product-header .product-brand,
.adobe-recomms .product .product-header .product-name {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25em;
}

.adobe-recomms .product .product-actions-container {
  position: absolute;
  margin: 0px;
}

.adobe-recomms .product .product-actions-container button.toggle-options {
  width: 36px;
  padding: 0 !important;
  position: relative;
  top: 8px;
}

.adobe-recomms .product .product-actions-container button.toggle-options .add-to-list-cta {
  display: none;
}

.adobe-recomms .product .product-actions-container button.toggle-options .icon-add-to-list {
  left: 10px;
}

.adobe-recomms .product.product-specials .product-header,
.adobe-recomms .product.product-flybuys .product-header,
.adobe-recomms .product.product-new .product-header,
.adobe-recomms .product.product-down-down .product-header,
.adobe-recomms .product.product-every-day .product-header,
.adobe-recomms .product.product-bb .product-header {
  width: 100%;
  margin: 0;
}

.adobe-recomms .product.product-specials .product-header .product-icons,
.adobe-recomms .product.product-flybuys .product-header .product-icons,
.adobe-recomms .product.product-new .product-header .product-icons,
.adobe-recomms .product.product-down-down .product-header .product-icons,
.adobe-recomms .product.product-every-day .product-header .product-icons,
.adobe-recomms .product.product-bb .product-header .product-icons {
  height: 30px;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.adobe-recomms .product.product-specials .product-header .product-icons .bought-before-count,
.adobe-recomms .product.product-flybuys .product-header .product-icons .bought-before-count,
.adobe-recomms .product.product-new .product-header .product-icons .bought-before-count,
.adobe-recomms .product.product-down-down .product-header .product-icons .bought-before-count,
.adobe-recomms .product.product-every-day .product-header .product-icons .bought-before-count,
.adobe-recomms .product.product-bb .product-header .product-icons .bought-before-count {
  float: left;
}

@media screen and (max-width: 1144px) {
  .adobe-recomms .product {
    width: 31.3333%;
  }
}

@media (max-width: 974px) {
  .adobe-recomms .product.product-specials .product-header,
  .adobe-recomms .product.product-flybuys .product-header,
  .adobe-recomms .product.product-new .product-header,
  .adobe-recomms .product.product-down-down .product-header,
  .adobe-recomms .product.product-every-day .product-header,
  .adobe-recomms .product.product-bb .product-header {
    margin-top: 15px;
  }
}

@media screen and (max-width: 679px) {
  .adobe-recomms .product {
    width: 48.3333%;
  }
}

@media screen and (max-width: 519px) {
  .adobe-recomms .product {
    height: auto;
    width: 100%;
    min-height: 240px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    padding-top: 15px;
    padding-bottom: 52px;
  }
  .adobe-recomms .product.product-specials .product-header,
  .adobe-recomms .product.product-flybuys .product-header,
  .adobe-recomms .product.product-new .product-header,
  .adobe-recomms .product.product-down-down .product-header,
  .adobe-recomms .product.product-every-day .product-header,
  .adobe-recomms .product.product-bb .product-header {
    margin-top: 10px;
  }
}

.is-checkout {
  /*Generic Styles for Checkout*/
  /* Payment Options page styling */
  /* Checkout Preparing and Submitting Page */
  /* Credit Coupon Page */
  /* Substitutions form */
  /* Override for Common Styles on the Out of Stock page */
  /* Delivery Address Selection Page and QAS page */
  /* Add Delivery Address Page */
  /* Delivery options page */
  /* Delivery Instructions Page */
  /* Flybuys Page */
  /* Promo code Page */
  /* Delivery Restrictions Page */
}

@media (max-width: 47.99em) {
  .is-checkout form[name="submitOrderForm"] {
    text-align: left;
  }
}

.is-checkout .req-field-desc {
  font-size: 11px;
  margin-bottom: 10px;
  display: block;
  color: #5c5c5c;
}

.is-checkout .draw-nav {
  display: none;
  width: 0px;
}

.is-checkout .is-open .draw {
  display: block;
  width: auto;
}

.is-checkout .draw-content {
  margin-left: auto;
}

.is-checkout .draw-header .button-close-draw {
  z-index: 999;
}

@media (min-width: 30em) {
  .is-checkout .draw-header .button-close-draw {
    left: -385px;
  }
}

@media (min-width: 35.5em) {
  .is-checkout .draw-header .button-close-draw {
    left: -475px;
  }
}

@media (min-width: 45.625em) {
  .is-checkout .draw-header .button-close-draw {
    left: -481px;
  }
}

@media (min-width: 48em) {
  .is-checkout .draw-header .button-close-draw {
    left: -520px;
  }
}

@media (min-width: 64.0625em) {
  .is-checkout .draw-header .button-close-draw {
    left: -480px;
  }
}

.is-checkout .main {
  padding-right: 0;
}

.is-checkout .main-content-header {
  margin-bottom: 32px;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-header {
    margin-bottom: 15px;
    line-height: 1.6em;
  }
}

.is-checkout .main-content-footer {
  text-align: right;
}

@media (max-width: 60.9275em) {
  .is-checkout .main-content-footer {
    padding: 0 23px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-footer {
    padding: 0 8px;
  }
}

.is-checkout .main-content-footer .button-dark {
  font-weight: bold;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-footer .button-dark {
    line-height: 1.2em;
  }
}

@media (max-width: 29.99em) {
  .is-checkout .main-content-footer .button-dark {
    width: 49%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-footer .checkout-substitution .button-dark {
    margin-left: 2em;
  }
}

.is-checkout .main-content-footer a {
  display: inline-block;
  color: #4c4c4c;
  border-bottom: 0;
  line-height: 1em;
  padding: 15px 30px;
  text-decoration: underline;
  text-align: center;
}

@media (max-width: 29.99em) {
  .is-checkout .main-content-footer a {
    width: 49%;
  }
}

.is-checkout .main-content-footer a:hover {
  text-decoration: underline;
}

.is-checkout .main-content-footer a:focus {
  text-decoration: underline;
  outline: 1px dotted #6d6d6d;
  border-bottom-color: #6d6d6d;
}

.is-checkout .footer {
  margin-top: 100px;
}

.is-checkout .main-content-body {
  padding-left: 0;
  padding-right: 0;
  color: #262626;
}

.is-checkout .main-content-body.is-column-layout {
  background: none;
  font-size: 0;
}

.is-checkout .main-content-body.is-column-layout .column-container {
  font-size: 0 !important;
}

.is-checkout .main-content-body.is-column-layout .main-content-column {
  font-size: 1rem;
  line-height: 1.8em;
}

.is-checkout .main-content-body .intro {
  margin: 0 0 20px;
  display: block;
}

.is-checkout .main-content-body .heading {
  font-weight: bold;
}

.is-checkout .main-content-body .message {
  font-size: 17px;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-body .message {
    display: block;
    margin: 0 20px 20px;
  }
}

.is-checkout .main-content-body fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.is-checkout .main-content-body .form-field-row {
  color: #262626;
}

.is-checkout .main-content-body .form-field-row .field-hint {
  color: #5c5c5c;
  margin-bottom: 3px;
  display: block;
}

.is-checkout .main-content-column .content-column-inside {
  background: #fff;
  border: 1px solid #e3e3e3;
  margin-left: 8px;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content-column .content-column-inside {
    margin-left: 4px;
    border-right: 0;
  }
}

.is-checkout .button:disabled, .is-checkout button:disabled {
  color: rgba(255, 255, 255, 0);
}

.is-checkout .payment-method .main-content-body {
  padding: 0;
}

.is-checkout .payment-method .main-content-espot-body {
  padding-left: 80%;
  padding-bottom: 8%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

@media (max-width: 29.99em) {
  .is-checkout .payment-method .main-content-espot-body {
    padding-left: 71%;
    padding-top: 15%;
    top: 0;
    bottom: 10%;
  }
}

.is-checkout .payment-method .payment-espot {
  width: 75%;
  float: left;
}

@media (max-width: 29.99em) {
  .is-checkout .payment-method .payment-espot {
    width: 70%;
    float: left;
  }
}

.is-checkout .payment-method .payment-credit-card ul {
  margin: 0;
}

.is-checkout .payment-method .payment-credit-card ul li {
  padding: 0;
  border-bottom: 0;
}

.is-checkout .payment-method .payment-credit-card ul li .right {
  right: 0;
}

.is-checkout .payment-method .payment-credit-card ul li:first-child {
  margin-bottom: 20px;
}

.is-checkout .payment-method .payment-credit-card ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.is-checkout .payment-method .payment-previous-cc {
  font-weight: bold;
}

.is-checkout .payment-method .payment-previous-cc a {
  color: #4c4c4c;
  font-weight: normal;
}

.is-checkout .payment-method .payment-previous-cc span.card-number, .is-checkout .payment-method .payment-previous-cc span.card-number-private, .is-checkout .payment-method .payment-previous-cc span.card-holder {
  color: #262626;
}

.is-checkout .payment-method .payment-previous-cc span.card-holder {
  margin: 10px 0;
}

.is-checkout .payment-method .payment-previous-cc .icon-visa-logo {
  top: 25px;
}

.is-checkout .payment-method .payment-previous-cc .icon-amex-logo {
  top: 15px;
}

.is-checkout .payment-method .payment-previous-cc .icon-mastercard-logo {
  top: 22px;
}

.is-checkout .payment-method .payment-previous-cc .icon-diners-logo {
  top: 23px;
}

.is-checkout .payment-method ul {
  margin-bottom: 0;
}

.is-checkout .payment-method ul li span {
  color: #5c5c5c;
}

.is-checkout .payment-method ul li span.account-holder {
  margin: 5px 0;
}

.is-checkout .payment-method ul li .button.button-dark-with-espot {
  color: #ffffff;
  width: 185px;
  font-weight: bold;
  display: inline-block;
  padding-top: .75em;
  padding-bottom: .75em;
  border: none;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
}

@media (max-width: 47.99em) {
  .is-checkout .payment-method ul li .button.button-dark-with-espot {
    line-height: 1.2em;
  }
}

.is-checkout .payment-method ul li .button:disabled {
  color: #fff;
}

.is-checkout .payment-method ul li .left {
  max-width: 245px;
}

@media (max-width: 47.99em) {
  .is-checkout .payment-method ul li .left {
    max-width: none;
  }
}

.is-checkout .payment-method ul li .right {
  right: 30px;
}

.is-checkout .payment-method .main-content-footer span {
  vertical-align: top;
  padding-top: 5px;
  display: inline-block;
  padding-right: 5px;
  color: #5c5c5c;
}

.is-checkout .payment-method .main-content-footer .icon-thawte-logo {
  width: 108px;
  height: 28px;
}

.is-checkout .main-content.ipg .main-content-body {
  padding: 0;
}

.is-checkout .main-content.ipg .ipg-iframe {
  height: 800px;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content.checkout-summary .orderSummary {
    margin-top: 0;
  }
}

.is-checkout .main-content.checkout-summary .orderSummary li .delivery-address .button {
  margin-top: 15px;
  padding: 5px 10px;
  font-weight: normal;
  font-size: 1em;
}

@media (min-width: 48em) {
  .is-checkout .main-content.checkout-summary .orderSummary li .delivery-address .button {
    margin-top: 20px;
  }
}

.is-checkout .main-content.checkout-summary .orderSummary li .delivery-address p {
  margin-top: 30px;
  font-weight: normal;
}

.is-checkout .main-content.checkout-summary .orderSummary li .delivery-address .delivery-instructions {
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .is-checkout .main-content.checkout-summary .orderSummary li .delivery-address h2 {
    margin-top: 0;
  }
}

.is-checkout .main-content.checkout-summary .orderSummary li .dateslot {
  color: #4c4c4c;
  font-weight: normal;
}

.is-checkout .main-content.checkout-summary .orderSummary li .timeslot {
  color: #4c4c4c;
  font-weight: normal;
}

.is-checkout .main-content.checkout-summary button.back {
  float: right;
  margin-top: 30px;
}

@media (max-width: 29.99em) {
  .is-checkout .checkout-summary .main-content-footer button, .is-checkout .checkout-summary .main-content-footer .button {
    width: 100%;
    text-align: center;
  }
}

.is-checkout .review-small-print {
  color: #5c5c5c;
}

@media (max-width: 47.99em) {
  .is-checkout .review-small-print {
    padding: 0 8px;
  }
}

.is-checkout .review-small-print span {
  display: block;
}

.is-checkout .review-small-print p {
  margin: 15px 0 0;
  font-size: 0.923em;
}

.is-checkout .review-small-print a {
  color: #5c5c5c;
}

.is-checkout #main-content.checkout-preparing,
.is-checkout #main-content.checkout-submitting,
.is-checkout #main-content.checkout-redirecting,
.is-checkout #main-content.threeds-processing {
  width: 380px;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-preparing,
  .is-checkout #main-content.checkout-submitting,
  .is-checkout #main-content.checkout-redirecting,
  .is-checkout #main-content.threeds-processing {
    width: auto;
  }
}

@media (min-width: 48em) {
  .is-checkout #main-content.checkout-preparing .main-content-inside,
  .is-checkout #main-content.checkout-submitting .main-content-inside,
  .is-checkout #main-content.checkout-redirecting .main-content-inside,
  .is-checkout #main-content.threeds-processing .main-content-inside {
    padding: 0;
  }
}

.is-checkout #main-content.checkout-preparing .main-content-body,
.is-checkout #main-content.checkout-submitting .main-content-body,
.is-checkout #main-content.checkout-redirecting .main-content-body,
.is-checkout #main-content.threeds-processing .main-content-body {
  padding: 25px 30px 30px;
}

.is-checkout #main-content.checkout-preparing ul,
.is-checkout #main-content.checkout-submitting ul,
.is-checkout #main-content.checkout-redirecting ul,
.is-checkout #main-content.threeds-processing ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.is-checkout #main-content.checkout-preparing ul li,
.is-checkout #main-content.checkout-submitting ul li,
.is-checkout #main-content.checkout-redirecting ul li,
.is-checkout #main-content.threeds-processing ul li {
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 15px 0 15px 46px;
  position: relative;
  font-weight: bold;
  font-size: 1.153846154em;
}

.is-checkout #main-content.checkout-preparing ul li:last-child,
.is-checkout #main-content.checkout-submitting ul li:last-child,
.is-checkout #main-content.checkout-redirecting ul li:last-child,
.is-checkout #main-content.threeds-processing ul li:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.is-checkout #main-content.checkout-preparing ul li .preloaderContainer,
.is-checkout #main-content.checkout-submitting ul li .preloaderContainer,
.is-checkout #main-content.checkout-redirecting ul li .preloaderContainer,
.is-checkout #main-content.threeds-processing ul li .preloaderContainer {
  position: absolute;
  float: left;
  top: 13px;
  left: 15px;
  display: none;
}

.is-checkout #main-content.checkout-preparing ul li .loading-success,
.is-checkout #main-content.checkout-submitting ul li .loading-success,
.is-checkout #main-content.checkout-redirecting ul li .loading-success,
.is-checkout #main-content.threeds-processing ul li .loading-success {
  position: absolute;
  float: left;
  top: 13px;
  left: 15px;
  display: block;
  background: #008a23;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.is-checkout #main-content.checkout-preparing ul li .loading-success .icon,
.is-checkout #main-content.checkout-submitting ul li .loading-success .icon,
.is-checkout #main-content.checkout-redirecting ul li .loading-success .icon,
.is-checkout #main-content.threeds-processing ul li .loading-success .icon {
  fill: #ffffff;
  width: 11px;
  position: absolute;
  left: 4px;
  top: 0px;
}

.is-checkout #main-content.checkout-preparing ul li.is-loading .preloaderContainer,
.is-checkout #main-content.checkout-submitting ul li.is-loading .preloaderContainer,
.is-checkout #main-content.checkout-redirecting ul li.is-loading .preloaderContainer,
.is-checkout #main-content.threeds-processing ul li.is-loading .preloaderContainer {
  display: block;
  opacity: 1;
  visibility: visible;
}

.is-checkout #main-content.checkout-preparing ul li.is-loaded .preloaderContainer,
.is-checkout #main-content.checkout-submitting ul li.is-loaded .preloaderContainer,
.is-checkout #main-content.checkout-redirecting ul li.is-loaded .preloaderContainer,
.is-checkout #main-content.threeds-processing ul li.is-loaded .preloaderContainer {
  display: block;
  opacity: 0;
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, transform 0.2s linear;
  transition: opacity 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear;
}

.is-checkout #main-content.checkout-preparing ul li.is-loaded .loading-success,
.is-checkout #main-content.checkout-submitting ul li.is-loaded .loading-success,
.is-checkout #main-content.checkout-redirecting ul li.is-loaded .loading-success,
.is-checkout #main-content.threeds-processing ul li.is-loaded .loading-success {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.2s linear 0.3s, -webkit-transform 0.2s linear 0.3s;
  transition: opacity 0.2s linear 0.3s, -webkit-transform 0.2s linear 0.3s;
  transition: opacity 0.2s linear 0.3s, transform 0.2s linear 0.3s;
  transition: opacity 0.2s linear 0.3s, transform 0.2s linear 0.3s, -webkit-transform 0.2s linear 0.3s;
}

.is-checkout #main-content.checkout-coupon .main-content-body {
  text-align: center;
}

.is-checkout #main-content.checkout-coupon .main-content-body .icon-coupon {
  width: 125px;
  height: 100px;
  margin: 0 0 5px;
}

@media (min-width: 48em) {
  .is-checkout #main-content.checkout-coupon .main-content-body .icon-coupon {
    width: 195px;
    height: 150px;
    margin: 50px 0 5px;
  }
}

.is-checkout #main-content.checkout-coupon .main-content-body .intro {
  margin-bottom: 10px;
  padding: 0 20px;
}

@media (min-width: 48em) {
  .is-checkout #main-content.checkout-coupon .main-content-body .intro {
    margin-bottom: 70px;
  }
}

@media (max-width: 29.99em) {
  .is-checkout #main-content.checkout-coupon .main-content-footer a, .is-checkout #main-content.checkout-coupon .main-content-footer .button-dark {
    width: 100%;
    margin-bottom: 5px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body {
  padding: 0;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options {
  padding-top: 10px;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-options {
    padding-top: 0;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 {
  position: relative;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 {
    display: block;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input {
  margin-right: 15px;
  display: inline;
  position: absolute;
  top: -2px;
  left: 25px;
  z-index: 2;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 .form-field-radio-button-label {
  font-size: 1.385em;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 30px 20px 65px;
  width: 100%;
  display: inline-block;
  margin: 0;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 .form-field-radio-button-label span[aria-hidden="true"] {
  float: none;
  display: inline;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 .form-field-radio-button-label {
    font-size: 1.2308em;
    padding: 15px 15px 15px 48px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  display: block;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"] {
    float: none;
    top: 1.15em;
    left: 15px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"] ~ .form-field-radio-mask {
  position: absolute;
  height: 22px;
  width: 22px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background: #ffffff;
  content: " ";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  pointer-events: none;
  top: -3px;
  left: 25px;
  float: left;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"] ~ .form-field-radio-mask .form-field-radio-checked {
  display: none;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"] ~ .form-field-radio-mask {
    float: none;
    top: 1.15em;
    left: 15px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"]:checked ~ .form-field-radio-mask .form-field-radio-checked {
  background-color: #4c4c4c;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"]:focus ~ .form-field-radio-mask {
  border: 2px solid #909090;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1 input[Type="radio"]:focus:checked ~ .form-field-radio-mask .form-field-radio-checked {
  top: 4px;
  left: 4px;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-options .form-field-col1:last-child .form-field-radio-button-label {
  border-bottom: 0;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules {
  position: relative;
  padding-left: 65px;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules h2 {
  width: 50%;
  display: inline-block;
  color: #4c4c4c;
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules h2 {
    width: auto;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li.is-disabled .product-option {
  opacity: 0.5;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li.is-disabled .form-field-checkbox-mask, .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li.is-disabled input {
  display: none !important;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li span.product-option {
  width: 177px !important;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  z-index: 2;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"] {
    display: block;
    bottom: 10px;
    top: initial;
    left: 10px;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"] ~ .form-field-checkbox-mask {
  position: absolute;
  height: 19px;
  width: 19px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
  content: " ";
  display: block;
  pointer-events: none;
  top: 15px;
  right: 15px;
  left: auto;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"] ~ .form-field-checkbox-mask {
    top: initial;
    bottom: 10px;
    left: 10px;
    right: auto;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"]:checked ~ .form-field-checkbox-mask {
  background: #ffffff url(../img/icons/icon-tick-grey.svg) no-repeat 50% 50%;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"]:focus ~ .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules li input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked {
  top: 4px;
  left: 4px;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters {
  text-align: right;
  width: 49%;
  display: inline-block;
  font-size: 1em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #5c5c5c;
  position: absolute;
  right: 30px;
  top: -4px;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters {
    position: static;
    display: block;
    width: auto;
    top: initial;
    right: initial;
    text-align: left;
    margin: 1em 0;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters .button {
  font-size: 1em;
  padding: 3px 10px;
  min-width: 50px;
  margin-left: 5px;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters .button:hover, .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters .button:focus {
  background: inherit;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitution-rules .substitution-filters .button {
    padding: .5em 2em;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitutions {
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-substitution .main-content-body .substitutions {
    padding: 0;
  }
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitutions li:first-child {
  border-top: 1px solid #f0f0f0;
}

.is-checkout #main-content.checkout-substitution .main-content-body .substitutions li:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.is-checkout .substitutions {
  list-style-type: none;
  padding: 0 15px;
  margin: 0;
}

.is-checkout .substitutions li {
  border-top: 1px solid #f0f0f0;
  padding: 15px;
  white-space: nowrap;
  position: relative;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li {
    padding: 10px;
  }
}

.is-checkout .substitutions li:first-child {
  border-top: 0;
}

.is-checkout .substitutions li span {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  width: 100%;
}

.is-checkout .substitutions li span.product-brand {
  width: 135px;
  padding: 0 10px 0 0;
  line-height: 18px;
  font-size: 0.846em;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-brand {
    display: block;
    width: auto;
    padding: 0;
    float: none;
    line-height: 1.2;
  }
}

.is-checkout .substitutions li span.product-name {
  width: auto;
  max-width: calc(66% - 135px);
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 0;
  line-height: 18px;
  padding: 0 10px 0 0;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-name {
    display: block;
    line-height: 2;
    padding: 0;
    max-width: unset;
  }
}

.is-checkout .substitutions li span.product-option {
  width: 151px;
  position: absolute;
  right: 0px;
  line-height: 18px;
}

.is-checkout .substitutions li span.product-option .form-field-checkbox-label {
  margin-right: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-option {
    right: initial;
    top: initial;
    left: 25px;
    bottom: 0;
    width: auto !important;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-option.product-option-disabled {
    left: 0;
  }
}

.is-checkout .substitutions li span.product-status {
  width: 33%;
  text-align: right;
  position: absolute;
  right: 15px;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-status {
    position: static;
    display: block;
    line-height: 1.2;
    width: auto;
    padding: 0;
    right: unset;
    text-align: left;
  }
}

.is-checkout .substitutions li span.product-status .button-small {
  margin-top: -7px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li span.product-status .button-small {
    margin-top: 0;
  }
}

.is-checkout .substitutions li label {
  font-size: 1em;
  font-weight: normal;
  position: relative;
  width: 100%;
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .substitutions li label {
    padding-bottom: 2em;
  }
}

.is-checkout .substitutions li input {
  position: absolute;
  right: 0px;
  top: -2px;
}

.is-checkout .substitutions li .form-field-checkbox-mask {
  position: absolute;
  right: 0px;
  top: -2px;
}

@media (min-width: 48em) {
  .is-checkout #main-content.checkout-outofstock .main-content-header {
    margin-bottom: 20px;
  }
}

.is-checkout #main-content.checkout-outofstock .intro {
  margin-bottom: 15px;
  padding: 0;
  font-weight: 300;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.checkout-outofstock .intro {
    margin-bottom: 10px;
  }
}

.is-checkout #main-content.checkout-outofstock .main-content-body {
  padding-top: 5px;
  padding-bottom: 5px;
}

.is-checkout #main-content.checkout-outofstock .main-content-body ~ .intro {
  margin-top: 30px;
}

.is-checkout #main-content.checkout-outofstock .substitutions {
  padding: 0 5px;
}

@media (max-width: 39.99em) {
  .is-checkout #main-content.checkout-outofstock .main-content-footer a, .is-checkout #main-content.checkout-outofstock .main-content-footer .button-dark {
    width: 100%;
    margin-bottom: 5px;
  }
}

.is-checkout .checkout-important-info p {
  margin: 55px 90px 17px 200px;
  font-size: 1.308em;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-important-info p {
    font-size: 15px;
    margin: 20px;
  }
}

.is-checkout .checkout-important-info p .heading {
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}

@media (min-width: 30em) {
  .is-checkout .checkout-important-info p .heading {
    margin-top: 30px;
  }
  .is-checkout .checkout-important-info p .heading.age-heading {
    margin-top: 0;
  }
}

.is-checkout .checkout-important-info .icon {
  float: left;
  height: 120px;
  width: 120px;
  margin: 20px 40px 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-important-info .icon {
    margin: 10px 30px;
    height: 90px;
    width: 90px;
  }
}

@media (max-width: 29.99em) {
  .is-checkout .checkout-important-info .icon {
    float: none;
    display: block;
    margin: 10px auto;
  }
}

.is-checkout .checkout-important-info .choose-another-time {
  cursor: pointer;
}

@media (max-width: 39.99em) {
  .is-checkout .checkout-important-info .main-content-footer a, .is-checkout .checkout-important-info .main-content-footer .button-dark {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
}

.is-checkout .address-selector {
  width: 380px;
}

@media (max-width: 47.99em) {
  .is-checkout .address-selector {
    width: auto;
  }
}

@media (min-width: 48em) {
  .is-checkout .address-selector .main-content-inside {
    padding: 0;
  }
}

.is-checkout .address-selector .main-content-body {
  padding: 25px 30px 30px;
}

.is-checkout .address-selector .main-content-body ul {
  margin: 0;
  padding: 25px 0 0;
  list-style-type: none;
  border-top: 1px solid #e2e2e2;
}

.is-checkout .address-selector .main-content-body ul li {
  margin-bottom: 10px;
}

.is-checkout .address-selector .main-content-body ul li h2 {
  margin-top: 20px;
}

.is-checkout .address-selector .main-content-body ul li button {
  width: 100%;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
  padding: 20px 20px 20px 0px;
}

.is-checkout .address-selector .main-content-body ul li button div {
  margin-left: 80px;
}

.is-checkout .address-selector .main-content-body ul li button div span {
  display: block;
}

.is-checkout .address-selector .main-content-body ul li button div span.heading {
  font-size: 1.153846154em;
  margin-bottom: 10px;
}

.is-checkout .address-selector .main-content-body ul li button .icon {
  width: 44px;
  height: 40px;
  float: left;
  margin-left: 19px;
}

.is-checkout .address-selector .main-content-body ul li a {
  font-size: 1.153846154em;
  text-align: center;
  padding: 10px 0 5px;
  width: auto;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
}

.is-checkout .address-selector .main-content-body ul li:last-child {
  margin-bottom: 0;
}

.is-checkout .address-selector.qas .main-content-body ul li button .icon {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}

.is-checkout .add-address .form-personal-details, .is-checkout .add-contact .form-personal-details, .is-checkout .delivery-instructions .form-personal-details {
  border: 0;
  padding: 0;
  margin: 0;
}

.is-checkout .add-address .form-personal-details .main-content-body, .is-checkout .add-contact .form-personal-details .main-content-body, .is-checkout .delivery-instructions .form-personal-details .main-content-body {
  padding: 15px 0 20px;
}

@media (min-width: 48em) {
  .is-checkout .add-address .form-personal-details .main-content-body, .is-checkout .add-contact .form-personal-details .main-content-body, .is-checkout .delivery-instructions .form-personal-details .main-content-body {
    padding: 30px 0;
  }
}

.is-checkout .add-address .form-personal-details .main-content-body .req-field-desc, .is-checkout .add-contact .form-personal-details .main-content-body .req-field-desc, .is-checkout .delivery-instructions .form-personal-details .main-content-body .req-field-desc {
  padding: 0 20px;
}

@media (min-width: 48em) {
  .is-checkout .add-address .form-personal-details .main-content-body .req-field-desc, .is-checkout .add-contact .form-personal-details .main-content-body .req-field-desc, .is-checkout .delivery-instructions .form-personal-details .main-content-body .req-field-desc {
    margin-left: calc(35% + 5px);
    margin-bottom: 20px;
    padding: 0;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row, .is-checkout .add-contact .form-personal-details .form-field-row, .is-checkout .delivery-instructions .form-personal-details .form-field-row {
  white-space: nowrap;
  margin-bottom: 20px;
}

.is-checkout .add-address .form-personal-details .form-field-row:last-child, .is-checkout .add-contact .form-personal-details .form-field-row:last-child, .is-checkout .delivery-instructions .form-personal-details .form-field-row:last-child {
  margin-bottom: 0;
}

.is-checkout .add-address .form-personal-details .form-field-row.disabled select, .is-checkout .add-address .form-personal-details .form-field-row.disabled select:hover, .is-checkout .add-contact .form-personal-details .form-field-row.disabled select, .is-checkout .add-contact .form-personal-details .form-field-row.disabled select:hover, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled select, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled select:hover {
  background: #ebebe4 !important;
  cursor: default !important;
  color: #909090 !important;
}

.is-checkout .add-address .form-personal-details .form-field-row.disabled .form-field-dropdown-list-mask:after, .is-checkout .add-contact .form-personal-details .form-field-row.disabled .form-field-dropdown-list-mask:after, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled .form-field-dropdown-list-mask:after {
  opacity: 0.5 !important;
}

.is-checkout .add-address .form-personal-details .form-field-row.disabled p, .is-checkout .add-address .form-personal-details .form-field-row.disabled h2, .is-checkout .add-address .form-personal-details .form-field-row.disabled label, .is-checkout .add-contact .form-personal-details .form-field-row.disabled p, .is-checkout .add-contact .form-personal-details .form-field-row.disabled h2, .is-checkout .add-contact .form-personal-details .form-field-row.disabled label, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled p, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled h2, .is-checkout .delivery-instructions .form-personal-details .form-field-row.disabled label {
  color: #909090;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1, .is-checkout .add-address .form-personal-details .form-field-row .labelText, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1, .is-checkout .add-contact .form-personal-details .form-field-row .labelText, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1, .is-checkout .delivery-instructions .form-personal-details .form-field-row .labelText {
  white-space: normal;
  text-align: left !important;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1 {
  width: 35%;
  padding-left: 30px;
  padding-right: 20px;
  display: inline-block;
  text-align: right;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col1, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1 {
    width: auto;
    padding: 0 20px;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions {
  vertical-align: top;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label {
  font-size: 12px;
  color: #5c5c5c;
  margin-top: 5px;
  display: block;
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label {
    display: inline;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional {
  text-align: left;
  font-weight: bold;
  color: #262626;
  padding-left: 20px;
  display: block;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optional {
    padding-left: 0;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd {
  text-align: left;
  color: #262626;
  display: block;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col1.instructions .validation-label.optionalrd {
    padding-left: 0;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 {
  width: 65%;
  padding-right: 30px;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col2, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 {
    display: block;
    width: auto;
    padding: 0;
    margin: 3px 20px 0;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input {
  margin: 0;
  width: 100%;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input[name="nickname"], .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input[name="nickname"], .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input[name="nickname"] {
  max-width: 300px;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input[name="first-name"], .is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input[name="last-name"], .is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input[name="email"], .is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input.suburb-input, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input[name="first-name"], .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input[name="last-name"], .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input[name="email"], .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input.suburb-input, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input[name="first-name"], .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input[name="last-name"], .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input[name="email"], .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input.suburb-input {
  max-width: 300px;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 input.postcode-input, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 input.postcode-input, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 input.postcode-input {
  max-width: 150px;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 .form-field-dropdown-list-mask, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 .form-field-dropdown-list-mask, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 .form-field-dropdown-list-mask {
  width: 150px;
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 textarea, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 textarea, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 textarea {
  width: 100%;
  max-width: 300px;
  min-width: auto;
  max-height: 150px;
  min-height: 95px;
  height: 95px;
  resize: vertical;
  white-space: pre-wrap;
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 textarea, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 textarea, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 textarea {
    margin-top: 5px;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row .form-field-col2 .form-field-small-font, .is-checkout .add-contact .form-personal-details .form-field-row .form-field-col2 .form-field-small-font, .is-checkout .delivery-instructions .form-personal-details .form-field-row .form-field-col2 .form-field-small-font {
  margin-bottom: 3px;
}

.is-checkout .add-address .form-personal-details .form-field-row.seperator, .is-checkout .add-contact .form-personal-details .form-field-row.seperator, .is-checkout .delivery-instructions .form-personal-details .form-field-row.seperator {
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
  margin-top: 30px;
  padding-left: calc(35% + 3px);
}

@media (max-width: 47.99em) {
  .is-checkout .add-address .form-personal-details .form-field-row.seperator, .is-checkout .add-contact .form-personal-details .form-field-row.seperator, .is-checkout .delivery-instructions .form-personal-details .form-field-row.seperator {
    margin-top: 20px;
    padding: 20px 20px 0;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row.seperator .form-field-heading, .is-checkout .add-contact .form-personal-details .form-field-row.seperator .form-field-heading, .is-checkout .delivery-instructions .form-personal-details .form-field-row.seperator .form-field-heading {
  margin: 0 0 5px;
  font-size: 1.5384615384615385em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  .is-checkout .add-address .form-personal-details .form-field-row.seperator .form-field-heading, .is-checkout .add-contact .form-personal-details .form-field-row.seperator .form-field-heading, .is-checkout .delivery-instructions .form-personal-details .form-field-row.seperator .form-field-heading {
    font-size: 1.846153846em;
  }
}

.is-checkout .add-address .form-personal-details .form-field-row.seperator p, .is-checkout .add-contact .form-personal-details .form-field-row.seperator p, .is-checkout .delivery-instructions .form-personal-details .form-field-row.seperator p {
  margin: 0 0 10px;
  white-space: normal;
}

.is-checkout .add-address .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask, .is-checkout .add-contact .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask, .is-checkout .delivery-instructions .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask {
  vertical-align: top;
  width: 90px;
}

.is-checkout .add-address .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select, .is-checkout .add-contact .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select, .is-checkout .delivery-instructions .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select {
  font-weight: normal;
}

.is-checkout .add-address .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select:hover, .is-checkout .add-contact .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select:hover, .is-checkout .delivery-instructions .form-personal-details .form-field-row.phone .form-field-dropdown-list-mask select:hover {
  background: #fff;
  cursor: pointer;
  color: #262626;
  border-color: #ccc;
}

.is-checkout .add-address .form-personal-details .form-field-row.phone input, .is-checkout .add-contact .form-personal-details .form-field-row.phone input, .is-checkout .delivery-instructions .form-personal-details .form-field-row.phone input {
  width: 130px;
}

.is-checkout .add-address .form-personal-details .charCheck, .is-checkout .add-contact .form-personal-details .charCheck, .is-checkout .delivery-instructions .form-personal-details .charCheck {
  float: right;
  padding-right: 19px;
  padding-top: 15px;
}

.is-checkout .add-address .form-personal-details .charCheckInvalid, .is-checkout .add-contact .form-personal-details .charCheckInvalid, .is-checkout .delivery-instructions .form-personal-details .charCheckInvalid {
  float: right;
  padding-right: 19px;
  padding-top: 15px;
  color: red;
}

.is-checkout .add-contact .form-personal-details .form-field-row.seperator {
  border-top: 0;
  padding-top: 0px;
  margin-top: 0px;
}

.is-checkout .delivery-options .main-content-body {
  padding: 0;
}

.is-checkout .delivery-options .input-container-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.is-checkout .delivery-options .input-container {
  padding: 15px 15px 15px 60px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}

@media (min-width: 48em) {
  .is-checkout .delivery-options .input-container {
    padding: 30px 30px 30px 100px;
  }
}

.is-checkout .delivery-options .input-container .heading {
  font-size: 1.153846154em;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.is-checkout .delivery-options .input-container .icon {
  position: absolute;
  left: 30px;
}

.is-checkout .delivery-options .input-container .icon.icon-remotedelivery {
  height: 35px;
  width: 26px;
  left: 20px;
}

@media (min-width: 48em) {
  .is-checkout .delivery-options .input-container .icon.icon-remotedelivery {
    left: 34px;
    width: 36px;
  }
}

.is-checkout .delivery-options .input-container .icon.icon-shopping-bag {
  left: 24px;
  width: 17px;
  height: 34px;
}

@media (min-width: 48em) {
  .is-checkout .delivery-options .input-container .icon.icon-shopping-bag {
    width: 32px;
    left: 36px;
  }
}

.is-checkout .delivery-options .input-container:last-child {
  border-bottom: 0;
}

.is-checkout .delivery-instructions .main-content-body {
  padding-top: 30px;
  padding-bottom: 30px;
}

.is-checkout .delivery-instructions .main-content-body .form-personal-details .form-field-row .form-field-col2 textarea {
  max-width: 100%;
  height: 80px;
  min-height: auto;
  resize: none;
  white-space: pre-wrap;
}

.is-checkout .flybuys .main-content-inside .main-content-body {
  padding: 30px 20px;
  text-align: center;
}

@media (min-width: 48em) {
  .is-checkout .flybuys .main-content-inside .main-content-body {
    padding: 60px 20px;
  }
}

.is-checkout .flybuys .main-content-inside .main-content-body .icon-flybuys-card {
  height: 102px;
  width: 165px;
}

.is-checkout .flybuys .main-content-inside .main-content-body input {
  max-width: 68px;
  text-align: center;
}

@media (max-width: 47.99em) {
  .is-checkout .flybuys .main-content-inside .main-content-body input {
    width: 22%;
    font-size: 16px;
    height: 2.5em;
  }
}

@media (max-width: 24.99em) {
  .is-checkout .flybuys .main-content-inside .main-content-body input {
    padding: .5em;
  }
}

.is-checkout .flybuys .main-content-inside .main-content-body input#firstfourdigits {
  background: #ebebe4;
  color: #999;
}

.is-checkout .flybuys .main-content-inside .main-content-body .flybuys-save-error input[type="text"] {
  border-color: #da2a32;
}

.is-checkout .flybuys .main-content-inside .main-content-body label {
  position: relative;
  display: inline-block;
}

.is-checkout .flybuys .main-content-inside .main-content-body label input {
  display: inline-block;
}

.is-checkout .flybuys .main-content-inside .main-content-body .heading {
  display: block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
  margin: 15px 0 0;
  font-size: 1.5384615384615385em;
  font-weight: bold;
  color: #262626;
}

@media (min-width: 48em) {
  .is-checkout .flybuys .main-content-inside .main-content-body .heading {
    margin: 30px 0 0;
    font-size: 1.846153846em;
  }
}

.is-checkout .flybuys .main-content-inside .main-content-body .heading-small {
  display: block;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
  font-size: 1.5384615384615385em;
  color: #262626;
  font-weight: 200;
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .is-checkout .flybuys .main-content-inside .main-content-body .heading-small {
    font-size: 1.846153846em;
  }
}

.is-checkout .flybuys .main-content-inside .main-content-body .form-field-error-message.ng-enter-active ~ #firstfourdigits {
  border-color: #ccc !important;
}

.is-checkout .flybuys .main-content-footer .small-print {
  color: #5c5c5c;
  text-align: center;
}

@media (min-width: 30em) {
  .is-checkout .flybuys .main-content-footer .small-print {
    margin-bottom: 15px;
  }
}

@media (min-width: 48em) {
  .is-checkout .flybuys .main-content-footer .small-print {
    margin-bottom: 30px;
  }
}

.is-checkout .flybuys .main-content-footer .small-print p {
  margin: 0;
}

.is-checkout .flybuys .main-content-footer .button {
  min-width: 150px;
}

@media (max-width: 29.99em) {
  .is-checkout .flybuys .main-content-footer a, .is-checkout .flybuys .main-content-footer .button-dark {
    width: 100%;
    margin-bottom: 5px;
  }
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body {
  padding: 30px;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row {
  margin-bottom: 20px;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row:last-child {
  margin-bottom: 0;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col1 {
  width: 41%;
  display: inline-block;
  text-align: right;
  padding-right: 40px;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col2 {
  width: 58%;
  display: inline-block;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col2 input {
  width: 100%;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col2 input#promocode {
  width: calc(100% - 75px);
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col2 input#memberno {
  width: 165px;
}

.is-checkout #main-content.promocodes .main-content-inside .main-content-body .form-field-row .form-field-col2 #promoCodeSubmitButton {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  height: 41px;
  font-weight: bold;
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body {
  padding: 30px;
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row {
  margin-bottom: 20px;
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row:last-child {
  margin-bottom: 0;
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col1 {
  width: 41%;
  display: inline-block;
  text-align: right;
  padding-right: 40px;
  vertical-align: middle;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col1 {
    width: auto;
    text-align: left;
    padding-right: 0;
  }
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col1 .validation-label {
  font-size: 12px;
  color: #5c5c5c;
  margin-top: 5px;
  display: block;
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col1 .validation-label {
    display: inline;
  }
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col2 {
  width: 58%;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col2 {
    width: auto;
    display: block;
  }
}

.is-checkout #main-content.referenceno .main-content-inside .main-content-body .form-field-row .form-field-col2 input {
  width: 50%;
}

.is-checkout .delivery-restrictions .main-content-body {
  padding: 15px;
}

.is-checkout .delivery-restrictions .main-content-header .intro {
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions .main-content-footer {
    padding: 0 10px;
  }
}

@media (max-width: 47.99em) and (max-width: 47.99em) {
  .is-checkout .delivery-restrictions .main-content-footer {
    text-align: center;
  }
}

.is-checkout .delivery-restrictions .main-content-footer .button {
  width: 49%;
  margin: 0;
}

.is-checkout .delivery-restrictions .main-content-footer .button:last-child {
  margin-left: 1%;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions .main-content-footer .button:last-child {
    margin-left: 0;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions .main-content-footer .button {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.is-checkout .delivery-restrictions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.is-checkout .delivery-restrictions ul li .product {
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border: 0;
  border-radius: 0;
  background: none;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product {
    float: none;
    min-height: unset;
  }
}

.is-checkout .delivery-restrictions ul li .product .product-image {
  width: 130px;
  height: 130px;
  display: inline-block;
  border: 0;
  vertical-align: top;
  padding: 10px;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product .product-image {
    float: left;
    width: 90px;
    height: 90px;
    padding: 0;
  }
}

.is-checkout .delivery-restrictions ul li .product p {
  width: calc(100% - 145px);
  display: inline-block;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product p {
    width: auto;
    display: block;
    margin: 0 0 0 100px;
  }
}

.is-checkout .delivery-restrictions ul li .product p .product-information {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  width: 37%;
}

.is-checkout .delivery-restrictions ul li .product p .product-information .product-name {
  font-weight: bold;
  font-size: 1.231em;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product p .product-information {
    width: auto;
    margin: 0;
  }
}

.is-checkout .delivery-restrictions ul li .product p .restriction-info {
  width: 58%;
  display: inline-block;
  margin-left: 2%;
  vertical-align: top;
  margin-top: 32px;
  position: relative;
  padding-left: 40px;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product p .restriction-info {
    width: auto;
    padding-left: 0;
    padding-right: 20px;
    margin-left: 0;
    margin-top: 1em;
  }
}

.is-checkout .delivery-restrictions ul li .product p .restriction-info .icon-alert {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-top: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .delivery-restrictions ul li .product p .restriction-info .icon-alert {
    left: initial;
    right: -5px;
    margin-right: 0;
    width: 25px;
    height: 25px;
  }
}

.is-checkout .delivery-restrictions ul li:last-child .product {
  padding: 0;
  border: 0;
}

.is-checkout .is-error .main-content-body {
  padding: 25px 20px;
  text-align: center;
}

@media (min-width: 48em) {
  .is-checkout .is-error .main-content-body {
    margin-top: 60px;
    padding: 65px 50px;
  }
}

.is-checkout .is-error .main-content-body .icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.is-checkout .is-error .main-content-body .main-content-header {
  font-size: 1.846153846em;
  margin: 0 0 10px;
  font-weight: 400;
}

.is-checkout .is-error .main-content-body .main-content-header span {
  font-weight: bold;
}

.is-checkout .is-error .main-content-body .intro {
  font-size: 1.846153846em;
  margin: 0;
}

.is-checkout .is-error .main-content-body .form-field-row {
  margin-top: 30px;
}

.is-checkout .is-error .main-content-body .form-field-row .form-field-col2 {
  text-align: left;
}

/*Checkout Error Page*/
.is-error .main-content-header {
  text-align: center;
}

.is-error .form-field-row {
  text-align: left;
}

.is-error .form-field-row .form-field-col1 {
  width: 34%;
  padding-left: 30px;
  padding-right: 40px;
  display: inline-block;
  text-align: right;
}

.is-error .form-field-row .form-field-col2 {
  width: 65%;
  padding-right: 30px;
  display: inline-block;
}

.is-error .form-field-row .form-field-col2 input[name="address"] {
  width: 100%;
}

.is-error .form-field-row .form-field-col2 input[name="nickname"] {
  width: 150px;
}

/*Checkout CSR Payment Page*/
.is-csr-payment .main-content-header {
  text-align: center;
  margin-top: 25%;
}

.is-csr-payment .main-content-header .icon {
  width: 50px;
  height: 50px;
}

.is-csr-payment .main-content-header .icon-alert {
  width: 55px;
  height: 55px;
}

.is-mpgs-csr-error .icon-alert {
  height: 80px;
  width: 80px;
}

.is-mpgs-csr-error p.main-content-heading {
  font-size: 30px;
  line-height: 1.2em;
  margin-bottom: 1.4em;
}

.main-subcontent {
  border-top: 1px #e2e2e2 solid;
  margin-top: 40px;
  padding-top: 30px;
}

@media (max-width: 47.99em) {
  .main-subcontent {
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.main-subcontent.is-hidden {
  border: none;
  margin: 0;
  padding: 0;
}

.is-checkout .panels {
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  border: 1px #d3d3d3 solid;
  border-radius: 2px;
}

@media (max-width: 47.99em) {
  .is-checkout .panels {
    margin-bottom: 10px;
  }
}

.is-checkout .panels h3 {
  margin-top: 0;
  margin-bottom: 4px;
}

.is-checkout .panels h3 + p {
  margin-top: 0 !important;
}

.is-checkout .panels.has-two {
  border: none;
}

.is-checkout .panels.has-two:before, .is-checkout .panels.has-two:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #d3d3d3;
  width: 48.33333%;
  margin-right: 0.83333%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .panels.has-two:before, .is-checkout .panels.has-two:after {
    width: 49%;
  }
}

@media (max-width: 29.99em) {
  .is-checkout .panels.has-two:before, .is-checkout .panels.has-two:after {
    width: 100%;
  }
}

.is-checkout .panels.has-two:after {
  left: auto;
  right: 0;
  margin-right: 0;
}

.is-checkout .panels.has-two .panel {
  border: 1px #d3d3d3 solid;
  border-bottom: none;
}

@media (max-width: 29.99em) {
  .is-checkout .panels.has-two .panel {
    border-bottom: 1px #d3d3d3 solid;
  }
}

.is-checkout .panels .panel {
  margin-bottom: -99999px;
  padding: 26px 4% 99999px 4%;
  border-radius: 2px;
}

@media (max-width: 29.99em) {
  .is-checkout .panels .panel {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.is-checkout .panels .panel p:last-child {
  margin-bottom: 30px;
}

@media (max-width: 29.99em) {
  .is-checkout .panels .panel p:last-child {
    margin-bottom: 0;
  }
}

.is-checkout .panels .panel h3 {
  font-size: 1.3846153846153846em;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .is-checkout .panels .panel h3 {
    font-size: 1.1538461538461537em;
  }
}

.is-checkout .panels .panel p {
  color: #5c5c5c;
  line-height: 18px;
  font-size: 1em;
  margin: 8px 0;
}

.is-checkout .panels .panel a {
  color: #4c4c4c;
  font-weight: bold;
}

.is-checkout .panels .panel-half {
  width: 48.33333%;
  margin-right: 0.83333%;
  margin-left: 0;
  float: left;
}

@media (max-width: 47.99em) {
  .is-checkout .panels .panel-half {
    width: 49%;
  }
}

@media (max-width: 29.99em) {
  .is-checkout .panels .panel-half {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

.is-checkout .panels .panel-half:last-child {
  float: right;
  margin-right: 0;
}

@media (max-width: 29.99em) {
  .is-checkout .panels .panel-half:last-child {
    float: none;
    margin-top: 10px;
  }
}

/* Common Styles for review, complete and Order modify (In superbar) pages */
.is-checkout .orderSummary,
.draw-content-body .orderSummary {
  position: relative;
  color: #262626;
  padding: 0;
  list-style-type: none;
}

.is-checkout .orderSummary li,
.draw-content-body .orderSummary li {
  position: relative;
}

.is-checkout .orderSummary .trolleySummaryContainer,
.draw-content-body .orderSummary .trolleySummaryContainer {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .trolleySummaryContainer,
  .draw-content-body .orderSummary .trolleySummaryContainer {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.is-checkout .orderSummary div:last-child,
.draw-content-body .orderSummary div:last-child {
  margin-bottom: 0;
  border: 0;
}

.is-checkout .orderSummary .trolleySummary,
.draw-content-body .orderSummary .trolleySummary {
  margin: 0 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .trolleySummary,
  .draw-content-body .orderSummary .trolleySummary {
    margin: 0 15px;
  }
}

.is-checkout .orderSummary .trolleySummary .trolley .button,
.draw-content-body .orderSummary .trolleySummary .trolley .button {
  font-weight: normal !important;
  margin-top: 15px;
}

.is-checkout .orderSummary span,
.draw-content-body .orderSummary span {
  display: block;
}

.is-checkout .orderSummary span[aria-hidden="true"],
.draw-content-body .orderSummary span[aria-hidden="true"] {
  display: inline;
}

.is-checkout .orderSummary a,
.draw-content-body .orderSummary a {
  color: #4c4c4c;
}

.is-checkout .orderSummary .icon,
.draw-content-body .orderSummary .icon {
  position: absolute;
  top: 0;
}

.is-checkout .orderSummary .icon.icon-trolley,
.draw-content-body .orderSummary .icon.icon-trolley {
  height: 30px;
  margin-left: -2px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-trolley,
  .draw-content-body .orderSummary .icon.icon-trolley {
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    width: 2em;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.icon-delivery,
.draw-content-body .orderSummary .icon.icon-delivery {
  width: 45px;
  margin-left: -3px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-delivery,
  .draw-content-body .orderSummary .icon.icon-delivery {
    position: absolute;
    top: 15px;
    left: 14px;
    height: 32px;
    width: 32px;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.paymentSummary,
.draw-content-body .orderSummary .icon.paymentSummary {
  width: 35px;
  height: 30px;
}

.is-checkout .orderSummary .icon.icon-creditcard,
.draw-content-body .orderSummary .icon.icon-creditcard {
  width: 34px;
  height: 30px;
  margin-left: 3px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-creditcard,
  .draw-content-body .orderSummary .icon.icon-creditcard {
    width: 2em;
    height: 2em;
    margin: 0;
    left: 18px;
    top: 20px;
  }
}

.is-checkout .orderSummary .icon.icon-paypal,
.draw-content-body .orderSummary .icon.icon-paypal {
  width: 50px;
  height: 38px;
  left: 28px;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-paypal,
  .draw-content-body .orderSummary .icon.icon-paypal {
    left: 14px;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}

.is-checkout .orderSummary .icon.icon-paypal-monogram,
.draw-content-body .orderSummary .icon.icon-paypal-monogram {
  position: static;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.is-checkout .orderSummary .icon.icon-substitution,
.draw-content-body .orderSummary .icon.icon-substitution {
  width: 26px;
  height: 26px;
  margin-left: 5px;
}

.is-checkout .orderSummary .icon.icon-flybuys,
.draw-content-body .orderSummary .icon.icon-flybuys {
  position: static !important;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  margin-left: 0px;
  margin-right: 5px;
  fill: #262626;
  width: 45px;
}

.is-checkout .orderSummary .icon.icon-eftpos-payment,
.draw-content-body .orderSummary .icon.icon-eftpos-payment {
  width: 62px;
  height: 34px;
  margin-left: -12px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-eftpos-payment,
  .draw-content-body .orderSummary .icon.icon-eftpos-payment {
    position: absolute;
    top: 20px;
    left: 0;
    height: 2em;
    width: 2em;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.icon-colesmc-payment,
.draw-content-body .orderSummary .icon.icon-colesmc-payment {
  width: 35px;
  height: 28px;
  margin-left: 3px;
}

.is-checkout .orderSummary .icon.icon-account-payment,
.draw-content-body .orderSummary .icon.icon-account-payment {
  width: 50px;
  height: 40px;
  margin-left: -3px;
}

.is-checkout .orderSummary .icon.icon-modify,
.draw-content-body .orderSummary .icon.icon-modify {
  width: 28px;
  height: 28px;
  margin-left: 10px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-modify,
  .draw-content-body .orderSummary .icon.icon-modify {
    width: 19px;
    height: 19px;
    margin-left: -16px;
  }
}

.is-checkout .orderSummary .icon.icon-payment-logo,
.draw-content-body .orderSummary .icon.icon-payment-logo {
  position: absolute;
  margin-left: 15px;
}

.is-checkout .orderSummary .icon.icon-payment-logo.icon-visa-logo,
.draw-content-body .orderSummary .icon.icon-payment-logo.icon-visa-logo {
  width: 60px;
  height: 25px;
  top: 55px;
  margin-left: 10px;
}

.is-checkout .orderSummary .icon.icon-payment-logo.icon-mastercard-logo,
.draw-content-body .orderSummary .icon.icon-payment-logo.icon-mastercard-logo {
  width: 50px;
  height: 30px;
  top: 47px;
}

.is-checkout .orderSummary .icon.icon-payment-logo.icon-amex-logo,
.draw-content-body .orderSummary .icon.icon-payment-logo.icon-amex-logo {
  width: 45px;
  height: 45px;
  top: 37px;
}

.is-checkout .orderSummary .icon.icon-payment-logo.icon-diners-logo,
.draw-content-body .orderSummary .icon.icon-payment-logo.icon-diners-logo {
  width: 100px;
  height: 30px;
  top: 52px;
}

.is-checkout .orderSummary .icon.icon-payment-logo.icon-colesmc-payment,
.draw-content-body .orderSummary .icon.icon-payment-logo.icon-colesmc-payment {
  width: 50px;
  height: 30px;
  top: 47px;
}

.is-checkout .orderSummary .icon.icon-clickandcollect,
.draw-content-body .orderSummary .icon.icon-clickandcollect {
  width: 32px;
  height: 34px;
  margin-left: 3px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-clickandcollect,
  .draw-content-body .orderSummary .icon.icon-clickandcollect {
    position: absolute;
    top: 20px;
    left: 18px;
    width: 22px;
    height: 22px;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.icon-remotedelivery,
.draw-content-body .orderSummary .icon.icon-remotedelivery {
  width: 36px;
  height: 35px;
  margin-left: 5px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-remotedelivery,
  .draw-content-body .orderSummary .icon.icon-remotedelivery {
    position: absolute;
    top: 17px;
    left: 19px;
    height: 2em;
    width: 2em;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.icon-eftpos,
.draw-content-body .orderSummary .icon.icon-eftpos {
  width: 43px;
  height: 36px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-eftpos,
  .draw-content-body .orderSummary .icon.icon-eftpos {
    position: absolute;
    top: 20px;
    left: 18px;
    height: 2em;
    width: 2em;
    margin: 0;
  }
}

.is-checkout .orderSummary .icon.icon-payaccount,
.draw-content-body .orderSummary .icon.icon-payaccount {
  width: 42px;
  height: 38px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .icon.icon-payaccount,
  .draw-content-body .orderSummary .icon.icon-payaccount {
    position: absolute;
    top: 20px;
    left: 19px;
    height: 2em;
    width: 2em;
    margin: 0;
  }
}

.is-checkout .orderSummary .left,
.draw-content-body .orderSummary .left {
  margin-left: 70px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .left,
  .draw-content-body .orderSummary .left {
    margin-left: 45px;
  }
}

.is-checkout .orderSummary .right,
.draw-content-body .orderSummary .right {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  font-weight: bold;
}

.is-checkout .orderSummary .savings,
.draw-content-body .orderSummary .savings {
  color: #e01a22;
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
}

.is-checkout .orderSummary h2, .is-checkout .orderSummary h3,
.draw-content-body .orderSummary h2,
.draw-content-body .orderSummary h3 {
  margin-bottom: 5px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary h2, .is-checkout .orderSummary h3,
  .draw-content-body .orderSummary h2,
  .draw-content-body .orderSummary h3 {
    margin-top: 0;
  }
}

.is-checkout .orderSummary .button-plain,
.draw-content-body .orderSummary .button-plain {
  padding: 2px 10px;
  font-size: 1em;
}

.is-checkout .orderSummary .button-plain:focus,
.draw-content-body .orderSummary .button-plain:focus {
  background: #fff;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .button-plain,
  .draw-content-body .orderSummary .button-plain {
    padding: .5em 1.5em;
  }
}

.is-checkout .orderSummary .trolley,
.draw-content-body .orderSummary .trolley {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  padding-bottom: 20px;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .trolley,
  .draw-content-body .orderSummary .trolley {
    padding-bottom: 30px;
  }
}

.is-checkout .orderSummary .trolley .right,
.draw-content-body .orderSummary .trolley .right {
  font-size: 1.615384615em;
}

.is-checkout .orderSummary .trolley a,
.draw-content-body .orderSummary .trolley a {
  font-weight: normal;
}

.is-checkout .orderSummary .delivery-address,
.draw-content-body .orderSummary .delivery-address {
  font-weight: bold;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .delivery-address,
  .draw-content-body .orderSummary .delivery-address {
    margin-bottom: 20px;
  }
}

.is-checkout .orderSummary .delivery-address .heading,
.draw-content-body .orderSummary .delivery-address .heading {
  font-size: 1.153846154em;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .delivery-address .heading,
  .draw-content-body .orderSummary .delivery-address .heading {
    margin-bottom: 20px;
  }
}

.is-checkout .orderSummary .delivery-address h2, .is-checkout .orderSummary .delivery-address h3,
.draw-content-body .orderSummary .delivery-address h2,
.draw-content-body .orderSummary .delivery-address h3 {
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .delivery-address h2, .is-checkout .orderSummary .delivery-address h3,
  .draw-content-body .orderSummary .delivery-address h2,
  .draw-content-body .orderSummary .delivery-address h3 {
    margin-bottom: 20px;
  }
}

.is-checkout .orderSummary .delivery-address .delivery-instructions-heading,
.draw-content-body .orderSummary .delivery-address .delivery-instructions-heading {
  font-weight: bold;
}

.is-checkout .orderSummary .delivery-address .delivery-instructions,
.draw-content-body .orderSummary .delivery-address .delivery-instructions {
  font-weight: normal;
  margin-top: 15px;
  word-wrap: break-word;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .delivery-address .delivery-instructions,
  .draw-content-body .orderSummary .delivery-address .delivery-instructions {
    margin-top: 20px;
  }
}

.is-checkout .orderSummary .delivery-address .delivery-instructions a,
.draw-content-body .orderSummary .delivery-address .delivery-instructions a {
  display: inline;
  /*@include mq($until: tabletPortrait) {
					display: inline;
				}*/
}

.is-checkout .orderSummary .delivery-address.left,
.draw-content-body .orderSummary .delivery-address.left {
  max-width: calc(100% - 185px);
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .delivery-address.left,
  .draw-content-body .orderSummary .delivery-address.left {
    max-width: unset;
  }
}

.is-checkout .orderSummary .delivery-address.right,
.draw-content-body .orderSummary .delivery-address.right {
  max-width: 105px;
  color: #262626;
}

.is-checkout .orderSummary .reference-container,
.draw-content-body .orderSummary .reference-container {
  margin-top: 15px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .reference-container,
  .draw-content-body .orderSummary .reference-container {
    margin-top: 20px;
  }
}

.is-checkout .orderSummary .reference-container a,
.draw-content-body .orderSummary .reference-container a {
  font-weight: normal !important;
}

.is-checkout .orderSummary .reference-container .reference-heading,
.draw-content-body .orderSummary .reference-container .reference-heading {
  font-weight: bold;
}

.is-checkout .orderSummary .reference-container .reference-number,
.draw-content-body .orderSummary .reference-container .reference-number {
  margin-top: 20px;
}

.is-checkout .orderSummary .reference-container .reference-number a,
.draw-content-body .orderSummary .reference-container .reference-number a {
  font-weight: bold !important;
}

.is-checkout .orderSummary .delivery-slot,
.draw-content-body .orderSummary .delivery-slot {
  color: #4c4c4c;
}

.is-checkout .orderSummary .delivery-slot a,
.draw-content-body .orderSummary .delivery-slot a {
  color: #5c5c5c;
}

.is-checkout .orderSummary li.address,
.draw-content-body .orderSummary li.address {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary li.address,
  .draw-content-body .orderSummary li.address {
    margin: 0;
    padding: 20px 15px;
  }
  .is-checkout .orderSummary li.address .left,
  .draw-content-body .orderSummary li.address .left {
    padding: 0;
    margin: 0 0 0 45px;
  }
}

.is-checkout .orderSummary .address,
.draw-content-body .orderSummary .address {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  margin-top: 20px;
  padding-bottom: 30px;
}

.is-checkout .orderSummary .address .right,
.draw-content-body .orderSummary .address .right {
  font-size: 1.308em;
  color: #262626;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .address .right,
  .draw-content-body .orderSummary .address .right {
    top: 30px;
  }
}

.is-checkout .orderSummary .address .bb-summary,
.draw-content-body .orderSummary .address .bb-summary {
  font-weight: bold;
}

.is-checkout .orderSummary .address .bb-summary:last-of-type,
.draw-content-body .orderSummary .address .bb-summary:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .address,
  .draw-content-body .orderSummary .address {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 20px;
  }
  .is-checkout .orderSummary .address h2,
  .draw-content-body .orderSummary .address h2 {
    margin-top: 0;
  }
}

.is-checkout .orderSummary .reference-heading,
.draw-content-body .orderSummary .reference-heading {
  float: left;
  margin-right: 5px;
}

.is-checkout .orderSummary .discounts,
.draw-content-body .orderSummary .discounts {
  margin-bottom: 0;
  padding: 30px 0;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discounts,
  .draw-content-body .orderSummary .discounts {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 15px;
  }
}

.is-checkout .orderSummary .discounts a,
.draw-content-body .orderSummary .discounts a {
  font-weight: normal !important;
}

.is-checkout .orderSummary .discounts label,
.draw-content-body .orderSummary .discounts label {
  margin-bottom: 5px;
}

.is-checkout .orderSummary .discounts .cancel-promo-code-entry,
.draw-content-body .orderSummary .discounts .cancel-promo-code-entry {
  margin-right: 1.5em;
}

.is-checkout .orderSummary .discount-list,
.draw-content-body .orderSummary .discount-list {
  position: relative;
  margin-bottom: 30px;
}

.is-checkout .orderSummary .discount-list ul li,
.draw-content-body .orderSummary .discount-list ul li {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li,
  .draw-content-body .orderSummary .discount-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.is-checkout .orderSummary .discount-list ul li > span,
.draw-content-body .orderSummary .discount-list ul li > span {
  /*display: inline-block;*/
  float: left;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li > span,
  .draw-content-body .orderSummary .discount-list ul li > span {
    float: none;
  }
}

.is-checkout .orderSummary .discount-list ul li > span .coupon-code,
.draw-content-body .orderSummary .discount-list ul li > span .coupon-code {
  width: 60%;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li > span .coupon-code,
  .draw-content-body .orderSummary .discount-list ul li > span .coupon-code {
    width: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 10px;
  }
}

.is-checkout .orderSummary .discount-list ul li > span .coupon-code span,
.draw-content-body .orderSummary .discount-list ul li > span .coupon-code span {
  display: inline;
  word-wrap: break-word;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li > span .coupon-code > .coupon-desc,
  .draw-content-body .orderSummary .discount-list ul li > span .coupon-code > .coupon-desc {
    display: none;
  }
}

.is-checkout .orderSummary .discount-list ul li > span.coupon-desc,
.draw-content-body .orderSummary .discount-list ul li > span.coupon-desc {
  display: none;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li > span.coupon-desc,
  .draw-content-body .orderSummary .discount-list ul li > span.coupon-desc {
    display: inline;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 75%;
    margin-bottom: 10px;
    margin-top: -10px;
    word-wrap: break-word;
  }
}

.is-checkout .orderSummary .discount-list ul li > span.coupon-amount,
.draw-content-body .orderSummary .discount-list ul li > span.coupon-amount {
  /*
						position: absolute;
						right: 0;
						font-weight: bold;
						width: 110px;
						top: 50%;
						transform: translateY(-50%);
					*/
  width: 20%;
  text-align: right;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li > span.coupon-amount,
  .draw-content-body .orderSummary .discount-list ul li > span.coupon-amount {
    float: none;
    position: absolute;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    right: 0;
    top: 10px;
    width: auto;
  }
}

.is-checkout .orderSummary .discount-list ul li:last-child,
.draw-content-body .orderSummary .discount-list ul li:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.is-checkout .orderSummary .discount-list ul li:first-child,
.draw-content-body .orderSummary .discount-list ul li:first-child {
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
  /*
					& span.coupon-amount {
						top: calc(50% - 0px);
					}
					.button {
						top: calc(50% - 0px);
					}
					*/
}

.is-checkout .orderSummary .discount-list ul li button,
.draw-content-body .orderSummary .discount-list ul li button {
  float: left;
  width: 20%;
  /*
					margin: 0 0 0 10px;
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					*/
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .discount-list ul li button,
  .draw-content-body .orderSummary .discount-list ul li button {
    float: none;
    width: auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.is-checkout .orderSummary .discount-list ul li button span,
.draw-content-body .orderSummary .discount-list ul li button span {
  display: inline;
}

.is-checkout .orderSummary .totals,
.draw-content-body .orderSummary .totals {
  padding-bottom: 15px;
  min-height: 50px;
  position: relative;
}

.is-checkout .orderSummary .totals .right,
.draw-content-body .orderSummary .totals .right {
  font-size: 2.308em;
}

.is-checkout .orderSummary .totals .button-plain,
.draw-content-body .orderSummary .totals .button-plain {
  margin-top: 0;
  font-weight: normal;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .totals,
  .draw-content-body .orderSummary .totals {
    min-height: 0;
    padding-bottom: 0;
  }
  .is-checkout .orderSummary .totals .right,
  .draw-content-body .orderSummary .totals .right {
    position: static;
    float: right;
    line-height: 1em;
    padding: 10px 0 10px 1em;
    border-top: 1px solid #e6e6e6;
  }
}

.is-checkout .orderSummary .optionsSummary,
.draw-content-body .orderSummary .optionsSummary {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary,
  .draw-content-body .orderSummary .optionsSummary {
    padding: 0;
    margin: 0;
  }
}

.is-checkout .orderSummary .optionsSummary a,
.draw-content-body .orderSummary .optionsSummary a {
  text-decoration: underline;
}

.is-checkout .orderSummary .optionsSummary ul,
.draw-content-body .orderSummary .optionsSummary ul {
  margin: 0;
  margin-left: 70px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary ul,
  .draw-content-body .orderSummary .optionsSummary ul {
    margin: 0 20px;
  }
}

.is-checkout .orderSummary .optionsSummary ul li,
.draw-content-body .orderSummary .optionsSummary ul li {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  border-top: 1px solid #f3f3f3;
}

.is-checkout .orderSummary .optionsSummary ul li:last-child,
.draw-content-body .orderSummary .optionsSummary ul li:last-child {
  border-bottom: 1px solid #f3f3f3;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary ul li:last-child,
  .draw-content-body .orderSummary .optionsSummary ul li:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary ul li,
  .draw-content-body .orderSummary .optionsSummary ul li {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
  }
}

.is-checkout .orderSummary .optionsSummary ul li .left, .is-checkout .orderSummary .optionsSummary ul li .right,
.draw-content-body .orderSummary .optionsSummary ul li .left,
.draw-content-body .orderSummary .optionsSummary ul li .right {
  padding: 10px 0;
}

.is-checkout .orderSummary .optionsSummary ul li .left,
.draw-content-body .orderSummary .optionsSummary ul li .left {
  max-width: calc(100% - 60px);
  margin-left: 0;
  color: #262626;
}

.is-checkout .orderSummary .optionsSummary ul li .left strong,
.draw-content-body .orderSummary .optionsSummary ul li .left strong {
  color: #262626;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary ul li .left,
  .draw-content-body .orderSummary .optionsSummary ul li .left {
    max-width: initial;
    padding: 0;
  }
}

.is-checkout .orderSummary .optionsSummary ul li .right,
.draw-content-body .orderSummary .optionsSummary ul li .right {
  font-weight: normal;
  /*&.add-flybuys-number {*/
  /*}*/
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .optionsSummary ul li .right,
  .draw-content-body .orderSummary .optionsSummary ul li .right {
    position: static;
    text-align: left;
    padding-bottom: 0;
  }
}

.is-checkout .orderSummary .optionsSummary ul li .icon,
.draw-content-body .orderSummary .optionsSummary ul li .icon {
  position: absolute;
  top: 5px;
}

.is-checkout .orderSummary .optionsSummary ul li .icon.icon-substitution,
.draw-content-body .orderSummary .optionsSummary ul li .icon.icon-substitution {
  margin-left: 8px;
}

.is-checkout .orderSummary .optionsSummary ul span,
.draw-content-body .orderSummary .optionsSummary ul span {
  display: inline;
}

.is-checkout .orderSummary .optionsSummary ul span.flybuys-points,
.draw-content-body .orderSummary .optionsSummary ul span.flybuys-points {
  color: #00aeff;
  font-weight: bold;
}

.is-checkout .orderSummary .card-number,
.draw-content-body .orderSummary .card-number {
  font-size: 1.153846154em;
  display: inline;
}

.is-checkout .orderSummary .card-number .card-number-private,
.draw-content-body .orderSummary .card-number .card-number-private {
  text-rendering: optimizeSpeed;
}

.is-checkout .orderSummary .account-holder,
.draw-content-body .orderSummary .account-holder {
  font-size: 1.153846154em;
  font-weight: bold;
  margin: 5px 0;
  color: #262626;
}

.is-checkout .orderSummary .paymentSummary,
.draw-content-body .orderSummary .paymentSummary {
  border-bottom: 1px solid #e6e6e6;
  font-weight: bold;
  text-rendering: optimizeSpeed;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.is-checkout .orderSummary .paymentSummary h2, .is-checkout .orderSummary .paymentSummary h3,
.draw-content-body .orderSummary .paymentSummary h2,
.draw-content-body .orderSummary .paymentSummary h3 {
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .is-checkout .orderSummary .paymentSummary h2, .is-checkout .orderSummary .paymentSummary h3,
  .draw-content-body .orderSummary .paymentSummary h2,
  .draw-content-body .orderSummary .paymentSummary h3 {
    margin-bottom: 20px;
  }
}

.is-checkout .orderSummary .paymentSummary .card-number,
.draw-content-body .orderSummary .paymentSummary .card-number {
  display: inline-block;
  margin: 5px 0;
}

.is-checkout .orderSummary .paymentSummary .icon-card-type,
.draw-content-body .orderSummary .paymentSummary .icon-card-type {
  position: relative;
  top: 5px;
  height: 22px;
  width: 44px;
  margin-left: 1px;
}

.is-checkout .orderSummary .paymentSummary .icon-card-type.icon-amex,
.draw-content-body .orderSummary .paymentSummary .icon-card-type.icon-amex {
  width: 22px;
  margin-left: 3px;
}

.is-checkout .orderSummary .paymentSummary .icon-card-type.icon-mastercard,
.draw-content-body .orderSummary .paymentSummary .icon-card-type.icon-mastercard {
  width: 35px;
}

.is-checkout .orderSummary .paymentSummary .icon-card-type.icon-diners,
.draw-content-body .orderSummary .paymentSummary .icon-card-type.icon-diners {
  width: 35px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .paymentSummary,
  .draw-content-body .orderSummary .paymentSummary {
    padding: 20px 0;
    margin: 0;
  }
  .is-checkout .orderSummary .paymentSummary h2,
  .draw-content-body .orderSummary .paymentSummary h2 {
    margin-top: 0;
  }
}

.is-checkout .orderSummary .confirmOrder,
.draw-content-body .orderSummary .confirmOrder {
  position: relative;
  text-align: right;
  min-height: 90px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 0;
  padding-bottom: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .confirmOrder,
  .draw-content-body .orderSummary .confirmOrder {
    text-align: left;
    padding: 20px 20px 10px;
  }
}

.is-checkout .orderSummary .confirmOrder label,
.draw-content-body .orderSummary .confirmOrder label {
  margin-right: 0;
  font-weight: normal;
  font-size: 1em;
  padding-left: 25px;
}

.is-checkout .orderSummary .confirmOrder .label,
.draw-content-body .orderSummary .confirmOrder .label {
  padding-right: 0;
  padding-left: 0;
  color: #262626;
}

.is-checkout .orderSummary .confirmOrder .button,
.draw-content-body .orderSummary .confirmOrder .button {
  margin-top: 20px;
  position: absolute;
  right: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .confirmOrder .button,
  .draw-content-body .orderSummary .confirmOrder .button {
    position: static;
    right: unset;
    width: 100%;
  }
}

.is-checkout .orderSummary .confirmOrder .alert,
.draw-content-body .orderSummary .confirmOrder .alert {
  left: 30px;
  top: 30px;
  width: 480px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .confirmOrder .alert,
  .draw-content-body .orderSummary .confirmOrder .alert {
    width: auto;
    left: 0;
    top: -70px;
  }
}

.is-checkout .orderSummary .confirmOrder .alert .alert-wrapper,
.draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper {
  padding: 15px;
  max-width: 480px;
  border: 1px solid #146e8c !important;
}

.is-checkout .orderSummary .confirmOrder .alert .alert-wrapper .arrow,
.draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper .arrow {
  left: 50px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .confirmOrder .alert .alert-wrapper .arrow,
  .draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper .arrow {
    left: 25px !important;
    top: 100%;
  }
  .is-checkout .orderSummary .confirmOrder .alert .alert-wrapper .arrow:before,
  .draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper .arrow:before {
    bottom: 7px;
  }
}

.is-checkout .orderSummary .confirmOrder .alert .alert-wrapper .alert-content p,
.draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper .alert-content p {
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .confirmOrder .alert .alert-wrapper .alert-content p,
  .draw-content-body .orderSummary .confirmOrder .alert .alert-wrapper .alert-content p {
    text-align: left;
  }
}

.is-checkout .orderSummary .confirmOrder input[type="checkbox"],
.draw-content-body .orderSummary .confirmOrder input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
}

.is-checkout .orderSummary .confirmOrder input[type="checkbox"] ~ .form-field-checkbox-mask,
.draw-content-body .orderSummary .confirmOrder input[type="checkbox"] ~ .form-field-checkbox-mask {
  position: absolute;
  left: 0;
  top: 0;
}

.is-checkout .orderSummary .orderSpecifics,
.draw-content-body .orderSummary .orderSpecifics {
  font-size: 1.385em;
  border: 0;
  padding: 0;
  margin: 0 0 17px 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSpecifics,
  .draw-content-body .orderSummary .orderSpecifics {
    margin-left: 15px;
    font-size: 1.2em;
  }
}

.is-checkout .orderSummary .orderSpecifics:last-child,
.draw-content-body .orderSummary .orderSpecifics:last-child {
  margin: 0;
}

.is-checkout .orderSummary .orderSpecifics .icon-container,
.draw-content-body .orderSummary .orderSpecifics .icon-container {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  background-color: #008a23;
  float: left;
  margin-top: 4px;
  margin-left: 8px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSpecifics .icon-container,
  .draw-content-body .orderSummary .orderSpecifics .icon-container {
    margin-left: 4px;
    margin-top: 0;
    height: 25px;
    width: 25px;
  }
}

.is-checkout .orderSummary .orderSpecifics .icon-container .icon-roundedtick,
.draw-content-body .orderSummary .orderSpecifics .icon-container .icon-roundedtick {
  fill: #ffffff;
  margin-left: 6px;
  width: 17px;
  margin-top: 4px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSpecifics .icon-container .icon-roundedtick,
  .draw-content-body .orderSummary .orderSpecifics .icon-container .icon-roundedtick {
    width: 14px;
    margin-left: 6px;
    margin-top: -2px;
  }
}

.is-checkout .orderSummary .orderSpecifics .left, .is-checkout .orderSummary .orderSpecifics .right,
.draw-content-body .orderSummary .orderSpecifics .left,
.draw-content-body .orderSummary .orderSpecifics .right {
  padding: 10px 0;
}

.is-checkout .orderSummary .orderSpecifics .left,
.draw-content-body .orderSummary .orderSpecifics .left {
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSpecifics .left,
  .draw-content-body .orderSummary .orderSpecifics .left {
    margin: 0 15px 0 45px;
    padding: 0;
    font-size: 15px;
  }
}

.is-checkout .orderSummary .orderSpecifics .left strong,
.draw-content-body .orderSummary .orderSpecifics .left strong {
  color: #262626;
}

.is-checkout .orderSummary .orderSpecifics .icon,
.draw-content-body .orderSummary .orderSpecifics .icon {
  position: absolute;
  top: 5px;
}

.is-checkout .orderSummary .orderSpecifics .icon.icon-feedback,
.draw-content-body .orderSummary .orderSpecifics .icon.icon-feedback {
  width: 24px;
  height: 19px;
  top: 12px;
  left: 11px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSpecifics .icon.icon-feedback,
  .draw-content-body .orderSummary .orderSpecifics .icon.icon-feedback {
    width: 25px;
    height: 20px;
    top: 2px;
    left: 4px;
  }
}

.is-checkout .orderSummary .orderSpecifics span,
.draw-content-body .orderSummary .orderSpecifics span {
  display: inline;
}

.is-checkout .orderSummary .orderSpecifics span.flybuys-points,
.draw-content-body .orderSummary .orderSpecifics span.flybuys-points {
  color: #00aeff;
  font-weight: bold;
}

.is-checkout .orderSummary .orderModification,
.draw-content-body .orderSummary .orderModification {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-top: 30px;
  padding: 30px;
  margin-bottom: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderModification,
  .draw-content-body .orderSummary .orderModification {
    margin: 0;
    padding: 20px 15px;
  }
}

.is-checkout .orderSummary .orderModification .icon-modify,
.draw-content-body .orderSummary .orderModification .icon-modify {
  top: 30px;
  left: 40px;
  margin-left: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderModification .icon-modify,
  .draw-content-body .orderSummary .orderModification .icon-modify {
    top: 20px;
    left: 22px;
    width: 23px;
    height: 23px;
  }
}

.is-checkout .orderSummary .orderModification .left,
.draw-content-body .orderSummary .orderModification .left {
  padding: 6px 0;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderModification .left,
  .draw-content-body .orderSummary .orderModification .left {
    margin: 0 0 0 45px;
    padding: 0;
  }
}

.is-checkout .orderSummary ul,
.draw-content-body .orderSummary ul {
  list-style-type: none;
  padding: 0;
}

.is-checkout .orderSummary .noPayments,
.draw-content-body .orderSummary .noPayments {
  padding: 10px 20px;
}

.is-checkout .orderSummary .noPayments .intro,
.draw-content-body .orderSummary .noPayments .intro {
  margin-top: 20px;
}

.is-checkout .orderSummary .payment-credit-card,
.is-checkout .orderSummary .payment-previous-cc,
.is-checkout .orderSummary .payment-eftpos,
.is-checkout .orderSummary .payment-paypal,
.is-checkout .orderSummary .payment-account,
.draw-content-body .orderSummary .payment-credit-card,
.draw-content-body .orderSummary .payment-previous-cc,
.draw-content-body .orderSummary .payment-eftpos,
.draw-content-body .orderSummary .payment-paypal,
.draw-content-body .orderSummary .payment-account {
  border-bottom: 1px solid #e2e2e2;
  padding: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .payment-credit-card,
  .is-checkout .orderSummary .payment-previous-cc,
  .is-checkout .orderSummary .payment-eftpos,
  .is-checkout .orderSummary .payment-paypal,
  .is-checkout .orderSummary .payment-account,
  .draw-content-body .orderSummary .payment-credit-card,
  .draw-content-body .orderSummary .payment-previous-cc,
  .draw-content-body .orderSummary .payment-eftpos,
  .draw-content-body .orderSummary .payment-paypal,
  .draw-content-body .orderSummary .payment-account {
    padding: 20px;
  }
}

.is-checkout .orderSummary .payment-credit-card h2,
.is-checkout .orderSummary .payment-previous-cc h2,
.is-checkout .orderSummary .payment-eftpos h2,
.is-checkout .orderSummary .payment-paypal h2,
.is-checkout .orderSummary .payment-account h2,
.draw-content-body .orderSummary .payment-credit-card h2,
.draw-content-body .orderSummary .payment-previous-cc h2,
.draw-content-body .orderSummary .payment-eftpos h2,
.draw-content-body .orderSummary .payment-paypal h2,
.draw-content-body .orderSummary .payment-account h2 {
  margin-top: 0;
}

.is-checkout .orderSummary .payment-credit-card .icon,
.is-checkout .orderSummary .payment-previous-cc .icon,
.is-checkout .orderSummary .payment-eftpos .icon,
.is-checkout .orderSummary .payment-paypal .icon,
.is-checkout .orderSummary .payment-account .icon,
.draw-content-body .orderSummary .payment-credit-card .icon,
.draw-content-body .orderSummary .payment-previous-cc .icon,
.draw-content-body .orderSummary .payment-eftpos .icon,
.draw-content-body .orderSummary .payment-paypal .icon,
.draw-content-body .orderSummary .payment-account .icon {
  top: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .payment-credit-card .icon,
  .is-checkout .orderSummary .payment-previous-cc .icon,
  .is-checkout .orderSummary .payment-eftpos .icon,
  .is-checkout .orderSummary .payment-paypal .icon,
  .is-checkout .orderSummary .payment-account .icon,
  .draw-content-body .orderSummary .payment-credit-card .icon,
  .draw-content-body .orderSummary .payment-previous-cc .icon,
  .draw-content-body .orderSummary .payment-eftpos .icon,
  .draw-content-body .orderSummary .payment-paypal .icon,
  .draw-content-body .orderSummary .payment-account .icon {
    top: 20px;
  }
}

.is-checkout .orderSummary .payment-credit-card:last-child,
.is-checkout .orderSummary .payment-previous-cc:last-child,
.is-checkout .orderSummary .payment-eftpos:last-child,
.is-checkout .orderSummary .payment-paypal:last-child,
.is-checkout .orderSummary .payment-account:last-child,
.draw-content-body .orderSummary .payment-credit-card:last-child,
.draw-content-body .orderSummary .payment-previous-cc:last-child,
.draw-content-body .orderSummary .payment-eftpos:last-child,
.draw-content-body .orderSummary .payment-paypal:last-child,
.draw-content-body .orderSummary .payment-account:last-child {
  border: 0;
}

.is-checkout .orderSummary .payment-credit-card .right .button,
.is-checkout .orderSummary .payment-previous-cc .right .button,
.is-checkout .orderSummary .payment-eftpos .right .button,
.is-checkout .orderSummary .payment-paypal .right .button,
.is-checkout .orderSummary .payment-account .right .button,
.draw-content-body .orderSummary .payment-credit-card .right .button,
.draw-content-body .orderSummary .payment-previous-cc .right .button,
.draw-content-body .orderSummary .payment-eftpos .right .button,
.draw-content-body .orderSummary .payment-paypal .right .button,
.draw-content-body .orderSummary .payment-account .right .button {
  top: 30px;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .payment-credit-card .right,
  .is-checkout .orderSummary .payment-previous-cc .right,
  .is-checkout .orderSummary .payment-eftpos .right,
  .is-checkout .orderSummary .payment-paypal .right,
  .is-checkout .orderSummary .payment-account .right,
  .draw-content-body .orderSummary .payment-credit-card .right,
  .draw-content-body .orderSummary .payment-previous-cc .right,
  .draw-content-body .orderSummary .payment-eftpos .right,
  .draw-content-body .orderSummary .payment-paypal .right,
  .draw-content-body .orderSummary .payment-account .right {
    position: static;
    right: unset;
    text-align: left;
    margin-top: 20px;
  }
  .is-checkout .orderSummary .payment-credit-card .right .button,
  .is-checkout .orderSummary .payment-previous-cc .right .button,
  .is-checkout .orderSummary .payment-eftpos .right .button,
  .is-checkout .orderSummary .payment-paypal .right .button,
  .is-checkout .orderSummary .payment-account .right .button,
  .draw-content-body .orderSummary .payment-credit-card .right .button,
  .draw-content-body .orderSummary .payment-previous-cc .right .button,
  .draw-content-body .orderSummary .payment-eftpos .right .button,
  .draw-content-body .orderSummary .payment-paypal .right .button,
  .draw-content-body .orderSummary .payment-account .right .button {
    display: inline-block;
    width: auto;
    top: 0;
  }
}

.is-checkout .orderSummary .payment-paypal .account-holder,
.draw-content-body .orderSummary .payment-paypal .account-holder {
  font-size: 1em;
}

.is-checkout .orderSummary .discount-form,
.draw-content-body .orderSummary .discount-form {
  height: auto;
  display: block;
}

.is-checkout .orderSummary .discount-form.collapsed,
.draw-content-body .orderSummary .discount-form.collapsed {
  display: none;
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .paymentSummary .left {
    margin-left: 60px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .orderSummary .orderSummary .optionsSummary ul {
    margin: 0 20px;
  }
}

.is-checkout .orderSummary .address:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .orderSummary .icon-paypal {
    top: 20px;
  }
  .is-checkout .checkout-review .orderSummary .icon-delivery {
    width: 32px;
    height: 32px;
    top: 25px;
    left: -2px;
  }
  .is-checkout .checkout-review .orderSummary .icon-remotedelivery {
    top: 25px;
    left: 3px;
  }
  .is-checkout .checkout-review .orderSummary .icon-clickandcollect {
    top: 25px;
    left: 3px;
  }
}

.is-checkout .checkout-review {
  max-width: 990px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-inside {
    padding-left: 0;
    padding-right: 0;
  }
  .is-checkout .checkout-review .main-content-header,
  .is-checkout .checkout-review .main-content-message {
    margin-left: 8px;
    margin-right: 8px;
  }
  .is-checkout .checkout-review .main-content-message {
    margin-bottom: 0;
  }
}

.is-checkout .checkout-review .skiplinks {
  position: relative;
  top: -25px;
  z-index: auto;
}

.is-checkout .checkout-review .skiplinks .skiplink {
  position: absolute;
  z-index: -1;
}

.is-checkout .checkout-review .skiplinks .skiplink:focus {
  z-index: 0;
  top: 15px;
}

.is-checkout .checkout-review .main-content-column {
  display: inline-block;
  vertical-align: top;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content {
  padding-left: 0;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content label.form-field-checkbox-label {
  font-size: 1em;
  font-weight: normal;
}

.is-checkout .checkout-review .main-content-column.flyout.flyout-closed {
  height: 0;
  margin-bottom: 0;
  visibility: hidden !important;
}

.is-checkout .checkout-review .main-content-column.flyout .baggingOptionsValidation {
  margin: 15px 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-checkout .checkout-review .main-content-column.flyout .baggingOptionsValidation .icon {
  left: 0;
  top: 20px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-column.flyout .baggingOptionsValidation .icon {
    top: 5px;
    left: 6px;
  }
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 60.9275em) {
  .is-checkout .checkout-review {
    padding-left: 0;
    padding-right: 0;
  }
}

.is-checkout .checkout-review .main-content-column.sidebar {
  width: 240px;
}

.is-checkout .checkout-review .main-content-column.column-container {
  width: calc(100% - 240px);
}

.is-checkout .checkout-review .main-content-column.flyout {
  width: 0;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  overflow: hidden;
}

.is-checkout .checkout-review .main-content-column.details {
  width: 100%;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

@media (min-width: 64.0625em) {
  .is-checkout .checkout-review .main-content-column.column-container.flyout-open .flyout {
    width: 300px;
  }
  .is-checkout .checkout-review .main-content-column.column-container.flyout-open .details {
    width: calc(100% - 300px);
  }
}

@media (min-width: 48em) and (max-width: 64.0525em) {
  .is-checkout .checkout-review .main-content-column.column-container {
    width: calc(100% - 190px);
  }
  .is-checkout .checkout-review .main-content-column.sidebar {
    width: 190px;
  }
  .is-checkout .checkout-review .main-content-column.column-container.flyout-open .flyout {
    width: 270px;
  }
  .is-checkout .checkout-review .main-content-column.column-container.flyout-open .details {
    width: calc(100% - 270px);
  }
  .is-checkout .checkout-review .main-content-column .section-trolley a.mobile-block {
    display: block;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-column.column-container {
    width: calc(100% - 95px);
  }
  .is-checkout .checkout-review .main-content-column.flyout {
    margin-bottom: 8px;
  }
  .is-checkout .checkout-review .main-content-column.flyout, .is-checkout .checkout-review .main-content-column.details {
    width: 100%;
  }
  .is-checkout .checkout-review .main-content-column.sidebar {
    width: 95px;
  }
}

.is-checkout .checkout-review .main-content-column .section-promos #addPromoCode {
  padding: 2px 10px;
  font-size: 13px;
}

.is-checkout .checkout-review .main-content-column .section-promos #addPromoCode:focus {
  background: #ffffff;
}

.is-checkout .checkout-review .main-content-column .section-promos .discount-form {
  font-size: 0.9em;
}

.is-checkout .checkout-review .main-content-column .section-promos .discount-form .cancel-promo-code-entry {
  margin-right: 1.5em;
  font-weight: 400;
  padding: 13px 15px;
}

.is-checkout .checkout-review .main-content-column .section-add-button {
  padding: 2px 10px;
  font-size: 0.9em;
  font-weight: normal;
}

.is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation {
  margin: 15px 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation h2 {
  margin: -5px 0 10px 40px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation h2 {
    margin: 5px 0 10px 40px;
  }
}

.is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation .icon {
  left: -8px;
  top: 10px;
}

@media (min-width: 48em) and (max-width: 64.0525em) {
  .is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation .icon {
    left: 2px;
    top: 10px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-column .section-bagging .baggingOptionsValidation .icon {
    top: 8px;
    left: 2px;
  }
}

.is-checkout .checkout-review .section {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.is-checkout .checkout-review .section-content {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 25px 65px;
  margin-top: 25px;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content {
    padding-left: 45px;
    padding-bottom: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content {
    padding-left: 42px;
    font-size: 13px;
    padding-bottom: 10px;
    margin-top: 10px;
  }
}

.is-checkout .checkout-review .section-content.right-align {
  text-align: right;
  padding-right: 10px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content.right-align {
    padding-right: 5px;
  }
}

.is-checkout .checkout-review .section-content .icon {
  position: absolute;
  top: 0;
  left: -15px;
  width: 80px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon {
    left: -10px;
    width: 55px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon {
    left: -5px;
    width: 47px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-trolley {
  height: 30px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-trolley {
    height: 26px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-trolley {
    height: 23px;
    -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
            transform: translateX(-2px);
  }
}

.is-checkout .checkout-review .section-content .icon.icon-delivery {
  height: 26px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-delivery {
    height: 23px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-delivery {
    height: 21px;
    tranform: translateY(-2px);
  }
}

.is-checkout .checkout-review .section-content .icon.icon-remotedelivery {
  height: 32px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-remotedelivery {
    height: 29px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-remotedelivery {
    height: 27px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-clickandcollect {
  height: 32px;
}

.is-checkout .checkout-review .section-content .icon.icon-clickandcollect use {
  -webkit-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
          transform: translateX(-3px);
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-clickandcollect {
    height: 27px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-clickandcollect {
    height: 26px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-bagging {
  height: 31px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-bagging {
    height: 29px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-bagging {
    height: 26px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-substitution {
  height: 32px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-substitution {
    height: 30px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-substitution {
    height: 28px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-promo {
  height: 32px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-promo {
    height: 30px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-promo {
    height: 28px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-flybuys-card, .is-checkout .checkout-review .section-content .icon.icon-team-member, .is-checkout .checkout-review .section-content .icon.icon-reference-no, .is-checkout .checkout-review .section-content .icon.icon-creditcard {
  height: 26px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-flybuys-card, .is-checkout .checkout-review .section-content .icon.icon-team-member, .is-checkout .checkout-review .section-content .icon.icon-reference-no, .is-checkout .checkout-review .section-content .icon.icon-creditcard {
    height: 23px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-flybuys-card, .is-checkout .checkout-review .section-content .icon.icon-team-member, .is-checkout .checkout-review .section-content .icon.icon-reference-no, .is-checkout .checkout-review .section-content .icon.icon-creditcard {
    height: 21px;
  }
}

.is-checkout .checkout-review .section-content .icon.icon-eftpos {
  height: 28px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-content .icon.icon-eftpos {
    height: 24px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .icon.icon-eftpos {
    height: 22px;
  }
}

.is-checkout .checkout-review .section-content .icon-card-type {
  position: relative;
  top: 5px;
  height: 22px;
  width: 44px;
  margin-left: 1px;
}

.is-checkout .checkout-review .section-content .icon-card-type.icon-amex {
  width: 22px;
  margin-left: 3px;
}

.is-checkout .checkout-review .section-content .icon-card-type.icon-mastercard {
  width: 35px;
}

.is-checkout .checkout-review .section-content .icon-card-type.icon-diners {
  width: 35px;
}

.is-checkout .checkout-review .section-content .edit-link {
  font-size: 12px;
  color: #146e8c;
  text-transform: lowercase;
  margin-left: 3px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .edit-link.mobile-block {
    display: block;
    margin-left: 0;
  }
}

.is-checkout .checkout-review .section-content .right-align {
  position: absolute;
  top: 0;
  right: 10px;
  text-align: right;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .section-content .right-align {
    right: 5px;
  }
}

.is-checkout .checkout-review .section-content .fulfilment-details {
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.is-checkout .checkout-review .section-content .fulfilment-details-container:last-child .fulfilment-details {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.is-checkout .checkout-review .section-content .line-feed {
  display: block;
}

.is-checkout .checkout-review .section-content .delivery-type-heading, .is-checkout .checkout-review .section-content .delivery-instruction-heading {
  display: block;
  font-style: italic;
}

.is-checkout .checkout-review .main-content-column.flyout .section:last-child {
  width: 100%;
}

.is-checkout .checkout-review .main-content-column.flyout .section:last-child .bagging-pref-save {
  margin: auto;
  width: 100%;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content {
  padding-left: 5px;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content.baggingContent {
  padding-left: 0;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content .close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -5px;
  top: -10px;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content .close a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
}

.is-checkout .checkout-review .main-content-column.flyout .section-content .close a .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 12px;
  left: auto;
  height: 12px;
  fill: currentColor;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .main-content-column.flyout .section-content .close a .icon {
    top: 10px;
    right: 10px;
  }
}

.is-checkout .checkout-review .main-content-column.flyout .section-content .close a:hover .icon, .is-checkout .checkout-review .main-content-column.flyout .section-content .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.is-checkout .checkout-review .section-heading,
.is-checkout .checkout-review .section-subheading {
  margin: 0 0 3px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-checkout .checkout-review .section-heading.has-link,
.is-checkout .checkout-review .section-subheading.has-link {
  display: inline-block;
}

.is-checkout .checkout-review .section-heading {
  font-size: 18px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-heading {
    font-size: 15px;
  }
}

.is-checkout .checkout-review .section-subheading {
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .section-subheading {
    font-size: 13px;
  }
}

.is-checkout .checkout-review .inner-section {
  display: block;
}

.is-checkout .checkout-review .total-amount {
  display: block;
  margin-bottom: 3px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.is-checkout .checkout-review .total-amount.is-large {
  font-size: 26px;
  line-height: 1em;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .total-amount.is-large {
    font-size: 22px;
  }
}

.is-checkout .checkout-review .saving-amount {
  font-size: 12px;
  background: #fbe600;
  color: #c80d14;
  font-weight: bold;
  padding: 3px 5px;
}

.is-checkout .checkout-review .section.section-totals .section-content {
  border-bottom: 0;
}

.is-checkout .checkout-review .discount-list ul {
  list-style-type: none;
  padding: 0;
  border-top: 1px solid #e3e3e3;
}

.is-checkout .checkout-review .discount-list li {
  border-bottom: 1px solid #e3e3e3;
  font-size: 13px;
  padding: 5px;
}

.is-checkout .checkout-review .discount-list .coupon-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-checkout .checkout-review .discount-list .coupon-code.not-qualified .coupon-amount {
  font-size: 14px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .discount-list .coupon-code.not-qualified .coupon-amount {
    float: none;
    width: 100%;
    display: block !important;
    text-align: right;
    margin-left: 0;
  }
}

.is-checkout .checkout-review .discount-list .coupon-desc {
  word-wrap: break-word;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.is-checkout .checkout-review .discount-list .coupon-desc .coupon-desc-text {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 4px;
}

.is-checkout .checkout-review .discount-list .coupon-amount {
  display: inline-block !important;
  float: right;
  margin-left: 5px;
  padding-top: 3px;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .discount-list .coupon-amount {
    width: 65px;
  }
}

.is-checkout .checkout-review .discount-list .coupon-button-hidden {
  display: none !important;
}

.is-checkout .checkout-review .discount-list .coupon-button-remove {
  padding: 2px 10px 2px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.is-checkout .checkout-review .discount-list .coupon-button-remove:focus {
  background: #ffffff;
}

.is-checkout .checkout-review .discount-form .form-field-label {
  margin-bottom: 5px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-checkout .checkout-review .discount-form .field-hint {
  display: block;
}

.is-checkout .checkout-review .discount-form.collapsed {
  display: none;
}

.is-checkout .checkout-review .discount-form input {
  max-width: 100%;
}

.is-checkout .checkout-review .order-confirm {
  /*padding: 25px 0;
		text-align: right;
		@include mq($until: tabletPortrait){
			padding: 0 8px;
			text-align: left;
			button {
				width: 100%;
			}
		}
		button,
		label {
			display: inline-block;
			margin-right: 0;
		}
		.label {
			padding-right: 0;
		}
		input {
			margin-right: 5px;
		}
		button {
			margin-top: 15px;
		}*/
  position: relative;
  text-align: right;
  min-height: 90px;
  padding-left: 30px;
  border-bottom: 0;
  padding-bottom: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .order-confirm {
    text-align: left;
    padding: 20px 20px 10px;
  }
}

.is-checkout .checkout-review .order-confirm label {
  margin-right: 0;
  font-weight: normal;
  font-size: 1em;
  padding-left: 25px;
}

.is-checkout .checkout-review .order-confirm .label {
  padding-right: 0;
  padding-left: 0;
  color: #262626;
}

.is-checkout .checkout-review .order-confirm .button {
  margin-top: 20px;
  position: absolute;
  right: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .order-confirm .button {
    position: static;
    right: unset;
    width: 100%;
  }
}

.is-checkout .checkout-review .order-confirm .alert {
  left: 280px;
  top: 30px;
  width: 480px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .order-confirm .alert {
    width: auto;
    left: 0;
    top: -70px;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .is-checkout .checkout-review .order-confirm .alert {
    left: 60px;
  }
}

@media (min-width: 60.9375em) and (max-width: 64.0525em) {
  .is-checkout .checkout-review .order-confirm .alert {
    left: 180px;
  }
}

.is-checkout .checkout-review .order-confirm .alert .alert-wrapper {
  padding: 15px;
  max-width: 480px;
  border: 1px solid #146e8c !important;
}

.is-checkout .checkout-review .order-confirm .alert .alert-wrapper .arrow {
  left: 50px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .order-confirm .alert .alert-wrapper .arrow {
    left: 25px !important;
    top: 100%;
  }
  .is-checkout .checkout-review .order-confirm .alert .alert-wrapper .arrow:before {
    bottom: 7px;
  }
}

.is-checkout .checkout-review .order-confirm .alert .alert-wrapper .alert-content p {
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .order-confirm .alert .alert-wrapper .alert-content p {
    text-align: left;
  }
}

.is-checkout .checkout-review .order-confirm input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
}

.is-checkout .checkout-review .order-confirm input[type="checkbox"] ~ .form-field-checkbox-mask {
  position: absolute;
  left: 0;
  top: 0;
}

.is-checkout .checkout-review .sidebar-item {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  margin-bottom: 8px;
  position: relative;
  height: 50px;
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item {
    margin-bottom: 4px;
    border-left: 0;
  }
}

.is-checkout .checkout-review .sidebar-item .sidebar-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding-left: 55px;
  padding-right: 30px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.is-checkout .checkout-review .sidebar-item a {
  text-decoration: none !important;
}

.is-checkout .checkout-review .sidebar-item:last-child {
  margin-bottom: 0;
}

.is-checkout .checkout-review .sidebar-item .icon {
  position: absolute;
  left: 0;
}

.is-checkout .checkout-review .sidebar-item .icon.icon-arrow {
  left: auto;
  right: 10px;
  height: 13px;
  width: 9px;
  top: 50%;
  margin-top: -7.5px;
  fill: #767676;
}

.is-checkout .checkout-review .sidebar-item .icon-trolley {
  width: 55px;
  height: 25px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-trolley {
    height: 24px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-trolley use {
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px);
}

.is-checkout .checkout-review .sidebar-item .icon-delivery {
  width: 55px;
  height: 22px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-delivery {
    height: 21px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-delivery use {
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px);
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-delivery {
    height: 23px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-clickandcollect {
  width: 55px;
  height: 26px;
}

.is-checkout .checkout-review .sidebar-item .icon-clickandcollect use {
  -webkit-transform: translateX(-3px);
      -ms-transform: translateX(-3px);
          transform: translateX(-3px);
}

.is-checkout .checkout-review .sidebar-item .icon-remotedelivery {
  width: 55px;
  height: 27px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-remotedelivery {
    height: 25px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-remotedelivery {
    height: 27px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-bagging {
  width: 55px;
  height: 26px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-bagging {
    height: 25px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-bagging {
    height: 27px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-substitution {
  width: 55px;
  height: 27px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-substitution {
    height: 26px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-substitution {
    height: 29px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-flybuys-card {
  width: 55px;
  height: 21px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-flybuys-card {
    height: 17px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-flybuys-card {
    height: 21px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-reference-no {
  width: 55px;
  height: 21px;
}

@media (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon-reference-no {
    height: 17px;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item .icon-reference-no {
    height: 21px;
  }
}

.is-checkout .checkout-review .sidebar-item .icon-creditcard {
  width: 55px;
  height: 17px;
}

.is-checkout .checkout-review .sidebar-item .icon-payaccount {
  width: 55px;
  height: 22px;
}

.is-checkout .checkout-review .sidebar-item .icon-eftpos {
  width: 55px;
  height: 22px;
}

.is-checkout .checkout-review .sidebar-item .icon-paypal {
  width: 55px;
  height: 22px;
}

@media (min-width: 48em) and (max-width: 64.0525em) {
  .is-checkout .checkout-review .sidebar-item .icon {
    width: 40px;
  }
  .is-checkout .checkout-review .sidebar-item .sidebar-item-content {
    font-size: 13px;
    padding-left: 40px;
    padding-right: 20px;
    line-height: 1.2em;
  }
}

@media (max-width: 47.99em) {
  .is-checkout .checkout-review .sidebar-item {
    height: auto;
  }
  .is-checkout .checkout-review .sidebar-item .icon {
    top: 10px;
    width: 95px;
  }
  .is-checkout .checkout-review .sidebar-item .icon.icon-arrow {
    top: 23px;
    right: 5px;
  }
  .is-checkout .checkout-review .sidebar-item .sidebar-item-content {
    padding: 40px 5px 5px;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
  }
}

.is-checkout .checkout-review .radio-button-section {
  display: block;
  margin-top: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-checkout .checkout-review .radio-button-section.section {
  padding: 0;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 10px;
  padding: 10px 10px 10px 40px;
  text-align: left;
  line-height: 1.4em;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
}

@media (min-width: 30em) {
  .is-checkout .checkout-review .radio-button-section .radio-button-container {
    /*margin-right: 15px;*/
    margin-bottom: 15px;
  }
}

@media (min-width: 48em) {
  .is-checkout .checkout-review .radio-button-section .radio-button-container {
    /*max-width: 247.5px;*/
  }
}

.is-checkout .checkout-review .radio-button-section .radio-button-container:last-child {
  margin-bottom: 0;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container.is-selected {
  border-color: #008a23;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container.is-selected .icon-success {
  display: block;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container input[type="radio"] {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container label {
  margin: 0 0 5px;
}

@media (min-width: 48em) {
  .is-checkout .checkout-review .radio-button-section .radio-button-container label {
    margin: 0 0 10px;
  }
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .form-field-radio-mask {
  top: 8px;
  left: 10px;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .form-field-radio-button-label {
  display: block;
  margin: 0 32px 10px 0;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .icon {
  position: absolute;
  left: auto;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .icon-success {
  display: none;
  top: -9px;
  right: -9px;
  height: 22px;
  width: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px #999;
          box-shadow: 0 0 2px #999;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .icon-past-orders {
  top: 7px;
  right: 7px;
  width: 29px;
  height: 26px;
}

.is-checkout .checkout-review .radio-button-section .radio-button-container .icon-bagging {
  top: 7px;
  right: 7px;
  width: 29px;
  height: 26px;
}

body.is-checkout.draw-is-open {
  overflow-y: auto;
}

body.is-checkout.draw-is-open .wrapper,
body.is-checkout.draw-is-open .footer {
  overflow: auto;
  position: static;
}

body.is-checkout.draw-is-open .wrapper {
  top: initial !important;
  left: initial;
  right: initial;
}

body.is-checkout.draw-is-open .footer {
  top: initial;
}

#main-content-card-details.mpgs {
  font-family: Arial, sans-serif;
  font-size: 14px;
}

#main-content-card-details.mpgs .main-content-body {
  background: #f0f0f0;
  padding: 0;
}

#main-content-card-details.mpgs input[type="text"],
#main-content-card-details.mpgs input[type="password"],
#main-content-card-details.mpgs input[type="email"],
#main-content-card-details.mpgs input[type="tel"],
#main-content-card-details.mpgs input[type="number"],
#main-content-card-details.mpgs textarea,
#main-content-card-details.mpgs select,
#main-content-card-details.mpgs .form-group-sm .form-control {
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1.2307692307692308rem;
  padding: 10px 15px;
  line-height: 120%;
  color: #262626;
  height: 41px;
}

#main-content-card-details.mpgs .form-field-dropdown-list-mask::after {
  top: 60%;
}

#main-content-card-details.mpgs .validation-error {
  display: block;
  font-size: 1.3rem;
  color: #da2a32;
  font-weight: normal;
  margin-bottom: 3px;
  line-height: 20px;
}

#main-content-card-details.mpgs label {
  margin-bottom: 3px;
}

#main-content-card-details.mpgs select {
  margin-top: 4px;
}

#main-content-card-details.mpgs .form-group-heading {
  font-size: 14px;
  font-weight: bold;
}

#main-content-card-details.mpgs input[type="text"]::-ms-clear,
#main-content-card-details.mpgs input[type="password"]::-ms-clear,
#main-content-card-details.mpgs input[type="email"]::-ms-clear,
#main-content-card-details.mpgs input[type="tel"]::-ms-clear,
#main-content-card-details.mpgs input[type="number"]::-ms-clear,
#main-content-card-details.mpgs .form-group-sm .form-control::-ms-clear {
  display: none;
}

#main-content-card-details.mpgs input[type="text"]:focus,
#main-content-card-details.mpgs input[type="password"]:focus,
#main-content-card-details.mpgs input[type="email"]:focus,
#main-content-card-details.mpgs input[type="tel"]:focus,
#main-content-card-details.mpgs input[type="number"]:focus,
#main-content-card-details.mpgs textarea:focus,
#main-content-card-details.mpgs select:focus,
#main-content-card-details.mpgs .form-group-sm .form-control:focus {
  border-color: #909090;
}

#main-content-card-details.mpgs .form-group-sm select.form-control {
  padding: 5px;
}

#main-content-card-details.mpgs .form-control {
  -webkit-transition: none;
  transition: none;
}

#main-content-card-details.mpgs .inner-container {
  padding: 32px;
  margin-bottom: 20px;
  background: #fefefe;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px;
}

@media screen and (max-width: 660px) {
  #main-content-card-details.mpgs .inner-container {
    padding: 20px 20px 5px;
    margin-bottom: 15px;
  }
}

#main-content-card-details.mpgs .heading {
  color: #404040;
  font-family: Arial, sans-serif;
  font-style: normal;
  padding: 8px 0px;
  vertical-align: middle;
}

#main-content-card-details.mpgs .heading_main {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}

#main-content-card-details.mpgs .heading_sub {
  color: #404040;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}

#main-content-card-details.mpgs .heading_sub_a {
  color: #404040;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}

#main-content-card-details.mpgs .left-col,
#main-content-card-details.mpgs .right-col {
  display: inline-block;
}

#main-content-card-details.mpgs .left-col {
  width: 110px;
  text-align: right;
  padding-right: 15px;
}

#main-content-card-details.mpgs .right-col {
  width: calc(100% - 120px);
}

#main-content-card-details.mpgs .right-col iframe, #main-content-card-details.mpgs .right-col img {
  display: inline-block;
  margin-bottom: -13px !important;
}

#main-content-card-details.mpgs .right-col.img-container {
  overflow: hidden;
  width: 200px;
}

#main-content-card-details.mpgs .cvvpopover {
  cursor: pointer;
  text-decoration: underline;
  line-height: 40px;
  margin-left: 5px;
  font-weight: normal;
  vertical-align: baseline;
}

#main-content-card-details.mpgs .smallfont {
  font-size: 13px;
}

@media screen and (max-width: 660px) {
  #main-content-card-details.mpgs .form-group {
    margin-bottom: 15px;
  }
}

#main-content-card-details.mpgs .popover {
  position: absolute;
  bottom: 40px;
  left: 25%;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#main-content-card-details.mpgs .popover > .arrow, #main-content-card-details.mpgs .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

#main-content-card-details.mpgs .popover > .arrow {
  border-width: 11px;
}

#main-content-card-details.mpgs .popover > .arrow:after {
  content: "";
  border-width: 10px;
}

#main-content-card-details.mpgs .popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

#main-content-card-details.mpgs .popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

#main-content-card-details.mpgs .popover .popover-content {
  font-size: 13px;
  line-height: 17px;
  padding: 15px;
}

#main-content-card-details.mpgs .popover .popover-content .popover-content-section {
  position: relative;
  padding-left: 60px;
  margin-bottom: 10px;
}

#main-content-card-details.mpgs .popover .popover-content .popover-content-section:last-child {
  margin-bottom: 0;
}

#main-content-card-details.mpgs .popover .popover-content .popover-content-section img {
  position: absolute;
  top: 0;
  left: 0;
}

#main-content-card-details.mpgs .checkbox-container {
  position: relative;
  padding-left: 25px;
}

#main-content-card-details.mpgs .checkbox-container input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  opacity: 0;
}

#main-content-card-details.mpgs .checkbox-container input[type="checkbox"]:focus ~ .checkbox-mask {
  border: 2px solid #909090;
}

#main-content-card-details.mpgs .remember-me {
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
}

#main-content-card-details.mpgs .remember-me a {
  font-weight: normal;
}

#main-content-card-details.mpgs .payment-amount-box .id-check-badge {
  float: left;
}

#main-content-card-details.mpgs .payment-amount-box .pay-now {
  float: right;
  padding-top: 10px;
}

#main-content-card-details.mpgs .payment-amount-box .pay-now a {
  display: inline-block;
  color: #4c4c4c;
  border-bottom: 0;
  line-height: 13px;
  padding: 15px 30px;
  text-decoration: underline;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

#main-content-card-details.mpgs .payment-amount-box .pay-now .btn-primary-container {
  display: inline-block;
  position: relative;
}

#main-content-card-details.mpgs .payment-amount-box .pay-now .btn-primary-container .pay-now_button {
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  padding: 12px 30px;
  color: #ffffff;
  border: none;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
  position: relative;
}

#main-content-card-details.mpgs .payment-amount-box .pay-now .btn-primary-container .pay-now_button:active {
  border: none;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
}

#main-content-card-details.mpgs .payment-amount-box .pay-now .btn-primary-container .pay-now_button:hover, #main-content-card-details.mpgs .payment-amount-box .pay-now .btn-primary-container .pay-now_button:focus {
  outline: 0 !important;
  text-decoration: underline;
}

@media screen and (max-width: 660px) {
  #main-content-card-details.mpgs .left-col,
  #main-content-card-details.mpgs .right-col {
    display: block;
  }
  #main-content-card-details.mpgs .left-col {
    width: auto;
    text-align: left;
    padding-right: 0;
  }
  #main-content-card-details.mpgs .right-col {
    width: 100%;
  }
  #main-content-card-details.mpgs .payment-amount-box .id-check-badge {
    float: unset;
    padding: 10px 20px;
  }
  #main-content-card-details.mpgs .payment-amount-box .pay-now {
    float: unset;
  }
  #main-content-card-details.mpgs .payment-amount-box .pay-now a,
  #main-content-card-details.mpgs .payment-amount-box .btn-primary-container {
    width: 49%;
  }
  #main-content-card-details.mpgs .payment-amount-box .btn-primary-container .btn-primary {
    width: 100%;
  }
}

#main-content-card-details.mpgs .form-group {
  margin-bottom: 20px;
  position: relative;
}

.main-content.checkout-review .main-content-inside .section.section-delivery .delivery-instructions .instruction {
  word-break: break-word;
}

.main-content #iframe-section {
  z-index: 20001;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #fff;
}

.main-content #iframe-section .header {
  border-bottom: 3px solid #e01a22 !important;
}

.main-content #iframe-section #authenticate-section, .main-content #iframe-section #authenticate-section > div {
  height: 100%;
}

.main-content #iframe-section iframe {
  height: 100%;
}

.is-checkout #main-content.threeds-processing {
  padding: 32px 0;
}

@media (max-width: 60.9275em) {
  .is-checkout #main-content.threeds-processing .main-content-inside {
    padding: 15px;
  }
}

.is-substitution .main-content-header {
  line-height: 1.4em;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .is-substitution .main-content-header {
    margin-bottom: 20px;
  }
}

.is-substitution .main-content-header .heading {
  margin-bottom: 5px;
}

@media (min-width: 48em) {
  .is-substitution .main-content-header .heading {
    margin-bottom: 10px;
  }
}

.is-substitution .main-content-header .intro {
  font-size: 14px;
}

@media (min-width: 48em) {
  .is-substitution .main-content-header .intro {
    font-size: 16px;
  }
}

.is-substitution .main-content-inside .section {
  position: relative;
  padding: 20px 0;
}

.is-substitution .main-content-inside .section-heading {
  margin: 6px 0 0px;
  font-size: 14px;
  font-weight: bold;
  color: #4c4c4c;
}

.is-substitution .main-content-inside .sort-options-desc {
  margin: 12px 0 0;
}

@media (min-width: 48em) {
  .is-substitution .main-content-inside .sort-options-desc {
    margin: 17px 0 0;
  }
}

.is-substitution .main-content-inside .alert.is-visible {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}

.is-substitution .main-content-inside .alert .alert-wrapper {
  max-width: initial;
}

.is-substitution .main-content-inside .callout.is-large {
  margin-top: 25px;
  padding: 20px 10px;
}

@media (min-width: 48em) {
  .is-substitution .main-content-inside .callout.is-large {
    margin-top: 30px;
    padding: 40px 10px;
  }
}

.is-substitution .main-content-inside .callout.is-large .callout-label {
  margin-bottom: 0;
}

.is-substitution .main-content-footer {
  text-align: right;
}

.is-substitution .main-content-footer .button {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: bold;
}

@media (max-width: 29.99em) {
  .is-substitution .main-content-footer .button {
    width: 100%;
  }
}

.is-substitution .pagination .page-number a {
  border-bottom-color: #ddd;
}

.is-substitution .pagination .page-number a:focus {
  border-bottom-color: #ddd;
}

.substitution-product-row {
  margin-bottom: 30px;
}

@media (min-width: 40em) {
  .substitution-product-row {
    margin-bottom: 20px;
  }
}

@media (min-width: 40em) {
  .substitution-product-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

@media (min-width: 40em) {
  .substitution-product-row .product-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 89%;
  }
  .substitution-product-row .product-container.substitute-not-selected {
    width: 44%;
    margin-right: 10px;
  }
  .substitution-product-row .product-container.substitute-not-selected .product {
    width: 100%;
    margin-right: 0;
  }
  .substitution-product-row .product-container.substitute-not-selected .merch-assoc-container {
    left: calc(100% + 5px);
  }
  .substitution-product-row .product-container.substitute-not-available-container {
    width: 100%;
  }
  .substitution-product-row .product-container.substitute-not-available-container .product {
    width: 44%;
    margin-right: 10px;
  }
  .substitution-product-row .product-container.substitute-not-available-container .merch-assoc-container {
    left: calc(44% + 5px);
  }
}

.substitution-product-row .product-substitute {
  margin-top: -20px;
}

@media (min-width: 40em) {
  .substitution-product-row .product-substitute {
    margin: 0 0 0 5px;
    padding-left: 155px;
    padding-right: 10px;
  }
  .substitution-product-row .product-substitute .product-inner {
    left: 25px;
  }
}

.substitution-product-row .substitute-not-available {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 80px;
  margin: -20px 0 0;
  border: 1px solid #eaeaea;
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
  border-radius: 4px;
  background: #ffffff;
  color: #5c5c5c;
  font-size: 15px;
  text-align: center;
}

@media (min-width: 40em) {
  .substitution-product-row .substitute-not-available {
    width: calc(56% - 10px);
    margin-top: 0px;
  }
}

.substitution-product-row .button-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: -3px;
  width: 100%;
}

@media (min-width: 40em) {
  .substitution-product-row .button-container {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
    margin-left: -3px;
    width: 11%;
  }
}

.substitution-product-row .button-container .button {
  padding: 8px 5px;
  background: #ffffff;
  border-right-color: #e1e1e1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

.substitution-product-row .button-container .button:focus .text-container {
  outline: 1px dotted #6d6d6d;
}

.substitution-product-row .button-container .button.button-substitute-change {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 0 0 0 4px;
}

@media (min-width: 40em) {
  .substitution-product-row .button-container .button.button-substitute-change {
    border-radius: 0 4px 0 0;
  }
}

.substitution-product-row .button-container .button.button-substitute-clear {
  border-radius: 0 0 4px 0;
  border-left: 0;
  width: 25%;
}

@media (min-width: 40em) {
  .substitution-product-row .button-container .button.button-substitute-clear {
    width: auto;
    border-top: 0;
    border-left: 1px solid #e1e1e1;
    border-bottom-color: #c8c8c8;
  }
}

.substitution-product-row .button-substitute-choose {
  width: 100%;
  min-height: 80px;
  margin: -20px 0 0;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-color: #eaeaea #e1e1e1 #c8c7c7 #e1e1e1;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: underline;
}

.substitution-product-row .button-substitute-choose:focus .text-container {
  outline: 1px dotted #6d6d6d;
}

@media (min-width: 40em) {
  .substitution-product-row .button-substitute-choose {
    width: calc(56% - 10px);
    margin-top: 0;
  }
}

.substitution-product-row .button-substitute-choose .icon-plus {
  width: 13px;
  height: 13px;
  -webkit-transform: translate(-2px, 1px);
      -ms-transform: translate(-2px, 1px);
          transform: translate(-2px, 1px);
}

.substitution-product-row .button-substitute-choose:focus {
  background: #ffffff;
}

.substitution-product-row .merch-assoc-container {
  display: inline-block;
  position: relative;
  left: 25%;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  width: 50%;
}

@media (min-width: 32.5em) {
  .substitution-product-row .merch-assoc-container {
    top: 50%;
  }
}

@media (min-width: 40em) {
  .substitution-product-row .merch-assoc-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
  }
}

.substitution-product-row .merch-assoc {
  display: inline-block;
  width: 100%;
  max-width: initial;
  margin-top: 0;
  padding: 7px;
  background: #fff;
  -webkit-box-shadow: #c2c2c2 0px 0px 3px;
          box-shadow: #c2c2c2 0px 0px 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

@media (min-width: 40em) {
  .substitution-product-row .merch-assoc {
    width: auto;
    max-width: 62px;
    padding: 7px 5px;
  }
}

@media (min-width: 48em) {
  .substitution-product-row .merch-assoc {
    max-width: 70px;
  }
}

.substitution-product-row .merch-assoc .icon-up {
  display: inline-block;
  height: 15px;
  width: 12px;
  margin-left: 3px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  vertical-align: middle;
  fill: #5c5c5c;
}

@media (min-width: 40em) {
  .substitution-product-row .merch-assoc .icon-up {
    display: block;
    margin: 0 auto;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.is-dss {
  /* Generic Alert Styling */
  /* Generic Slot Styling */
  /* Main DSS Screen Styling */
  /*Processing Overlay */
  /* Choose Location popup */
  /* All Locations popup */
  /*Remote Delivery Popup*/
  /* View Map */
  /* Localisation Overlay */
  /* CC to HD Overlay */
  /* CC to HD Overlay */
}

.is-dss .hidden {
  display: none;
}

.is-dss #main-content {
  max-width: 100%;
}

.is-dss #main-content .main-content-header {
  background: #FFF;
}

.is-dss #main-content .main-content-header .cell-100 {
  display: block;
  width: 100%;
}

.is-dss #main-content .main-content-header .cell-100 > [class*="cell-"] {
  position: relative;
  padding: 0 10px;
}

.is-dss #main-content .main-content-header .dss-header > div:nth-child(2) {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid grey;
}

.is-dss #main-content .main-content-header .dss-header > div:nth-child(2) svg {
  width: 28px;
  top: 7px;
  left: 6px;
  position: absolute;
}

.is-dss #main-content .main-content-header .dss-header > div:nth-child(2) > span {
  display: inline;
  margin-left: 30px;
}

.is-dss #main-content .main-content-header .dss-header > div:nth-child(2) > span h3 {
  display: inherit;
  line-height: inherit;
}

@media (min-width: 64.0625em) {
  .is-dss #main-content .main-content-header {
    padding-left: 190px;
    padding-right: 190px;
  }
}

@media (min-width: 60.9375em) {
  .is-dss #main-content .main-content-header .cell-100 > [class*="cell-"] {
    float: left;
    padding: 0 15px;
  }
  .is-dss #main-content .main-content-header .cell-70 {
    width: 70%;
  }
  .is-dss #main-content .main-content-header .cell-30 {
    width: 30%;
  }
}

@media (min-width: 60.9375em) {
  .is-dss #main-content .main-content-header .dss-header .link {
    margin: 0px;
    padding: 0px;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .wb-icon-wrapper {
    background-color: #000;
    color: #fff;
    fill: #fff;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    float: left;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .wb-icon-wrapper .icon {
    margin: 10px 13px 10px 7px;
    position: static;
    height: 30px;
    width: 30px;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .content-wrapper {
    margin-left: 60px;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .content-wrapper .heading {
    font-size: 2.00em;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .content-wrapper .intro {
    font-size: 16px;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(1) .heading {
    font-weight: normal;
  }
  .is-dss #main-content .main-content-header .dss-header > div:nth-child(2) > span {
    margin-left: 25px;
  }
}

@media (max-width: 45.615em) {
  .is-dss #main-content .main-content-header {
    margin: -10px -10px 0 -10px;
    padding: 8px 10px 12px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
  .is-dss #main-content .main-content-header h1 {
    margin-bottom: 0;
  }
}

.is-dss #main-content .dss-welcome {
  font-size: 16px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3em;
  color: #262626;
}

@media (min-width: 48em) {
  .is-dss #main-content .dss-welcome {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.is-dss #main-content .main-content-inside {
  background: #FFFFFF;
  padding: 50px 0 0 0;
  border-radius: 0;
}

@media (max-width: 64.0525em) {
  .is-dss #main-content .main-content-inside {
    padding-left: 23px;
    padding-right: 23px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss #main-content .main-content-inside {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 45.615em) {
  .is-dss #main-content .main-content-inside {
    padding: 10px;
  }
}

.is-dss #main-content .genericESpot {
  padding: 0 190px;
}

@media (max-width: 60.9275em) {
  .is-dss #main-content .genericESpot {
    padding: 0 15px;
  }
}

.is-dss #main-content .main-content-body {
  padding: 30px;
  color: #262626;
}

@media (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body {
    padding: 15px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss #main-content .main-content-body {
    padding: 10px;
  }
}

@media (max-width: 45.615em) {
  .is-dss #main-content .main-content-body {
    padding: 0;
    background: transparent;
  }
}

.is-dss #main-content .main-content-body a {
  color: #4c4c4c;
}

@media (min-width: 45.625em) {
  .is-dss #main-content .rd-margin {
    background: #FFF;
  }
}

@media (min-width: 1000px) {
  .is-dss #main-content .rd-margin {
    margin: 5px 100px;
  }
}

@media (min-width: 1181px) {
  .is-dss #main-content .rd-margin {
    margin: 5px 180px;
  }
}

.is-dss .icon-container {
  position: absolute;
  z-index: 20;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  display: none;
}

.is-dss .icon-container .icon-roundedtick {
  fill: #ffffff;
  width: 15px;
}

.is-dss .main-content-promo {
  width: 76%;
  margin-left: 24%;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 20px 30px;
  position: relative;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 64.0525em) {
  .is-dss .main-content-promo {
    width: 75%;
    margin-left: 25%;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .main-content-promo {
    width: 73%;
    margin-left: 27%;
  }
}

@media (max-width: 47.99em) {
  .is-dss .main-content-promo {
    display: none !important;
  }
}

.is-dss .main-content-promo .promo-heading {
  margin: 0;
  font-size: 1.8461538461538463em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.25em;
  margin-bottom: 5px;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-promo .promo-heading {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

.is-dss .main-content-promo .promo-end {
  display: inline;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3em;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.is-dss .main-content-promo .promo-tac {
  display: block;
  line-height: 1.3em;
  font-size: 0.8461538461538461em;
}

.is-dss .main-content-promo .promo-tac a {
  font-weight: bold;
  text-decoration: underline;
}

.is-dss .main-content-promo .promo-tac a:focus {
  outline: 1px dotted #6d6d6d;
}

.is-dss .main-content-promo .spend-stretch .promo-heading,
.is-dss .main-content-promo .spend-stretch .promo-tac {
  width: calc(100% - 105px);
  display: block;
  margin: 0 0 0 105px;
}

@media (max-width: 45.615em) {
  .is-dss .main-content-promo .spend-stretch .promo-heading,
  .is-dss .main-content-promo .spend-stretch .promo-tac {
    width: calc(100% - 90px);
    margin: 0 0 0 90px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .main-content-promo .spend-stretch .promo-heading {
    margin-bottom: 5px;
  }
}

.is-dss .msg-warning {
  background-color: #e2f8ff;
  border: 1px solid #146e8c;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  color: #146e8c;
  position: fixed;
  bottom: 20px;
  z-index: 10;
  font-size: 14px;
}

.is-dss .msg-warning .icon-alert {
  width: 40px;
  height: 40px;
}

@media (max-width: 29.99em) {
  .is-dss .msg-warning .icon-alert {
    width: 35px;
    height: 30px;
  }
}

.is-dss .msg-warning.is-visible {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.is-dss .msg-warning p {
  margin: 8px 0 15px;
}

.is-dss .msg-warning p span {
  display: block;
}

.is-dss .msg-warning p span:first-child {
  font-weight: bold;
  margin-bottom: 5px;
}

.is-dss .msg-warning .msg-close {
  background: #2a86a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a86a5), to(#146e8c));
  background: linear-gradient(180deg, #2a86a5, #146e8c);
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
  font-size: 1em;
  font-weight: bold;
  border: none 0px;
  line-height: 38px;
  min-width: 55px;
  padding: 1px 0;
  border-radius: 6px;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .is-dss .msg-warning {
    padding: 15px;
  }
}

@media (max-width: 29.99em) {
  .is-dss .msg-warning {
    width: 94%;
    left: 3%;
  }
}

@media (min-width: 30em) {
  .is-dss .msg-warning {
    max-width: 360px;
    left: 20px;
  }
}

.is-dss .times-slot {
  margin-bottom: 6px;
  position: relative;
  float: left;
  width: 100%;
}

.is-dss .times-slot .icon-container {
  right: -8px;
  top: 5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 50%;
  background: #008a23;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 2px #999;
          box-shadow: 0 0 2px #999;
  display: none;
}

.is-dss .times-slot .icon-container .icon-roundedtick {
  width: 10px;
  height: 10px;
  margin-top: 2px;
  fill: #fff;
}

.is-dss .times-slot.selected-slot .times-slot-button {
  position: relative;
  border-color: #008a23;
  background: #008a23;
  background: -webkit-gradient(linear, left top, left bottom, from(#008a23), to(#00791f));
  background: linear-gradient(180deg, #008a23, #00791f);
  color: #ffffff;
}

.is-dss .times-slot.selected-slot .times-slot-button .times-slot-price,
.is-dss .times-slot.selected-slot .times-slot-button .wedFREEDelivery {
  color: #ffffff;
}

.is-dss .times-slot.selected-slot .times-slot-button:after {
  background: #59a21e;
}

.is-dss .times-slot.selected-slot .icon-container {
  display: block;
}

.is-dss .times-slot.slot-sold-out .times-slot-button {
  background: #dadada;
  border: 0px;
}

.is-dss .times-slot.slot-sold-out .times-slot-button .times-slot-price {
  font-size: 0.846em;
}

.is-dss .times-slot.slot-sold-out .times-slot-button:after {
  background: #c5c5c5;
}

.is-dss .times-slot.slot-sold-out .times-slot-button:focus, .is-dss .times-slot.slot-sold-out .times-slot-button:hover {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss .times-slot.slot-sold-out .times-slot-button:focus .times-slot, .is-dss .times-slot.slot-sold-out .times-slot-button:hover .times-slot {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss .times-slot.slot-closed .times-slot-button {
  background: #dadada;
  border: 0px;
}

.is-dss .times-slot.slot-closed .times-slot-button .times-slot-price {
  font-size: 0.846em;
}

.is-dss .times-slot.slot-closed .times-slot-button:after {
  background: #c5c5c5;
}

.is-dss .times-slot.slot-closed .times-slot-button:focus, .is-dss .times-slot.slot-closed .times-slot-button:hover {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss .times-slot.slot-closed .times-slot-button:focus .times-slot, .is-dss .times-slot.slot-closed .times-slot-button:hover .times-slot {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss .times-slot .times-slot-button {
  padding: 15px 0;
  text-align: left;
  /* Free delivery footnote */
}

.is-dss .times-slot .times-slot-button:hover, .is-dss .times-slot .times-slot-button:focus {
  text-decoration: none;
}

.is-dss .times-slot .times-slot-button:hover .times-slot-time, .is-dss .times-slot .times-slot-button:focus .times-slot-time {
  text-decoration: underline;
}

.is-dss .times-slot .times-slot-button .times-slot-time {
  width: 145px;
  display: inline-block;
  padding: 0 0 0 15px;
  margin-bottom: 0;
  white-space: normal;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  font-size: 1.0769230769230769em;
}

@media (max-width: 60.9275em) {
  .is-dss .times-slot .times-slot-button .times-slot-time {
    width: 130px;
    font-size: 1em;
    padding: 0 0 0 10px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .times-slot .times-slot-button .times-slot-time {
    font-size: 1.0769230769230769em;
    width: 150px;
    padding-left: 20px;
  }
}

.is-dss .times-slot .times-slot-button .times-slot-length {
  width: calc(100% - 212px);
  display: inline-block;
  padding: 0 2px 0 0;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
}

@media (max-width: 60.9275em) {
  .is-dss .times-slot .times-slot-button .times-slot-length {
    width: calc(100% - 186px);
    padding: 0 5px 0 0;
  }
}

@media (max-width: 45.615em) {
  .is-dss .times-slot .times-slot-button .times-slot-length {
    width: calc(100% - 229px);
  }
}

.is-dss .times-slot .times-slot-button .times-slot-price {
  width: 55px;
  display: inline-block;
  white-space: normal;
  /*padding: 0 5px 0 3px;*/
  font-size: 1.154em;
  line-height: 1.3em;
  color: #262626;
  vertical-align: middle;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

@media (max-width: 60.9275em) {
  .is-dss .times-slot .times-slot-button .times-slot-price {
    font-size: 1.0769230769230769em;
  }
}

@media (max-width: 45.615em) {
  .is-dss .times-slot .times-slot-button .times-slot-price {
    width: 75px;
  }
}

.is-dss .times-slot .times-slot-button:after {
  content: ' ';
  width: 1px;
  display: block;
  background: #e1e1e1;
  height: 80%;
  position: absolute;
  top: 50%;
  right: 56px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 45.615em) {
  .is-dss .times-slot .times-slot-button:after {
    right: 76px;
  }
}

.is-dss .times-slot .times-slot-button .wedFreeHDTCs {
  float: right;
  font-size: 10px;
  margin-top: 10px;
}

.is-dss .times-slot .times-slot-button .wedFREEDelivery {
  display: block;
  line-height: 1.3em;
  text-align: center;
  font-size: 14px;
  font-weight: initial;
  color: #20211F;
  font-family: "Source Sans Pro";
  position: absolute;
  width: 100%;
}

.is-dss .times-slot .times-slot-button .deliveryType {
  display: none;
}

.is-dss .times-slot.matchingpair {
  position: absolute;
  width: calc(100% - 60px);
}

@media (max-width: 64.0525em) {
  .is-dss .times-slot.matchingpair {
    width: calc(100% - 30px);
  }
}

@media (max-width: 60.9275em) {
  .is-dss .times-slot.matchingpair {
    width: calc(100% - 20px);
  }
}

@media (max-width: 45.615em) {
  .is-dss .times-slot.matchingpair {
    position: relative;
    top: auto !important;
    width: auto;
  }
}

.is-dss .times-slot:last-child {
  margin-bottom: 0;
}

.is-dss .times-slot .spanBlock {
  display: block;
}

.is-dss .times-slot .viewMap {
  margin-top: 10px;
}

.is-dss .times-slot .changeCcLocation {
  text-align: center;
  margin: 8px 0 15px;
  display: block;
}

.is-dss .time-slot-visible {
  display: block;
  opacity: 1;
}

@media (max-width: 47.99em) {
  .is-dss .time-slot-visible {
    display: unset;
    opacity: unset;
  }
}

.is-dss .times-slot-button,
.is-dss .buttonLink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
  background: linear-gradient(#ffffff, #f6f6f6);
  font-size: 1em;
  color: #262626;
  width: 100%;
  white-space: nowrap;
  position: relative;
  display: block;
}

.is-dss .times-slot-button:hover .times-slot, .is-dss .times-slot-button:focus .times-slot,
.is-dss .buttonLink:hover .times-slot,
.is-dss .buttonLink:focus .times-slot {
  text-decoration: underline;
}

.is-dss .hdAddressInfo h3 {
  margin: 0 0 10px;
  font-size: 1.154em;
  font-weight: bold;
}

@media (max-width: 22.49em) {
  .is-dss .hdAddressInfo h3 {
    font-size: 1em;
  }
}

.is-dss .hdAddressInfo a {
  text-align: center;
  margin-top: 8px;
}

.is-dss .hdAddressInfo .buttonLink {
  white-space: normal;
}

.is-dss .wedFreeHDTCs {
  margin-left: 32%;
  font-size: 11px;
  top: 10px;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}

@media (max-width: 45.615em) {
  .is-dss .wedFreeHDTCs {
    margin-left: 10px;
  }
}

.is-dss .dss-wrapper .day-slots-iWrapper {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-top: 40px;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots {
  display: block;
  width: 100%;
  padding: 10px 10px 11px;
  border-bottom: 1px solid #e2e2e2 !important;
  color: #262626;
  position: relative;
  text-decoration: none !important;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots:first-child {
  border-top: 1px solid #e2e2e2;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots .dssDaySlots-left {
  font-weight: normal;
  color: #262626;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots .dssDaySlots-left span:first-of-type {
  width: 50px;
  display: inline-block;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots .dssDaySlots-left .slot-day {
  font-size: 1.153846154em;
  font-weight: bold;
  width: 90px;
  display: inline-block;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots .dssDaySlots-right {
  display: none;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots .icon-roundedtick {
  display: none;
  width: 10px;
  fill: #ffffff;
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots.selected-day-slot .icon-roundedtick {
  display: block;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots.selected-day-slot:before {
  content: '';
  height: 20px;
  width: 20px;
  display: block;
  background: #008a23;
  position: absolute;
  right: 10px;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #fff;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots.activeDaySlot {
  background: #e8e8e8;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots.no-slots {
  color: #a4a0a0;
}

.is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots:hover .slot-day, .is-dss .dss-wrapper .day-slots-iWrapper .daySlotsBody .dssDaySlots:focus .slot-day {
  text-decoration: underline;
}

.is-dss .dss-wrapper .day-slots-iWrapper .action-next-7days {
  margin: 10px 0 0 65px;
  display: inline-block;
}

.is-dss .dss-wrapper .day-slots-iWrapper .action-next-7days.hidden {
  display: none !important;
}

.is-dss .dss-wrapper .day-slots-iWrapper .loading-icon {
  margin-right: 30px;
  margin-top: 20px;
  min-height: auto !important;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .day-slots-iWrapper {
    width: 25%;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .day-slots-iWrapper {
    width: 27%;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .day-slots-iWrapper {
    display: none !important;
  }
}

.is-dss .dss-wrapper .day-slots-nav-wrapper {
  display: none;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper {
    text-align: center;
    margin: 0 0 20px 0;
    display: block;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-close {
    background: #4c4c4c;
    position: relative;
    height: 40px;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-close h2 {
    color: #fff;
    margin: 0;
    padding-top: 10px;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close .popup-close {
    border-bottom: 0;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close .popup-close .icon-cross {
    margin-top: 15px;
    width: 12px;
    height: 11px;
    fill: #fff;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next {
    background-color: #f0f0f0;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0 !important;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:hover, .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:focus,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:hover,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:focus {
    cursor: pointer;
    outline: 0 !important;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:hover .icon-arrow, .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:focus .icon-arrow,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:hover .icon-arrow,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:focus .icon-arrow {
    border-bottom: 1px solid #4c4c4c;
    height: 18px;
    padding-bottom: 2px;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev .icon-arrow,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next .icon-arrow {
    margin-top: 11px;
    width: 10px;
    height: 15px;
    fill: #4c4c4c;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .preloaderContainer {
    position: absolute;
    right: 12px;
    top: 16px;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav span.day-slots-prev,
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav span.day-slots-next {
    opacity: 0.4;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav.is-loading .day-slots-next {
    opacity: 0;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev {
    left: 0;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev .icon-arrow {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next {
    right: 0;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current {
    width: calc(100% - 80px);
    display: block;
    margin-left: 40px;
  }
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date {
    margin: 0;
    font-size: 18px;
    color: #262626;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date {
    position: relative;
    height: 30px;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    margin: 0 10%;
    line-height: 30px;
    text-align: center;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--offstage-right {
    left: 20% !important;
    opacity: 0;
    display: block !important;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--offstage-left {
    left: -20% !important;
    opacity: 0;
    display: block !important;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--onstage {
    left: 0;
    opacity: 1;
    display: block !important;
  }
}

@media (max-width: 45.615em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current {
    overflow: hidden;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper {
  min-height: 678px;
  width: 76%;
  display: inline-block;
  vertical-align: top;
  background: #e8e8e8;
  float: left;
  position: relative;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .time-slots-iWrapper {
    width: 75%;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper {
    width: 73%;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper {
    background: transparent;
    width: 100%;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .cc-n-rd-slots-wrapper .timeSlotsAltHeading {
  padding-left: 40px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading {
  width: 100%;
  display: inline-block;
  background-color: #e8e8e8;
  margin-bottom: 10px;
  padding: 0 15px;
  min-height: 52px;
  text-align: left;
  position: relative;
  padding-left: 50px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading {
    width: 100%;
    float: none;
    background: transparent;
    margin-bottom: 0px;
    text-align: left;
    min-height: initial;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading a,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading a {
  text-align: left;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .heading,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .heading {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  font-size: 1.615em;
  text-align: left;
  margin: 0;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .heading,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .heading {
    padding: 0;
    font-size: 1.3846153846153846em;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .heading .location,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .heading .location {
  display: block;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .heading .location,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .heading .location {
    display: inline;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon {
  top: 0;
  left: 0;
  position: absolute;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon.icon-clickandcollect,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon.icon-clickandcollect {
  width: 29px;
  height: 30px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon.icon-delivery,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon.icon-delivery {
  width: 40px;
  height: 28px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon.icon-delivery,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon.icon-delivery {
    width: 34px;
    height: 22px;
    left: 5px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon.icon-remotedelivery,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon.icon-remotedelivery {
  width: 30px;
  height: 28px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .icon.icon-remotedelivery,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .icon.icon-remotedelivery {
    width: 26px;
    height: 24px;
    left: 8px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading {
    margin-bottom: 20px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body {
  display: none;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body.activeTimeSlots {
  display: block;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hd-slots-wrapper,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .cc-n-rd-slots-wrapper {
  padding: 30px;
  position: relative;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hd-slots-wrapper,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .cc-n-rd-slots-wrapper {
    padding: 15px 15px 30px 15px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hd-slots-wrapper,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .cc-n-rd-slots-wrapper {
    padding: 10px 10px 30px 10px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hd-slots-wrapper,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .cc-n-rd-slots-wrapper {
    padding: 0;
    height: auto !important;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link {
  position: relative;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link a {
  position: fixed;
  top: -40px;
  line-height: 1em;
  display: block;
  width: 100%;
  opacity: 0;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link a:focus {
  position: absolute;
  top: auto;
  outline: 1px solid #00aeff;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link.pos-top, .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link.pos-bottom {
  position: absolute;
  left: 30px;
  right: 30px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link.pos-top a:focus, .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link.pos-bottom a:focus {
  position: absolute;
  left: 0;
  border-bottom: 0;
  background: #fff;
  padding: 3px;
  outline: 0 !important;
  border: 1px solid #5c5c5c;
  opacity: 1;
}

@inlcude mq($until: tabletPortrait) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body.ts-current-offstage {
    opacity: 0;
  }
}

@media (max-width: 47.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body.ts-current--onstage {
    display: block;
    opacity: 1;
  }
}

@media (max-width: 47.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper {
  width: 50%;
  display: inline-block;
  float: left;
  text-align: center;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper {
    width: 100%;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-top {
  top: 60px;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 45px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 32px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 30px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-bottom {
  bottom: 25px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .hidden-slots-skip-link.pos-bottom {
    bottom: 0;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hd-slots-wrapper .dss-restricted-items-slots .icon-container {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper {
    margin-bottom: 25px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion {
    border: 2px solid #dadada;
    border-radius: 5px;
    background-color: #f0f0f0;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-top {
  top: 110px;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-top {
    top: 92px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-top {
    top: 82px;
  }
}

@media (max-width: 29.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-top {
    top: 115px;
  }
}

@media (min-width: 30em) and (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-top {
    top: 130px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .hidden-slots-skip-link.pos-bottom {
  bottom: 25px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .dss-restricted-items-slots .times-slot {
  width: 100%;
  margin: 0;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .timeSlotsAltHeading {
    display: none;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion .accordion-content {
    display: none;
    border-top: 1px solid #dadada;
    padding: 15px 7px 25px 7px;
    float: left;
    width: 100%;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion.is-expanded .icon-dropdown-dark {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper.accordion.is-expanded .accordion-content {
    display: block;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn {
  display: none;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn {
    display: block;
    width: 100%;
    padding: 4% 2%;
    border: none;
    background-color: #f0f0f0;
  }
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn:hover .cc-slots-btn-title, .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn:focus .cc-slots-btn-title {
    text-decoration: underline;
  }
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn .icon-clickandcollect {
    width: 26px;
    height: 26px;
    float: left;
  }
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn .cc-slots-btn-title {
    max-width: 70%;
    display: inline-block;
    text-align: left;
    margin: 0 11px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: top;
    float: left;
  }
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-slots-btn .icon-dropdown-dark {
    width: 16px;
    height: 16px;
    right: 15px;
    position: absolute;
    top: 25px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-n-rd-slots .popup-launch {
  float: left;
  margin-left: 15px;
  margin-top: -15px;
  margin-bottom: 25px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .cc-n-rd-slots .popup-launch {
    margin-top: -10px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .changeCcLocation {
  margin-left: 40px !important;
  margin-bottom: 5px !important;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .times-slot {
  text-align: left;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .times-slot .icon-container {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .times-slot .times-slot-button .times-slot {
  text-align: left;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-top {
  top: 110px;
}

@media (max-width: 64.0525em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 92px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 82px;
  }
}

@media (max-width: 29.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 75px;
  }
}

@media (min-width: 30em) and (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-top {
    top: 65px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-bottom {
  bottom: 25px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .hidden-slots-skip-link.pos-bottom {
    bottom: 5px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .cc-n-rd-slots-wrapper .dss-restricted-items-slots .icon-container {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 15px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hdMessagePane,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .CnCorRDMessagePane {
  width: 100%;
  float: left;
}

@media (min-width: 20em) and (max-width: 47.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .hdMessagePane,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .CnCorRDMessagePane {
    float: left;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot {
  margin-bottom: 20px;
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot {
    margin-bottom: 10px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot {
    margin-bottom: 10px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .icon-alert {
  float: right;
  width: 25px;
  height: 25px;
  margin: 3px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea {
  background: #fafafa;
  border-radius: 5px;
  text-align: left;
  padding: 15px;
  margin: 10px;
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea {
    padding: 10px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea p {
  margin: 0;
  line-height: 1.3em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea p:first-of-type {
  font-weight: bold;
  font-size: 1.154em;
}

@media (max-width: 22.49em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea p:first-of-type {
    font-size: 1em;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea h3 {
  font-size: 1.154em;
  margin: 0 0 5px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea h3 + p {
  font-size: 1em !important;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dssInfo-messageArea .no-HD-slots-available a {
  text-align: left;
  font-weight: normal;
  font-size: 0.8666666666666667em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot .freeDelInfo {
  border: 2px solid #d5161e;
  color: #d5161e;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot .freeDelInfo .small-print {
  font-size: 0.769em;
  color: #262626;
  letter-spacing: -0.25px;
  margin-top: 5px;
  line-height: 1.3em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot .freeDelInfo .icon-free-delivery {
  width: 48px;
  height: 38px;
  float: right;
  fill: #d5161e;
  margin-left: 3px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot .CCInfo p {
  margin-bottom: 10px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .eSpot .CCInfo p {
    margin-bottom: 5px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots {
  margin: 0 0 20px 0;
  background: #fafafa;
  border-radius: 5px;
  text-align: left;
  padding: 15px;
  float: left;
  width: 100%;
}

@media (max-width: 60.9275em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots {
    padding: 10px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots {
    margin-bottom: 10px;
  }
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .times-slot,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .times-slot {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .icon-alert,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .icon-alert {
  float: right;
  width: 25px;
  height: 25px;
  margin: 3px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots p,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots p {
  margin: 0;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots p:first-of-type,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots p:first-of-type {
  font-weight: bold;
  font-size: 1.154em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .restricted-items-heading,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .restricted-items-heading {
  margin: 0 0 5px;
  font-size: 1.154em;
  font-weight: bold;
}

@media (max-width: 22.49em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .restricted-items-heading,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .restricted-items-heading {
    font-size: 1em;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .restricted-items-heading a,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .restricted-items-heading a {
  font-size: 13px;
  color: #262626;
  display: inline;
  margin-top: 6px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .restricted-items-heading a,
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .restricted-items-heading a {
    margin-top: 0;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .changeCcLocation,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .changeCcLocation {
  text-align: center;
  margin-bottom: 0 !important;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .icon-container,
.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-expired-time-slots .icon-container {
  margin-top: -11px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots .dss-slots-info {
  margin-bottom: 10px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .buttonLink {
  padding: 15px;
  font-weight: bold;
  text-align: left;
  padding: 15px;
}

@media (max-width: 45.615em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .buttonLink {
    padding: 15px 20px;
  }
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .buttonLink p {
  margin: 0;
  line-height: 1.3em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .buttonLink p:first-of-type {
  font-weight: bold;
  font-size: 1.154em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .eSpot .freeDelInfo {
  border: 2px solid #d5161e;
  color: #d5161e;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .eSpot .freeDelInfo .small-print {
  font-size: 0.769em;
  color: #262626;
  letter-spacing: -0.25px;
  margin-top: 5px;
  line-height: 1.3em;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .eSpot .freeDelInfo .icon-free-delivery {
  width: 48px;
  height: 38px;
  float: right;
  fill: #d5161e;
  margin-left: 3px;
}

.is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody .locationOptionForHD .eSpot .CCInfo p {
  margin-bottom: 10px;
}

@media (max-width: 47.99em) {
  .is-dss .dss-wrapper .time-slots-iWrapper .timeSlotsBody {
    position: relative;
  }
}

.is-dss .popup {
  position: fixed;
  min-width: 0;
  max-height: 630px;
  background: #f0f0f0;
  border: 0;
  height: auto;
  overflow: hidden;
  opacity: 0;
  display: none;
}

@media (max-width: 47.99em) {
  .is-dss .popup {
    max-height: calc(100% - 40px);
    top: 50% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.is-dss .popup.is-open, .is-dss .popup.popup-open {
  opacity: 1;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 48em) {
  .is-dss .popup.is-open, .is-dss .popup.popup-open {
    position: absolute;
  }
}

.is-dss .popup .dialogbox-start {
  margin: 0;
  padding: 15px 45px 20px 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (max-width: 47.99em) {
  .is-dss .popup .dialogbox-start {
    padding: 15px 40px 15px 15px;
  }
}

.is-dss .popup .dialogbox-start p {
  margin: 0;
  font-size: 1.154em;
  line-height: 1.3em;
  color: #5c5c5c;
}

.is-dss .popup .dialogbox-start .icon {
  height: 30px;
  width: 30px;
  float: left;
  margin-right: 10px;
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

.is-dss .popup h1 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.308em;
  font-weight: bold;
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-dss .popup h1 {
    font-size: 18px;
  }
}

.is-dss .popup .close {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 45px;
  height: 45px;
  display: block;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .is-dss .popup .close {
    width: 40px;
    height: 40px;
  }
}

.is-dss .popup .close a {
  width: 45px;
  height: 45px;
  display: block;
  margin-left: 0 !important;
}

@media (max-width: 47.99em) {
  .is-dss .popup .close a {
    width: 40px;
    height: 40px;
  }
}

.is-dss .popup .close a span {
  text-indent: -9999em;
}

.is-dss .popup .close a .icon {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 11px;
  height: 11px;
  fill: currentColor;
  margin: 0;
}

@media (max-width: 47.99em) {
  .is-dss .popup .close a .icon {
    top: 10px;
    right: 10px;
  }
}

.is-dss .popup .close a:hover .icon, .is-dss .popup .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.is-dss .popup .blankPopupFooter {
  padding: 15px 30px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (max-width: 47.99em) {
  .is-dss .popup .blankPopupFooter {
    padding: 5px 10px;
  }
}

@media (max-width: 47.99em) {
  .is-dss .popup .blankPopupFooter {
    padding: 10px 10px 5px;
  }
}

.is-dss .popup .blankPopupFooter a {
  color: #4c4c4c;
}

.is-dss .popup .wrap {
  background: #ffffff;
  padding: 10px 15px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: auto;
}

@media (min-width: 48em) {
  .is-dss .popup .wrap {
    max-height: 550px;
  }
}

.is-dss .popup .wrap p {
  margin: 0 0 15px;
  color: #5c5c5c;
}

.is-dss .popup .overlay-slots-header {
  font-size: 1.154em;
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.is-dss .popup .viewMap {
  margin-top: 0;
  position: absolute;
  z-index: 1;
  top: 64%;
  left: 60px;
  color: #262626;
  display: inline-block;
  overflow: hidden;
  text-decoration: underline;
}

.is-dss .popup .viewMap:hover, .is-dss .popup .viewMap:focus {
  text-decoration: none;
}

.is-dss .popup .showMore {
  border-top: 1px solid #ccc;
  color: #262626;
  font-size: 16px;
}

@media (max-width: 47.99em) {
  .is-dss .popup .showMore {
    padding: 0;
    font-size: 1.1538461538461537em;
  }
}

.is-dss .popup .showMore a {
  padding: 20px 0 20px 60px;
  font-weight: bold;
  text-decoration: none;
  color: #4c4c4c;
  display: block;
}

@media (max-width: 47.99em) {
  .is-dss .popup .showMore a {
    padding: 10px 0 10px 45px;
  }
}

.is-dss .popup .showMore a:hover {
  text-decoration: underline;
}

.is-dss .popup .showMore a:hover .icon-arrow {
  opacity: 1;
}

.is-dss .popup .showMore a:focus {
  text-decoration: underline;
}

.is-dss .popup .showMore .icon-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #999;
  opacity: 0.5;
  height: 17px;
  width: 10px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

@media (max-width: 47.99em) {
  .is-dss .popup .showMore .icon-arrow {
    width: 8px;
    right: 10px;
  }
}

.is-dss .popup .times-slot {
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  float: none;
}

.is-dss .popup .times-slot:last-child .times-slot-button {
  border-bottom: 0;
}

.is-dss .popup .times-slot .times-slot-button {
  padding: 15px 15px 15px 0;
  text-align: left;
  color: #262626;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  background: none;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button {
    padding: 10px 0;
  }
}

.is-dss .popup .times-slot .times-slot-button .buttonlike-wrap {
  margin: 0;
  white-space: normal;
  display: block;
  padding: 0;
  position: relative;
  line-height: 1.4em;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button .buttonlike-wrap {
    position: static;
    margin-left: 45px;
    margin-top: 25px;
    width: calc(100% - 75px);
  }
}

.is-dss .popup .times-slot .times-slot-button .cc-location {
  width: 150px;
  float: left;
  left: 60px;
  text-align: left;
  padding: 0;
  position: absolute;
  top: 35%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -7px;
  white-space: normal;
  font-size: 16px;
  font-weight: bold;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button .cc-location {
    font-size: 14px;
    float: none;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: 0;
    margin-left: 45px;
  }
}

.is-dss .popup .times-slot .times-slot-button .cc-distance {
  top: 60%;
  font-size: 1em;
  font-weight: normal;
}

.is-dss .popup .times-slot .times-slot-button .boldFont {
  font-size: 1.154em;
  font-weight: bold;
  display: block;
  white-space: normal;
  margin-bottom: 5px;
  line-height: 1.4em;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button .boldFont {
    font-size: 13px;
    margin-bottom: 0;
  }
}

.is-dss .popup .times-slot .times-slot-button .icon-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #999;
  opacity: 0.5;
  height: 17px;
  width: 10px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button .icon-arrow {
    right: 10px;
    width: 8px;
  }
}

.is-dss .popup .times-slot .times-slot-button .icon-mapmarker {
  float: left;
  width: 30px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #5c5c5c;
  display: block;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .times-slot-button .icon-mapmarker {
    top: 13px;
    left: 12px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 20px;
    height: 30px;
  }
}

.is-dss .popup .times-slot .times-slot-button .icon-container {
  width: 30px;
  height: 30px;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  display: none;
  background: #008a23;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-dss .popup .times-slot .times-slot-button .icon-container .icon-roundedtick {
  margin-top: 9px;
  width: 18px;
  height: 12px;
  fill: #ffffff;
}

.is-dss .popup .times-slot .times-slot-button.selected-slot .times-slot-button {
  background: none;
  color: #262626;
}

.is-dss .popup .times-slot .times-slot-button.selected-slot .times-slot-button .buttonlike-wrap {
  border-left-color: #82ba51;
}

.is-dss .popup .times-slot .times-slot-button.selected-slot .icon-container {
  display: block;
}

.is-dss .popup .times-slot .times-slot-button.selected-slot .icon-container .icon {
  fill: #ffffff;
}

.is-dss .popup .times-slot .times-slot-button.selected-slot .icon-arrow {
  display: none;
}

.is-dss .popup .times-slot .times-slot-button:hover .boldFont, .is-dss .popup .times-slot .times-slot-button:focus .boldFont {
  text-decoration: underline;
}

.is-dss .popup .times-slot .times-slot-button:hover .cc-location, .is-dss .popup .times-slot .times-slot-button:focus .cc-location {
  text-decoration: none;
}

.is-dss .popup .times-slot .times-slot-button:hover .icon-arrow, .is-dss .popup .times-slot .times-slot-button:focus .icon-arrow {
  opacity: 1;
}

.is-dss .popup .times-slot .times-slot-button:after {
  display: none;
}

.is-dss .popup .times-slot .viewMap {
  left: 60px;
  font-size: 11px;
}

@media (max-width: 47.99em) {
  .is-dss .popup .times-slot .viewMap {
    top: 35px;
    left: 45px;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap {
  padding-top: 15px;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap {
    padding: 0 5px 10px;
  }
}

@media (min-width: 48em) {
  .is-dss #deliveryRestrictionOverlay .wrap {
    max-height: 470px;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList form {
  line-height: 0;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList form > * {
  line-height: 1.3em;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li {
  border-bottom: 1px solid #ebebeb;
  background: #ffffff;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-bottom: 15px;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li {
    padding: 10px 5px;
    margin-bottom: 0;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li a {
  line-height: 0;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li img {
  display: inline-block;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li img {
    width: 90px;
    height: 90px;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 130px);
  margin-left: 10px;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle {
    width: calc(100% - 110px);
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle a {
  line-height: 1.3em;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle #heading_ {
  margin: 0;
  font-weight: normal;
  width: calc(50% - 70px);
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle #heading_ {
    width: 100%;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle #heading_ .brand {
  display: block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.846em;
  margin-bottom: 3px;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle #heading_ .product-url {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.231em;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle .restriction-info {
  width: 57%;
  display: inline-block;
  vertical-align: top;
  padding-top: 21px;
  padding-left: 40px;
  margin-left: 3%;
  position: relative;
  line-height: 1.4em;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle .restriction-info {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 30px;
    padding-top: 2px;
  }
}

.is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle .restriction-info .icon-alert {
  vertical-align: top;
  width: 30px;
  height: 30px;
  float: left;
  position: absolute;
  left: 0;
}

@media (max-width: 45.615em) {
  .is-dss #deliveryRestrictionOverlay .wrap .popupList li .productTitle .restriction-info .icon-alert {
    width: 25px;
    height: 25px;
    margin-top: 2px;
    left: auto;
    right: -5px;
  }
}

.is-dss #deliveryRestrictionOverlay .blankPopupFooter p {
  margin: 0 0 10px;
}

.is-dss #deliveryRestrictionOverlay .blankPopupFooter a {
  color: #4c4c4c;
}

.is-dss #deliveryRestrictionOverlay .blankPopupFooter .button {
  width: 48.5%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

@media (max-width: 47.99em) {
  .is-dss #deliveryRestrictionOverlay .blankPopupFooter .button {
    font-size: 1em;
  }
}

@media (max-width: 29.99em) {
  .is-dss #deliveryRestrictionOverlay .blankPopupFooter .button {
    width: 100%;
    margin-bottom: 5px;
  }
}

.is-dss #deliveryRestrictionOverlay .blankPopupFooter .button:last-child {
  margin-left: 2%;
}

@media (max-width: 29.99em) {
  .is-dss #deliveryRestrictionOverlay .blankPopupFooter .button:last-child {
    margin-left: 0;
    margin-bottom: 5px;
  }
}

.is-dss #shoppingOverlay {
  padding: 30px;
}

@media (max-width: 47.99em) {
  .is-dss #shoppingOverlay {
    padding: 20px;
  }
}

.is-dss #shoppingOverlay h1 {
  font-size: 1.846em;
  font-weight: 400;
  margin: 0 0 20px 0;
  text-align: center;
  max-width: 100%;
}

.is-dss #inProcessingOverlay {
  padding: 20px;
  background: #fff;
  text-align: center;
  max-height: initial;
}

@media (max-width: 47.99em) {
  .is-dss #inProcessingOverlay {
    padding: 20px;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .is-dss #inProcessingOverlay {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.is-dss #inProcessingOverlay .wrap {
  padding: 10px;
  overflow-y: hidden;
}

.is-dss #inProcessingOverlay .popupList {
  margin: 0;
  padding: 0;
}

.is-dss #inProcessingOverlay .popupList form {
  line-height: 0;
}

.is-dss #inProcessingOverlay .popupList form > * {
  line-height: 1.3em;
}

.is-dss #inProcessingOverlay .popupList li {
  list-style-type: none;
  border-bottom: 1px solid #ebebeb;
  background: #ffffff;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media (max-width: 45.615em) {
  .is-dss #inProcessingOverlay .popupList li {
    padding: 10px 5px;
    margin-bottom: 0;
  }
}

.is-dss #inProcessingOverlay .popupList li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.is-dss #inProcessingOverlay .popupList li a {
  line-height: 0;
}

.is-dss #inProcessingOverlay .popupList li .product-box {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .is-dss #inProcessingOverlay .popupList li .product-box {
    width: 70%;
  }
}

.is-dss #inProcessingOverlay .popupList li img {
  display: inline-block;
  width: 90px;
  height: 90px;
}

.is-dss #inProcessingOverlay .popupList li .productTitle {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 130px);
  margin-left: 10px;
}

@media (max-width: 45.615em) {
  .is-dss #inProcessingOverlay .popupList li .productTitle {
    width: calc(100% - 110px);
  }
}

.is-dss #inProcessingOverlay .popupList li .productTitle a {
  line-height: 1.3em;
}

.is-dss #inProcessingOverlay .popupList li .productTitle #heading_ {
  font-weight: normal;
}

@media (max-width: 45.615em) {
  .is-dss #inProcessingOverlay .popupList li .productTitle #heading_ {
    width: 100%;
  }
}

.is-dss #inProcessingOverlay .popupList li .productTitle #heading_ .brand {
  display: block;
  margin-bottom: 3px;
}

.is-dss #inProcessingOverlay .popupList li .productTitle #heading_ .product-url {
  display: block;
  margin-bottom: 5px;
}

.is-dss #inProcessingOverlay .popupList li .productTitle .restriction-info {
  display: none;
}

.is-dss #inProcessingOverlay .dialogbox-start {
  padding: 0;
}

.is-dss #inProcessingOverlay h1 {
  font-size: 1.846em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

@media (max-width: 45.615em) {
  .is-dss #inProcessingOverlay h1 {
    padding: 0 10px;
  }
}

.is-dss #inProcessingOverlay p {
  margin: 10px 0 0;
  font-size: 1.154em;
  color: #262626;
}

.is-dss #inProcessingOverlay button {
  font-weight: bold;
}

.is-dss #inProcessingOverlay .tick {
  position: absolute;
  right: 33%;
}

.is-dss #inProcessingOverlay .tick .icon {
  height: 16px;
  width: 16px;
  margin: 2px 0 0 7px;
}

.is-dss #inProcessingOverlay .tick.hide {
  display: none;
}

.is-dss #inProcessingOverlay .reserve-timeout {
  display: block;
  font-weight: bold;
}

.is-dss #inProcessingOverlay .preloaderContainer {
  margin-bottom: 10px;
}

.is-dss .overlayChooseAnotherOption .wrap .spanBlock {
  display: block;
}

.is-dss #fulfilNationalCC,
.is-dss #changePickupLocation {
  background: #ffffff;
}

.is-dss #fulfilNationalCC.locator,
.is-dss #changePickupLocation.locator {
  min-height: 400px;
}

.is-dss #fulfilNationalCC .dialogbox-start,
.is-dss #changePickupLocation .dialogbox-start {
  background: #f0f0f0;
}

.is-dss #fulfilNationalCC .dialogbox-start h1,
.is-dss #changePickupLocation .dialogbox-start h1 {
  display: inline;
  margin-right: 5px;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container {
  display: inline;
  position: relative;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .button,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .button {
  margin-left: 5px;
  font-size: 1.1538461538461537em;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list {
  width: 200px;
  position: fixed;
  left: 50%;
  top: auto;
  margin-top: 5px;
  z-index: 2;
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  display: none;
  overflow-y: auto;
  max-height: calc(100% - 70px);
}

@media (max-width: 47.99em) {
  .is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list,
  .is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media (max-width: 22.49em) {
  .is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list,
  .is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list .cc-options,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list .cc-options {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list .cc-options .cc-option,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list .cc-options .cc-option {
  border-bottom: 1px #e6e6e6 solid;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list .cc-options .cc-option button,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list .cc-options .cc-option button {
  background: #ffffff;
  display: block;
  color: #282826;
  padding: 7px;
  border: none;
  width: auto;
  min-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: nowrap;
  font-size: 15px;
}

.is-dss #fulfilNationalCC .dialogbox-start .all-locations-container .all-locations-list.is-expanded,
.is-dss #changePickupLocation .dialogbox-start .all-locations-container .all-locations-list.is-expanded {
  display: block;
}

.is-dss #fulfilNationalCC .dialogbox-start a,
.is-dss #changePickupLocation .dialogbox-start a {
  font-size: 1.154em;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 45.615em) {
  .is-dss #fulfilNationalCC .dialogbox-start a,
  .is-dss #changePickupLocation .dialogbox-start a {
    font-size: 1em;
  }
}

@media (min-width: 45.625em) {
  .is-dss #fulfilNationalCC .wrap,
  .is-dss #changePickupLocation .wrap {
    position: static;
    padding: 0 5px 5px;
  }
}

.is-dss #fulfilNationalCC .wrap .buttonlike-wrap,
.is-dss #changePickupLocation .wrap .buttonlike-wrap {
  left: 225px;
  width: calc(100% - 250px);
}

@media (max-width: 45.615em) {
  .is-dss #fulfilNationalCC .wrap .buttonlike-wrap,
  .is-dss #changePickupLocation .wrap .buttonlike-wrap {
    width: calc(100% - 80px);
  }
}

.is-dss #fulfilNationalCC .wrap .state-selection,
.is-dss #changePickupLocation .wrap .state-selection {
  width: 430px;
  margin: 0 auto 35px;
}

.is-dss #fulfilNationalCC .wrap .state-selection p,
.is-dss #changePickupLocation .wrap .state-selection p {
  font-size: 1.154em;
  font-weight: bold;
  margin: 0 0 5px;
}

.is-dss #fulfilNationalCC .wrap .state-selection select,
.is-dss #changePickupLocation .wrap .state-selection select {
  width: 430px;
}

.is-dss #fulfilNationalCC .wrap .state-selection select:hover,
.is-dss #changePickupLocation .wrap .state-selection select:hover {
  background: #fff;
}

@media (max-width: 45.615em) {
  .is-dss #chooseAnotherProvider .wrap {
    padding: 0 5px 5px;
  }
}

.is-dss #chooseAnotherProvider .times-slot-button {
  padding-left: 60px;
  padding-right: 60px;
}

@media (max-width: 45.615em) {
  .is-dss #chooseAnotherProvider .times-slot-button {
    padding-left: 45px;
    padding-right: 30px;
  }
}

.is-dss #chooseAnotherProvider .times-slot-button .icon-mapmarker {
  left: 15px;
  -webkit-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
          transform: translatey(-50%);
}

@media (max-width: 45.615em) {
  .is-dss #chooseAnotherProvider .times-slot-button .icon-mapmarker {
    left: 13px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.is-dss #chooseAnotherProvider .times-slot-button .address {
  width: 100%;
  line-height: 1.4em;
}

.is-dss #chooseAnotherProvider .times-slot-button .address p {
  margin: 0;
  white-space: normal;
  display: inline;
}

.is-dss #chooseAnotherProvider .times-slot-button .address ul {
  display: inline;
  padding: 0;
  margin: 0;
  white-space: normal;
  list-style-type: none;
}

.is-dss #chooseAnotherProvider .times-slot-button .address ul li {
  display: block;
  margin: 0 0 0.5em 0;
}

.is-dss #CnCViewMap .dialogbox-start span {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.800em;
  line-height: 1.3em;
  display: block;
  color: #4c4c4c;
}

.is-dss #CnCViewMap .wrap {
  padding: 0;
  overflow: hidden;
  height: 465px;
}

.is-dss #CnCViewMap #map-collect {
  width: 100%;
  height: 100%;
}

.is-dss #fulfilDeliverCollect {
  top: 100px;
}

.is-dss #fulfilDeliverCollect .dialogbox-start h1 {
  font-size: 1.8461538461538463em;
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .dialogbox-start h1 {
    font-size: 1.6153846153846154em;
  }
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .wrap {
    padding: 0 5px 5px;
  }
}

.is-dss #fulfilDeliverCollect .wrap ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.is-dss #fulfilDeliverCollect .wrap ul li .button {
  width: 100%;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
  padding: 15px 40px 15px 0;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}

.is-dss #fulfilDeliverCollect .wrap ul li .button div {
  margin-left: 60px;
  line-height: 1.4em;
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .wrap ul li .button div {
    margin-left: 45px;
  }
}

.is-dss #fulfilDeliverCollect .wrap ul li .button div span {
  display: block;
}

.is-dss #fulfilDeliverCollect .wrap ul li .button div span.heading {
  font-size: 1.153846154em;
  margin-bottom: 5px;
}

.is-dss #fulfilDeliverCollect .wrap ul li .button .icon {
  width: 32px;
  height: 30px;
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .wrap ul li .button .icon {
    width: 25px;
    height: 25px;
    left: 8px;
    top: 15px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.is-dss #fulfilDeliverCollect .wrap ul li .button .icon-arrow {
  width: 10px;
  height: 17px;
  position: absolute;
  right: 15px;
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #ccc;
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .wrap ul li .button .icon-arrow {
    width: 8px;
  }
}

.is-dss #fulfilDeliverCollect .wrap ul li a.button {
  font-size: 1.153846154em;
  padding-left: 60px;
}

@media (max-width: 22.49em) {
  .is-dss #fulfilDeliverCollect .wrap ul li a.button {
    font-size: 1em;
  }
}

@media (max-width: 45.615em) {
  .is-dss #fulfilDeliverCollect .wrap ul li a.button {
    padding-left: 45px;
  }
}

.is-dss #fulfilDeliverCollect .wrap ul li:last-child {
  margin-bottom: 0;
}

.is-dss #fulfilDeliverCollect .wrap ul li:last-child .button {
  border-bottom: 0;
}

.is-dss #changeCCToHDConfirmation {
  max-width: 370px;
  background: #ffffff;
}

.is-dss #changeCCToHDConfirmation .wrap {
  text-align: center;
  padding: 30px;
  padding-bottom: 25px;
}

.is-dss #changeCCToHDConfirmation .wrap p {
  margin: 0;
  font-size: 1.154em;
}

.is-dss #changeCCToHDConfirmation .wrap p.heading {
  color: #262626;
  font-size: 1.846em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 1.3em;
}

.is-dss #changeCCToHDConfirmation .buttons {
  text-align: center;
  padding-bottom: 30px;
}

.is-dss #changeCCToHDConfirmation .buttons .button {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}

.is-dss #changeCCToHDConfirmation .buttons a {
  display: block;
}

.is-dss #changeCCToHDConfirmation .buttons a.cancelLink {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
}

.is-dss #changeCCToHDConfirmation .buttons a.cancelLink:hover, .is-dss #changeCCToHDConfirmation .buttons a.cancelLink:focus {
  text-decoration: underline;
}

.is-dss #registerNLoginSuccess {
  max-width: 370px;
  background: #ffffff;
}

.is-dss #registerNLoginSuccess .icon.icon-success {
  width: 30px;
  height: 33px;
}

.is-dss #registerNLoginSuccess .wrap {
  text-align: center;
  padding: 30px;
  padding-bottom: 25px;
}

.is-dss #registerNLoginSuccess .wrap p {
  margin: 0;
  font-size: 1.154em;
}

.is-dss #registerNLoginSuccess .wrap p.heading {
  color: #262626;
  font-size: 1.846em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3em;
}

.is-dss #registerNLoginSuccess .buttons {
  text-align: center;
  padding-bottom: 30px;
}

.is-dss #registerNLoginSuccess .buttons .button {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}

.is-dss #registerNLoginSuccess .buttons a {
  display: block;
}

.is-dss #registerNLoginSuccess .buttons a.cancelLink {
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
}

.is-dss #registerNLoginSuccess .buttons a.cancelLink:hover, .is-dss #registerNLoginSuccess .buttons a.cancelLink:focus {
  text-decoration: underline;
}

.popup.slot-reserved .checkout-form-style .radio-button-section {
  padding: 1px;
}

.popup.slot-reserved .checkout-form-style .radio-button-section.disable .delivery-option-2 {
  opacity: 0.5;
  pointer-events: none;
}

.popup.slot-reserved .checkout-form-style .radio-button-section.disable .dss-unattended-rest .dss-unattended-alert {
  background-color: #fff;
}

.popup.slot-reserved .checkout-form-style .dss-unattended-rest .dss-unattended-button {
  color: #4c4c4c;
  text-decoration: none;
  text-align: center;
  margin: 15px 0px;
  padding: 10px 15px;
}

#inProcessingOverlay .dss-delivery-options .dss-view-items,
#inProcessingOverlay .dss-delivery-options .dss-hide-items {
  text-align: center;
  text-decoration: underline;
  margin: 0;
  font-size: 13px;
}

#inProcessingOverlay .dss-delivery-options .dss-view-items:hover,
#inProcessingOverlay .dss-delivery-options .dss-hide-items:hover {
  cursor: pointer;
}

#inProcessingOverlay .dss-delivery-options .dss-view-items .icon-dropdown-dark,
#inProcessingOverlay .dss-delivery-options .dss-hide-items .icon-dropdown-dark {
  height: 10px;
  width: 19px;
  padding-left: 5px;
}

#inProcessingOverlay .dss-delivery-options .dss-hide-items .icon-dropdown-dark {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  padding-right: 5px;
  padding-left: 0;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-rest {
  border: 1px solid #dcdcdc;
  border-top-width: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-rest .dss-unattended-alert {
  padding: 10px;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-rest .dss-unattended-alert-bg {
  background-color: #f5f5f5;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-rest .dss-unattended-alert-desc {
  display: block;
  padding-left: 32px;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-rest .icon-alert {
  position: absolute;
  vertical-align: top;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-warning {
  text-align: center;
}

#inProcessingOverlay .dss-delivery-options .dss-unattended-product-removed {
  border-top: solid;
  padding-top: 10px;
  margin-left: -40px;
  margin-right: -10px;
  text-indent: 14px;
  border-top-width: 1px;
  border-top-color: #eee;
  margin-top: 5px;
}

.restrictionTextContainer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 20px;
}

.restriction-alert {
  position: absolute;
  height: 12%;
}

.restriction-alert-image {
  position: relative;
  top: 50%;
  left: 0;
}

.restriction-text {
  position: relative;
  left: 40px;
}

.restriction-textgap {
  margin-top: -14px;
}

/*
*@Doc: Target DSS replication SCSS for rendering time-slots grid UI view
*@DOMImapct: main-content-body
*@Author: Rahul Semwal
*/
.is-dss .wb-option-hidden {
  display: none !important;
}

.is-dss #main-content .main-content-body.grid-slots-view {
  border-radius: 0;
  background: #F0F0F0;
}

@media (min-width: 64.0625em) {
  .is-dss #main-content .main-content-body.grid-slots-view {
    padding: initial;
  }
}

@media (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view {
    margin-left: -23px;
    margin-right: -23px;
  }
}

@media (min-width: 48em) and (max-width: 60.9275em) {
  .is-dss #main-content .main-content-body.grid-slots-view {
    margin-top: -26px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss #main-content .main-content-body.grid-slots-view {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 45.615em) {
  .is-dss #main-content .main-content-body.grid-slots-view {
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px 10px;
    background-color: #F0F0F0;
  }
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper {
  min-height: auto !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend {
  text-align: left;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-bottom: 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend::after {
  content: '';
  display: table;
  clear: both;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px;
  border: 2px solid #fff;
  margin: 0 auto;
  border: 0;
  padding: 10px;
  border-radius: 4px;
  min-width: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  margin-right: 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item .legend-heading-wrapper {
  display: block;
  text-align: center;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item .legend-heading-wrapper .icon {
  margin-right: 10px;
  position: relative;
  top: 1.5px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item .legend-subtitle {
  display: block;
  text-align: center;
  padding-top: 0.6em;
  padding-top: 3px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item .legend-heading {
  font-size: 1.6em;
  font-weight: bold;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item:last-child {
  margin-right: 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.flexi {
  background-color: #007A55;
  color: #fff;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.same-day {
  background-color: #0051A3;
  color: #FFFFFF;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.unattended {
  background-color: #F20000;
  color: #fff;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker {
  background-color: #008fb4;
  color: #fff;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker .legend-subtitle {
  font-size: 12px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker .legend-subtitle a {
  color: #fff !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker .legend-subtitle a:focus {
  outline: 1px dotted #FFFFFF;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker .logo {
  width: 120px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .legend > .legend-item.airtasker .button {
  font-size: 13px;
  margin-top: 5px;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .delivery-heading-row-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .delivery-heading {
  font-size: 18px;
  margin-top: 0;
  text-align: left;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin: 20px 0 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .delivery-sub-heading {
  font-size: 15px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0 0 20px;
  display: block;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .timeSlotsMainHeading .delivery-address {
  display: block;
  margin-left: 60px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.2em;
}

.is-dss #main-content .main-content-body.grid-slots-view .time-slots-iWrapper .timeSlotsMainHeading .delivery-address a {
  border-left: 2px solid #333;
  padding-left: 1.5em;
  font-size: 0.9em;
}

@media (min-width: 64.0625em) {
  .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper.hd-slots-wrapper {
    padding: 5px 100px !important;
  }
}

@media (min-width: 71.5625em) {
  .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper.hd-slots-wrapper {
    padding: 5px 140px !important;
  }
}

@media (min-width: 64.0625em) {
  .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper.cc-n-rd-slots-wrapper {
    padding: 5px 190px !important;
  }
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .collapser {
  min-height: 120px;
  position: relative;
  overflow: hidden;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  margin-top: 0.8em;
  border: 1px solid #CECECE;
  border-radius: 4px;
  color: #4c4c4c;
  background: #F0F0F0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-weight: bold;
  padding: 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .collapser > a {
  padding-top: 8px;
  font-weight: normal;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .collapser + .times-slot {
  margin-top: 15px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .collapser + .times-slot:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #DCDCDC;
  border-width: 8px;
  margin-left: -15px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .times-slot.slot-sold-out .times-slot-button {
  border: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .js-collapser .times-slot.slot-closed .times-slot-button {
  border: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button {
  min-height: 120px;
  border: 1px solid rgba(32, 33, 31, 0.5);
  border-radius: 4px;
  background: #fff;
  vertical-align: top;
  position: relative;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .visual-display-text {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  z-index: 1;
  border: 1px solid rgba(32, 33, 31, 0.5);
  border-radius: 3px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .times-slot-time {
  display: block;
  position: absolute;
  top: 40px;
  padding: 0;
  width: 70%;
  font-size: 15px;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  font-family: "ITC Avant Garde Gothic Pro";
  font-weight: normal !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .times-slot-length {
  display: block;
  position: absolute;
  top: 57px;
  padding: 0;
  font-family: "Source Sans Pro";
  width: 70%;
  text-align: center !important;
  font-size: 16px;
  font-weight: 500;
  color: #20211F;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button:after {
  height: 100%;
  width: 2px;
  right: 30%;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .times-slot-price {
  display: block;
  position: absolute;
  top: 47px;
  right: 0;
  font-family: "ITC Avant Garde Gothic Pro";
  font-weight: normal !important;
  font-size: 15px;
  width: 30%;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .deliveryType {
  width: 70%;
  display: block;
  position: absolute;
  top: 85px;
  text-align: center;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-weight: 500;
  font-size: 12px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .deliveryType .content {
  border: 1.5px solid #979797;
  border-radius: 9px;
  padding: 1px 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .time-slot-description-text {
  font-size: 1em;
  color: #262626;
  padding-left: 4rem;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .restricted-warning {
  width: 70%;
  line-height: 1.3em;
  padding-left: 4rem;
  padding-top: 3px;
  text-align: center;
  display: block;
  text-decoration: underline;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .time-slot-flag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  width: 102px;
  height: 102px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-shadow: 0px 5px 5px -4px rgba(40, 40, 40, 0.3);
          box-shadow: 0px 5px 5px -4px rgba(40, 40, 40, 0.3);
  background-color: transparent;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .time-slot-flag::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 64px 64px;
  border-color: transparent transparent #717171 transparent;
  position: absolute;
  top: 67px;
  left: 19px;
  z-index: 2;
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .time-slot-flag span:first-of-type {
  position: relative;
  z-index: 3;
  display: block;
  padding-bottom: 0.25em;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  top: 80px;
  left: 22.5px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .time-slot-flag.flag-dropAndGo span:first-of-type {
  font-size: 1.25em;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button:hover {
  /*border-color: #4c4c4c;
								border-width: 3px;
								border-style: dashed;*/
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button:hover:before {
  content: '';
  display: block;
  border: 1.5px solid rgba(32, 33, 31, 0.5);
  border-radius: 7px;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  /*border-radius: 3px;
						      border-top: 1px solid #e1e1e1;
						      border-bottom: 1px solid #c0c0c0;
						      border-left: 1px solid #d1d1d1;
						      border-right: 1px solid #d1d1d1;*/
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button:hover .times-slot-time {
  text-decoration: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button:focus .times-slot-time {
  text-decoration: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button {
  border-color: #008a23;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button:hover:before {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border-radius: 7px;
  border: 1.5px solid #008a23;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button .visual-display-text {
  background: #008a23;
  color: #ffffff;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out.collapsed {
  display: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button {
  position: relative;
  background: #DCDCDC;
  border: 1px solid #CECECE;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:after {
  background: #c5c5c5;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:focus {
  border-color: #CECECE;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:focus, .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:hover {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:focus:before, .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button:hover:before {
  content: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button .time-slot-flag span:first-of-type {
  color: #DCDCDC;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #767676 transparent;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button .times-slot-price {
  color: #F20000;
  font-weight: normal;
  font-size: 14px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button .visual-display-text {
  display: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-sold-out .times-slot-button .wedFREEDelivery {
  display: none !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed.collapsed {
  display: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button {
  position: relative;
  background: #DCDCDC;
  border: 1px solid #CECECE;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:after {
  background: #c5c5c5;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:focus {
  border-color: #CECECE;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:focus, .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:hover {
  text-decoration: none;
  cursor: not-allowed;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:focus:before, .is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button:hover:before {
  content: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button .time-slot-flag span:first-of-type {
  color: #DCDCDC;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #767676 transparent;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button .times-slot-price {
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button .visual-display-text {
  display: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-closed .times-slot-button .wedFREEDelivery {
  display: none !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-flexi .times-slot-button {
  border-color: #007A55;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-flexi .times-slot-button:focus {
  border-color: #007A55;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-flexi .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #007A55 transparent;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-same .times-slot-button {
  border-color: #0051A3;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-same .times-slot-button:focus {
  border-color: #0051A3;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-same .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #0051A3 transparent;
  border-color: transparent transparent #0051a3 transparent;
  font-size: 0.8em;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-same .times-slot-button .time-slot-flag span:first-of-type {
  color: #FFFFFF;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-discounted .times-slot-button {
  border-color: #F6E24C;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-discounted .times-slot-button:focus {
  border-color: #F6E24C;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-discounted .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #F6E24C transparent;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-discounted .times-slot-button .time-slot-flag span:first-of-type {
  color: #000000;
  font-size: 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-unattended .times-slot-button {
  border-color: #F20000;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-unattended .times-slot-button .time-slot-flag {
  font-size: 0.85em;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-unattended .times-slot-button .time-slot-flag::before {
  border-color: transparent transparent #F20000 transparent;
  font-size: 0.8em;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.slot-unattended .times-slot-button:focus {
  border-color: #F20000;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .timeSlots-innerWrap h3 {
  vertical-align: middle;
  font-size: 2.2em;
  font-weight: 400;
  margin-bottom: 0.2em;
  margin-top: 0.8em;
  font-size: 22px;
  font-weight: bold;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .timeSlots-innerWrap h3 img {
  vertical-align: middle;
  margin-left: 10px;
  height: 30px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .timeSlots-innerWrap .times-slot:first-of-type {
  margin-top: 0.8em;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .timeSlots-innerWrap .eSpot.clearfix.airtasker-moved {
  margin-top: 20px;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .timeSlots-innerWrap .eSpot.clearfix.airtasker-moved .dssInfo-messageArea.airtasker {
  margin-left: 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button {
  background: #fff;
  border-width: 2px;
  color: #262626;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button::after {
  background: #e1e1e1;
  right: calc(30% - 1px);
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .times-slot-button .times-slot-price {
  color: #262626;
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .icon-container {
  top: 0;
  right: 0;
  width: 20px !important;
  height: 20px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(40%, -40%);
      -ms-transform: translate(40%, -40%);
          transform: translate(40%, -40%);
}

.is-dss #main-content .main-content-body.grid-slots-view .grid-slots-wrapper .times-slot.selected-slot .icon-container .icon-roundedtick {
  width: 9px;
  height: 9px;
  margin-top: 3px;
}

.is-dss #main-content .main-content-body.grid-slots-view .no-delivery-slots {
  min-height: 120px;
  position: relative;
  overflow: hidden;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  margin-top: 0.8em;
  border: 1px solid #CECECE;
  border-radius: 4px;
  color: #4c4c4c;
  background: #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  padding: 10px;
}

.is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper {
  display: none;
}

@media (max-width: 60.9275em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper {
    text-align: center;
    margin: 0 0 20px 0;
    display: block;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-close {
    background: #4c4c4c;
    position: relative;
    height: 40px;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-close h2 {
    color: #fff;
    margin: 0;
    padding-top: 10px;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close .popup-close {
    border-bottom: 0;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-close .close .popup-close .icon-cross {
    margin-top: 15px;
    width: 12px;
    height: 11px;
    fill: #fff;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next {
    background-color: #f0f0f0;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0 !important;
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:hover, .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:focus,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:hover,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:focus {
    cursor: pointer;
    outline: 0 !important;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:hover .icon-arrow, .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev:focus .icon-arrow,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:hover .icon-arrow,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next:focus .icon-arrow {
    border-bottom: 1px solid #4c4c4c;
    height: 18px;
    padding-bottom: 2px;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev .icon-arrow,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next .icon-arrow {
    margin-top: 11px;
    width: 10px;
    height: 15px;
    fill: #4c4c4c;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .preloaderContainer {
    position: absolute;
    right: 12px;
    top: 16px;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav span.day-slots-prev,
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav span.day-slots-next {
    opacity: 0.4;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav.is-loading .day-slots-next {
    opacity: 0;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev {
    left: 0;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-prev .icon-arrow {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-next {
    right: 0;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current {
    width: calc(100% - 80px);
    display: block;
    margin-left: 40px;
  }
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date {
    margin: 0;
    font-size: 18px;
    color: #262626;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date {
    position: relative;
    height: 30px;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    margin: 0 10%;
    line-height: 30px;
    text-align: center;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--offstage-right {
    left: 20% !important;
    opacity: 0;
    display: block !important;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--offstage-left {
    left: -20% !important;
    opacity: 0;
    display: block !important;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current .date div.ds-current--onstage {
    left: 0;
    opacity: 1;
    display: block !important;
  }
}

@media (max-width: 60.9275em) and (max-width: 64.0525em) {
  .is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .day-slots-nav-wrapper .day-slots-nav .day-slots-current {
    overflow: hidden;
  }
}

.is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading {
  margin-bottom: 20px;
  padding-right: 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .changeCcLocation {
  margin-left: 1.5em !important;
}

.is-dss #main-content .main-content-body.grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-restricted-items-slots.wb-restricted_wrapper {
  margin: 0;
  background: none;
  float: none;
  padding: 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .column-wrapper > div::after {
  content: '';
  clear: both;
  display: table;
}

.is-dss #main-content .main-content-body.grid-slots-view .column-wrapper .js-delivery-category h3 {
  font-family: "Source Sans Pro";
  font-weight: normal;
  font-size: 34px;
  color: #4C4C4C;
}

.is-dss #main-content .main-content-body.grid-slots-view .main-content-inside {
  padding: 50px 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .uppercase {
  text-transform: uppercase;
}

.is-dss #main-content .main-content-body.grid-slots-view .times-slot {
  float: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar .sort-label {
  padding: 10px 5px 0;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar .radio-label {
  padding: 10px 20px;
  background-color: #fff;
  font-weight: normal;
  margin-left: 0;
  border: 1px solid #ccc;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar .radio-label.sort-fastest {
  border-radius: 5px 0 0 5px;
  border-right: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar .radio-label.sort-cheapest {
  border-radius: 0 5px 5px 0;
  border-left: none;
}

.is-dss #main-content .main-content-body.grid-slots-view .sort-bar input:checked + label {
  background-color: #1c7d25;
  color: #fff;
  font-weight: bold;
}

.is-dss #main-content .main-content-body.grid-slots-view .times-slot.selected-slot .times-slot-button .wedFREEDelivery {
  color: #000000;
}

.is-dss #main-content .main-content-body.grid-slots-view .wb-delivery-type-toggle-wrapper {
  display: none;
}

@media (min-width: 45.625em) {
  .is-dss .grid-slots-view {
    /*		.main-content-header {
			// 			.wb-icon-wrapper {
			// 				background-color: #000;
			// 				background-color: #000;
			// 				color: #fff;
			// 				color: #fff;
			// 				fill: #fff;
			// 				fill: #fff;
			// 				height: 50px;
			// 				height: 50px;
			// 				width: 50px;
			// 				width: 50px;
			// 				border-radius: 100%;
			// 				border-radius: 100%;
			// 				float: left;
			// 				float: left;
			// 				.icon {
			// 					position: static;
			// 					position: static;
			// 					margin: 10px;
			// 					margin: 10px;
			// 					height: 30px;
			// 					height: 30px;
			// 					width: 30px;
			// 					width: 30px;
			// 					margin: 10px 13px 10px 7px;
			// 				}
			// 			}
			// 			.heading {
			// 				font-weight: normal;
			// 				font-weight: normal;
			// 				margin-left: 60px;
			// 				margin-left: 60px;
			// 			}
			// 			.choose-day-heading {
			// 				font-size: 19px;
			// 			}
			// 			.changeCcLocation {
			// 				margin-left: 10px !important;
			// 				margin-left: 10px !important;
			// 			}
			// 		}*/
  }
  .is-dss .grid-slots-view .grid-slots-wrapper .times-slot .times-slot-button .times-slot-length {
    text-align: right;
    /*padding-right: 40px;*/
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper {
    background-color: transparent;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .grid-slots-wrapper {
    width: 100%;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsBody .dss-slots-body .hidden-slots-skip-link {
    top: 98px !important;
    bottom: inherit !important;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsBody .times-slot .times-slot-button .dropAndGo {
    font-size: 12px;
    width: 70%;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper {
    width: 30%;
    display: none;
    margin-top: 110px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper .heading > * {
    float: left;
    margin-top: 0;
    margin-bottom: 1em;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper .heading::after {
    content: ' ';
    display: table;
    clear: both;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper .icon {
    width: 15%;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper h3 {
    width: 85%;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper .buttonLink {
    font-weight: 600;
    white-space: normal;
    margin-bottom: 15px;
    text-align: center;
  }
  .is-dss .grid-slots-view .wb-delivery-type-toggle-wrapper .changeCcLocation {
    text-align: center;
    display: block;
  }
  .is-dss .grid-slots-view .timeSlots-innerWrap > p {
    text-align: left;
  }
  .wb-delivery-toggle .buttonLink {
    line-height: 3em;
    text-decoration: none !important;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .grid-slots-view .time-slots-iWrapper .legend {
    display: block;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .legend > .legend-item {
    width: 100%;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .legend > .legend-item + .legend-item {
    margin-left: 0;
    margin-top: 1em;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .timeSlotsMainHeading .delivery-address {
    margin-left: 0 !important;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .timeSlotsMainHeading .delivery-address a {
    display: block;
    padding-left: 0;
    border-left: 0;
    margin-top: 0.2em;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .timeSlotsMainHeading .delivery-address .changeCcLocation.action-ccLocation {
    float: none;
    margin-top: 20px;
    display: block;
    text-align: center;
  }
  .is-dss .grid-slots-view .time-slots-iWrapper .delivery-heading-row-wrapper {
    display: block;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper {
    width: 100%;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .changeCcLocation {
    margin-left: 0 !important;
  }
  .is-dss .genericESpot {
    padding: 0 !important;
  }
  .is-dss #main-content .rd-margin {
    margin: 0 !important;
  }
  .newAirtaskerBanner {
    display: block;
    margin: 10px;
  }
  .newAirtaskerBanner__logo {
    margin-bottom: 15px;
  }
  .newAirtaskerBanner__text {
    margin-bottom: 15px;
  }
  .newAirtaskerBanner__button {
    height: auto;
  }
}

@media screen and (max-width: 1000px) {
  .newAirtaskerBanner {
    margin: 10px;
  }
}

@media (min-width: 60.9375em) {
  .is-dss .grid-slots-view .main-content-promo {
    width: 100%;
    margin-left: 0;
  }
  .is-dss .grid-slots-view .grid-slots-wrapper {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  .is-dss .grid-slots-view .dss-wrapper .day-slots-iWrapper {
    display: none;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper {
    width: 100%;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading {
    min-height: initial;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsMainHeading .heading .location {
    display: inline;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading {
    min-height: initial;
  }
  .is-dss .grid-slots-view .dss-wrapper .time-slots-iWrapper .timeSlotsAltHeading .heading .location {
    display: inline;
  }
  .is-dss .grid-slots-view .column-wrapper {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .is-dss .grid-slots-view .column-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  .is-dss .grid-slots-view .column-wrapper > div {
    width: 33%;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
  }
  .is-dss .grid-slots-view .column-wrapper > div:not(:first-child) {
    padding-left: 0.5%;
  }
  .is-dss .grid-slots-view .column-wrapper > div:not(:last-child) {
    padding-right: 0.5%;
  }
  .is-dss .grid-slots-view .column-wrapper > div + div {
    border-left: 0px solid #c0c0c0;
  }
  .is-dss .grid-slots-view .column-wrapper .special-slots h3 {
    color: #d7002a;
  }
  .is-dss .grid-slots-view .column-wrapper .special-slots .dssInfo-messageArea {
    margin: 0 !important;
  }
  .is-dss .main-content-message {
    margin-bottom: 20px;
  }
}

.sort-bar-fieldset {
  border: none;
}

.sort-bar-wrapper {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
}

.sort-bar-legend {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.newAirtaskerBanner {
  background-color: #359FC0;
  max-width: 960px;
  margin: auto;
  padding: 2rem;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.newAirtaskerBanner__logo {
  margin: 0rem 1.5rem;
  width: 145px;
  height: 31px;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 6px;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

.newAirtaskerBanner__text {
  margin: 0rem 1.5rem;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 1.3;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
}

.newAirtaskerBanner__text span {
  font-weight: bold;
  font-size: 19px;
}

.newAirtaskerBanner__text a {
  font-size: 19px;
  color: white;
  text-decoration: underline;
}

.newAirtaskerBanner__spacer {
  height: 10px;
}

.newAirtaskerBanner__button {
  margin: 0rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: bold;
  font-size: 14px;
  color: #575757;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}

.eSpot.clearfix.airtasker-moved.hide-same-day-warning #sameDayDeliveryMessage {
  display: none !important;
}

/* style for Day view*/
/* Day with a selected slot */
/* Currently active day */
.is-dss .airline-date-selector {
  position: relative;
}

@media (min-width: 64.0625em) {
  .is-dss .airline-date-selector {
    padding: 0px 190px;
  }
}

@media (max-width: 64.0525em) {
  .is-dss .airline-date-selector {
    margin-left: -23px;
    margin-right: -23px;
    padding: 0px 80px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .airline-date-selector {
    display: none !important;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 64px;
  }
}

@media (max-width: 45.615em) {
  .is-dss .airline-date-selector {
    display: none !important;
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px 10px;
  }
}

.is-dss .airline-date-selector::after {
  content: ' ';
  display: table;
  clear: both;
}

.is-dss .airline-date-selector .date-option-navigation {
  text-decoration: none;
}

.is-dss .airline-dates-wrapper .date-option {
  width: 14.2857%;
  padding: 10px;
  float: left;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #262626;
  border: 1px solid #dcdcdc;
  border-left-color: transparent;
  background: #fff;
  min-height: 100px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 90px;
}

.is-dss .airline-dates-wrapper .date-option:first-child {
  border-left-color: #dcdcdc;
}

.is-dss .airline-dates-wrapper .date-option:hover {
  background: #F2F2F2;
  position: relative;
  z-index: 2;
}

.is-dss .airline-dates-wrapper .date-option:focus {
  background: #F2F2F2;
  position: relative;
  z-index: 2;
}

.is-dss .airline-dates-wrapper .date-option .day {
  display: block;
  font-size: 14px;
  line-height: 1em;
  font-weight: normal;
  font-size: 1em;
}

.is-dss .airline-dates-wrapper .date-option .date {
  display: block;
  font-size: 18px;
  line-height: 1em;
  font-weight: bold;
}

.is-dss .airline-dates-wrapper .date-option .month {
  display: block;
  font-size: 14px;
  line-height: 1em;
  font-weight: normal;
  font-size: 0.8em;
}

.is-dss .airline-dates-wrapper .date-option .details {
  margin-top: auto;
}

.is-dss .airline-dates-wrapper .date-option.is-active {
  border-bottom: 4px solid #e01a22;
  position: relative;
  z-index: 2;
  background: #F2F2F2;
}

.is-dss .airline-dates-wrapper .date-option.is-active:hover {
  -webkit-box-shadow: 0px 0px 0px 0px #008a23;
          box-shadow: 0px 0px 0px 0px #008a23;
  outline: 0;
}

.is-dss .airline-dates-wrapper .date-option.is-active:hover::before {
  background: transparent;
}

.is-dss .airline-dates-wrapper .date-option.is-active:focus {
  -webkit-box-shadow: 0px 0px 0px 0px #008a23;
          box-shadow: 0px 0px 0px 0px #008a23;
  outline: 0;
}

.is-dss .airline-dates-wrapper .date-option.is-active:focus::before {
  background: transparent;
}

.is-dss .airline-dates-wrapper .date-option.is-active::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #008a23;
  display: none;
}

.is-dss .airline-dates-wrapper .date-option.is-active::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #008a23;
  margin-top: 1px;
  display: none;
}

.is-dss .airline-dates-wrapper .date-option.selected-day-slot {
  position: relative;
}

.is-dss .airline-dates-wrapper .date-option.selected-day-slot .icon-container {
  display: none;
  right: 10px;
  top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 50%;
  background: #008a23;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 2px #999;
          box-shadow: 0 0 2px #999;
}

.is-dss .airline-dates-wrapper .date-option.selected-day-slot .icon-container .icon-roundedtick {
  height: 11px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.is-dss .airline-dates-wrapper.hide-details .date-option .details {
  display: none;
}

.is-dss .date-option .details {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  font-size: 12px;
  margin-top: 8px;
}

.is-dss .date-option .details-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.3em;
  margin-top: 5px;
}

.is-dss .date-option .details-price {
  font-weight: normal;
  text-align: center;
  width: 100%;
}

.is-dss .date-option-navigation {
  height: 100%;
  width: 60px;
  border-bottom: 0;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.is-dss .date-option-navigation .preloaderContainer {
  width: 27px;
  height: 27px;
  position: absolute;
  top: 26px;
  left: 16px;
}

.is-dss .date-option-navigation .loading-text {
  margin-top: 16px;
}

.is-dss .date-option-navigation .icon-wrapper {
  border: 2px solid #5c5c5c;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 0 auto 7px;
}

.is-dss .date-option-navigation .icon-wrapper .icon-up {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 11px;
  height: 13px;
  margin-top: 4px;
  fill: #5c5c5c;
}

.is-dss a.date-option-navigation {
  height: 100%;
  width: 60px;
  border-bottom: 0;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  top: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.is-dss a.date-option-navigation:hover {
  background: none;
  text-decoration: underline;
  outline: 0;
}

.is-dss a.date-option-navigation:focus {
  background: none;
  text-decoration: underline;
  outline: 0;
}

.is-dss .date-option-prev {
  left: 130px;
}

@media (max-width: 64.0525em) {
  .is-dss .date-option-prev {
    left: 15px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .date-option-prev {
    left: 8px;
  }
}

.is-dss .date-option-next {
  right: 130px;
}

.is-dss .date-option-next .icon-wrapper .icon-up {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (max-width: 64.0525em) {
  .is-dss .date-option-next {
    right: 15px;
  }
}

@media (max-width: 60.9275em) {
  .is-dss .date-option-next {
    right: 8px;
  }
}

.is-dss .uppercase {
  text-transform: uppercase;
}

.wb-delivery-type-toggle-wrapper {
  display: none;
}

@media screen and (max-width: 1119px) {
  .is-dss .date-option-navigation .preloaderContainer {
    top: 41px;
  }
  .is-dss .date-option-navigation .loading-text {
    margin-top: 45px;
  }
  .is-dss .date-option .details-row {
    display: block;
  }
  .is-dss .date-option .details-heading {
    text-align: center;
  }
  .is-dss .date-option .details-price {
    display: block;
    text-align: center;
  }
}

/* AUTHOR: Jacob Gibellini */
/*determine page size*/
.is-error-small {
  max-width: 440px !important;
  padding: 15px 42px !important;
  text-align: center;
}

/*same class as is-small but JT cannot bind higher class to the body */
.is-thin {
  max-width: 440px !important;
  padding: 15px 42px !important;
}

.main-content .error-heading {
  font-size: 2.4em;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media (max-width: 47.99em) {
  .main-content .error-heading {
    font-size: 22px;
    margin-top: 10px;
  }
}

.main-content .error-intro.intro {
  margin-bottom: 30px;
}

@media (max-width: 47.99em) {
  .main-content .error-intro.intro {
    margin-bottom: 20px;
  }
}

.heading-error-generic, .heading-error-timeout {
  white-space: pre-line;
  font-size: 1.85em;
  padding: 20px;
}

/*old browser warning message styles*/
.error-wrapper {
  text-align: center;
}

.error-wrapper .intro {
  margin-bottom: 32px;
}

.error-wrapper .browser-link-wrapper {
  width: 101.5%;
  text-align: center;
}

.error-wrapper .browser-link-outside {
  padding: 5px 10px 5px 10px;
}

.error-wrapper .browser-link {
  border-right: 1px solid #dcdcdc;
  padding: 5px 9px 5px 10px;
}

/* LOGIN ERROR */
.login-error-content {
  margin: 20px 20px;
}

.login-error-content .icon-not-available {
  height: 35px;
  width: 35px;
  margin-bottom: 5px;
}

.login-error-content .login-error-header, .login-error-content .login-error-message {
  margin: 0px 0px 7px 0px;
  font-size: 20px;
}

.login-error-content .login-error-message {
  line-height: 23px;
}

.login-error-content .login-error-detail {
  line-height: 21px;
  margin: 0;
}

.login-error-content .login-error-phoneNO a {
  margin-bottom: 15px;
  display: block;
  float: left;
  font-weight: 700;
  font-size: 13px;
}

.login-error-content a {
  width: 100%;
  font-weight: 100;
  font-size: 10px;
}

.login-error-content strong {
  white-space: nowrap;
}

.hide-from-mobile {
  display: none;
}

@media (min-width: 48em) {
  .hide-from-mobile {
    display: block;
  }
}

.hide-from-desktop {
  display: block;
}

@media (min-width: 48em) {
  .hide-from-desktop {
    display: none;
  }
}

/* Form validation errors */
.validation-messages {
  position: relative;
  background: #fffae8;
  border-radius: 3px;
  margin: 0px 25px 20px;
  color: #262626;
  overflow: hidden;
  -webkit-transition: max-height 0.25s, padding 0.25s, margin 0.25s;
  transition: max-height 0.25s, padding 0.25s, margin 0.25s;
  margin-bottom: 20px;
  border: 1px solid #ffcf0f;
  padding: 20px;
  text-align: left;
}

.validation-messages.sapError-message {
  margin: 0 0 20px 0;
  border-width: 2px;
  background: #ffffff;
}

@media (max-width: 47.99em) {
  .validation-messages {
    padding: 5px 10px;
    -webkit-transition: unset;
    transition: unset;
    /* DE4261 */
  }
}

.main-content-inside .validation-messages {
  margin: 0 0 20px;
}

.validation-messages.ng-leave {
  max-height: 250px;
}

.validation-messages.ng-leave.ng-leave-active {
  margin-bottom: 0;
  padding: 0 20px;
  max-height: 0;
}

.validation-messages.ng-enter, .validation-messages.is-active {
  margin-bottom: 0;
  max-height: 0;
  padding: 20px;
}

.validation-messages.ng-enter.ng-enter-active, .validation-messages.is-active.ng-enter-active {
  margin-bottom: 20px;
  max-height: 250px;
}

.draw .validation-messages {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.validation-messages h2, .validation-messages h3 {
  margin: 0 0 5px 43px;
}

@media (max-width: 47.99em) {
  .validation-messages h2, .validation-messages h3 {
    font-size: 1.0769230769230769em;
    margin-bottom: 2px;
    margin-left: 40px;
  }
}

.validation-messages h2:last-child, .validation-messages h3:last-child {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: -2px;
}

.validation-messages div {
  margin: 0 0 5px 43px;
}

@media (max-width: 47.99em) {
  .validation-messages div {
    margin-left: 40px;
  }
}

.validation-messages ul {
  margin: 0;
  padding: 0 0 0 53px;
  list-style-type: none;
}

@media (max-width: 47.99em) {
  .validation-messages ul {
    font-size: 0.8461538461538461em;
    padding-left: 50px;
    line-height: 1.3em;
  }
}

@media (max-width: 47.99em) {
  .validation-messages li {
    margin-bottom: 2px;
  }
}

.validation-messages li::before {
  content: '';
  position: relative;
  top: -3px;
  left: -6px;
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: #262626;
}

.validation-messages .icon-alert {
  float: left;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 26.5%;
}

.form-field-error-message, .form-field-success-message {
  max-height: 76px;
  margin-bottom: 3px;
  padding-top: 3px;
  -webkit-transition: max-height 0.25s, padding 0.1s, margin 0.1s;
  transition: max-height 0.25s, padding 0.1s, margin 0.1s;
  color: #da2a32 !important;
  white-space: normal;
  overflow: hidden;
}

.form-field-error-message ~ input[type="text"], .form-field-error-message ~ input[type="password"], .form-field-error-message ~ input[type="email"], .form-field-error-message ~ input[type="tel"], .form-field-error-message ~ input[type="number"], .form-field-error-message ~ textarea, .form-field-error-message ~ select, .form-field-error-message + .password-field input[type="password"], .form-field-error-message + .password-field input[type="text"], .form-field-error-message ~ .form-field-dropdown-list-mask select, .form-field-success-message ~ input[type="text"], .form-field-success-message ~ input[type="password"], .form-field-success-message ~ input[type="email"], .form-field-success-message ~ input[type="tel"], .form-field-success-message ~ input[type="number"], .form-field-success-message ~ textarea, .form-field-success-message ~ select, .form-field-success-message + .password-field input[type="password"], .form-field-success-message + .password-field input[type="text"], .form-field-success-message ~ .form-field-dropdown-list-mask select {
  border-color: #da2a32;
}

.form-field-error-message.ng-enter, .form-field-error-message.is-active, .form-field-success-message.ng-enter, .form-field-success-message.is-active {
  max-height: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}

.form-field-error-message.ng-enter.ng-enter-active, .form-field-error-message.is-active.ng-enter-active, .form-field-success-message.ng-enter.ng-enter-active, .form-field-success-message.is-active.ng-enter-active {
  max-height: 76px;
  margin-bottom: 3px;
  padding-top: 3px;
}

.form-field-error-message.ng-leave, .form-field-success-message.ng-leave {
  max-height: 76px;
  margin-bottom: 3px;
  padding-top: 3px;
}

.form-field-error-message.ng-leave.ng-leave-active, .form-field-success-message.ng-leave.ng-leave-active {
  max-height: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}

.form-field-error-message + input, .form-field-success-message + input {
  border-color: #cccccc;
}

.form-field-success-message {
  color: #008a23 !important;
}

.form-field-success-message.ng-enter-active ~ input {
  border-color: #cccccc !important;
}

.form-field-success-message ~ input[type="text"], .form-field-success-message ~ input[type="password"], .form-field-success-message ~ input[type="email"], .form-field-success-message ~ input[type="tel"], .form-field-success-message ~ input[type="number"], .form-field-success-message ~ textarea, .form-field-success-message ~ select, .form-field-success-message + .password-field input[type="password"], .form-field-success-message + .password-field input[type="text"] {
  border-color: #008a23 !important;
}

/* =ENABLE COOKIES AND JAVASCRIPT */
.page-cookies-left {
  border-right: 1px solid #dcdcdc;
  display: inline-block;
  padding: 5px 9px 5px 0px;
  min-width: 200px;
}

.page-cookies-right {
  display: inline-block;
  padding-left: 10px;
  min-width: 200px;
}

/* =end enable */
.purchase-order-form.ng-invalid input[type=text] {
  border-color: #da2a32;
}

.validation-messages.sapError-message h2.pay-acc-fail {
  margin-left: 0;
}

.validation-messages.sapError-message .icon-alert {
  width: 45px;
  height: 45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.validation-messages.sapError-message .emergency-content {
  max-width: calc(100% - 65px);
  display: inline-block;
  margin-left: 65px;
}

@media (max-width: 45.615em) {
  .validation-messages.sapError-message .icon-alert {
    width: 30px;
    height: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 35%;
    left: 10px;
  }
  .validation-messages.sapError-message .emergency-content {
    margin-left: 40px;
  }
}

.addr-list {
  margin: 0;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button,
.addr-list > button.d-option,
.addr-list > div > button.d-option {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #e6e6e6;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent none;
  padding: 20px 60px 20px 70px;
  margin: 0;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button p,
.addr-list > button.d-option p,
.addr-list > div > button.d-option p {
  padding: 0 !important;
  margin: 0;
  font-size: 13px;
  color: #4c4c4c;
  line-height: 1.6;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button strong,
.addr-list > button.d-option strong,
.addr-list > div > button.d-option strong {
  display: block;
  margin: 0 0 3px;
  font-size: 1.153846154em;
  font-weight: bold;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .icon,
.addr-list > button.d-option .icon,
.addr-list > div > button.d-option .icon {
  fill: #262626;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .icon.icon-arrow,
.addr-list > button.d-option .icon.icon-arrow,
.addr-list > div > button.d-option .icon.icon-arrow {
  top: 50%;
  right: 20px;
  left: auto;
  fill: #cccccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .icon.icon-address,
.addr-list > button.d-option .icon.icon-address,
.addr-list > div > button.d-option .icon.icon-address {
  width: 37px;
  height: 27px;
  margin: 0;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button:last-child,
.addr-list > button.d-option:last-child,
.addr-list > div > button.d-option:last-child {
  margin-bottom: 15px;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button {
  position: relative;
  padding: 20px;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button div[role="text"] {
  margin-left: 60px;
  padding: 0 !important;
  font-size: 13px;
  color: #4c4c4c;
  line-height: 1.6;
  font-weight: normal;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .heading {
  display: block;
  margin: 0 0 3px;
  font-size: 1.153846154em;
  font-weight: bold;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .icon.icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  fill: #cccccc;
  width: 26px;
  height: 14px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li button .icon.icon-address {
  position: absolute;
  top: 20px;
  float: none;
}

.is-checkout .address-selector .main-content-body .checkout-addr-list li {
  margin: 0;
}

.address .icon.icon-delivery-type {
  width: 44px;
  height: 30px;
}

/* Multisearch */
.multisearch-item {
  position: relative;
  display: inline-block;
  height: 42px;
  max-width: 100%;
  padding-right: 30px;
  padding-left: 8px;
  border-bottom: 0;
  overflow: hidden;
}

.multisearch-item:last-child .button:after {
  display: none !important;
}

.multisearch-item .icon-success {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 2px;
  width: 0;
  height: 0;
  margin-bottom: 3px;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.multisearch-item .multisearch-term {
  display: block;
  max-width: 100%;
  margin-top: 1px;
  line-height: 40px;
  color: #146e8c;
  text-decoration: underline;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}

.multisearch-item .multisearch-term:focus {
  outline: 1px dotted #6d6d6d;
}

.multisearch-item .button {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 30px;
  padding: 0;
  border: 0;
  text-align: left;
}

.multisearch-item .button .cross-container {
  margin-left: 10px;
}

.multisearch-item .button .icon-cross {
  width: 7px;
  height: 7px;
}

.multisearch-item .button:focus, .multisearch-item .button:hover {
  background: none;
}

.multisearch-item .button:focus .cross-container, .multisearch-item .button:hover .cross-container {
  border-bottom: 1px solid #262626;
}

.multisearch-item .button:after {
  position: absolute;
  display: block;
  content: '';
  top: 12px;
  bottom: 12px;
  right: 1px;
  width: 1px;
  background: #cccccc;
}

.multisearch-item.is-added {
  padding-left: 20px;
}

.popup .multisearch-item.is-added {
  display: inline-block;
  margin-right: 6px;
  border-bottom: 0;
}

.popup .multisearch-item.is-added .button:after {
  display: block;
}

.multisearch-item.is-added .multisearch-term {
  color: #008a23;
  font-weight: bold;
  text-decoration: none;
}

.popup .multisearch-item.is-added .multisearch-term {
  font-weight: normal;
}

.multisearch-item.is-added .icon-success {
  width: 12px;
  height: 12px;
}

.popup .multisearch-item {
  display: block;
  height: 43px;
  border-bottom: 1px solid #e6e6e6;
}

.popup .multisearch-item:last-child {
  border-bottom: 0;
}

.popup .multisearch-item .multisearch-term {
  display: inline-block;
  word-break: break-all;
  max-width: calc(100% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.popup .multisearch-item .button:after {
  display: none;
}

.popup .multisearch-queue .multisearch-item {
  padding-right: 0;
}

.popup .multisearch-queue .multisearch-item .multisearch-term {
  float: left;
}

.popup .multisearch-queue .multisearch-item .button {
  position: static;
  float: left;
}

.popup .multisearch-completed {
  line-height: 0;
}

.popup .multisearch-completed .multisearch-item {
  line-height: 1.3em;
}

.popup .multisearch-item.is-added .multisearch-term {
  max-width: 100%;
}

.is-cc-selector .cc-panel-hide {
  display: none !important;
}

.is-cc-selector .cc-panel-block {
  display: block !important;
}

.is-cc-selector .cc-panel-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.is-cc-selector.popup-is-open .wrapper {
  bottom: 0;
}

.is-cc-selector .main-content {
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: inherit;
  overflow: hidden;
}

@media (min-width: 48em) {
  .is-cc-selector .main-content {
    top: 100px;
  }
}

@media (max-width: 39.99em) {
  .is-cc-selector .main-content .sidebar {
    display: block;
  }
  .is-cc-selector .main-content .cc-selector-map-container {
    display: none;
  }
  .is-cc-selector .main-content.map-visible .sidebar {
    display: none;
  }
  .is-cc-selector .main-content.map-visible .cc-selector-map-container {
    display: block;
  }
  .is-cc-selector .main-content.ng-animate .cc-selector-map-container,
  .is-cc-selector .main-content.ng-animate .sidebar {
    display: block;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .is-cc-selector .main-content.map-visible-add .sidebar, .is-cc-selector .main-content.map-visible-remove.map-visible-remove-active .sidebar {
    -webkit-transform: translateX(0) translateZ(0);
            transform: translateX(0) translateZ(0);
  }
  .is-cc-selector .main-content.map-visible .sidebar, .is-cc-selector .main-content.map-visible-remove .sidebar, .is-cc-selector .main-content.map-visible-add.map-visible-add-active .sidebar {
    -webkit-transform: translateX(-100%) translateZ(0);
            transform: translateX(-100%) translateZ(0);
  }
}

.is-cc-selector .sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: #cccccc 1px 1px 2px;
          box-shadow: #cccccc 1px 1px 2px;
  overflow-x: hidden;
  z-index: 2;
}

@media (min-width: 40em) {
  .is-cc-selector .sidebar {
    width: 50%;
  }
}

@media (min-width: 48em) {
  .is-cc-selector .sidebar {
    width: 360px;
  }
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar {
    width: 450px;
  }
}

.is-cc-selector .sidebar .level2 {
  display: none;
}

.is-cc-selector .sidebar.level2-is-visible .level1 {
  display: none;
}

.is-cc-selector .sidebar.level2-is-visible .level2 {
  display: block;
}

.is-cc-selector .sidebar.level2-is-visible-add .sidebar-content.level1, .is-cc-selector .sidebar.level2-is-visible-remove.level2-is-visible-remove-active .sidebar-content.level1 {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  display: block;
}

.is-cc-selector .sidebar.level2-is-visible-add .sidebar-content.level2, .is-cc-selector .sidebar.level2-is-visible-remove.level2-is-visible-remove-active .sidebar-content.level2 {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.is-cc-selector .sidebar.level2-is-visible-remove .sidebar-content.level1, .is-cc-selector .sidebar.level2-is-visible-add.level2-is-visible-add-active .sidebar-content.level1 {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  display: block;
}

.is-cc-selector .sidebar.level2-is-visible-remove .sidebar-content.level2, .is-cc-selector .sidebar.level2-is-visible-add.level2-is-visible-add-active .sidebar-content.level2 {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.is-cc-selector .sidebar #detailView {
  padding: 20px 0 0;
}

.is-cc-selector .sidebar .sidebar-content {
  position: absolute;
  height: calc(100% - 40px);
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 40em) {
  .is-cc-selector .sidebar .sidebar-content {
    height: 100%;
  }
}

.is-cc-selector .sidebar .sidebar-content.has-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.is-cc-selector .sidebar .sidebar-content.has-footer .section-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.is-cc-selector .sidebar .section {
  padding: 15px;
  position: relative;
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section {
    padding: 30px;
  }
}

.is-cc-selector .sidebar .section.section-header {
  padding-bottom: 0;
}

.is-cc-selector .sidebar .section.section-footer {
  display: block;
  position: static;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.is-cc-selector .sidebar .section.section-results {
  padding-top: 15px;
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.is-cc-selector .sidebar .section .sub-section {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
}

.is-cc-selector .sidebar .section .sub-section:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.is-cc-selector .sidebar .section .sub-section.heading-container {
  padding-bottom: 5px;
}

.is-cc-selector .sidebar .section .sub-section.plain {
  padding-bottom: 0;
  border-bottom: 0;
}

.is-cc-selector .sidebar .section .back-link {
  margin: 0 0 5px;
  text-decoration: none;
  position: absolute;
  top: 15px;
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section .back-link {
    top: 30px;
  }
}

.is-cc-selector .sidebar .section .back-link.details-back-link {
  left: 0;
  top: -16px;
  padding: 0;
  font-size: 13px;
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section .back-link.details-back-link {
    top: -20px;
  }
}

.is-cc-selector .sidebar .section .button-filter {
  color: #146e8c;
  font-size: 14px;
}

.is-cc-selector .sidebar .section .button-loadmore {
  width: 100%;
  height: 60px;
  border: 0;
  color: #5c5c5c;
  font-size: 14px;
  text-decoration: underline;
}

.is-cc-selector .sidebar .section .content-text-container .intro {
  font-weight: 300;
}

.is-cc-selector .sidebar .heading {
  margin: 0 0 10px;
  font-size: 24px;
}

.is-cc-selector .sidebar .intro {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
}

.is-cc-selector .sidebar .subheading {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3em;
}

.is-cc-selector .sidebar .callout {
  padding: 10px 15px 15px;
}

.is-cc-selector .sidebar .callout .callout-label {
  font-weight: normal;
}

.is-cc-selector .sidebar .form-field-checkbox-label {
  font-size: 14px;
}

.is-cc-selector .sidebar .filter-cc-brand-label {
  font-weight: normal;
}

.is-cc-selector .sidebar .main-content-message.is-emergency {
  padding: 15px;
}

.is-cc-selector .sidebar .main-content-message.is-emergency .icon-alert {
  height: 30px;
  width: 30px;
}

.is-cc-selector .sidebar .main-content-message.is-emergency .emergency-content {
  max-width: calc(100% - 45px);
  margin-left: 45px;
}

.is-cc-selector .sidebar .section-details .heading-container {
  margin-bottom: 10px;
}

.is-cc-selector .sidebar .section-details .heading-container.has-logo {
  padding-left: 85px;
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.is-cc-selector .sidebar .section-details .heading-container .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
}

.is-cc-selector .sidebar .section-details .heading-container .image-container .icon {
  width: 70px;
  height: 70px;
}

.is-cc-selector .sidebar .section-details .heading {
  font-size: 33px;
  line-height: 1em;
  margin-bottom: 0;
}

.is-cc-selector .sidebar .section-details .store-details {
  font-size: 15px;
  position: relative;
}

.is-cc-selector .sidebar .section-details .store-details .details {
  margin-bottom: 5px;
}

.is-cc-selector .sidebar .section-details .store-details .details span {
  display: block;
}

.is-cc-selector .sidebar .section-details .service-details .service-type {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.is-cc-selector .sidebar .section-details .service-details .service-type:last-child {
  margin-bottom: 0;
}

.is-cc-selector .sidebar .section-details .service-details .service-type .service-heading {
  display: block;
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 3px;
}

.is-cc-selector .sidebar .section-details .service-details .service-type .service-details {
  color: #4c4c4c;
}

.is-cc-selector .sidebar .section-details .service-details .service-type .icon {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.is-cc-selector .sidebar .section-details .service-details .service-type .icon.icon-alert {
  width: 30px;
  height: 30px;
}

.is-cc-selector .sidebar .section-details .service-details .service-type .icon.icon-mobile-collect {
  width: 36px;
  height: 31px;
  left: 16px;
}

.is-cc-selector .sidebar .section-details .service-details .service-type .icon.icon-cex-service-desk {
  width: 35px;
  height: 35px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-details {
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 15px;
}

@media (min-width: 22.5em) {
  .is-cc-selector .sidebar .section-details .availability-info .availability-details {
    padding: 10px;
  }
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section-details .availability-info .availability-details {
    padding: 15px;
  }
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 10px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row:last-child {
  margin-bottom: 0;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column {
  margin-right: 5px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  text-align: center;
  color: #4c4c4c;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 0;
  width: 1px;
  background: #cccccc;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading {
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  text-align: right;
  padding-right: 0;
  color: #262626;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading:after {
  display: none;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin-right: 0;
  padding-right: 0;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow .item-count {
  padding-left: 0;
  padding-right: 0;
  font-size: 10px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow:after {
  display: none;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.sold-out {
  text-align: left;
  padding-right: 0;
  margin-right: 0;
  padding-left: 5px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.sold-out:after {
  display: none;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column {
  width: calc(100% - 97px / 3);
  font-size: 11px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading {
  font-size: 12px;
  min-width: 67px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow {
  min-width: 25px;
}

.is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.sold-out {
  width: calc(100% - 75px);
}

@media (min-width: 22.5em) {
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column {
    width: calc(100% - 115px / 3);
    font-size: 12px;
  }
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading {
    min-width: 75px;
    font-size: 13px;
  }
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow {
    width: 35px;
  }
}

@media (min-width: 40em) {
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column {
    width: calc(100% - 97px / 3);
    font-size: 11px;
  }
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading {
    min-width: 67px;
    font-size: 12px;
  }
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.overflow {
    min-width: 25px;
  }
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column {
    width: calc(100% - 120px / 3);
    font-size: 13px;
  }
  .is-cc-selector .sidebar .section-details .availability-info .availability-row .availability-column.heading {
    min-width: 80px;
    font-size: 14px;
  }
}

.is-cc-selector .sidebar .section-filters .heading {
  margin: 45px 0 0;
}

@media (min-width: 64.0625em) {
  .is-cc-selector .sidebar .section-filters .heading {
    margin: 55px 0 0;
  }
}

.is-cc-selector .sidebar .section-filters .button-link {
  margin: 0;
  border-bottom: 0;
  padding: 10px 0;
  color: #146e8c;
  text-decoration: underline;
}

.is-cc-selector .sidebar .button-dark {
  width: 100%;
  font-weight: bold;
}

.is-cc-selector .sidebar .button-select.has-logo .icon:first-of-type {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 50px;
  height: 50px;
}

@media (max-width: 22.49em) {
  .is-cc-selector .sidebar .button-select .pill-green {
    padding: 3px 8px 2px;
    font-size: 11px;
  }
}

@media (min-width: 40em) and (max-width: 45.615em) {
  .is-cc-selector .sidebar .button-select .pill-green {
    padding: 3px 8px 2px;
    font-size: 11px;
  }
}

.is-cc-selector .cc-selector-map-container {
  position: absolute;
  height: 100%;
  width: 100%;
}

@media (min-width: 40em) {
  .is-cc-selector .cc-selector-map-container {
    left: 50%;
    height: 100%;
    width: 50%;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (min-width: 48em) {
  .is-cc-selector .cc-selector-map-container {
    left: 360px;
    width: calc(100% - 360px);
  }
}

@media (min-width: 64.0625em) {
  .is-cc-selector .cc-selector-map-container {
    left: 450px;
    width: calc(100% - 450px);
  }
}

.is-cc-selector .cc-selector-map-container .button {
  position: absolute;
  top: 10px;
  bottom: auto;
  left: 50%;
  width: 180px;
  height: 30px;
  border: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  z-index: 1;
  padding: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.is-cc-selector .cc-selector-map-container .button.is-loading {
  padding-right: 35px;
  width: 200px;
}

.is-cc-selector .cc-selector-map-container .button .preloaderContainer {
  position: absolute;
  top: 6px;
  left: auto;
  right: 5px;
}

.is-cc-selector .cc-selector-map-container .button.load-more {
  background: -webkit-gradient(linear, left top, left bottom, from(#5b9aae), to(#1d6f8c));
  background: linear-gradient(180deg, #5b9aae, #1d6f8c);
}

.is-cc-selector .cc-selector-map-container .button.load-more:hover, .is-cc-selector .cc-selector-map-container .button.load-more:focus {
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.33);
          box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.33);
}

@media (max-width: 39.99em) {
  .is-cc-selector .cc-selector-map-container .button {
    bottom: 60px;
    top: auto;
  }
}

@media (min-width: 48em) {
  .is-cc-selector .cc-selector-map-container .button {
    bottom: auto;
    top: 10px;
    -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
            transform: translateX(-30%);
  }
}

@media (min-width: 64.0625em) {
  .is-cc-selector .cc-selector-map-container .button {
    bottom: auto;
    top: 10px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.is-cc-selector .cc-selector-map {
  width: 100%;
  height: calc(100% - 40px);
}

@media (min-width: 40em) {
  .is-cc-selector .cc-selector-map {
    height: 100%;
  }
}

.is-cc-selector .store-extra-info {
  margin-bottom: 1em;
}

.is-cc-selector .store-extra-info .service-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.is-cc-selector .store-extra-info .service-type svg {
  width: 60px;
}

.is-cc-selector .store-extra-info .service-type > * {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.is-cc-selector .section-footer {
  display: none;
  position: fixed;
  bottom: 0;
  height: 40px;
  width: 100%;
  padding: 0 15px;
  background: #f0f0f0;
  border-top: 1px solid #dcdcdc;
  z-index: 2;
}

@media (max-width: 39.99em) {
  .is-cc-selector .section-footer {
    display: block;
  }
}

.is-cc-selector .section-footer .button-link {
  height: 37px;
  text-decoration: underline;
  margin-top: 1px;
  border-bottom: 0;
}

.is-cc-selector .section-footer .button-link:hover, .is-cc-selector .section-footer .button-link:focus {
  text-decoration: underline;
  border-bottom: 0;
}

.timeline {
  margin: 0;
  padding: 25px;
  list-style-type: none;
}

@media (min-width: 48em) {
  .timeline {
    padding: 30px;
  }
}

.timeline.stage-one-active .stage-one .stage-heading {
  color: #262626;
}

.timeline.stage-one-active .stage-one .timeline-point {
  background: #008a23;
}

.timeline.stage-one-active .stage-one .icon-success {
  display: block;
}

.timeline.stage-one-active.has-alert .stage-null:after {
  background: #fbcc2f;
}

.timeline.stage-one-active.has-alert .stage-one .timeline-point {
  background: #fbcc2f;
}

.timeline.stage-one-active.has-alert .stage-one .icon-success {
  display: none;
}

.timeline.stage-one-active.has-alert .stage-one .icon-alert {
  display: block;
}

.timeline.stage-one-active.has-error .stage-one .timeline-point {
  background: #e01a22;
}

.timeline.stage-one-active.has-error .stage-one .icon-success {
  display: none;
}

.timeline.stage-one-active.has-error .stage-one .icon-not-available {
  display: block;
}

.timeline.stage-two-active .stage-one .stage-heading {
  color: #262626;
}

.timeline.stage-two-active .stage-one .timeline-point {
  background: #008a23;
}

.timeline.stage-two-active .stage-one:after {
  background: #008a23;
}

.timeline.stage-two-active .stage-two .stage-heading {
  color: #262626;
}

.timeline.stage-two-active .stage-two .timeline-point {
  background: #008a23;
}

.timeline.stage-two-active .stage-two .icon-success {
  display: block;
}

.timeline.stage-two-active.has-alert .stage-one:after {
  background: #fbcc2f;
}

.timeline.stage-two-active.has-alert .stage-two .timeline-point {
  background: #fbcc2f;
}

.timeline.stage-two-active.has-alert .stage-two .icon-success {
  display: none;
}

.timeline.stage-two-active.has-alert .stage-two .icon-alert {
  display: block;
}

.timeline.stage-two-active.has-error .stage-one:after {
  background: #e01a22;
}

.timeline.stage-two-active.has-error .stage-two .timeline-point {
  background: #e01a22;
}

.timeline.stage-two-active.has-error .stage-two .icon-success {
  display: none;
}

.timeline.stage-two-active.has-error .stage-two .icon-not-available {
  display: block;
}

.timeline.stage-three-active .stage-one .stage-heading {
  color: #262626;
}

.timeline.stage-three-active .stage-one .timeline-point {
  background: #008a23;
}

.timeline.stage-three-active .stage-one:after {
  background: #008a23;
}

.timeline.stage-three-active .stage-two .stage-heading {
  color: #262626;
}

.timeline.stage-three-active .stage-two .timeline-point {
  background: #008a23;
}

.timeline.stage-three-active .stage-two:after {
  background: #008a23;
}

.timeline.stage-three-active .stage-three .stage-heading {
  color: #262626;
}

.timeline.stage-three-active .stage-three .timeline-point {
  background: #008a23;
}

.timeline.stage-three-active .stage-three .icon-success {
  display: block;
}

.timeline.stage-three-active.has-alert .stage-two:after {
  background: #fbcc2f;
}

.timeline.stage-three-active.has-alert .stage-three .timeline-point {
  background: #fbcc2f;
}

.timeline.stage-three-active.has-alert .stage-three .icon-success {
  display: none;
}

.timeline.stage-three-active.has-alert .stage-three .icon-alert {
  display: block;
}

.timeline.stage-three-active.has-error .stage-two:after {
  background: #e01a22;
}

.timeline.stage-three-active.has-error .stage-three .timeline-point {
  background: #e01a22;
}

.timeline.stage-three-active.has-error .stage-three .icon-success {
  display: none;
}

.timeline.stage-three-active.has-error .stage-three .icon-not-available {
  display: block;
}

.timeline.stage-four-active .stage-one .stage-heading {
  color: #262626;
}

.timeline.stage-four-active .stage-one .timeline-point {
  background: #008a23;
}

.timeline.stage-four-active .stage-one:after {
  background: #008a23;
}

.timeline.stage-four-active .stage-two .stage-heading {
  color: #262626;
}

.timeline.stage-four-active .stage-two .timeline-point {
  background: #008a23;
}

.timeline.stage-four-active .stage-two:after {
  background: #008a23;
}

.timeline.stage-four-active .stage-three .stage-heading {
  color: #262626;
}

.timeline.stage-four-active .stage-three .timeline-point {
  background: #008a23;
}

.timeline.stage-four-active .stage-three:after {
  background: #008a23;
}

.timeline.stage-four-active .stage-four .stage-heading {
  color: #262626;
}

.timeline.stage-four-active .stage-four .timeline-point {
  background: #008a23;
}

.timeline.stage-four-active .stage-four .icon-success {
  display: block;
}

.timeline.stage-four-active.has-alert .stage-three:after {
  background: #fbcc2f;
}

.timeline.stage-four-active.has-alert .stage-four .timeline-point {
  background: #fbcc2f;
}

.timeline.stage-four-active.has-alert .stage-four .icon-success {
  display: none;
}

.timeline.stage-four-active.has-alert .stage-four .icon-alert {
  display: block;
}

.timeline.stage-four-active.has-error .stage-three:after {
  background: #e01a22;
}

.timeline.stage-four-active.has-error .stage-four .timeline-point {
  background: #e01a22;
}

.timeline.stage-four-active.has-error .stage-four .icon-success {
  display: none;
}

.timeline.stage-four-active.has-error .stage-four .icon-not-available {
  display: block;
}

.timeline .timeline-stage {
  padding-left: 35px;
  position: relative;
  min-height: 105px;
}

.timeline .timeline-stage:after {
  content: '';
  display: block;
  position: absolute;
  height: 110%;
  width: 1px;
  background: #cccccc;
  left: 7px;
  top: 10px;
}

.timeline .timeline-stage:last-child {
  min-height: inherit;
}

.timeline .timeline-stage:last-child .stage-text {
  margin-bottom: 0;
}

.timeline .timeline-stage:last-child:after {
  display: none;
}

.timeline .timeline-stage .timeline-point {
  position: absolute;
  width: 25px;
  height: 25px;
  top: -1px;
  left: -5px;
  border-radius: 50%;
  background: #cccccc;
  border: 5px solid #ffffff;
  z-index: 2;
}

.timeline .timeline-stage .icon {
  display: none;
  position: absolute;
  z-index: 3;
}

.timeline .timeline-stage .icon-success {
  top: -8px;
  left: -12px;
  height: 38px;
  width: 38px;
  border: 5px solid white;
  border-radius: 50%;
}

.timeline .timeline-stage .icon-alert {
  top: -8px;
  left: -12px;
  height: 39px;
  width: 39px;
  background: #ffffff;
  border: 5px solid #ffffff;
}

.timeline .timeline-stage .icon-not-available {
  top: -8px;
  left: -11px;
  width: 38px;
  height: 38px;
  background: #ffffff;
  border: 5px solid #ffffff;
}

.timeline .timeline-stage .stage-text {
  margin-bottom: 15px;
}

.timeline .timeline-stage .stage-text a {
  display: inline-block;
}

.timeline .timeline-stage .stage-text a[data-superbar="true"] {
  display: inline;
}

.timeline .timeline-stage .stage-text a[data-superbar="false"] {
  display: none;
}

.timeline .timeline-stage .stage-heading {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3em;
  color: #767676;
}

.timeline .timeline-stage .stage-desc {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px;
}

@-webkit-keyframes animateDeliveryInProgress {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translateX(-555px);
            transform: translateX(-555px);
  }
}

@keyframes animateDeliveryInProgress {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translateX(-555px);
            transform: translateX(-555px);
  }
}

@-webkit-keyframes animateDeliveryCompleted {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translateX(-730px);
            transform: translateX(-730px);
  }
}

@keyframes animateDeliveryCompleted {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translateX(-730px);
            transform: translateX(-730px);
  }
}

@-webkit-keyframes animateToggleVisibility {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes animateToggleVisibility {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes animateStatusIconPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  1% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes animateStatusIconPulse {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  1% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes animateTruckSuspension {
  0% {
    -webkit-transform: translate(-50%, 4px);
            transform: translate(-50%, 4px);
  }
  50% {
    -webkit-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
  }
  100% {
    -webkit-transform: translate(-50%, 4px);
            transform: translate(-50%, 4px);
  }
}

@keyframes animateTruckSuspension {
  0% {
    -webkit-transform: translate(-50%, 4px);
            transform: translate(-50%, 4px);
  }
  50% {
    -webkit-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px);
  }
  100% {
    -webkit-transform: translate(-50%, 4px);
            transform: translate(-50%, 4px);
  }
}

@-webkit-keyframes animateStageFade {
  0% {
    border-width: 0;
  }
  40% {
    border-width: 160px;
  }
  60% {
    border-width: 160px;
  }
  100% {
    border-width: 0;
  }
}

@keyframes animateStageFade {
  0% {
    border-width: 0;
  }
  40% {
    border-width: 160px;
  }
  60% {
    border-width: 160px;
  }
  100% {
    border-width: 0;
  }
}

@-webkit-keyframes animateApple {
  from {
    -webkit-transform: translate(38px, -129px);
            transform: translate(38px, -129px);
  }
  to {
    -webkit-transform: translate(3px, -45px);
            transform: translate(3px, -45px);
  }
}

@keyframes animateApple {
  from {
    -webkit-transform: translate(38px, -129px);
            transform: translate(38px, -129px);
  }
  to {
    -webkit-transform: translate(3px, -45px);
            transform: translate(3px, -45px);
  }
}

@-webkit-keyframes animateBanana {
  from {
    -webkit-transform: translate(1px, -140px);
            transform: translate(1px, -140px);
  }
  to {
    -webkit-transform: translate(-11px, -62px) rotate(18deg);
            transform: translate(-11px, -62px) rotate(18deg);
  }
}

@keyframes animateBanana {
  from {
    -webkit-transform: translate(1px, -140px);
            transform: translate(1px, -140px);
  }
  to {
    -webkit-transform: translate(-11px, -62px) rotate(18deg);
            transform: translate(-11px, -62px) rotate(18deg);
  }
}

@-webkit-keyframes animateBottle {
  from {
    -webkit-transform: translate(26px, -84px);
            transform: translate(26px, -84px);
  }
  to {
    -webkit-transform: translate(9px, -63px);
            transform: translate(9px, -63px);
  }
}

@keyframes animateBottle {
  from {
    -webkit-transform: translate(26px, -84px);
            transform: translate(26px, -84px);
  }
  to {
    -webkit-transform: translate(9px, -63px);
            transform: translate(9px, -63px);
  }
}

@-webkit-keyframes animateBread {
  from {
    -webkit-transform: translate(10px, -103px);
            transform: translate(10px, -103px);
  }
  to {
    -webkit-transform: translate(15px, -47px);
            transform: translate(15px, -47px);
  }
}

@keyframes animateBread {
  from {
    -webkit-transform: translate(10px, -103px);
            transform: translate(10px, -103px);
  }
  to {
    -webkit-transform: translate(15px, -47px);
            transform: translate(15px, -47px);
  }
}

@-webkit-keyframes animateCarrot {
  from {
    -webkit-transform: translate(-57px, -56px);
            transform: translate(-57px, -56px);
  }
  to {
    -webkit-transform: translate(-51px, -47px);
            transform: translate(-51px, -47px);
  }
}

@keyframes animateCarrot {
  from {
    -webkit-transform: translate(-57px, -56px);
            transform: translate(-57px, -56px);
  }
  to {
    -webkit-transform: translate(-51px, -47px);
            transform: translate(-51px, -47px);
  }
}

@-webkit-keyframes animateCheese {
  from {
    -webkit-transform: translate(-19px, -116px);
            transform: translate(-19px, -116px);
  }
  to {
    -webkit-transform: translate(-19px, -22px);
            transform: translate(-19px, -22px);
  }
}

@keyframes animateCheese {
  from {
    -webkit-transform: translate(-19px, -116px);
            transform: translate(-19px, -116px);
  }
  to {
    -webkit-transform: translate(-19px, -22px);
            transform: translate(-19px, -22px);
  }
}

@-webkit-keyframes animateChilli {
  from {
    -webkit-transform: translate(-18px, -66px);
            transform: translate(-18px, -66px);
  }
  to {
    -webkit-transform: translate(-18px, -16px);
            transform: translate(-18px, -16px);
  }
}

@keyframes animateChilli {
  from {
    -webkit-transform: translate(-18px, -66px);
            transform: translate(-18px, -66px);
  }
  to {
    -webkit-transform: translate(-18px, -16px);
            transform: translate(-18px, -16px);
  }
}

@-webkit-keyframes animateFish {
  from {
    -webkit-transform: translate(-56px, -156px);
            transform: translate(-56px, -156px);
  }
  to {
    -webkit-transform: translate(-24px, -73px) rotate(4deg);
            transform: translate(-24px, -73px) rotate(4deg);
  }
}

@keyframes animateFish {
  from {
    -webkit-transform: translate(-56px, -156px);
            transform: translate(-56px, -156px);
  }
  to {
    -webkit-transform: translate(-24px, -73px) rotate(4deg);
            transform: translate(-24px, -73px) rotate(4deg);
  }
}

@-webkit-keyframes animateMilk {
  from {
    -webkit-transform: translate(-64px, -108px);
            transform: translate(-64px, -108px);
  }
  to {
    -webkit-transform: translate(-43px, -62px) rotate(8deg);
            transform: translate(-43px, -62px) rotate(8deg);
  }
}

@keyframes animateMilk {
  from {
    -webkit-transform: translate(-64px, -108px);
            transform: translate(-64px, -108px);
  }
  to {
    -webkit-transform: translate(-43px, -62px) rotate(8deg);
            transform: translate(-43px, -62px) rotate(8deg);
  }
}

@-webkit-keyframes animateMushroomOne {
  from {
    -webkit-transform: translate(-11px, -90px);
            transform: translate(-11px, -90px);
  }
  to {
    -webkit-transform: translate(-11px, -20px);
            transform: translate(-11px, -20px);
  }
}

@keyframes animateMushroomOne {
  from {
    -webkit-transform: translate(-11px, -90px);
            transform: translate(-11px, -90px);
  }
  to {
    -webkit-transform: translate(-11px, -20px);
            transform: translate(-11px, -20px);
  }
}

@-webkit-keyframes animateMushroomTwo {
  from {
    -webkit-transform: translate(-19px, -72px) rotate(-28deg);
            transform: translate(-19px, -72px) rotate(-28deg);
  }
  to {
    -webkit-transform: translate(-19px, -12px) rotate(-28deg);
            transform: translate(-19px, -12px) rotate(-28deg);
  }
}

@keyframes animateMushroomTwo {
  from {
    -webkit-transform: translate(-19px, -72px) rotate(-28deg);
            transform: translate(-19px, -72px) rotate(-28deg);
  }
  to {
    -webkit-transform: translate(-19px, -12px) rotate(-28deg);
            transform: translate(-19px, -12px) rotate(-28deg);
  }
}

.delivery-tracker .heading-container {
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .delivery-tracker .heading-container {
    margin-bottom: 0;
  }
}

.delivery-tracker .heading {
  margin: 0 0 5px;
  color: #262626;
}

@media (min-width: 48em) {
  .delivery-tracker .heading {
    font-size: 30px;
  }
}

.delivery-tracker .intro {
  font-weight: 200;
}

@media (min-width: 48em) {
  .delivery-tracker .intro {
    font-size: 20px;
  }
}

.delivery-tracker .intro a {
  font-size: 16px;
  font-weight: 200;
  display: inline-block;
}

.delivery-tracker .intro a[data-superbar="true"] {
  display: inline;
}

.delivery-tracker .intro a[data-superbar="false"] {
  display: none;
}

.delivery-tracker .intro.ordernotfound a {
  font-size: 20px;
}

.delivery-tracker .heading-button {
  margin-top: 10px;
}

.delivery-tracker .delivery-tracker-unavailable {
  display: block;
  text-align: center;
  margin: 10px 0;
  position: relative;
}

@media (min-width: 48em) {
  .delivery-tracker .delivery-tracker-unavailable {
    margin: 0 0 20px;
  }
}

.delivery-tracker .delivery-tracker-unavailable .icon-paperbaggraphic-grey {
  width: 140px;
  height: 185px;
}

@media (min-width: 48em) {
  .delivery-tracker .delivery-tracker-unavailable .icon-paperbaggraphic-grey {
    width: 185px;
    height: 245px;
  }
}

.delivery-tracker .delivery-tracker-unavailable .status-icon-container {
  -webkit-transform: translate(26px, 46px);
      -ms-transform: translate(26px, 46px);
          transform: translate(26px, 46px);
}

@media (min-width: 48em) {
  .delivery-tracker .delivery-tracker-unavailable .status-icon-container {
    -webkit-transform: translate(36px, 76px);
        -ms-transform: translate(36px, 76px);
            transform: translate(36px, 76px);
  }
}

.delivery-tracker .delivery-tracker-unavailable.is-cancelled .status-icon-container .icon-not-available {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  border-radius: 50%;
  background: #f0f0f0;
}

.delivery-tracker .delivery-tracker-unavailable.is-error .status-icon-container .icon-alert-stroked {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  border: 0;
}

.delivery-tracker .status-icon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(36px, -86px);
      -ms-transform: translate(36px, -86px);
          transform: translate(36px, -86px);
  height: 46px;
  width: 46px;
  z-index: 25;
}

.delivery-tracker .status-icon-container .icon {
  position: static;
}

.delivery-tracker .status-icon-container .icon.icon-success, .delivery-tracker .status-icon-container .icon.icon-not-available, .delivery-tracker .status-icon-container .icon.icon-alert-stroked {
  height: 46px;
  width: 46px;
  opacity: 0;
  border: 5px solid #f0f0f0;
  z-index: 25;
}

.delivery-tracker .status-icon-container .icon.icon-success {
  border-radius: 50%;
  background: #f0f0f0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

@media (min-width: 64.0625em) {
  .delivery-tracker.tracking-available .main-content-inside {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 48em) {
  .delivery-tracker.tracking-available .main-content-body-plain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.delivery-tracker.tracking-available .heading-container {
  text-align: left;
  margin-bottom: 0;
}

.delivery-tracker.tracking-available .heading {
  margin: 0;
}

@media (min-width: 48em) {
  .delivery-tracker.tracking-available .heading {
    margin-bottom: 5px;
    font-size: 22px;
  }
}

@media (min-width: 64.0625em) {
  .delivery-tracker.tracking-available .heading {
    font-size: 30px;
  }
}

@media (min-width: 48em) {
  .delivery-tracker.tracking-available .intro {
    font-size: 18px;
  }
}

@media (min-width: 64.0625em) {
  .delivery-tracker.tracking-available .intro {
    font-size: 20px;
  }
}

.delivery-tracker.tracking-available .delivery-tracker-unavailable {
  display: none;
}

@media (min-width: 48em) {
  .delivery-tracker.tracking-available .delivery-tracker-image-container {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.delivery-tracker.collect-now .main-content-body-plain {
  display: block;
  padding: 10px;
}

@media (min-width: 48em) {
  .delivery-tracker.collect-now .main-content-body-plain {
    padding: 0;
  }
}

.delivery-tracker.collect-now .heading-container {
  text-align: center;
  margin-bottom: 20px;
}

.delivery-tracker.collect-now .heading-container .heading {
  font-size: 30px;
  margin: 0;
}

@media (max-width: 47.99em) {
  .delivery-tracker.collect-now .heading-container .heading {
    font-size: 22px;
  }
}

.delivery-tracker.collect-now .heading-container .heading.intro {
  font-size: 1em;
  display: block;
  padding: 0;
}

.delivery-tracker.collect-now .collection-info {
  margin: 0 0 20px;
}

.delivery-tracker.collect-now .collection-info.reminder-msg {
  text-align: center;
}

@media (min-width: 48em) {
  .delivery-tracker.collect-now .collection-info.reminder-msg .collection-details .collection-details-copy {
    font-size: 17px;
  }
}

.delivery-tracker.collect-now .collection-info .collection-details {
  font-size: 14px;
  margin-bottom: 15px;
}

.delivery-tracker.collect-now .collection-info .collection-details:last-child {
  margin-bottom: 0;
}

.delivery-tracker.collect-now .collection-info .collection-details .collection-details-heading {
  margin: 0 0 5px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.delivery-tracker.collect-now .collection-info .collection-details .collection-details-copy {
  display: block;
  font-size: 15px;
  margin: 0 0 5px;
}

.delivery-tracker.collect-now .collection-info .collection-details .collection-details-copy a {
  font-weight: normal;
  font-size: 13px;
}

.delivery-tracker.collect-now .espotContainer {
  margin-bottom: 20px;
}

.delivery-tracker.collect-now .button.button-dark {
  width: 100%;
  font-family: Arial;
  font-weight: bold;
}

@media (min-width: 30em) {
  .delivery-tracker.collect-now .button.button-dark {
    float: right;
    width: auto;
  }
}

.delivery-tracker.collect-now .delivery-tracker-image-container {
  display: block;
  height: 150px;
  margin-bottom: 10px;
  overflow: hidden;
}

.delivery-tracker.collect-now .delivery-tracker-image-container .delivery-tracker-image-mask {
  height: 150px;
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-apple,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-banana,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-bottle,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-bread,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-carrot,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-cheese,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-chilli,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-fish,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-milk,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-mushroom-one,
.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-mushroom-two {
  -webkit-animation: none !important;
          animation: none !important;
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-apple {
  -webkit-transform: translate(3px, -45px);
      -ms-transform: translate(3px, -45px);
          transform: translate(3px, -45px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-banana {
  -webkit-transform: translate(-11px, -62px) rotate(18deg);
      -ms-transform: translate(-11px, -62px) rotate(18deg);
          transform: translate(-11px, -62px) rotate(18deg);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-bottle {
  -webkit-transform: translate(9px, -63px);
      -ms-transform: translate(9px, -63px);
          transform: translate(9px, -63px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-bread {
  -webkit-transform: translate(15px, -47px);
      -ms-transform: translate(15px, -47px);
          transform: translate(15px, -47px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-carrot {
  -webkit-transform: translate(-51px, -47px);
      -ms-transform: translate(-51px, -47px);
          transform: translate(-51px, -47px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-cheese {
  -webkit-transform: translate(-19px, -22px);
      -ms-transform: translate(-19px, -22px);
          transform: translate(-19px, -22px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-chilli {
  -webkit-transform: translate(-18px, -16px);
      -ms-transform: translate(-18px, -16px);
          transform: translate(-18px, -16px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-fish {
  -webkit-transform: translate(-24px, -73px) rotate(4deg);
      -ms-transform: translate(-24px, -73px) rotate(4deg);
          transform: translate(-24px, -73px) rotate(4deg);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-milk {
  -webkit-transform: translate(-43px, -62px) rotate(8deg);
      -ms-transform: translate(-43px, -62px) rotate(8deg);
          transform: translate(-43px, -62px) rotate(8deg);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-mushroom-one {
  -webkit-transform: translate(-11px, -20px);
      -ms-transform: translate(-11px, -20px);
          transform: translate(-11px, -20px);
}

.delivery-tracker.collect-now .delivery-tracker-image-container .grocery-mushroom-two {
  -webkit-transform: translate(-19px, -12px) rotate(-28deg);
      -ms-transform: translate(-19px, -12px) rotate(-28deg);
          transform: translate(-19px, -12px) rotate(-28deg);
}

.delivery-tracker-image-container {
  display: none;
  position: relative;
}

.delivery-tracker-image-container .delivery-tracker-animation-element {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
}

.delivery-tracker-image-container .delivery-tracker-circle-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 185px;
  height: 185px;
  background: #e2e2e2;
  border-radius: 50%;
  z-index: 2;
}

.delivery-tracker-image-container .grocery-paperbag {
  width: 92px;
  height: 107px;
  -webkit-transform: translate(-45px, -41px);
      -ms-transform: translate(-45px, -41px);
          transform: translate(-45px, -41px);
  z-index: 12;
}

.delivery-tracker-image-container .grocery-apple {
  -webkit-transform: translate(38px, -129px);
      -ms-transform: translate(38px, -129px);
          transform: translate(38px, -129px);
  height: 22px;
  width: 20px;
  z-index: 5;
}

.delivery-tracker-image-container .grocery-banana {
  -webkit-transform: translate(1px, -140px);
      -ms-transform: translate(1px, -140px);
          transform: translate(1px, -140px);
  height: 52px;
  width: 28px;
  z-index: 4;
}

.delivery-tracker-image-container .grocery-bottle {
  -webkit-transform: translate(26px, -84px);
      -ms-transform: translate(26px, -84px);
          transform: translate(26px, -84px);
  height: 63px;
  width: 32px;
  z-index: 6;
}

.delivery-tracker-image-container .grocery-bread {
  -webkit-transform: translate(10px, -103px);
      -ms-transform: translate(10px, -103px);
          transform: translate(10px, -103px);
  height: 59px;
  width: 38px;
  z-index: 7;
}

.delivery-tracker-image-container .grocery-carrot {
  -webkit-transform: translate(-57px, -56px);
      -ms-transform: translate(-57px, -56px);
          transform: translate(-57px, -56px);
  height: 39px;
  width: 28px;
  z-index: 3;
}

.delivery-tracker-image-container .grocery-cheese {
  -webkit-transform: translate(-19px, -116px);
      -ms-transform: translate(-19px, -116px);
          transform: translate(-19px, -116px);
  height: 25px;
  width: 28px;
}

.delivery-tracker-image-container .grocery-chilli {
  -webkit-transform: translate(-18px, -66px);
      -ms-transform: translate(-18px, -66px);
          transform: translate(-18px, -66px);
  height: 23px;
  width: 26px;
}

.delivery-tracker-image-container .grocery-fish {
  -webkit-transform: translate(-56px, -156px);
      -ms-transform: translate(-56px, -156px);
          transform: translate(-56px, -156px);
  height: 60px;
  width: 35px;
}

.delivery-tracker-image-container .grocery-milk {
  -webkit-transform: translate(-64px, -108px);
      -ms-transform: translate(-64px, -108px);
          transform: translate(-64px, -108px);
  height: 55px;
  width: 42px;
}

.delivery-tracker-image-container .grocery-mushroom-one {
  -webkit-transform: translate(-11px, -90px);
      -ms-transform: translate(-11px, -90px);
          transform: translate(-11px, -90px);
  height: 19px;
  width: 17px;
}

.delivery-tracker-image-container .grocery-mushroom-two {
  -webkit-transform: translate(-19px, -72px) rotate(-28deg);
      -ms-transform: translate(-19px, -72px) rotate(-28deg);
          transform: translate(-19px, -72px) rotate(-28deg);
  height: 19px;
  width: 17px;
}

.delivery-tracker-image-container .delivery-tracker-image-mask {
  width: 320px;
  height: 320px;
  border: 0px solid #f0f0f0;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
}

.delivery-tracker-image-container .delivery-tracker-groceries-image,
.delivery-tracker-image-container .delivery-tracker-delivery-image {
  position: absolute;
  top: 50%;
  left: 50%;
}

.delivery-tracker-image-container .delivery-tracker-delivery-image {
  opacity: 0;
}

.delivery-tracker-image-container .delivery-tracker-delivery-bg-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 184px;
  height: 184px;
  border-radius: 50%;
  z-index: 2;
  overflow: hidden;
}

.delivery-tracker-image-container .delivery-tracker-delivery-bg {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(6%, #fff), color-stop(7.6%, #fbfeff), color-stop(20%, #c7effc), color-stop(34%, #99e3fa), color-stop(47%, #74d8f8), color-stop(60%, #58d0f6), color-stop(74%, #43cbf5), color-stop(87%, #37c7f4), to(#33c6f4));
  background: linear-gradient(to top, #fff 6%, #fbfeff 7.6%, #c7effc 20%, #99e3fa 34%, #74d8f8 47%, #58d0f6 60%, #43cbf5 74%, #37c7f4 87%, #33c6f4 100%);
  width: 925px;
  height: 185px;
  top: 0;
  left: 0;
}

.delivery-tracker-image-container .delivery-truck-chassis {
  width: 106px;
  height: 48px;
  -webkit-transform: translate(-50%, 4px);
      -ms-transform: translate(-50%, 4px);
          transform: translate(-50%, 4px);
}

.delivery-tracker-image-container .delivery-truck-wheel {
  width: 17px;
  height: 17px;
  background: #838280;
  border: 5px solid #221F20;
  border-radius: 50%;
}

.delivery-tracker-image-container .delivery-truck-wheel.delivery-truck-wheel-one {
  -webkit-transform: translate(-35px, 45px);
      -ms-transform: translate(-35px, 45px);
          transform: translate(-35px, 45px);
}

.delivery-tracker-image-container .delivery-truck-wheel.delivery-truck-wheel-two {
  -webkit-transform: translate(23px, 45px);
      -ms-transform: translate(23px, 45px);
          transform: translate(23px, 45px);
}

.delivery-tracker-image-container .delivery-truck-indicator {
  width: 4px;
  height: 4px;
  display: block;
  -webkit-transition: none;
  transition: none;
  background: orange;
  border-radius: 50%;
}

.delivery-tracker-image-container .delivery-truck-indicator.front {
  -webkit-transform: translate(49px, 41px);
      -ms-transform: translate(49px, 41px);
          transform: translate(49px, 41px);
}

.delivery-tracker-image-container .delivery-truck-indicator.back {
  -webkit-transform: translate(-54px, 41px);
      -ms-transform: translate(-54px, 41px);
          transform: translate(-54px, 41px);
}

.delivery-tracker-image-container .delivery-tracker-failed-delivery-image {
  display: none;
}

.delivery-tracker-image-container .delivery-tracker-failed-delivery-image .icon-deliverytruckgraphic-grey {
  width: 185px;
  height: 185px;
}

.delivery-tracker-image-container.is-preparing .delivery-tracker-animation-element {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: both !important;
          animation-fill-mode: both !important;
}

.delivery-tracker-image-container.is-preparing .grocery-apple {
  -webkit-animation: animateApple 0.7s ease-in-out 1s;
          animation: animateApple 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-banana {
  -webkit-animation: animateBanana 0.7s ease-in-out 1s;
          animation: animateBanana 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-bottle {
  -webkit-animation: animateBottle 0.7s ease-in-out 1s;
          animation: animateBottle 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-bread {
  -webkit-animation: animateBread 0.7s ease-in-out 1s;
          animation: animateBread 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-carrot {
  -webkit-animation: animateCarrot 0.7s ease-in-out 1s;
          animation: animateCarrot 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-cheese {
  -webkit-animation: animateCheese 0.7s ease-in-out 1s;
          animation: animateCheese 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-chilli {
  -webkit-animation: animateChilli 0.7s ease-in-out 1s;
          animation: animateChilli 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-fish {
  -webkit-animation: animateFish 0.7s ease-in-out 1s;
          animation: animateFish 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-milk {
  -webkit-animation: animateMilk 0.7s ease-in-out 1s;
          animation: animateMilk 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-mushroom-one {
  -webkit-animation: animateMushroomOne 0.7s ease-in-out 1s;
          animation: animateMushroomOne 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-preparing .grocery-mushroom-two {
  -webkit-animation: animateMushroomTwo 0.7s ease-in-out 1s;
          animation: animateMushroomTwo 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .delivery-tracker-animation-element {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: both !important;
          animation-fill-mode: both !important;
}

.delivery-tracker-image-container.is-delivering .grocery-apple {
  -webkit-animation: animateApple 0.7s ease-in-out 1s;
          animation: animateApple 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-banana {
  -webkit-animation: animateBanana 0.7s ease-in-out 1s;
          animation: animateBanana 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-bottle {
  -webkit-animation: animateBottle 0.7s ease-in-out 1s;
          animation: animateBottle 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-bread {
  -webkit-animation: animateBread 0.7s ease-in-out 1s;
          animation: animateBread 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-carrot {
  -webkit-animation: animateCarrot 0.7s ease-in-out 1s;
          animation: animateCarrot 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-cheese {
  -webkit-animation: animateCheese 0.7s ease-in-out 1s;
          animation: animateCheese 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-chilli {
  -webkit-animation: animateChilli 0.7s ease-in-out 1s;
          animation: animateChilli 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-fish {
  -webkit-animation: animateFish 0.7s ease-in-out 1s;
          animation: animateFish 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-milk {
  -webkit-animation: animateMilk 0.7s ease-in-out 1s;
          animation: animateMilk 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-mushroom-one {
  -webkit-animation: animateMushroomOne 0.7s ease-in-out 1s;
          animation: animateMushroomOne 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .grocery-mushroom-two {
  -webkit-animation: animateMushroomTwo 0.7s ease-in-out 1s;
          animation: animateMushroomTwo 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivering .delivery-tracker-image-mask {
  -webkit-animation: animateStageFade 1.2s linear 1.8s 1;
          animation: animateStageFade 1.2s linear 1.8s 1;
}

.delivery-tracker-image-container.is-delivering .delivery-tracker-delivery-image {
  opacity: 0;
  -webkit-animation: animateToggleVisibility 0.1s linear 2.4s;
          animation: animateToggleVisibility 0.1s linear 2.4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivering .delivery-tracker-groceries-image {
  -webkit-animation: animateToggleVisibility 0.1s linear 2.4s;
          animation: animateToggleVisibility 0.1s linear 2.4s;
  animation-direction: reverse;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivering .delivery-tracker-delivery-bg {
  -webkit-animation: animateDeliveryInProgress 3s ease-in-out 3s;
          animation: animateDeliveryInProgress 3s ease-in-out 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivering .delivery-truck-chassis {
  -webkit-animation: animateTruckSuspension 0.5s cubic-bezier(0.47, -0.46, 0.4, 1.46) 3.3s 5;
          animation: animateTruckSuspension 0.5s cubic-bezier(0.47, -0.46, 0.4, 1.46) 3.3s 5;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-animation-element {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: both !important;
          animation-fill-mode: both !important;
}

.delivery-tracker-image-container.is-delivered .grocery-apple {
  -webkit-animation: animateApple 0.7s ease-in-out 1s;
          animation: animateApple 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-banana {
  -webkit-animation: animateBanana 0.7s ease-in-out 1s;
          animation: animateBanana 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-bottle {
  -webkit-animation: animateBottle 0.7s ease-in-out 1s;
          animation: animateBottle 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-bread {
  -webkit-animation: animateBread 0.7s ease-in-out 1s;
          animation: animateBread 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-carrot {
  -webkit-animation: animateCarrot 0.7s ease-in-out 1s;
          animation: animateCarrot 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-cheese {
  -webkit-animation: animateCheese 0.7s ease-in-out 1s;
          animation: animateCheese 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-chilli {
  -webkit-animation: animateChilli 0.7s ease-in-out 1s;
          animation: animateChilli 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-fish {
  -webkit-animation: animateFish 0.7s ease-in-out 1s;
          animation: animateFish 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-milk {
  -webkit-animation: animateMilk 0.7s ease-in-out 1s;
          animation: animateMilk 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-mushroom-one {
  -webkit-animation: animateMushroomOne 0.7s ease-in-out 1s;
          animation: animateMushroomOne 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .grocery-mushroom-two {
  -webkit-animation: animateMushroomTwo 0.7s ease-in-out 1s;
          animation: animateMushroomTwo 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-image-mask {
  -webkit-animation: animateStageFade 1.2s linear 1.8s 1;
          animation: animateStageFade 1.2s linear 1.8s 1;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-delivery-image {
  opacity: 0;
  -webkit-animation: animateToggleVisibility 0.1s linear 2.4s;
          animation: animateToggleVisibility 0.1s linear 2.4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-groceries-image {
  -webkit-animation: animateToggleVisibility 0.1s linear 2.4s;
          animation: animateToggleVisibility 0.1s linear 2.4s;
  animation-direction: reverse;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-delivery-bg {
  -webkit-animation: animateDeliveryInProgress 3s ease-in-out 3s;
          animation: animateDeliveryInProgress 3s ease-in-out 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivered .delivery-truck-chassis {
  -webkit-animation: animateTruckSuspension 0.5s cubic-bezier(0.47, -0.46, 0.4, 1.46) 3.3s 5;
          animation: animateTruckSuspension 0.5s cubic-bezier(0.47, -0.46, 0.4, 1.46) 3.3s 5;
}

.delivery-tracker-image-container.is-delivered .delivery-tracker-delivery-bg {
  -webkit-animation: animateDeliveryCompleted 3s ease-in-out 3s;
          animation: animateDeliveryCompleted 3s ease-in-out 3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-delivered .icon.icon-success {
  -webkit-animation: animateStatusIconPulse 0.3s ease-in-out 6s 1;
          animation: animateStatusIconPulse 0.3s ease-in-out 6s 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-collected .delivery-tracker-animation-element {
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: both !important;
          animation-fill-mode: both !important;
}

.delivery-tracker-image-container.is-collected .grocery-apple {
  -webkit-animation: animateApple 0.7s ease-in-out 1s;
          animation: animateApple 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-banana {
  -webkit-animation: animateBanana 0.7s ease-in-out 1s;
          animation: animateBanana 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-bottle {
  -webkit-animation: animateBottle 0.7s ease-in-out 1s;
          animation: animateBottle 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-bread {
  -webkit-animation: animateBread 0.7s ease-in-out 1s;
          animation: animateBread 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-carrot {
  -webkit-animation: animateCarrot 0.7s ease-in-out 1s;
          animation: animateCarrot 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-cheese {
  -webkit-animation: animateCheese 0.7s ease-in-out 1s;
          animation: animateCheese 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-chilli {
  -webkit-animation: animateChilli 0.7s ease-in-out 1s;
          animation: animateChilli 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-fish {
  -webkit-animation: animateFish 0.7s ease-in-out 1s;
          animation: animateFish 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-milk {
  -webkit-animation: animateMilk 0.7s ease-in-out 1s;
          animation: animateMilk 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-mushroom-one {
  -webkit-animation: animateMushroomOne 0.7s ease-in-out 1s;
          animation: animateMushroomOne 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .grocery-mushroom-two {
  -webkit-animation: animateMushroomTwo 0.7s ease-in-out 1s;
          animation: animateMushroomTwo 0.7s ease-in-out 1s;
}

.delivery-tracker-image-container.is-collected .status-icon-container {
  -webkit-transform: translate(36px, 46px);
      -ms-transform: translate(36px, 46px);
          transform: translate(36px, 46px);
}

.delivery-tracker-image-container.is-collected .icon.icon-success {
  -webkit-animation: animateStatusIconPulse 0.3s ease-in-out 2s 1;
          animation: animateStatusIconPulse 0.3s ease-in-out 2s 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delivery-tracker-image-container.is-failed .delivery-tracker-groceries-image,
.delivery-tracker-image-container.is-failed .delivery-tracker-delivery-image {
  display: none;
}

.delivery-tracker-image-container.is-failed .delivery-tracker-failed-delivery-image {
  display: block;
}

.delivery-tracker-image-container.is-failed .delivery-tracker-delivery-bg-container {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(16%, #f2f2f2), color-stop(48%, #cfcfcf), color-stop(90%, #989898), to(#8a8a8a));
  background: linear-gradient(to top, #fff 0%, #f2f2f2 16%, #cfcfcf 48%, #989898 90%, #8a8a8a 100%);
}

.delivery-tracker-image-container.is-failed .status-icon-container {
  -webkit-transform: translate(36px, 46px);
      -ms-transform: translate(36px, 46px);
          transform: translate(36px, 46px);
}

.delivery-tracker-image-container.is-failed .status-icon-container .icon-not-available {
  opacity: 1;
  border-radius: 50%;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  right: 0;
}

.main-content.invoice {
  max-width: 990px;
}

@media (min-width: 60.9375em) {
  .main-content.invoice .main-content-inside {
    padding: 32px;
  }
}

.main-content.invoice .main-content-body {
  padding: 15px;
  color: #262626;
}

@media (min-width: 30em) {
  .main-content.invoice .main-content-body {
    padding: 23px;
  }
}

@media (min-width: 60.9375em) {
  .main-content.invoice .main-content-body {
    padding: 30px;
  }
}

@media (min-width: 48em) {
  .main-content.invoice .col-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-content.invoice .col {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 48em) {
  .main-content.invoice .col {
    width: 50%;
  }
}

.main-content.invoice .invoice-logo-container {
  display: none;
}

@media (min-width: 48em) {
  .main-content.invoice .invoice-logo-container {
    display: block;
  }
}

.main-content.invoice .coles-logo {
  display: block;
  height: 38px;
  width: 120px;
  margin-bottom: 5px;
  fill: #e01a22;
  position: absolute;
}

.main-content.invoice .section {
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .main-content.invoice .section {
    margin-bottom: 30px;
  }
}

.main-content.invoice .section:last-child {
  margin-bottom: 0;
}

.main-content.invoice .section.section-header {
  margin-bottom: 15px;
  font-size: 13px;
  color: #262626;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-header {
    margin-bottom: 30px;
    font-size: 14px;
  }
}

.main-content.invoice .section.section-header .col-left {
  width: 100%;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-header .col-left {
    width: 65%;
  }
}

.main-content.invoice .section.section-header .col-right {
  width: 100%;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-header .col-right {
    width: 34%;
  }
}

.main-content.invoice .section.section-header .heading {
  margin: 0 0 5px;
  font-size: 24px;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-header .heading {
    margin-top: 13px;
  }
}

.main-content.invoice .section.section-header .business-details {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 12px;
}

.main-content.invoice .section.section-header .business-details .detail-container {
  margin-top: 0;
}

.main-content.invoice .section.section-subtotals, .main-content.invoice .section.section-totals {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-subtotals, .main-content.invoice .section.section-totals {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
}

.main-content.invoice .section.section-subtotals .total-container, .main-content.invoice .section.section-totals .total-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 5px 0 0;
}

.main-content.invoice .section.section-subtotals .total-container:first-child, .main-content.invoice .section.section-totals .total-container:first-child {
  margin-top: 0;
}

.main-content.invoice .section.section-subtotals .total-container .total-heading, .main-content.invoice .section.section-totals .total-container .total-heading {
  display: inline-block;
  width: calc(100% - 70px);
}

.main-content.invoice .section.section-subtotals .total-container .total-amount, .main-content.invoice .section.section-totals .total-container .total-amount {
  display: inline-block;
  width: 70px;
  text-align: right;
}

.main-content.invoice .section.section-subtotals .total-container .total-count, .main-content.invoice .section.section-totals .total-container .total-count {
  margin-bottom: 5px;
}

.main-content.invoice .section.section-subtotals .total-container span[role="text"], .main-content.invoice .section.section-totals .total-container span[role="text"] {
  width: 100%;
  display: inherit;
}

.main-content.invoice .section.section-totals {
  padding-top: 5px;
  padding-bottom: 5px;
  background: #f0f0f0;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-totals {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.main-content.invoice .section.section-product {
  margin-top: 20px;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .main-content.invoice .section.section-product {
    margin-top: 0;
  }
}

.main-content.invoice .section.has-divider {
  padding-top: 10px;
  border-top: 2px solid #e3e3e3;
}

@media (min-width: 48em) {
  .main-content.invoice .section.has-divider {
    padding-top: 15px;
  }
}

.main-content.invoice .section.has-divider.liquor-message {
  text-align: center;
  border: 3px solid #000;
  padding: 20px;
}

.main-content.invoice .section .heading {
  margin: 0 0 10px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.main-content.invoice .section .heading.small {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.main-content.invoice .section .sub-section {
  margin-top: 15px;
}

.main-content.invoice .section .single-line {
  display: inline-block;
  width: 100%;
}

.main-content.invoice .section .plain-text {
  font-size: 1em;
  margin: 0;
}

.main-content.invoice .section .bold-text {
  font-weight: bold;
}

.main-content.invoice .section .small-text {
  font-size: 12px;
}

.main-content.invoice p {
  margin: 0 0 5px;
}

.main-content.invoice .detail-container {
  margin: 5px 0 0;
}

.main-content.invoice .detail-container .detail-body a {
  font-weight: normal;
}

.main-content.invoice .is-centered {
  text-align: center;
}

@media (max-width: 47.99em) {
  .main-content.invoice .is-centered.mobile-is-left {
    text-align: left;
  }
}

.main-content.invoice .barcode-image {
  margin-top: 15px;
  max-width: 270px;
  height: 80px;
}

@media (min-width: 60.9375em) {
  .main-content.invoice .barcode-image {
    margin-top: 30px;
  }
}

.main-content.invoice .invoice-table {
  table-layout: fixed;
  margin-bottom: 0;
  border: 0;
}

.main-content.invoice .invoice-table th, .main-content.invoice .invoice-table td {
  padding: 7px;
  border-bottom: 0;
  border-left: 1px #ffffff solid;
  text-align: center;
}

.main-content.invoice .invoice-table th:first-child, .main-content.invoice .invoice-table td:first-child {
  border-left: 0;
  text-align: left;
}

.main-content.invoice .invoice-table th.product-cell, .main-content.invoice .invoice-table td.product-cell {
  width: 100%;
}

.main-content.invoice .invoice-table th.comment-cell, .main-content.invoice .invoice-table td.comment-cell {
  min-width: 87px;
}

.main-content.invoice .invoice-table th.qty-cell, .main-content.invoice .invoice-table th.pickqty-cell, .main-content.invoice .invoice-table th.price-cell, .main-content.invoice .invoice-table th.total-cell, .main-content.invoice .invoice-table td.qty-cell, .main-content.invoice .invoice-table td.pickqty-cell, .main-content.invoice .invoice-table td.price-cell, .main-content.invoice .invoice-table td.total-cell {
  min-width: 75px;
}

.main-content.invoice .invoice-table th.product-substitution, .main-content.invoice .invoice-table td.product-substitution {
  padding-left: 20px;
}

.main-content.invoice .invoice-table td {
  padding-top: 5px;
  padding-bottom: 3px;
}

.main-content.invoice .invoice-table tr:nth-child(2n) {
  background: #f9f9f9;
}

.main-content.invoice .invoice-table .invoice-table-head {
  background: #f0f0f0;
  vertical-align: bottom;
  text-align: center;
}

.main-content.invoice .invoice-product-list {
  border-top: 1px solid #e3e3e3;
}

.main-content.invoice .invoice-product-list .invoice-product {
  padding: 5px 0;
  border-bottom: 1px solid #e3e3e3;
  background: #f0f0f0;
}

.main-content.invoice .invoice-product-list .invoice-product:nth-child(2n) {
  background: #ffffff;
}

.main-content.invoice .invoice-product-list .invoice-product-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.main-content.invoice .invoice-product-list .invoice-product-row:last-child {
  margin-bottom: 0;
}

.main-content.invoice .invoice-product-list .invoice-product-row .row-heading,
.main-content.invoice .invoice-product-list .invoice-product-row .row-detail {
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;
}

.main-content.invoice .invoice-product-list .invoice-product-row .row-heading {
  width: 120px;
  font-weight: bold;
}

.main-content.invoice .invoice-product-list .invoice-product-row .row-detail {
  width: calc(100% - 120px);
}

/*
**@name : view-manage-sub-nav
**@description : manage subscription superbar template css
*/
.view-manage-sub-nav .draw-content-body .preloaderContainer {
  margin-top: 30px;
}

.view-manage-sub-nav .draw-content-body .input-container.boundary {
  padding: 15px 20px;
}

.view-manage-sub-nav .draw-content-body .input-container .margin-r-5 {
  margin-right: 5px;
}

.view-manage-sub-nav .draw-content-body .input-container .margin-b--5 {
  margin-bottom: -5px;
}

.view-manage-sub-nav .draw-content-body .input-container .heading-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-bottom: 0px;
}

.view-manage-sub-nav .draw-content-body .input-container .heading-container > .left-col {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-right: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.view-manage-sub-nav .draw-content-body .input-container .heading-container > .right-col {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
}

.view-manage-sub-nav .draw-content-body .input-container .detail-row {
  font-size: 14px;
  word-break: break-word;
  margin: 0px;
  margin-bottom: 5px;
}

.view-manage-sub-nav .draw-content-body .input-container .payment-details svg.icon {
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.delivery-subs-container {
  font-family: "Source Sans Pro";
  width: 50%;
  margin: 0 auto;
}

.delivery-subs-container .heading {
  height: 40px;
  width: 630px;
  color: #20211F;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px;
}

.delivery-subs-container .info {
  height: 66px;
  width: 640px;
  color: #20211F;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

.delivery-subs-container .content-area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 387px;
  width: 641px;
  border: 1px solid rgba(32, 33, 31, 0.1);
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 20px;
}

.delivery-subs-container .content-area .content-heading {
  height: 32px;
  width: 100%;
  color: #20211F;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.delivery-subs-container .content-area .content-heading .col1 {
  width: 50%;
}

.delivery-subs-container .content-area .content-heading .col2 {
  width: 50%;
  text-align: right;
}

.delivery-subs-container .content-area .benifit-list {
  list-style: none;
}

.delivery-subs-container .content-area .benifit-list .benifit-list-item {
  height: 22px;
  color: #20211F;
  font-size: 16px;
  line-height: 22px;
}

.delivery-subs-container .content-area .benifit-list .benifit-list-item .icon-arrow {
  height: 10px;
  width: 10px;
}

.cancel-confirm-section {
  margin: auto 0;
  height: 350px;
}

.draw-content-info {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.draw-content-info .icon1 {
  width: 122px;
  height: 72px;
  color: #979797;
  margin-top: 50px;
}

.draw-content-info .icon2 {
  width: 80px;
  height: 80px;
}

.draw-content-info .sub-heading {
  font-size: 24px;
  line-height: 32px;
}

.draw-content-info .sub-heading-md {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}

.draw-content-footer-section {
  text-align: center;
}

.draw-content-footer-section p {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding: 10px 0;
  white-space: inherit;
  color: #5c5c5c;
}

.draw-content-footer-section p a {
  display: inline-block;
  text-decoration: none !important;
  border-bottom: 0 !important;
  font-weight: bold;
}

.draw-content-footer-section .full-width-btn {
  width: 85%;
  margin: 0 auto;
  margin-bottom: 20px;
  display: inherit;
}

.draw-content-footer-section .full-width-anchor {
  font-size: 15px;
  color: rgba(32, 33, 31, 0.65);
}

.draw-content-footer-section .full-width-anchor .icon-cancel {
  vertical-align: text-bottom;
}

.draw-content-footer-section .full-width-anchor span[role="text"] {
  border-bottom: 1px solid rgba(32, 33, 31, 0.65);
  padding-bottom: 1px;
}

/* Delivery subscription page css starts*/
.delivery-subs-page {
  /*default*/
}

.delivery-subs-page .text-right {
  text-align: right;
  position: relative;
}

.delivery-subs-page .sub-header {
  font-family: "Source Sans Pro";
  font-size: 16px;
}

.delivery-subs-page .form-field-checkbox-label {
  margin-right: 0px !important;
}

.delivery-subs-page .form-field-checkbox-label .label {
  padding-right: 0px !important;
}

.delivery-subs-page .form-field-checkbox-label-last {
  margin-bottom: 20px;
}

.delivery-subs-page .form-field-checkbox-label input {
  margin-right: 3px;
}

.delivery-subs-page .form-field-checkbox-label input[Type="checkbox"] + .form-field-checkbox-mask {
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff;
  width: 19px;
  height: 19px;
  content: " ";
  display: block;
  pointer-events: none;
  top: 2px;
}

.delivery-subs-page .form-field-checkbox-label span {
  font-weight: 100;
  font-size: 16px;
  color: #4c4c4c;
}

.delivery-subs-page .delivery-back {
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
}

.delivery-subs-page button.button.button-dark.start-subscription {
  font-size: 15px;
  font-weight: bold;
}

.delivery-subs-page .alert {
  left: 146px;
  top: 22px;
}

.delivery-subs-page .alert .alert-wrapper .arrow {
  left: 50px;
}

@media (max-width: 60.927em) {
  .delivery-subs-page .main-content-footer {
    padding: 0 23px;
  }
}

@media (max-width: 47.99em) {
  .delivery-subs-page .main-content-footer {
    padding: 0 8px;
  }
}

@media (max-width: 70.5625em) and (min-width: 52.4475em) {
  .delivery-subs-page .alert {
    left: 330px;
  }
}

@media (max-width: 52.4375em) and (min-width: 47em) {
  .delivery-subs-page .alert {
    left: 250px;
  }
}

@media (max-width: 48em) and (min-width: 39.59em) {
  .delivery-subs-page .alert {
    left: 136px;
  }
}

@media (max-width: 39.5em) {
  .delivery-subs-page .alert {
    width: auto;
    left: 0px;
    top: -98px;
  }
  .delivery-subs-page .alert .alert-wrapper .arrow {
    top: 100%;
  }
  .delivery-subs-page .alert .alert-wrapper .arrow:before {
    bottom: 7px;
  }
}

/*
@Doc: Hook for single page checkout scss
*/
/*
*@Doc: Global/Common SCSS for single page checkout
*@DOMImapct: <main id="main-content">
*@Author: Rahul Semwal
*/
.is-checkout .single-page-checkout.main-content.container {
  padding: 0px 10px;
}

@media (min-width: 71.5625em) {
  .is-checkout .single-page-checkout.main-content.container {
    max-width: 1170px;
  }
}

.is-checkout .single-page-checkout .main-content-header {
  margin-left: 0px;
}

.is-checkout .single-page-checkout .main-content-header .heading {
  color: #20211F;
  font-size: 36px;
  line-height: 27px;
}

.is-checkout .single-page-checkout .main-content-body {
  background: transparent;
  padding-top: 0;
}

.is-checkout .single-page-checkout .main-content-body .card {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid rgba(32, 33, 31, 0.1);
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.is-checkout .single-page-checkout .main-content-body .card:not(:first-child) {
  margin-top: 10px;
}

.is-checkout .single-page-checkout .main-content-body .card.espot-card {
  padding: 0;
  border: 0;
}

.is-checkout .single-page-checkout .main-content-body hr.bar-divider {
  background-color: #E5E5E5;
  margin: 8px 0 6px 0;
}

.is-checkout .single-page-checkout .main-content-body .review-small-print {
  text-align: center;
  margin-top: 35px;
}

.is-checkout .single-page-checkout .error {
  border-left: 4px solid #E01A22;
  background-color: #fff;
  padding: 10px 0 16px 10px;
  margin-right: 10px;
}

.is-checkout .single-page-checkout .error .error-heading {
  position: relative;
}

.is-checkout .single-page-checkout .error .error-heading .ico-wrpr {
  margin-right: 5px;
}

.is-checkout .single-page-checkout .error .error-heading .ico-wrpr .icon-error {
  height: 27px;
  width: 28px;
  position: absolute;
}

.is-checkout .single-page-checkout .error .error-heading .heading {
  color: #E01A22;
  font-size: 20px;
  line-height: 27px;
  margin-left: 30px;
  display: inline;
}

.is-checkout .single-page-checkout .error .error-message {
  color: #E01A22;
  font-size: 16px;
  line-height: 22px;
  margin-top: 13px;
  margin-bottom: 8px;
}

.is-checkout .single-page-checkout .error .error-message .error-msg-list {
  margin-left: 25px;
  padding-top: 0;
  margin-top: 0;
}

/*GENRIC CSS starts*/
/*@DOC: mobile first grid approach*/
.is-checkout {
  /*Classical approach for responsive grid system*/
  /* For Mobiles */
  /* For tablets: */
  /* For desktop: */
}

.is-checkout .container {
  padding: 0px 5px;
}

.is-checkout .row {
  margin-left: -5px;
  margin-right: -5px;
}

.is-checkout .row::after {
  content: "";
  clear: both;
  display: table;
}

.is-checkout [class*="col-"] {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  position: relative;
}

.is-checkout .text-right {
  text-align: right;
}

.is-checkout .text-left {
  text-align: left;
}

.is-checkout .text-center {
  text-align: center;
}

.is-checkout .hidden {
  display: none;
}

.is-checkout .invisible {
  visibility: hidden;
}

@media (min-width: 22.5em) {
  .is-checkout .col-sm-1 {
    width: 8.33%;
  }
  .is-checkout .col-sm-2 {
    width: 16.66%;
  }
  .is-checkout .col-sm-3 {
    width: 25%;
  }
  .is-checkout .col-sm-4 {
    width: 33.33%;
  }
  .is-checkout .col-sm-5 {
    width: 41.66%;
  }
  .is-checkout .col-sm-6 {
    width: 50%;
  }
  .is-checkout .col-sm-7 {
    width: 58.33%;
  }
  .is-checkout .col-sm-8 {
    width: 66.66%;
  }
  .is-checkout .col-sm-9 {
    width: 75%;
  }
  .is-checkout .col-sm-10 {
    width: 83.33%;
  }
  .is-checkout .col-sm-11 {
    width: 91.66%;
  }
  .is-checkout .col-sm-12 {
    width: 100%;
  }
}

@media (min-width: 48em) {
  .is-checkout .col-md-1 {
    width: 8.33%;
  }
  .is-checkout .col-md-2 {
    width: 16.66%;
  }
  .is-checkout .col-md-3 {
    width: 25%;
  }
  .is-checkout .col-md-4 {
    width: 33.33%;
  }
  .is-checkout .col-md-5 {
    width: 41.66%;
  }
  .is-checkout .col-md-6 {
    width: 50%;
  }
  .is-checkout .col-md-7 {
    width: 58.33%;
  }
  .is-checkout .col-md-8 {
    width: 66.66%;
  }
  .is-checkout .col-md-9 {
    width: 75%;
  }
  .is-checkout .col-md-10 {
    width: 83.33%;
  }
  .is-checkout .col-md-11 {
    width: 91.66%;
  }
  .is-checkout .col-md-12 {
    width: 100%;
  }
}

@media (min-width: 64.0625em) {
  .is-checkout .col-lg-1 {
    width: 8.33%;
  }
  .is-checkout .col-lg-2 {
    width: 16.66%;
  }
  .is-checkout .col-lg-3 {
    width: 25%;
  }
  .is-checkout .col-lg-4 {
    width: 33.33%;
  }
  .is-checkout .col-lg-5 {
    width: 41.66%;
  }
  .is-checkout .col-lg-6 {
    width: 50%;
  }
  .is-checkout .col-lg-7 {
    width: 58.33%;
  }
  .is-checkout .col-lg-8 {
    width: 66.66%;
  }
  .is-checkout .col-lg-9 {
    width: 75%;
  }
  .is-checkout .col-lg-10 {
    width: 83.33%;
  }
  .is-checkout .col-lg-11 {
    width: 91.66%;
  }
  .is-checkout .col-lg-12 {
    width: 100%;
  }
}

/*GENRIC CSS END*/
.is-checkout .single-page-checkout .main-content-body {
  font-family: "Source Sans Pro";
}

.is-checkout .single-page-checkout .main-content-body .dt-heading-bar h2 {
  color: #20211F;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}

.is-checkout .single-page-checkout .main-content-body .trolley * button:hover {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  z-index: 2;
  border: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .trolley-bottom-gradient,
.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .back-to-checkout {
  display: block !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .trolley-header {
  display: block !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .section .section-content .modify-trolley {
  display: block !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .section .section-content .view-trolley-items {
  display: none  !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .section .section-content.section-trolley {
  border-bottom: 1px solid #E5E5E5  !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .trolley-overlay .section .section-content.trolley-content {
  display: block !important;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .trolley-header {
  display: none;
  height: 45px;
  border-bottom: 3px solid #e01a22;
  color: #e01a22;
  margin: 5px -10px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .trolley-header .coles-logo {
  fill: #e01a22;
  width: 65px;
  height: 28px;
  position: absolute;
  left: 10px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .trolley-header .button-close {
  position: absolute;
  right: 0;
  top: 10px;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section {
  padding-left: 0;
  padding-right: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .view-trolley-items {
  text-align: center;
  display: none;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .view-trolley-items button {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: "Source Sans Pro";
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content {
  padding-left: 0;
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .edit-link {
  text-transform: none;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .modify-trolley {
  margin-top: 10px;
  width: 146px;
  color: #16708E;
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .out-of-scope {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  height: 19px;
  color: rgba(32, 33, 31, 0.65);
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .substitute-dropdown.rocket__dropdown {
  margin: 5px 0;
  width: 100%;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .substitute-dropdown.rocket__dropdown .show-option {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley {
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley .section-heading {
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley .section-total-items {
  height: 22px;
  width: 57px;
  color: rgba(32, 33, 31, 0.85);
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley .total-amount {
  color: rgba(32, 33, 31, 0.85);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley .saving-amount {
  color: #E01A22;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  padding: 1px 4px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley .edit-link {
  font-size: 14px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-substitution {
  padding-bottom: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-substitution .substitute-dropdown .rocket__listbox__option,
.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-substitution .substitute-dropdown .rocket__dropdown__button,
.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-substitution .substitute-dropdown .show-option {
  color: rgba(32, 33, 31, 0.65);
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content .view-trolley {
  display: block;
  height: auto;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content .view-trolley .draw-content-body .product-items {
  margin: 0;
  padding: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content .trolley-bottom-gradient {
  display: none;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F3F3F3));
  background-image: linear-gradient(#FFFFFF, #F3F3F3);
  height: 10px;
  margin: 10px 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content .back-to-checkout {
  width: 100%;
  display: none;
  font-family: "Source Sans Pro";
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-special, .is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-legal, .is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-bundle,
.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.is-active.product-special,
.is-checkout .single-page-checkout .main-content-body .trolley .is-active.product-item-container.product-legal,
.is-checkout .single-page-checkout .main-content-body .trolley .is-active.product-item-container.product-bundle {
  margin-top: 5px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-special > div:nth-child(1), .is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-legal > div:nth-child(1), .is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-bundle > div:nth-child(1),
.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.is-active.product-special > div:nth-child(1),
.is-checkout .single-page-checkout .main-content-body .trolley .is-active.product-item-container.product-legal > div:nth-child(1),
.is-checkout .single-page-checkout .main-content-body .trolley .is-active.product-item-container.product-bundle > div:nth-child(1) {
  border-top: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container:last-child {
  margin-top: 5px;
  margin-bottom: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item {
  min-height: 93px;
  border-bottom: 0;
  border-top: #e6e6e6 1px solid;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-item-header .product-item-padding {
  padding: 10px 10px 0 70px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-image {
  top: 10px;
  left: 5px;
  margin-top: 0;
  width: 60px;
  height: 60px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-brand {
  color: rgba(32, 33, 31, 0.65);
  font-family: "Source Sans Pro SemiBold";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-name {
  color: #20211F;
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-qty-price {
  color: #20211F;
  font-family: "Source Sans Pro SemiBold";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-substitute {
  color: rgba(32, 33, 31, 0.65);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 10px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-substitute .item-not-substituted {
  vertical-align: text-bottom;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-substitute .substitute-text {
  color: #20211F;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item .product-substitute .substitute-text .label {
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item-footer {
  min-height: 30px;
  padding: 5px 10px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .product-item-footer button.button-small {
  padding-top: 0;
  padding-bottom: 1px;
  top: 0;
  right: 5px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .footer-note {
  right: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .footer-note .icon.icon-tick {
  left: 5px;
  top: 3px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container .footer-note.footer-note-price {
  padding-right: 0;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-legal .product-item-footer .float-left {
  min-height: 85px;
}

.is-checkout .single-page-checkout .main-content-body .trolley .product-item-container.product-legal .product-item-footer .float-right img {
  margin-top: 5px;
  margin-right: 10px;
}

@media screen and (max-width: 599px) {
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .modify-trolley {
    display: none;
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .view-trolley-items {
    display: block;
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .view-trolley-items .substitute-status {
    text-align: left;
    margin: 5px 0;
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content .view-trolley-items .substitute-status .span-bold {
    font-weight: bold;
    font-family: "Source Sans Pro";
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.section-trolley {
    border-bottom: 0;
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content {
    display: none;
  }
  .is-checkout .single-page-checkout .main-content-body .trolley .card .section .section-content.trolley-content .product-item-container .footer-note.footer-note-price {
    padding-right: 28px;
  }
}

.is-checkout .single-page-checkout .main-content-body .delivery * .gutter-5 {
  margin-bottom: 5px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * button {
  margin: 5px 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * button:focus, .is-checkout .single-page-checkout .main-content-body .delivery * button:hover {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .delivery * label > * {
  display: inline-block;
}

.is-checkout .single-page-checkout .main-content-body .delivery * label svg {
  position: relative;
  top: 3px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * h2 {
  margin: 6px 0px;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * h3 {
  margin: 3px 0px;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * h3.normal-bold {
  font-weight: normal;
}

.is-checkout .single-page-checkout .main-content-body .delivery * span {
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * span.line-feed {
  display: block;
  width: 82%;
}

.is-checkout .single-page-checkout .main-content-body .delivery * .edit-link {
  color: #16708E;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .delivery * .edit-link > span {
  font-size: inherit;
  color: #16708E;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-heading-bar label .section-heading {
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
  margin: 16px 0;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-address-bar > div:nth-child(1) > * {
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-address-bar > div:nth-child(1) > .icon-wrapper {
  padding: 10px 7.68px 10px 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-address-bar > div:nth-child(1) > .icon-wrapper svg.icon {
  height: 20px;
  width: 25.63px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-address-bar > div:nth-child(2) > h2 {
  text-transform: capitalize;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-address-bar .edit-link {
  position: absolute;
  right: 5px;
  bottom: 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-date-time-bar .edit-link {
  position: absolute;
  right: 5px;
  bottom: 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-service-type-bar .edit-link {
  position: absolute;
  right: 5px;
  bottom: 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar .warning-container {
  margin-bottom: 3px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar .warning-container .info-icon {
  display: inline-block;
  width: 4%;
  vertical-align: top;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar .warning-container .delivery-instructions-warnimg {
  color: rgba(32, 33, 31, 0.85);
  font-family: 'Source Sans Pro';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17.5px;
  display: inline-block;
  width: 95%;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar .edit-link {
  position: absolute;
  right: 5px;
  bottom: 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar button#add-delivery-instructions {
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  text-align: center;
  color: rgba(32, 33, 31, 0.65);
  background-color: #FFFFFF;
  border: 1px solid #8F908F;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar button#add-delivery-instructions:focus:after, .is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar button#add-delivery-instructions:hover:after {
  border-color: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-instruction-bar button#add-delivery-instructions > span {
  color: inherit;
  font-family: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .dt-header > * {
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .dt-header > .icon-wrapper {
  padding: 10px 7.68px 10px 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .dt-header > .icon-wrapper svg.icon {
  height: 20px;
  width: 25.63px;
  position: static;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .dt-header > h2 {
  margin: 6px 0px;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .line-feed {
  width: 100%;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .italic {
  font-style: italic;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .edit-link {
  position: absolute;
  right: 5px;
  bottom: 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .more-link {
  color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar .more-link svg {
  width: 16px;
  height: 12px;
  margin-bottom: -2px;
  color: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar button.choose-bag-option {
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  text-align: center;
  color: rgba(32, 33, 31, 0.65);
  background-color: #FFFFFF;
  border: 1px solid #8F908F;
  border-color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar button.choose-bag-option:hover:after {
  border-color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-bar button.choose-bag-option > span {
  color: inherit;
  font-family: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-card {
  display: none;
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 40px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-card.show {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-content {
  min-width: 320px;
  max-width: 446px;
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  background-color: #FFFFFF;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > * {
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > .icon-wrapper {
  padding: 10px 7.68px 10px 0px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > .icon-wrapper svg.icon {
  position: static;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > .icon-wrapper svg.icon.icon-bagging {
  margin-top: -5px;
  height: 26px;
  width: 22.45px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > h2 {
  margin: 6px 0px;
  color: #000000;
  font-family: "Source Sans Pro";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .modal-header > h2 > span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column.column-container {
  width: 100%;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column.column-container .flyout {
  width: 100%;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .content-column-inside {
  border: none;
  margin-left: initial;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section {
  padding-left: 30px;
  padding-right: 30px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section:last-child {
  margin-bottom: 20px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section:last-child .bagging-pref-save {
  width: 211.6px;
  color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section:last-child .bagging-pref-save > span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  border: none;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content.baggingContent {
  margin-top: 30px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content .close {
  top: -15px;
  right: -15px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content .close a {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content .close a .icon {
  top: 0px;
  right: 0px;
  color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content label.form-field-checkbox-label .form-field-checkbox-mask {
  top: -2px;
  left: 0;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .section-content label.form-field-checkbox-label .label {
  color: #383838;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .baggingOptionsValidation h3#bagging-option-error {
  margin: 0 0 5px 43px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .radio-button-section .radio-button-container .form-field-radio-button-label {
  margin: 0 32px 4px 0;
  color: #383838;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 16px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .radio-button-section .radio-button-container .radio-button-description {
  color: #5C5C5C;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 14px;
}

.is-checkout .single-page-checkout .main-content-body .delivery .dt-bagging-option-modal .main-content-column .flyout .radio-button-section .radio-button-container .icon-success {
  border: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}

.is-checkout .single-page-checkout .main-content-body .payment * h2 {
  margin: 6px 0px;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
}

.is-checkout .single-page-checkout .main-content-body .payment * h3 {
  margin: 3px 0px;
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment * h3.normal-bold {
  font-weight: normal;
}

.is-checkout .single-page-checkout .main-content-body .payment * button {
  font-family: "Source Sans Pro SemiBold";
}

.is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button {
  margin: 5px 0px;
}

.is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:focus, .is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:active, .is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:hover {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:focus:after, .is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:active:after, .is-checkout .single-page-checkout .main-content-body .payment * button.rocket__button:hover:after {
  border-color: inherit;
}

.is-checkout .single-page-checkout .main-content-body .payment * button.flypay-red-btn {
  background-color: #E01A22;
  color: #fff;
}

.is-checkout .single-page-checkout .main-content-body .payment * button.flypay-red-btn .icon {
  fill: #fff;
}

.is-checkout .single-page-checkout .main-content-body .payment .dt-heading-bar label .section-heading {
  color: #20211F;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 27px;
  margin: 16px 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .button-wrpr {
  padding: 10px 0 0 0;
  display: table;
  width: 100%;
}

.is-checkout .single-page-checkout .main-content-body .payment .card-details-wrpr {
  padding: 5px 0 0 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .card-details-wrpr .card-type-wrapper {
  width: 36px;
  height: 20px;
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .payment .card-details-wrpr .card-type-wrapper .ico-wrpr {
  width: 32px;
  position: relative;
}

.is-checkout .single-page-checkout .main-content-body .payment .card-details-wrpr .card-type-wrapper .ico-wrpr .icon {
  position: absolute;
  width: 32px;
}

.is-checkout .single-page-checkout .main-content-body .payment .change-link-wrpr {
  text-align: right;
  padding: 0 5px 5px 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .edit-link {
  color: #16708E;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment .saved-details {
  color: #4C4C4C;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
}

.is-checkout .single-page-checkout .main-content-body .payment .purchase-order-details {
  padding: 10px 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .purchase-order-details .po-btn .icon-plus {
  fill: #8F908F;
}

.is-checkout .single-page-checkout .main-content-body .payment .inner-section {
  margin: 12px 0 19px;
  float: left;
  color: rgba(32, 33, 31, 0.85);
  font-size: 14px;
  line-height: 17.5px;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete {
  background-color: rgba(32, 33, 31, 0.05);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -5px;
  padding: 16px 10px 23px 10px;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .order-total {
  color: #20211F;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .total-amount {
  color: #20211F;
  font-size: 36px;
  line-height: 27px;
  text-align: right;
  margin-bottom: 8px;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .saving-amount {
  color: #E01A22;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  background-color: #FFDD00;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .agreement-section {
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .agreement-section label {
  margin-right: 0;
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .agreement-section .label, .is-checkout .single-page-checkout .main-content-body .payment .order-complete .agreement-section a {
  margin-right: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete .agreement-section a {
  margin-left: 30px;
  font-weight: bold;
}

.is-checkout .single-page-checkout .main-content-body .payment .order-complete button {
  margin-top: 16px;
  width: 100%;
  border-radius: 20px;
  background-color: #007A1F;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  border-color: #007A1F;
}

.is-checkout .single-page-checkout .main-content-body .payment .cost-label, .is-checkout .single-page-checkout .main-content-body .payment .cost-value {
  color: rgba(32, 33, 31, 0.85);
  font-size: 16px;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment .cost-label.bold, .is-checkout .single-page-checkout .main-content-body .payment .cost-value.bold {
  color: #20211F;
  font-weight: bold;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section {
  margin-bottom: 10px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .adjustment {
  border-bottom: 1px solid #E5E5E5;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .adjustment:last-child {
  border-bottom: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list {
  float: left;
  margin-top: 5px;
  width: 100%;
  margin-bottom: 20px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-code {
  padding: 8px 0 7px 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-code .coupon-code-block {
  background-color: white;
  border-radius: 20px;
  border: 1px solid #8F908F;
  padding: 5px 12px;
  background-color: #FFFFFF;
  color: rgba(32, 33, 31, 0.65);
  font-size: 14px;
  line-height: 19px;
  display: table;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-code .coupon-code-block .coupon-button-remove .icon {
  height: 10px;
  width: 10px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-code .coupon-desc {
  color: rgba(32, 33, 31, 0.65);
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px;
}

@media (max-width: 47.99em) {
  .is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-code.not-qualified .coupon-amount {
    white-space: break-spaces;
  }
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .promo-list .coupon-amount {
  color: #C70007;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  width: 33.33%;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .add-promo {
  border-color: #8F908F;
  padding-left: 40px;
  color: rgba(32, 33, 31, 0.65);
  font-size: 16px;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .add-promo .icon-promo {
  position: absolute;
  left: 10px;
  top: 8px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form .form-section {
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form .form-field-label {
  color: rgba(32, 33, 31, 0.65);
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 8px;
  font-weight: normal;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form input {
  border: 1px solid rgba(32, 33, 31, 0.1);
  border-radius: 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
  color: #20211F;
  font-size: 16px;
  line-height: 22px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form button {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  border-radius: 20px;
  background-color: #E01A22;
  border-color: #E01A22;
  padding: 0 30px;
  margin-left: 10px;
  margin-right: 15px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form button .preloaderContainer.is-active.mini {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form button .preloaderContainer.is-active.mini .preloader .circleBG {
  stroke: #fff;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form .cancel-promo-code-entry {
  color: rgba(32, 33, 31, 0.65);
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form .cancel-promo-code-entry .icon {
  height: 12px;
  width: 12px;
}

.is-checkout .single-page-checkout .main-content-body .payment .promo-section .discount-form .form-section.error .form-field-label {
  display: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option {
  display: block;
  min-height: 97px;
  width: calc(33% - 7px);
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 7px;
  margin-bottom: 7px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn {
  color: #20211F;
  border: 1px solid #8F908F;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 4px;
  cursor: pointer;
  background: none;
  width: 100%;
  min-height: 97px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:after {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border-radius: 8px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:focus, .is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:active, .is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:hover {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:focus:after, .is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:active:after, .is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn:hover:after {
  border-color: inherit;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn.active {
  color: #008A22;
  border: 2px solid #008A22;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .icon-top-right {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -6px;
  right: -6px;
  border-radius: 100%;
  background-color: #008a23;
  display: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .icon-top-right .icon-roundedtick {
  fill: #fff;
  width: 9px;
  height: 13px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .ico-wrpr {
  display: block;
  margin: 10px auto;
  min-height: 24px;
  text-align: center;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .ico-wrpr .icon {
  width: 40px;
  height: 24px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .ico-wrpr .icon.icon-flypay {
  width: 50px;
  height: 30px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn.active .icon {
  fill: #008A22;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn.active .icon.icon-roundedtick {
  fill: #fff;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn.active .icon-top-right {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option .payment-opt-btn .payment-option-name {
  text-align: center;
  display: block;
  font-size: 16px;
  max-width: 88px;
}

.is-checkout .single-page-checkout .main-content-body .payment .payments-options-list .single-payment-option:last-child {
  margin-right: 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised-header {
  display: none;
  border-radius: 3px 3px 0 0;
  background-color: #008A22;
  color: #fff;
  padding: 2px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised-header .ico-wrpr {
  padding: 2px 5px;
  position: relative;
  display: inline-block;
  float: left;
  width: 40px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised-header .icon {
  fill: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
}

.is-checkout .single-page-checkout .main-content-body .payment .authorised {
  display: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .unauthorised {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised {
  border-radius: 3px 3px 0 0;
  border: 1px solid #008A22;
  padding: 0 0 5px 0;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .authorised {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .unauthorised {
  display: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .flypay-authorised-header {
  display: block;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .card-details-wrpr {
  padding: 10px 10px 0 2px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .card-type-wrapper {
  width: 36px;
  height: 20px;
  float: left;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .card-type-wrapper .ico-wrpr {
  width: 32px;
  position: relative;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-authorised .card-type-wrapper .ico-wrpr .icon {
  position: absolute;
  width: 32px;
}

.is-checkout .single-page-checkout .main-content-body .payment .cross-btn {
  border: 0;
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  text-align: center;
  padding: 5px 1px;
  margin-top: 5px;
  float: right;
}

.is-checkout .single-page-checkout .main-content-body .payment .cross-btn .icon-cross {
  fill: #bbb;
}

.is-checkout .single-page-checkout .main-content-body .payment .cross-btn:hover, .is-checkout .single-page-checkout .main-content-body .payment .cross-btn:active, .is-checkout .single-page-checkout .main-content-body .payment .cross-btn:focus {
  text-decoration: none;
  border-color: #333;
  border-radius: 0px;
}

.is-checkout .single-page-checkout .main-content-body .payment .cross-btn:hover:after, .is-checkout .single-page-checkout .main-content-body .payment .cross-btn:active:after, .is-checkout .single-page-checkout .main-content-body .payment .cross-btn:focus:after {
  border: 1px dotted;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 0px;
}

.is-checkout .single-page-checkout .main-content-body .payment .new-spc-btn, .is-checkout .single-page-checkout .main-content-body .payment a.new-spc-btn {
  font-family: "Source Sans Pro SemiBold";
  font-size: 16px;
  text-align: center;
  color: rgba(32, 33, 31, 0.65);
  background-color: #FFFFFF;
  border: 1px solid #8F908F;
}

.is-checkout .single-page-checkout .main-content-body .payment a.new-spc-btn {
  text-decoration: none;
}

.is-checkout .single-page-checkout .main-content-body .payment .new-spc-btn .ico-wrpr {
  position: relative;
  margin-right: 4px;
  width: 20px;
  display: inline-block;
  height: 14px;
}

.is-checkout .single-page-checkout .main-content-body .payment .new-spc-btn .icon {
  width: 18px;
  height: 16px;
  position: absolute;
  left: 0px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flybuys-details-wrpr {
  padding: 0 0 5px 0;
  margin-bottom: 2px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flybuys-details-wrpr .saved-details .icon-flybuys-new {
  width: 40px;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.is-checkout .single-page-checkout .main-content-body .payment .flypay-change-link {
  text-align: right;
  padding: 2px 5px;
}

.button,
a.button {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  color: #262626;
  padding: 8px 14px 8px 14px;
  border: 1px #CAC8C8 solid;
  border-bottom-color: #9b9b9b;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  font-size: 1.153846154em;
  /* 15px */
  display: inline-block;
  position: relative;
}

.button.button-success,
a.button.button-success {
  color: #ffffff;
  border-color: #007d1d;
  background: #008a23;
  background: -webkit-gradient(linear, left top, left bottom, from(#008a23), to(#00791f));
  background: linear-gradient(180deg, #008a23, #00791f);
}

.button.button-success:hover, .button.button-success:focus,
a.button.button-success:hover,
a.button.button-success:focus {
  background: #008a23;
  background: -webkit-gradient(linear, left top, left bottom, from(#008a23), to(#00791f));
  background: linear-gradient(180deg, #008a23, #00791f);
}

.view-trolley .button.button-success, .view-trolley
a.button.button-success {
  font-weight: bold;
}

.button.button-red,
a.button.button-red {
  color: #ffffff;
  border-color: #a8070d;
  background: #e51e27;
  background: -webkit-gradient(linear, left top, left bottom, from(#e51e27), to(#a8070d));
  background: linear-gradient(180deg, #e51e27, #a8070d);
}

.button.button-red:focus,
a.button.button-red:focus {
  background: #e51e27;
  background: -webkit-gradient(linear, left top, left bottom, from(#e51e27), to(#a8070d));
  background: linear-gradient(180deg, #e51e27, #a8070d);
}

.button.button-blue,
a.button.button-blue {
  background: #2a86a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a86a5), to(#146e8c));
  background: linear-gradient(180deg, #2a86a5, #146e8c);
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px 15px;
  font-size: 1.0769230769230769em;
  font-weight: bold;
  border: none 0px;
  line-height: 38px;
  border: 1px solid #e2f8ff;
  min-width: 55px;
}

.button.button-flat-red,
a.button.button-flat-red {
  background: #e01a22;
  border-color: #e01a22;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

.button.button-flat-red:hover, .button.button-flat-red:focus,
a.button.button-flat-red:hover,
a.button.button-flat-red:focus {
  background: #e01a22;
  text-decoration: underline;
}

.button.button-flat-white,
a.button.button-flat-white {
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.button-plain,
a.button.button-plain {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #4c4c4c;
  border-color: #e6e6e6;
}

.button.button-light,
a.button.button-light {
  color: #4c4c4c;
  border: 1px solid #dcdcdc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.button-link,
a.button.button-link {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #aaa;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
}

.button.button-link:hover, .button.button-link:focus,
a.button.button-link:hover,
a.button.button-link:focus {
  background: none;
  text-decoration: none;
  border-bottom: 1px solid #6d6d6d;
}

.button.button-link:focus,
a.button.button-link:focus {
  outline: 1px dotted #6d6d6d;
}

.button.button-link.button-link-red,
a.button.button-link.button-link-red {
  color: #e01a22;
  border-bottom-color: #e01a22;
}

.button.button-link.button-link-red:hover, .button.button-link.button-link-red:focus,
a.button.button-link.button-link-red:hover,
a.button.button-link.button-link-red:focus {
  border-bottom-color: #e01a22;
}

.button.button-link.button-link-red:focus,
a.button.button-link.button-link-red:focus {
  outline: 1px dotted #e01a22;
}

.button.button-dark,
a.button.button-dark {
  color: #ffffff;
  padding-top: .75em;
  padding-bottom: .75em;
  border: none;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
  position: relative;
}

.button.button-dark:hover, .button.button-dark:focus,
a.button.button-dark:hover,
a.button.button-dark:focus {
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
  border: 0 !important;
}

.button.button-dark.is-disabled, .button.button-dark:disabled,
a.button.button-dark.is-disabled,
a.button.button-dark:disabled {
  border-color: #cccccc;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
  cursor: default;
  opacity: 0.3;
}

.button.button-small,
a.button.button-small {
  padding: 2px 10px 2px 10px;
  font-size: 1em;
  /* 13px */
  white-space: nowrap;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.button-small .icon-right,
a.button.button-small .icon-right {
  margin-left: 5px;
  margin-right: 3px;
}

.button.button-small .icon-left,
a.button.button-small .icon-left {
  margin-right: 5px;
  margin-left: 3px;
}

.button.button-small .icon-cross,
a.button.button-small .icon-cross {
  width: 8px;
  height: 8px;
}

.button.button-large,
a.button.button-large {
  padding-left: 40px;
  padding-right: 40px;
}

.button.button-pill,
a.button.button-pill {
  padding: 2px 12px 1px;
  border-radius: 15px;
  background: #ffffff;
  font-size: 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #dcdcdc;
}

.button.button-pill:focus,
a.button.button-pill:focus {
  background: #ffffff;
}

.button.button-pill.is-closable,
a.button.button-pill.is-closable {
  padding-right: 27px;
  text-align: left;
}

.button.button-pill.is-closable .icon-cross,
a.button.button-pill.is-closable .icon-cross {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
}

.button.button-rounded,
a.button.button-rounded {
  border-radius: 21px;
}

.button.button-select,
a.button.button-select {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 20px 10px 10px;
  background: white;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  line-height: 1.3em;
  -webkit-tap-highlight-color: transparent;
}

.button.button-select:focus, .button.button-select:hover,
a.button.button-select:focus,
a.button.button-select:hover {
  background: none;
}

.button.button-select:focus .icon-arrow, .button.button-select:hover .icon-arrow,
a.button.button-select:focus .icon-arrow,
a.button.button-select:hover .icon-arrow {
  fill: #909090;
}

.button.button-select:first-child,
a.button.button-select:first-child {
  border-top: 1px solid #dcdcdc;
}

.button.button-select .heading,
a.button.button-select .heading {
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: bold;
}

.button.button-select .details,
a.button.button-select .details {
  display: block;
  color: #5c5c5c;
  font-size: 13px;
  font-weight: normal;
}

.button.button-select .icon-arrow,
a.button.button-select .icon-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #cccccc;
}

.button.button-select .icon-mapmarker-solid,
a.button.button-select .icon-mapmarker-solid {
  min-height: 26px;
  fill: #e01a22;
}

.button.button-select .icon-success,
a.button.button-select .icon-success {
  display: none;
}

.button.button-select.has-icon,
a.button.button-select.has-icon {
  padding-left: 60px;
}

.button.button-select.has-icon .icon:first-of-type,
a.button.button-select.has-icon .icon:first-of-type {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 25px;
  height: 25px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.button.button-select.is-selected,
a.button.button-select.is-selected {
  border-color: #008a23;
}

.button.button-select.is-selected:before,
a.button.button-select.is-selected:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #008a23;
}

.button.button-select.is-selected .icon-success,
a.button.button-select.is-selected .icon-success {
  display: block;
  position: absolute;
  top: -11px;
  right: -11px;
  width: 22px;
  height: 22px;
  border: 2px solid white;
  border-radius: 50%;
}

.button.button-select.is-medium,
a.button.button-select.is-medium {
  padding-top: 15px;
  padding-bottom: 15px;
}

.button.button-delete,
a.button.button-delete {
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
}

.button.button-delete:after,
a.button.button-delete:after {
  content: '';
  display: block;
  position: absolute;
  top: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  width: 12px;
  background: transparent;
}

.button.button-delete:hover, .button.button-delete:focus,
a.button.button-delete:hover,
a.button.button-delete:focus {
  background: transparent;
}

.button.button-delete:hover:after, .button.button-delete:focus:after,
a.button.button-delete:hover:after,
a.button.button-delete:focus:after {
  background: #262626;
}

.button.button-delete .icon,
a.button.button-delete .icon {
  width: 12px;
  height: 12px;
}

.button.button-close-msg, .button.button-toggle-msg,
a.button.button-close-msg,
a.button.button-toggle-msg {
  background: none !important;
  width: 40px;
  height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}

.button.button-close-msg .icon-cross,
.button.button-close-msg .icon-arrow, .button.button-toggle-msg .icon-cross,
.button.button-toggle-msg .icon-arrow,
a.button.button-close-msg .icon-cross,
a.button.button-close-msg .icon-arrow,
a.button.button-toggle-msg .icon-cross,
a.button.button-toggle-msg .icon-arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  right: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  fill: #5c5c5c;
}

.button.button-close-msg .icon-arrow, .button.button-toggle-msg .icon-arrow,
a.button.button-close-msg .icon-arrow,
a.button.button-toggle-msg .icon-arrow {
  width: 12px;
  height: 12px;
  top: 12px;
  right: 12px;
  padding: 0;
  border: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.button.button-toggle-msg .icon-arrow,
a.button.button-toggle-msg .icon-arrow {
  border-right: 0;
  border-left: 1px solid transparent;
}

.button.button-toggle-msg:hover .icon-arrow, .button.button-toggle-msg:focus .icon-arrow,
a.button.button-toggle-msg:hover .icon-arrow,
a.button.button-toggle-msg:focus .icon-arrow {
  border-left: 1px solid #909090;
}

.is-collapsed .button.button-toggle-msg .icon-arrow, .is-collapsed
a.button.button-toggle-msg .icon-arrow {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  border-left: 0;
  border-right: 1px solid transparent;
}

.is-collapsed .button.button-toggle-msg:hover .icon-arrow, .is-collapsed .button.button-toggle-msg:focus .icon-arrow, .is-collapsed
a.button.button-toggle-msg:hover .icon-arrow, .is-collapsed
a.button.button-toggle-msg:focus .icon-arrow {
  border-right: 1px solid #909090;
}

.button.button-toggle-facets,
a.button.button-toggle-facets {
  font-size: 1.0769230769230769em;
  font-weight: bold;
  padding-left: 28px;
}

@media (min-width: 30em) {
  .button.button-toggle-facets,
  a.button.button-toggle-facets {
    margin-left: 4px;
  }
}

@media (min-width: 48em) {
  .button.button-toggle-facets,
  a.button.button-toggle-facets {
    margin-left: 0;
    margin-bottom: 0;
    left: 0.83333%;
  }
}

@media (min-width: 98.75em) {
  .button.button-toggle-facets,
  a.button.button-toggle-facets {
    left: 0.59524%;
  }
}

.button.button-toggle-facets .icon-filter,
a.button.button-toggle-facets .icon-filter {
  position: absolute;
  top: 50%;
  left: 9px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.button.button-close-alert,
a.button.button-close-alert {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  min-width: initial;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.button-close-alert:hover, .button.button-close-alert:focus,
a.button.button-close-alert:hover,
a.button.button-close-alert:focus {
  background: none;
}

.button.button-close-alert:hover .icon-container, .button.button-close-alert:focus .icon-container,
a.button.button-close-alert:hover .icon-container,
a.button.button-close-alert:focus .icon-container {
  border-bottom: 1px solid #146e8c;
}

.button.button-close-alert .icon-container,
a.button.button-close-alert .icon-container {
  position: absolute;
  top: 5px;
  right: 10px;
  line-height: 1em;
}

@media (min-width: 48em) {
  .button.button-close-alert .icon-container,
  a.button.button-close-alert .icon-container {
    top: 3px;
  }
}

.button.button-close-alert .icon-cross,
a.button.button-close-alert .icon-cross {
  fill: #146e8c;
  width: 9px;
  height: 9px;
}

.button.button-view-all,
a.button.button-view-all {
  display: block;
  margin: 20px auto 0;
  width: 100%;
  text-align: center;
  font-size: 1.0769230769230769em;
  font-weight: bold;
}

@media (min-width: 30em) {
  .button.button-view-all,
  a.button.button-view-all {
    width: 220px;
  }
}

@media (min-width: 48em) {
  .button.button-view-all,
  a.button.button-view-all {
    margin-top: 40px;
  }
}

.button .icon,
a.button .icon {
  width: 14px;
  height: 12px;
  fill: currentColor;
}

.button strong,
a.button strong {
  white-space: nowrap;
}

.button:focus,
a.button:focus {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
}

button.edit-link,
a.edit-link {
  font-size: 13px;
  font-weight: bold;
  background: none;
  border: 0;
  text-decoration: underline;
}

button.edit-link:focus,
a.edit-link:focus {
  outline: 1px dotted #262626;
}

button.edit-link.has-icon,
a.edit-link.has-icon {
  position: relative;
  padding-left: 18px;
}

button.edit-link.has-icon .icon,
a.edit-link.has-icon .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 13px;
  height: 13px;
}

.back-link {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding: 10px 0;
  white-space: inherit;
  color: #5c5c5c;
}

.back-link:focus {
  outline: 0 !important;
  text-decoration: underline !important;
}

.back-link .icon-arrow {
  width: 10px;
  height: 14px;
  margin-right: 3px;
  -webkit-transform: rotate(180deg) translateY(-2px);
      -ms-transform: rotate(180deg) translateY(-2px);
          transform: rotate(180deg) translateY(-2px);
  fill: #5c5c5c;
}

.link-previous {
  font-weight: bold;
  text-decoration: none;
  color: #4c4c4c;
  padding: 10px 0;
  display: block;
  margin-top: 5px;
}

.link-previous:hover, .link-previous:focus {
  text-decoration: underline;
}

.link-previous .icon-arrow {
  -webkit-transform: translateY(2px) rotate(180deg);
      -ms-transform: translateY(2px) rotate(180deg);
          transform: translateY(2px) rotate(180deg);
  height: 14px;
  width: 10px;
  margin-right: 10px;
  fill: #4c4c4c;
}

a.superbar-success-link .icon-arrow {
  margin-top: 19px;
}

@media (max-width: 45.615em) {
  a.superbar-success-link .icon-arrow {
    margin-right: -15px;
  }
}

.icon {
  width: 21px;
  /*changed by Jacob to fix DE1354*/
  height: 20px;
  display: inline-block;
}

.is-large .icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.is-results .icon {
  width: 70px;
  height: 70px;
  margin: 0 10px 10px 0;
}

.icon-trolley {
  height: 44px;
  width: 44px;
}

.icon-delivery {
  height: 41px;
  width: 57px;
}

.icon-discount {
  font-family: 'tahoma', 'Source Sans Pro', arial, sans-serif;
  font-weight: bold;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  border: 16px solid #e01a22;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  position: relative;
  background: #fff;
}

@media (max-width: 64.0525em) {
  .icon-discount {
    width: 110px;
    height: 110px;
    border-width: 11px;
  }
}

@media (max-width: 29.99em) {
  .icon-discount {
    width: 100px;
    height: 100px;
    border-width: 10px;
  }
}

.icon-discount .discount-text {
  width: 138px;
  height: 138px;
  margin-left: -16px;
  margin-top: -16px;
  padding-top: 34px;
  font-size: 45px;
}

@media (max-width: 64.0525em) {
  .icon-discount .discount-text {
    width: 110px;
    height: 110px;
    margin-left: -11px;
    margin-top: -11px;
    padding-top: 27px;
    font-size: 38px;
  }
}

@media (max-width: 29.99em) {
  .icon-discount .discount-text {
    width: 100px;
    height: 100px;
    margin-left: -10px;
    margin-top: -10px;
    padding-top: 23px;
    font-size: 35px;
  }
}

.icon-discount .discount-text .discount-value {
  display: inline-block;
  line-height: 1;
  letter-spacing: -2px;
}

.icon-discount .discount-text .discount-modifier {
  font-family: 'Trebuchet MS', arial, sans-serif;
  font-size: 55%;
  position: relative;
  top: -13px;
  padding-right: 2px;
}

@media (max-width: 29.99em) {
  .icon-discount .discount-text .discount-modifier {
    top: -11px;
  }
}

.icon-discount .discount-text .discount-suffix {
  font-weight: 600;
  display: block;
  line-height: 1;
  margin-top: -3px;
  font-size: 65%;
  margin-left: 0;
  text-align: center;
}

@media (max-width: 64.0525em) {
  .icon-discount .discount-text .discount-suffix {
    letter-spacing: -1px;
    margin-top: -2px;
  }
}

@media (max-width: 47.99em) {
  .icon-discount .discount-text .discount-suffix {
    letter-spacing: 0;
    margin-top: -2px;
  }
}

.icon-discount.is-percentage .discount-modifier {
  font-family: 'tahoma', 'Source Sans Pro', arial, sans-serif;
  padding-left: 2px;
  padding-right: 0;
}

@media (min-width: 48em) and (max-width: 64.0525em) {
  .icon-discount.is-percentage .discount-modifier {
    padding-left: 1px;
  }
}

.icon-discount.is-delivery {
  background: #fff;
}

.icon-discount.is-delivery .discount-text {
  padding-top: 43px;
}

@media (max-width: 64.0525em) {
  .icon-discount.is-delivery .discount-text {
    padding-top: 34px;
  }
}

@media (max-width: 29.99em) {
  .icon-discount.is-delivery .discount-text {
    padding-top: 30px;
  }
}

.icon-discount.is-delivery .discount-text .discount-value {
  font-size: 36px;
}

@media (max-width: 64.0525em) {
  .icon-discount.is-delivery .discount-text .discount-value {
    font-size: 30px;
  }
}

@media (max-width: 29.99em) {
  .icon-discount.is-delivery .discount-text .discount-value {
    font-size: 28px;
  }
}

.icon-discount.is-delivery .discount-text .discount-suffix {
  font-size: 16px;
}

@media (max-width: 64.0525em) {
  .icon-discount.is-delivery .discount-text .discount-suffix {
    font-size: 15px;
  }
}

@media (max-width: 47.99em) {
  .icon-discount.is-delivery .discount-text .discount-suffix {
    font-size: 13px;
  }
}

@media (max-width: 29.99em) {
  .icon-discount.is-delivery .discount-text .discount-suffix {
    font-size: 12px;
  }
}

.draw-content-promo .icon-discount,
.main-content-promo .icon-discount {
  width: 90px;
  height: 90px;
  border-width: 10px;
}

.draw-content-promo .icon-discount .discount-text,
.main-content-promo .icon-discount .discount-text {
  width: 90px;
  height: 90px;
  margin-left: -10px;
  margin-top: -13px;
  padding-top: 13px;
  font-size: 31px;
}

.draw-content-promo .icon-discount .discount-text .discount-modifier,
.main-content-promo .icon-discount .discount-text .discount-modifier {
  top: -9px;
}

.draw-content-promo .icon-discount .discount-text .discount-suffix,
.main-content-promo .icon-discount .discount-text .discount-suffix {
  margin-top: -12px;
}

.draw-content-promo .icon-discount.is-percentage .discount-text,
.main-content-promo .icon-discount.is-percentage .discount-text {
  padding-top: 15px;
}

.draw-content-promo .icon-discount.is-delivery .discount-text .discount-value,
.main-content-promo .icon-discount.is-delivery .discount-text .discount-value {
  font-size: 24px;
  letter-spacing: -1px;
}

.draw-content-promo .icon-discount.is-delivery .discount-text .discount-suffix,
.main-content-promo .icon-discount.is-delivery .discount-text .discount-suffix {
  font-size: 12px;
  margin-top: -10px;
  letter-spacing: -0.5px;
}

@media (max-width: 47.99em) {
  .draw-content-promo .icon-discount.is-delivery .discount-text .discount-modifier,
  .main-content-promo .icon-discount.is-delivery .discount-text .discount-modifier {
    font-size: 70%;
    top: -3px;
    padding-right: 1px;
  }
}

.is-dss .draw-content-promo .icon-discount .discount-text, .is-dss
.main-content-promo .icon-discount .discount-text {
  padding-top: 23px;
}

.is-dss .draw-content-promo .icon-discount .discount-text .discount-suffix, .is-dss
.main-content-promo .icon-discount .discount-text .discount-suffix {
  margin-top: -3px;
}

.is-dss .draw-content-promo .icon-discount.is-delivery .discount-text, .is-dss
.main-content-promo .icon-discount.is-delivery .discount-text {
  padding-top: 30px;
}

.is-dss .draw-content-promo .icon-discount.is-delivery .discount-suffix, .is-dss
.main-content-promo .icon-discount.is-delivery .discount-suffix {
  margin-top: -2px;
  font-size: 12px;
  letter-spacing: -0.5px;
}

.icon-roundel-container {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  -webkit-transform: scale(0.4861);
      -ms-transform: scale(0.4861);
          transform: scale(0.4861);
  top: -26px;
  right: -38px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.icon-roundel-container.promo-svg-body {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: 0px;
  border-radius: initial;
  top: 10px;
  right: 0px;
  overflow: visible;
}

.icon-roundel-container .specials-roundel {
  width: 76px;
  height: 72px;
}

@media (max-width: 64.0525em) {
  .icon-roundel-container .specials-roundel {
    width: 76px;
    height: 78px;
  }
}

@media (max-width: 29.99em) {
  .icon-roundel-container .specials-roundel {
    width: 71px;
    height: 73px;
  }
}

.icon-roundel-container .discount-text {
  font-size: 1.8em;
  letter-spacing: -1px;
  line-height: 1.2;
  padding-top: 26px;
}

.icon-roundel-container .discount-text .discount-modifier {
  padding-right: 0;
}

.icon-roundel-container .discount-text .promo-txt-line2 {
  display: block;
}

.icon-roundel-container .discount-text .is-multibuy-promo {
  font-size: 1.8em;
  letter-spacing: -2px;
  margin-left: -15px;
}

.icon-roundel-container .discount-text .is-multibuy-promo .promo-cent-value {
  font-size: 55%;
  position: relative;
  top: -13px;
  left: -5px;
  letter-spacing: 0;
}

.icon-roundel-container .discount-text .is-multibuy-promo .discount-modifier {
  top: -9px;
  right: -7px;
}

.icon-roundel-container .discount-text .is-cheapest-free-promo {
  margin-top: -2px;
  line-height: 1.1em;
}

@media (max-width: 39.99em) {
  .icon-roundel-container .discount-text .is-cheapest-free-promo {
    margin-top: unset;
    font-size: 0.9em;
  }
}

.icon-roundel-container .discount-text .is-big-num {
  font-size: 1.6em;
  margin-top: 5px;
  margin-left: unset !important;
}

@media (max-width: 64.0525em) {
  .icon-roundel-container {
    -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
            transform: scale(0.66);
    top: -22px;
    right: -24px;
  }
  .icon-roundel-container.promo-svg-body {
    top: 0px;
  }
  .icon-roundel-container .icon-discount .discount-text {
    font-size: 1.5em;
    line-height: 1;
  }
  .icon-roundel-container .icon-discount .discount-text .discount-modifier {
    padding-right: 2px;
  }
  .icon-roundel-container .icon-discount .discount-text .is-multibuy-promo {
    margin-left: -10px;
  }
}

@media (max-width: 39.99em) {
  .icon-roundel-container .icon-discount .discount-text {
    padding-top: 20px;
  }
}

/* Ipad Specific spend stretch styling */
.is-ipad .icon-discount.is-percentage .discount-suffix {
  margin-left: -27px;
}

@media (min-width: 48em) and (max-width: 64.0525em) {
  .is-ipad .icon-discount.is-percentage .discount-suffix {
    margin-left: -21px;
  }
}

.is-ipad .main-content-promo .icon-discount.is-percentage .discount-text .discount-suffix,
.is-ipad .draw-content-promo .icon-discount.is-percentage .discount-text .discount-suffix {
  margin-left: -18px;
  letter-spacing: -1px;
}

.draw-content-promo .icon-container,
.main-content-promo .icon-container {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.popup-body .draw-content-promo .icon-container, .popup-body
.main-content-promo .icon-container {
  right: auto;
  left: 35px;
}

.is-dss .draw-content-promo .icon-container, .is-dss
.main-content-promo .icon-container {
  left: 25px;
  right: auto;
  width: 90px;
  height: 90px;
  display: block;
}

.icon-recipes {
  width: 37px;
  height: 37px;
}

.icon-account {
  height: 31px;
  width: 30px;
}

.icon-favs {
  height: 31px;
  width: 32px;
}

.icon-shop-list {
  height: 28px;
  width: 22px;
}

.icon-mylists {
  height: 90px;
  width: 88px;
  fill: #909090;
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
}

.icon-emailsuccess {
  width: 54px;
  height: 38px;
  -webkit-transform: translate(6px, 9px);
      -ms-transform: translate(6px, 9px);
          transform: translate(6px, 9px);
}

@media (max-width: 47.99em) {
  .icon-emailsuccess {
    width: 30px;
    height: 22px;
    -webkit-transform: translate(7px, 9px);
        -ms-transform: translate(7px, 9px);
            transform: translate(7px, 9px);
  }
}

.icon-search-large {
  width: 70px;
  height: 70px;
}

.callout .icon-search-large {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

.callout .icon-specials, .callout
.icon-bought-before-plain {
  width: 70px;
  height: 70px;
  margin-bottom: 22px;
}

.icon-trolley,
.icon-delivery,
.icon-recipes,
.icon-account,
.icon-shop-list,
.icon-favs,
.icon-tick,
.icon-dropdown-dark,
.icon-search-large,
.icon-bought-before-plain,
.icon-flybuys {
  fill: currentColor;
}

.icon-flybuys {
  height: 14px;
  width: 35px;
}

.is-large .icon-flybuys {
  height: 21px;
  width: 52px;
}

.icon-flybuys-unlink {
  height: 12px;
  width: 22px;
}

.is-large .icon-past-orders-tab {
  width: 85px;
  height: 70px;
}

.flybuys-count,
.recipes-count,
.bought-before-count {
  background-color: #154f8e;
  font-size: 9px;
  padding: 3px 8px;
  color: #fff;
  float: left;
  margin-right: 6px;
  margin-left: 5px;
  margin-bottom: 6px;
  border-radius: 4px;
  white-space: nowrap;
}

.is-large .flybuys-count, .is-large
.recipes-count, .is-large
.bought-before-count {
  border-radius: 5px;
}

.flybuys-count {
  border-radius: 4px;
  background-color: #007cc2;
  height: 18px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
  margin-right: 0px;
  margin-left: 0px;
  padding: 1px 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: center;
}

@media (min-width: 48em) {
  .flybuys-count {
    height: 20px;
  }
}

.is-large .flybuys-count {
  padding: 0 10px;
  margin-right: 0;
}

.flybuys-count .icon-flybuys {
  display: inline;
  position: relative;
  height: 12px;
  width: 38px;
  margin-top: 3px;
  margin-bottom: 0;
  float: none;
}

@media (min-width: 48em) {
  .flybuys-count .icon-flybuys {
    margin-top: 4px;
  }
}

.is-large .flybuys-count .icon-flybuys {
  height: 18px;
  width: 58px !important;
  margin-top: 6px;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 15px;
  line-height: 15px;
}

@media (max-width: 47.99em) {
  .is-large .flybuys-count .icon-flybuys {
    height: 12px;
    margin-top: 3px;
    width: 38px;
  }
}

.flybuys-count .flybuys-points {
  overflow: hidden;
  white-space: nowrap;
  font-size: 9px;
  border-left: 1px #7b99b9 solid;
  padding-left: 4px;
  margin-left: 4px;
  vertical-align: top;
  position: relative;
  top: 3px;
}

.is-large .flybuys-count .flybuys-points {
  padding-top: 0;
}

@media (min-width: 48em) {
  .is-large .flybuys-count .flybuys-points {
    font-size: 15px;
    top: 8px;
    height: 20px;
  }
}

.recipes-count {
  background-color: #262626;
  font-weight: bold;
  font-size: 11px;
  padding: 2px 7px 1px 7px;
}

@media (max-width: 47.99em) {
  .recipes-count {
    height: 18px;
    padding-top: 1px;
  }
}

.recipes-count .recipes-count-no {
  position: relative;
  top: 0;
}

.recipes-count .icon-recipes {
  width: 10px;
  height: 12px;
  margin: 0 6px -3px 0;
  position: relative;
  top: 2px;
}

.is-large .recipes-count {
  padding: 2px 14px 1px 10px;
}

.is-large .recipes-count .recipes-count-no {
  top: 5px;
}

.is-large .recipes-count .icon-recipes {
  width: 15px;
  height: 18px;
  top: 3px;
  margin: 1px 9px 8px 0;
}

.bought-before-count {
  background-color: #4872ac;
  border: 1px #4872ac solid;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  line-height: 1em;
  padding: 4px 7px 0;
  height: 20px;
  float: right;
  margin-right: 0;
}

@media (max-width: 47.99em) {
  .bought-before-count {
    padding-top: 3px;
    padding-bottom: 2px;
    height: 18px;
  }
}

.bought-before-count .bought-before-no {
  position: relative;
  top: 0;
}

.bought-before-count .icon-bought-before {
  margin: 0;
  display: inline-block;
  margin-top: -2px;
}

.is-large .bought-before-count {
  height: 30px;
  margin-right: 0;
  font-size: 15px;
  line-height: 15px;
}

@media (max-width: 47.99em) {
  .is-large .bought-before-count {
    height: 18px;
  }
}

.is-large .bought-before-count .bought-before-no {
  top: 2px;
}

@media (max-width: 47.99em) {
  .is-large .bought-before-count .bought-before-no {
    font-size: 12px;
    top: -2px;
  }
}

.bought-before-count .large {
  display: block;
}

.bought-before-count .medium {
  display: none;
}

.bought-before-count .small {
  display: none;
}

@media (min-width: 32.5em) and (max-width: 55.5625em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .small {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 64em) and (max-width: 64em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .small {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 70em) and (max-width: 98.74em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .small {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 104.4375em) and (max-width: 137.5em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .small {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 81.25em) and (max-width: 90.625em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .medium {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .small {
    display: block;
  }
}

@media (min-width: 98.75em) and (max-width: 104.375em) {
  .page-product-detail .product-specials .bought-before-count .large, .page-product-detail .product-specials .bought-before-count .medium {
    display: none;
  }
  .page-product-detail .product-specials .bought-before-count .small {
    display: block;
  }
}

@media (min-width: 32.5em) and (max-width: 55.5625em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .small {
    display: none;
  }
  .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 64em) and (max-width: 64em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .small {
    display: none;
  }
  .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 70em) and (max-width: 98.74em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .small {
    display: none;
  }
  .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 104.4375em) and (max-width: 137.5em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .small {
    display: none;
  }
  .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .medium {
    display: block;
  }
}

@media (min-width: 81.25em) and (max-width: 90.625em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .medium {
    display: none;
  }
  .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .small {
    display: block;
  }
}

@media (min-width: 98.75em) and (max-width: 104.375em) {
  .product-specials .bought-before-count .large, .product-specials .bought-before-count .medium,
  .product-down-down .bought-before-count .large,
  .product-down-down .bought-before-count .medium,
  .product-every-day .bought-before-count .large,
  .product-every-day .bought-before-count .medium,
  .product-new .bought-before-count .large,
  .product-new .bought-before-count .medium {
    display: none;
  }
  .product-specials .bought-before-count .small,
  .product-down-down .bought-before-count .small,
  .product-every-day .bought-before-count .small,
  .product-new .bought-before-count .small {
    display: block;
  }
}

.product-flybuys .bought-before-count .large {
  display: none;
}

.product-flybuys .bought-before-count .medium {
  display: none;
}

.product-flybuys .bought-before-count .small {
  display: block;
}

.page-product-detail .bought-before-count .large {
  display: block;
}

.page-product-detail .bought-before-count .medium {
  display: none;
}

.page-product-detail .bought-before-count .small {
  display: none;
}

@media (max-width: 22.49em) {
  .page-product-detail .product-flybuys .bought-before-count .large {
    display: none;
  }
  .page-product-detail .product-flybuys .bought-before-count .medium {
    display: block;
  }
  .page-product-detail .product-flybuys .bought-before-count .small {
    display: none;
  }
}

h2 .icon-not-available {
  width: 28px;
  height: 28px;
  position: relative;
  bottom: -6px;
}

.draw-links .icon {
  fill: currentColor;
}

/* Tab Icons */
.tabs .icon {
  position: relative;
  top: 10px;
  left: -6px;
  width: 28px;
  height: 28px;
  border-bottom: 0;
  padding: 0;
}

@media (max-width: 47.99em) {
  .tabs .icon {
    top: 16px;
    left: 9px;
    position: absolute;
    width: 25px;
  }
  .tabs .icon ~ .items-found-wrapper {
    margin-left: 27px;
  }
}

@media (max-width: 47.99em) {
  .tabs .tab-item.is-active .icon {
    left: 5px;
  }
}

@media (max-width: 47.99em) {
  .tabs.tabs-4 .tab-item .icon {
    left: 5px;
  }
}

.item-count {
  display: inline-block;
  padding: 2px 6px;
  color: #ffffff;
  background-color: #146e8c;
  border-radius: 2px;
  font-size: 0.7692307692307693em;
  line-height: 16px;
}

.pill-green {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 10px 2px;
  border-radius: 20px;
  color: #ffffff;
  background: #008a23;
  font-size: 12px;
  font-weight: bold;
}

/* =Fat Controller */
.fat-controller {
  height: 36px;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.view-trolley .fc-option.is-selected button {
  padding-right: 28px !important;
}

.view-trolley .product-item .fat-controller .fc-button .fc-option .icon-tick {
  width: 0;
}

.view-trolley .product-item .fat-controller .fc-button .fc-option.is-selected .icon-tick {
  width: 20px;
}

.fc-button {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.fc-button.is-expanded {
  overflow: visible;
}

.fc-button .qty-enter {
  display: none;
}

.fc-button input[type="number"] {
  width: 60px;
  padding: 0 6px;
  height: 31px;
}

.fc-button .button {
  padding: 6px 6px 8px 6px;
  font-size: 13px;
  line-height: 22px;
}

.fc-button .button.button-success .icon-dropdown-small {
  width: 12px;
  height: 6px;
}

.fc-button .button-main-container,
.fc-button .button-confirmation-container {
  padding-right: 31px;
}

.fc-button .button-confirmation-label {
  padding: 7px 6px 6px 6px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  float: left;
  font-size: 13px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
  border-radius: 6px 0 0 6px;
}

.fc-button .button-confirmation-label .icon-tick {
  display: none;
}

.fc-button .button-main {
  padding: 6px;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  float: left;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
  border-radius: 6px 0 0 6px;
}

.fc-button .button-main .icon-tick {
  display: none;
}

.fc-button .button-main:hover, .fc-button .button-main:focus {
  text-decoration: none;
}

.fc-button .button-main:hover .button-main-inner, .fc-button .button-main:focus .button-main-inner {
  border-bottom: 1px solid #262626;
  display: inline;
}

.fc-button .button-main.button-success:hover .button-main-inner, .fc-button .button-main.button-success:focus .button-main-inner {
  border-bottom: 1px solid #ffffff;
  display: inline;
}

@media (min-width: 40em) and (max-width: 45.615em) {
  .fc-button .button-main-inner .product-saving {
    display: none;
  }
}

.fc-button .button-down,
.fc-button .button-confirmation-icon {
  border-radius: 0 6px 6px 0;
  width: 30px;
  padding: 6px;
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
}

.fc-button .button-down:hover svg {
  height: 11px;
  top: 2px;
  border-bottom: 1px solid #262626;
}

.fc-button .button-down.button-success:hover .icon-dropdown-small, .fc-button .button-down.button-success:focus .icon-dropdown-small, .fc-button .button-down.button-success:active .icon-dropdown-small {
  height: 11px !important;
  top: 2px;
  border-bottom: 1px solid #ffffff;
}

.fc-button .button-down svg {
  pointer-events: none;
}

.fc-button .button-down.is-active .icon-dropdown-small,
.fc-button .button-down:active .icon-dropdown-small,
.fc-button .button-down:focus .icon-dropdown-small {
  height: 11px;
  top: 2px;
  border-bottom: 1px solid #262626;
}

.fc-button .icon-dropdown-small {
  width: 12px;
  height: 6px;
  position: relative;
  top: -1px;
  right: 0px;
}

.fc-button .icon-dropdown-small use {
  -webkit-transform: scaleX(1.1);
      -ms-transform: scaleX(1.1);
          transform: scaleX(1.1);
}

.fc-button .product-qty {
  text-align: right;
}

.fc-button .product-price {
  text-align: left;
}

.fc-button .product-qty,
.fc-button .product-price {
  font-size: 15px;
  display: inline-block;
}

@media (max-width: 47.99em) {
  .fc-button .product-qty,
  .fc-button .product-price {
    font-size: 14px;
  }
}

@media (max-width: 47.99em) {
  .fc-button .product-text {
    font-size: 13px;
  }
}

@media (max-width: 29.99em) {
  .fc-button .product-text {
    font-size: 13px;
  }
}

.fc-button .button-remove .remove {
  display: inline-block;
}

.fc-button .multibuy-offer-text {
  display: inline-block;
}

.fc-button .option-more {
  display: inline-block;
}

.fc-button .product-saving {
  font-size: 12px;
  background-color: #fbe600;
  color: #c80d14;
  padding: 2px 5px;
  white-space: nowrap;
  margin-left: 5px;
}

@media (max-width: 47.99em) {
  .fc-button .product-saving {
    font-size: 11px;
  }
}

@media (min-width: 45.625em) and (max-width: 47.99em) {
  .fc-button .product-saving {
    margin-right: 2px;
  }
}

.fc-button .product-saving-wrapper {
  display: inline-block;
  text-align: right;
  margin-left: 4px;
}

.fc-button .button-confirmation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  font-size: 15px;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}

.fc-button .button-confirmation .button-confirmation-label {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
}

.fc-button .button-confirmation span {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
  transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
}

.fc-button .button-confirmation .icon-loading {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fc-button.is-removing .button, .fc-button.is-adding .button {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fc-button.is-removing .button-confirmation,
.fc-button.is-removing .button-confirmation-label, .fc-button.is-adding .button-confirmation,
.fc-button.is-adding .button-confirmation-label {
  opacity: 1;
  visibility: visible;
}

.fc-button.is-removing .button-confirmation span,
.fc-button.is-removing .button-confirmation-label span, .fc-button.is-adding .button-confirmation span,
.fc-button.is-adding .button-confirmation-label span {
  opacity: 1;
  visibility: visible;
}

.fc-button.is-active .button,
.fc-button.is-active .button-confirmation-label,
.fc-button.is-active .button-confirmation-icon {
  background: #008a23;
  background: -webkit-gradient(linear, left top, left bottom, from(#008a23), to(#00791f));
  background: linear-gradient(180deg, #008a23, #00791f);
  border-color: #007d1d;
}

.fc-button.is-active .button-main .icon-tick {
  display: inline;
}

.fc-button.is-active .product-cta {
  display: none;
}

@media (min-width: 768px) and (max-width: 785px), (min-width: 875px) and (max-width: 1155px), (min-width: 1300px) and (max-width: 1405px), (min-width: 1580px) and (max-width: 1640px), (min-width: 1870px) and (max-width: 1900px) {
  .fc-button.is-active.is-adding .label-suffix {
    display: none;
  }
}

.fc-button.is-removing .button-confirmation-label,
.fc-button.is-removing .button-confirmation-icon {
  color: #262626;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff, #f0f0f0);
  border: 1px #cbcbcb solid;
  border-bottom-color: #a6a6a6;
}

@media (min-width: 875px) and (max-width: 1155px), (min-width: 1300px) and (max-width: 1410px), (min-width: 1580px) and (max-width: 1640px), (min-width: 1870px) and (max-width: 1900px) {
  .fc-button.is-removing .label-suffix {
    display: none;
  }
}

.fc-button.is-adding .button-confirmation-label,
.fc-button.is-adding .button-confirmation-icon {
  color: #ffffff;
  background: #008a23;
  background: -webkit-gradient(linear, left top, left bottom, from(#008a23), to(#00791f));
  background: linear-gradient(180deg, #008a23, #00791f);
  border-color: #007d1d;
}

@media (min-width: 875px) and (max-width: 955px), (min-width: 1025px) and (max-width: 1055px) {
  .fc-button.is-adding .label-suffix {
    display: none;
  }
}

.popup-promo .fc-button .button-confirmation .button-confirmation-label .label-suffix {
  display: none;
}

@media (min-width: 60.9375em) {
  .popup-promo .fc-button .button-confirmation .button-confirmation-label .label-suffix {
    display: inline;
  }
}

.draw-content .fc-button .label-suffix {
  display: none;
}

.fc-button.is-almost-active .button-confirmation,
.fc-button.is-almost-active .button-confirmation-label, .fc-button.is-almost-deleted .button-confirmation,
.fc-button.is-almost-deleted .button-confirmation-label {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
  transition: opacity 0.2s linear 0.2s, visibility 0.2s linear 0.2s;
}

.fc-button.is-almost-active .button-confirmation span,
.fc-button.is-almost-active .button-confirmation-label span, .fc-button.is-almost-deleted .button-confirmation span,
.fc-button.is-almost-deleted .button-confirmation-label span {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
  transition: opacity 0.2s linear 0s, visibility 0.2s linear 0s;
}

.fc-button .button-success .product-saving,
.fc-button .is-selected .product-saving {
  color: #ffffff;
  background: none;
  padding: 0;
}

.fc-button .button-success .product-saving.is-short,
.fc-button .is-selected .product-saving.is-short {
  display: none;
}

.fc-button-alt {
  padding: 5px;
  height: 36px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

.fc-dropdown .helpLink {
  position: absolute;
  top: -88%;
  right: 0;
  opacity: 0;
  background-color: #ffffff;
  color: #e01a22;
  padding: 2px 4px;
}

.fc-dropdown .helpLink:focus {
  z-index: 9998;
  opacity: 1;
}

.fc-button-down .fc-dropdown .helpLink {
  top: 122%;
}

.fc-dropdown .has-selected .icon-tick {
  width: 20px;
  padding: 0 5px 0 0;
}

.fc-dropdown .has-selected .fc-option .button-measure {
  padding-right: 30px;
}

.fc-dropdown .combined {
  display: inline-block;
  text-align: left;
}

.fc-dropdown .or-more {
  display: inline-block;
  padding-left: 5px;
  text-align: left;
}

.fc-dropdown .button-remove-combined.fc-normal .product-qty {
  width: auto !important;
}

.fc-dropdown .popup-arrow {
  float: right;
  right: 12px;
  top: -19.5px;
}

.fc-button-options {
  border: 1px #929292 solid;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 97;
  /*Jacob: Changed from 101 to 97 to make it behind the back to top button*/
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 50px;
  /* 92%, 127% */
  min-width: 100%;
  border-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 5% 10%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}

@media (max-width: 47.99em) {
  .fc-button-options {
    padding: 5px;
  }
}

.is-expanded .fc-button-options {
  opacity: 1;
  visibility: visible;
}

.fc-note, .popup .fc-note {
  font-size: 14px;
  line-height: 1.2em;
  font-weight: normal;
  bottom: 10px;
  /*Changed by Dylan to fix DE1549*/
  position: absolute;
  color: #5c5c5c;
  left: 7px;
  right: 7px;
  margin: 0;
}

.popup .fc-note {
  position: static;
  line-height: 36px;
}

.fc-button-down .fc-button-options {
  margin-top: 10px;
  bottom: auto;
}

.fc-option {
  border-bottom: 1px #e6e6e6 solid;
}

.fc-option .icon-tick {
  width: 0px;
  height: 12px;
  display: inline-block;
  visibility: hidden;
}

.fc-option .fc-remove-all {
  font-size: 12px !important;
}

.fc-option button {
  background: #ffffff;
  display: block;
  color: #282826;
  padding: 7px;
  border: none;
  width: auto;
  min-width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: nowrap;
  font-size: 15px;
  position: relative;
}

@media (max-width: 47.99em) {
  .fc-option button {
    padding: 6px;
  }
}

@media (max-width: 29.99em) {
  .fc-option button {
    font-size: 14px;
  }
}

.fc-option button:hover, .fc-option button:focus {
  text-decoration: none;
}

.fc-option button:hover span.combined .product-qty, .fc-option button:hover span.combined .product-text, .fc-option button:hover span.combined .product-price, .fc-option button:focus span.combined .product-qty, .fc-option button:focus span.combined .product-text, .fc-option button:focus span.combined .product-price {
  text-decoration: underline;
}

.fc-option.is-selected .icon-tick {
  display: inline-block;
  visibility: visible;
  width: 20px;
}

.fc-option.is-selected button {
  color: #ffffff;
  background-color: #5c5c5c;
}

.fc-option.is-selected button:hover {
  color: #ffffff;
  background-color: #5c5c5c;
}

.fc-option.is-selected .product-saving-wrapper {
  padding-right: 5px;
}

.fc-option:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-option:last-child {
  border-bottom: none;
}

.fc-option:last-child > button {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-option:last-child.fc-option-more {
  margin-bottom: 0;
}

.fc-option .product-saving {
  margin-left: 0;
}

/*.fc-option-promo {
	margin-bottom: 12px;
	
	&.fc-option:last-child > button {
		border: 1px solid $product-specials-border;
		border-radius: 5px;
		padding: 3px 20px;
	}
}*/
.fc-option-more {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}

.fc-option-more .ellipses {
  position: absolute;
}

.fc-option-more > button {
  padding: 7px;
  border: 1px solid #ffffff;
}

@media (max-width: 47.99em) {
  .fc-option-more > button {
    padding: 6px;
  }
}

.fc-option-more.ng-hide {
  display: block !important;
}

.fc-option-more.ng-show > button, .fc-option-more.is-active > button {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.fc-option-more.ng-show .fc-option-more-input, .fc-option-more.is-active .fc-option-more-input {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  background-color: #f0f0f0;
}

.fc-option-more-input {
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 3px;
  color: #282826;
  background-color: #f0f0f0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.fc-option-more-input input[type="number"] {
  text-align: center;
  border-radius: 4px;
  border: 1px solid #cccccc;
  margin-right: 2px;
  padding-right: 2px;
}

.fc-option-more-input input[type="number"]:focus {
  border-color: #909090;
}

.fc-option-more-input .product-unit {
  padding-right: 2px;
  margin-left: -2px;
}

.fc-option-more-input .button,
.is-active .fc-option-more-input .button {
  color: #ffffff;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#272727));
  background: linear-gradient(180deg, #4c4c4c, #272727);
  padding: 8px 14px 7px 14px;
  font-size: 13px;
  line-height: 1em;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  display: inline;
  min-width: inherit;
  text-decoration: none;
}

.fc-option-more-input .button:hover, .fc-option-more-input .button:focus,
.is-active .fc-option-more-input .button:hover,
.is-active .fc-option-more-input .button:focus {
  text-decoration: underline;
}

.fc-option-more-input .button:focus,
.is-active .fc-option-more-input .button:focus {
  border-color: #f0f0f0 !important;
}

.product-specials .fc-button .button-main {
  font-size: 11px;
  padding: 7px;
}

.product-specials .fc-button .button-main .product-cta,
.product-specials .fc-button .button-main .product-qty,
.product-specials .fc-button .button-main .product-price {
  font-size: 13px;
}

@media (min-width: 45.625em) and (max-width: 47.99em) {
  .product-specials .fc-button .button-main .product-cta[data-colrs-fat-controller-responsive-component="Add"] {
    display: none;
  }
}

.product-specials .fc-button .button-confirmation-label {
  font-size: 13px;
  padding: 7px 6px;
}

.product-item .fat-controller,
.product-item-footer .fat-controller {
  left: auto;
  width: 140px;
  padding: 0;
  right: 15px;
  bottom: 15px;
  height: auto;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller,
  .product-item-footer .fat-controller {
    width: calc(100% - 110px);
    right: 10px;
    bottom: 10px;
  }
}

.product-item .fat-controller .fc-button,
.product-item-footer .fat-controller .fc-button {
  margin-top: 0;
}

.product-item .fat-controller .fc-button .button,
.product-item-footer .fat-controller .fc-button .button {
  font-size: 11px;
  line-height: 16px;
  border-color: #cccccc;
  background: none;
  background-color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.product-item .fat-controller .fc-button .button.button-success,
.product-item-footer .fat-controller .fc-button .button.button-success {
  border-color: #007d1d;
}

.product-item .fat-controller .fc-button .button.button-success.button-plain,
.product-item-footer .fat-controller .fc-button .button.button-success.button-plain {
  color: #5c5c5c;
}

.product-item .fat-controller .fc-button .button .icon-tick,
.product-item-footer .fat-controller .fc-button .button .icon-tick {
  width: 12px;
  height: 10px;
  display: none;
}

.product-item .fat-controller .fc-button .button-main,
.product-item .fat-controller .fc-button .button-confirmation-label,
.product-item-footer .fat-controller .fc-button .button-main,
.product-item-footer .fat-controller .fc-button .button-confirmation-label {
  border-radius: 3px 0 0 3px;
  height: 28px;
  padding: 5px 6px 4px 6px;
  border-color: #cccccc;
  background: none;
  background-color: #ffffff;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .button-main,
  .product-item .fat-controller .fc-button .button-confirmation-label,
  .product-item-footer .fat-controller .fc-button .button-main,
  .product-item-footer .fat-controller .fc-button .button-confirmation-label {
    padding-top: 7px;
    height: 35px;
  }
}

.product-item .fat-controller .fc-button .button-down,
.product-item .fat-controller .fc-button .button-confirmation-icon,
.product-item-footer .fat-controller .fc-button .button-down,
.product-item-footer .fat-controller .fc-button .button-confirmation-icon {
  width: 26px;
  border-radius: 0 3px 3px 0;
  border-color: #cccccc;
  background: none;
  background-color: #ffffff;
}

.product-item .fat-controller .fc-button .button-down:hover .icon-dropdown-small, .product-item .fat-controller .fc-button .button-down:focus .icon-dropdown-small,
.product-item-footer .fat-controller .fc-button .button-down:hover .icon-dropdown-small,
.product-item-footer .fat-controller .fc-button .button-down:focus .icon-dropdown-small {
  height: 10px !important;
  top: 0px;
  border-bottom: 1px solid #262626;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .button-down:hover .icon-dropdown-small, .product-item .fat-controller .fc-button .button-down:focus .icon-dropdown-small,
  .product-item-footer .fat-controller .fc-button .button-down:hover .icon-dropdown-small,
  .product-item-footer .fat-controller .fc-button .button-down:focus .icon-dropdown-small {
    top: 2px;
  }
}

.product-item .fat-controller .fc-button.is-adding .button-confirmation-icon,
.product-item .fat-controller .fc-button.is-adding .button-confirmation-label,
.product-item-footer .fat-controller .fc-button.is-adding .button-confirmation-icon,
.product-item-footer .fat-controller .fc-button.is-adding .button-confirmation-label {
  background: none;
  background-color: #ffffff;
  border: 1px #cccccc solid;
  color: #262626;
}

.product-item .fat-controller .fc-button.is-active .button,
.product-item .fat-controller .fc-button.is-active .button-confirmation-label,
.product-item .fat-controller .fc-button.is-active .button-confirmation-icon,
.product-item-footer .fat-controller .fc-button.is-active .button,
.product-item-footer .fat-controller .fc-button.is-active .button-confirmation-label,
.product-item-footer .fat-controller .fc-button.is-active .button-confirmation-icon {
  background: none;
  background-color: #ffffff;
  border: 1px #cccccc solid;
  color: #262626;
}

.product-item .fat-controller .fc-button .button-confirmation .icon-loading,
.product-item-footer .fat-controller .fc-button .button-confirmation .icon-loading {
  width: 15px;
  height: 15px;
  top: 11px;
}

.product-item .fat-controller .fc-button .button-add,
.product-item-footer .fat-controller .fc-button .button-add {
  font-size: 13px;
}

.product-item .fat-controller .fc-button .button-more,
.product-item-footer .fat-controller .fc-button .button-more {
  font-size: 13px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.product-item .fat-controller .fc-button .product-qty,
.product-item .fat-controller .fc-button .product-price,
.product-item-footer .fat-controller .fc-button .product-qty,
.product-item-footer .fat-controller .fc-button .product-price {
  font-size: 13px;
}

.product-item .fat-controller .fc-button .button-confirmation,
.product-item-footer .fat-controller .fc-button .button-confirmation {
  font-size: 13px;
}

.product-item .fat-controller .fc-button .button-main-container,
.product-item .fat-controller .fc-button .button-confirmation-container,
.product-item-footer .fat-controller .fc-button .button-main-container,
.product-item-footer .fat-controller .fc-button .button-confirmation-container {
  padding-right: 27px;
}

.product-item .fat-controller .fc-button .icon-dropdown-small,
.product-item-footer .fat-controller .fc-button .icon-dropdown-small {
  width: 10px;
  height: 5px;
  top: -3px;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .icon-dropdown-small,
  .product-item-footer .fat-controller .fc-button .icon-dropdown-small {
    top: -1px;
  }
}

.product-item .fat-controller .fc-button .fc-button-options,
.product-item-footer .fat-controller .fc-button .fc-button-options {
  border-color: #cccccc;
  padding: 0;
}

.product-item .fat-controller .fc-button .fc-option button,
.product-item-footer .fat-controller .fc-button .fc-option button {
  padding: 4px 5% 4px 5%;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .fc-option button,
  .product-item-footer .fat-controller .fc-button .fc-option button {
    padding-top: 8px;
    padding-bottom: 6px;
  }
}

.product-item .fat-controller .fc-button .fc-option button .combined,
.product-item-footer .fat-controller .fc-button .fc-option button .combined {
  width: auto !important;
}

.product-item .fat-controller .fc-button .fc-option button.button-remove,
.product-item-footer .fat-controller .fc-button .fc-option button.button-remove {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.product-item .fat-controller .fc-button .fc-option button.button-remove .icon-tick,
.product-item-footer .fat-controller .fc-button .fc-option button.button-remove .icon-tick {
  display: none;
}

.product-item .fat-controller .fc-button .fc-option button.button-remove .product-qty,
.product-item-footer .fat-controller .fc-button .fc-option button.button-remove .product-qty {
  width: auto !important;
}

.product-item .fat-controller .fc-button .fc-option button:hover .product-qty, .product-item .fat-controller .fc-button .fc-option button:hover .product-text, .product-item .fat-controller .fc-button .fc-option button:hover .product-price, .product-item .fat-controller .fc-button .fc-option button:focus .product-qty, .product-item .fat-controller .fc-button .fc-option button:focus .product-text, .product-item .fat-controller .fc-button .fc-option button:focus .product-price,
.product-item-footer .fat-controller .fc-button .fc-option button:hover .product-qty,
.product-item-footer .fat-controller .fc-button .fc-option button:hover .product-text,
.product-item-footer .fat-controller .fc-button .fc-option button:hover .product-price,
.product-item-footer .fat-controller .fc-button .fc-option button:focus .product-qty,
.product-item-footer .fat-controller .fc-button .fc-option button:focus .product-text,
.product-item-footer .fat-controller .fc-button .fc-option button:focus .product-price {
  text-decoration: underline;
}

.product-item .fat-controller .fc-button .fc-option .icon-tick,
.product-item-footer .fat-controller .fc-button .fc-option .icon-tick {
  width: 12px;
  height: 10px;
}

.product-item .fat-controller .fc-button input[type="number"],
.product-item-footer .fat-controller .fc-button input[type="number"] {
  width: 50px;
  padding: 2px 0;
  height: 26px;
  font-size: 1em;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button input[type="number"],
  .product-item-footer .fat-controller .fc-button input[type="number"] {
    font-size: 1.2307692307692308em;
    padding: 0;
  }
}

.product-item .fat-controller .fc-button .fc-option-more,
.product-item-footer .fat-controller .fc-button .fc-option-more {
  min-height: 32px;
}

.product-item .fat-controller .fc-button .fc-option-more-input,
.product-item-footer .fat-controller .fc-button .fc-option-more-input {
  padding-top: 3px;
  height: 32px;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .fc-option-more-input,
  .product-item-footer .fat-controller .fc-button .fc-option-more-input {
    height: 34px;
  }
}

.product-item .fat-controller .fc-button .fc-option-more-input .button,
.product-item-footer .fat-controller .fc-button .fc-option-more-input .button {
  padding: 4px 10px 5px 10px;
  position: relative;
  top: -1px;
  color: #ffffff;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#272727));
  background: linear-gradient(180deg, #4c4c4c, #272727);
  border: 0;
  text-decoration: none;
}

.product-item .fat-controller .fc-button .fc-option-more-input .button:hover, .product-item .fat-controller .fc-button .fc-option-more-input .button:focus,
.product-item-footer .fat-controller .fc-button .fc-option-more-input .button:hover,
.product-item-footer .fat-controller .fc-button .fc-option-more-input .button:focus {
  text-decoration: underline;
}

@media (max-width: 47.99em) {
  .product-item .fat-controller .fc-button .fc-option-more-input .button,
  .product-item-footer .fat-controller .fc-button .fc-option-more-input .button {
    top: -3px;
  }
}

/*
*	GENERIC FORM FIELDS: INPUT[BUTTON, RADIO, TEXT], SELECT, TEXTAREA
*/
/* Adds padding to secondary links to allow them to be clicked easier on tablets.*/
.secondary-cta {
  padding: 15px;
}

.input-sub-link {
  color: #4c4c4c;
  text-decoration: underline;
  padding: 7.5px 0;
  float: left;
  font-weight: bold;
}

label {
  display: block;
  font-size: 1.153846154em;
  /* 15px */
  font-weight: bold;
  line-height: normal;
  vertical-align: middle;
}

@media (max-width: 47.99em) {
  label {
    font-size: 1.0769230769em;
  }
}

label input {
  display: block;
}

label > input[type="text"],
label > input[type="password"],
label > input[type="email"] {
  margin-top: 10px;
  font-weight: normal;
}

label .form-field-small-font {
  margin-top: 5px;
}

label .form-field-small-font + input {
  margin-top: 5px;
}

label .form-field-small-font + span {
  margin-top: 0px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-size: 1.230769230769231em;
  /* 16px */
  padding: 10px 15px;
  line-height: 120%;
  color: #262626;
  height: 41px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: #909090;
}

input[type="text"]:selected,
input[type="password"]:selected,
input[type="email"]:selected,
input[type="tel"]:selected,
input[type="number"]:selected,
textarea:selected,
select:selected {
  background: #ffffff;
  color: #262626;
}

input[type="text"].is-error,
input[type="password"].is-error,
input[type="email"].is-error,
input[type="tel"].is-error,
input[type="number"].is-error,
textarea.is-error,
select.is-error {
  border-color: #d82931 !important;
}

@media (max-width: 47.99em) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select {
    font-size: 16px;
    max-width: 100%;
  }
}

input[type="text"][readonly] {
  background: #ebebe4;
  color: #999;
}

input[type="password"]::-ms-reveal {
  display: none;
}

select {
  font-weight: bold;
}

select:hover {
  background: #5c5c5c;
  color: #5c5c5c;
  border-color: #909090;
  outline: #909090;
}

select > option {
  background: #ffffff;
  color: #262626;
  padding: 12px 15px;
}

select > option:hover, select > option:focus {
  background: #5c5c5c;
  color: #ffffff;
}

.button:disabled {
  opacity: 0.3;
}

textarea {
  min-width: 278px;
  height: 120px;
}

input[Type="radio"],
input[Type="checkbox"] {
  width: 20px;
  height: 20px;
  display: inline-block;
}

input[Type="radio"]:checked:focus, input[Type="radio"]:focus,
input[Type="checkbox"]:checked:focus,
input[Type="checkbox"]:focus {
  outline: 2px solid #909090;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

#login-password-input-container {
  margin-top: 2px;
  border-width: 2px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 2px;
  position: relative;
}

#login-password-input-container:focus {
  border-color: #909090;
}

#login-password-input-container a {
  right: 10px;
  background: none;
  text-decoration: none;
  border: 0;
  position: absolute;
  top: 8px;
  padding-top: 5px !important;
  margin-top: 0;
}

#login-password-input {
  border-width: 0px !important;
  margin: 0px;
  height: 35px;
  width: 80%;
  padding-left: 15px;
}

.onPwdFocus {
  border-color: #909090 !important;
  margin-top: 2px;
}

.onPwdBlur {
  border-color: #cccccc !important;
  margin-top: 2px;
}

.form-field-input {
  width: 278px;
  height: 41px;
  margin-top: 5px;
}

@media (max-width: 39.99em) {
  .form-field-input {
    width: auto;
  }
}

#password-input {
  width: 85% !important;
  border: 0 !important;
  padding: 0px;
  margin-left: 12px;
  margin-top: 3px;
  height: 34px !important;
}

.password-spectrum-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.password-spectrum-label {
  margin-top: 10px;
}

.password-spectrum-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.password-spectrum-label {
  margin-top: 10px;
}

.password-spectrum-weak-active {
  background-color: red;
}

.password-spectrum-add-animate {
  -webkit-transition: width 1s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1s;
}

.password-spectrum-no-animate {
  -webkit-transition: none !important;
  /* For Safari 3.1 to 6.0 */
  transition: none !important;
}

.password-spectrum-ok-active {
  background-color: orange;
}

.password-spectrum-active {
  width: 100%;
  height: 3px;
}

.password-spectrum-strong-active {
  background-color: limegreen;
}

.password-spectrum-inactive {
  width: 0%;
  height: 3px;
  -webkit-transition: width 1s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1s;
}

.password-spectrum {
  width: 32%;
  height: 5px;
  border-style: solid;
  border-color: lightgray;
  border-width: 1px;
  margin-left: 3px;
  margin-top: 5px;
  -webkit-transition: width 2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}

.required {
  border-color: #c80d14;
}

.required:focus {
  outline: #c80d14;
}

.form-field-small-font,
.form-field-error-message,
.form-field-success-message {
  font-size: 13px;
  color: #5c5c5c;
  display: block;
  font-weight: normal;
  line-height: 1.5;
}

@media (max-width: 47.99em) {
  .form-field-small-font,
  .form-field-error-message,
  .form-field-success-message {
    line-height: 1.3;
  }
}

.login-form-btn-submit {
  background: #e01a22 !important;
  border-radius: 20px !important;
}

.form-field-button {
  display: block;
  margin: 0px;
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
  color: #ffffff;
  font-weight: bold;
  padding: 12px 30px;
  text-align: center;
  border: none;
}

.form-field-button:focus {
  background: #4c4c4c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#262626));
  background: linear-gradient(180deg, #4c4c4c, #262626);
}

.form-field-dropdown-list-mask {
  position: relative;
  display: inline-block;
}

.form-field-dropdown-list-mask label {
  display: table-cell;
  vertical-align: top;
}

.form-field-dropdown-list-mask select {
  width: 100%;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #262626;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  background: #ffffff;
  font-size: 1.230769230769231em;
  /* 16px */
  margin: 0;
  overflow: hidden;
  padding: 2px 25px 2px 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 1;
  font-weight: normal;
}

.form-field-dropdown-list-mask select::-ms-expand {
  /* for IE 11 */
  display: none;
}

.form-field-dropdown-list-mask select:before {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #ffffff;
  color: #262626;
  font-size: 1.230769230769231em;
  /* 16px */
  padding: 10px 20px 0px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: attr(data-option);
  display: block;
  line-height: 120%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 41px;
}

.form-field-dropdown-list-mask select:focus {
  border-color: #909090 !important;
}

.form-field-dropdown-list-mask:after {
  position: absolute;
  content: " ";
  width: 12px;
  height: 6px;
  background: transparent url(../img/icons/icon-dropdown-small.svg) no-repeat top right;
  right: 10px;
  top: 45%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
}

.form-field-checkbox-label {
  position: relative;
  margin-right: 15px;
  display: inline-block;
}

.form-field-checkbox-label input,
.form-field-checkbox-label span,
.form-field-checkbox-label div {
  display: block;
  float: left;
}

.form-field-checkbox-label input[Type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  opacity: 0;
}

.form-field-checkbox-label input[Type="checkbox"] + .form-field-checkbox-mask {
  position: absolute;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #ffffff;
  width: 19px;
  height: 19px;
  content: " ";
  display: block;
  pointer-events: none;
  top: 0px;
}

.form-field-checkbox-label input[Type="checkbox"]:focus + .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.form-field-checkbox-label input[Type="checkbox"]:checked:focus + .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.form-field-checkbox-label input[Type="checkbox"]:checked + .form-field-checkbox-mask {
  background: #ffffff url(../img/icons/icon-tick-grey.svg) no-repeat 50% 50%;
  color: #262626;
  border: 1px solid #909090;
}

.form-field-checkbox-label .label {
  vertical-align: top;
  line-height: 1.5;
}

.form-field-checkbox-label > .label {
  padding-right: 10px;
  padding-left: 10px;
}

.form-field-checkbox-label > .label + input[Type="checkbox"] + .form-field-checkbox-mask {
  right: 0px;
}

.form-field-checkbox-label span {
  font-weight: bold;
  font-size: 15px;
  color: #262626;
}

.form-field-checkbox-label .wb-label-sub-copy {
  font-weight: normal;
  font-size: 13px;
}

.checkbox-container {
  position: relative;
  margin: 0 0 10px;
  padding: 2px 0 0 27px;
}

.checkbox-container.is-thin {
  margin: 0;
}

.checkbox-container.is-plain,
.checkbox-container.is-plain label {
  padding-top: 0;
  font-weight: normal;
  font-size: 1em;
  color: #4c4c4c;
}

.checkbox-container:last-child {
  margin: 0;
}

.checkbox-container input,
.checkbox-container .form-field-checkbox-mask {
  position: absolute;
  top: 0;
  left: 0;
}

.checkbox-container input[type="checkbox"] {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  display: block;
  z-index: 2;
}

.checkbox-container input[type="checkbox"]:focus ~ .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.checkbox-container input[type="checkbox"]:checked:focus ~ .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.checkbox-container input[type="checkbox"]:checked ~ .form-field-checkbox-mask {
  background: #ffffff url(../img/icons/icon-tick-grey.svg) no-repeat 50% 50%;
  color: #262626;
  border: 1px solid #909090;
}

.checkbox-container .form-field-checkbox-mask {
  position: absolute;
  height: 19px;
  width: 19px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
  content: " ";
  display: block;
  pointer-events: none;
}

.checkbox-container .details {
  font-weight: normal;
  font-size: 12px;
  float: none;
  display: block;
  padding-top: 3px;
  color: #4c4c4c;
}

input[Type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  display: block;
  position: absolute;
  z-index: 1;
}

input[Type="radio"] ~ .form-field-radio-mask {
  position: absolute;
  height: 22px;
  width: 22px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background: #ffffff;
  content: " ";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  pointer-events: none;
}

input[Type="radio"] ~ .form-field-radio-mask .form-field-radio-checked {
  display: none;
}

input[Type="radio"] ~ label {
  margin-left: 30px;
}

input[Type="radio"]:checked ~ .form-field-radio-mask .form-field-radio-checked {
  background-color: #4c4c4c;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

input[Type="radio"]:focus ~ .form-field-radio-mask {
  border: 2px solid #909090;
}

input[Type="radio"]:focus:checked ~ .form-field-radio-mask .form-field-radio-checked {
  top: 4px;
  left: 4px;
}

.form-field-radio-button-label {
  position: relative;
  margin-right: 15px;
  display: inline-block;
}

.form-field-radio-button-label input,
.form-field-radio-button-label span,
.form-field-radio-button-label div {
  display: block;
  float: left;
}

.form-field-radio-button-label input[Type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  opacity: 0;
}

.form-field-radio-button-label input[Type="radio"] + .form-field-radio-mask {
  position: absolute;
  height: 22px;
  width: 22px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #ffffff;
  content: " ";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  pointer-events: none;
  top: 0px;
}

.form-field-radio-button-label input[Type="radio"]:focus + .form-field-radio-mask, .form-field-radio-button-label input[Type="radio"]:checked:focus + .form-field-radio-mask {
  border: 2px solid #909090;
}

.form-field-radio-button-label input[Type="radio"]:checked + .form-field-radio-mask {
  border: 1px solid #909090;
}

.form-field-radio-button-label input[Type="radio"]:checked + .form-field-radio-mask .form-field-radio-checked {
  background-color: #4c4c4c;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 50%;
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
}

.form-field-radio-button-label input[Type="radio"]:checked:focus + .form-field-radio-mask .form-field-radio-checked {
  left: 4px;
  top: 4px;
}

.form-field-radio-button-label .label {
  vertical-align: top;
  line-height: 1.5;
}

.form-field-radio-button-label > .label {
  padding-right: 10px;
  padding-left: 10px;
}

.form-field-radio-button-label > .label + input[Type="radio"] + .form-field-radio-mask {
  right: 0px;
}

.form-wrapper {
  margin-bottom: 63px;
  margin: 0 auto;
}

.form-wrapper h2 {
  -margin-before: 0em;
  -margin-after: 50px;
  -moz-margin-before: 0em;
  -moz-margin-after: 50px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 50px;
}

.form-wrapper fieldset {
  margin: 20px 0px;
  padding: 0px 20px 30px 20px;
  border: 0px none;
}

.form-wrapper fieldset .form-field-row {
  margin-bottom: 20px;
  width: 100%;
}

.form-wrapper fieldset .form-field-row .form-field-input {
  display: block;
}

.form-wrapper fieldset .form-field-row .form-field-col1,
.form-wrapper fieldset .form-field-row .form-field-col2,
.form-wrapper fieldset .form-field-row .form-field-col3 {
  display: inline-block;
}

.form-wrapper fieldset .form-field-row .form-field-col1 {
  padding-right: 39px;
  padding-bottom: 1.2em;
  width: 35%;
  text-align: right;
}

.form-wrapper fieldset .form-field-row .form-field-textarea-label {
  padding-top: 10px;
  vertical-align: top;
}

.form-wrapper fieldset .form-field-row .form-cvv-info {
  padding-left: 25px;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 54px;
  width: 165px;
  position: relative;
}

.form-wrapper fieldset .form-field-row .form-cvv-info .alert {
  bottom: 100%;
  left: 0%;
  width: 270px;
}

.form-wrapper fieldset .form-field-row .form-cvv-info .alert .alert-wrapper {
  padding-top: 0px;
}

.form-wrapper fieldset .form-field-row .label {
  width: 210px;
}

.form-wrapper .form-field-button {
  margin: 0 auto 0 30.94595%;
}

.form-wrapper .icon-delivery {
  width: 35px;
  height: 22px;
}

.form-wrapper .icon-account {
  width: 25px;
  height: 25px;
}

.form-wrapper hr {
  margin-top: 0px;
}

@media (min-width: 48em) {
  .form-wrapper .form-field-button {
    margin-left: 36%;
  }
}

.form-field-dob fieldset {
  margin: 0;
  padding: 0;
}

.form-field-dob label {
  font-size: 1em;
  font-weight: normal;
  color: #5c5c5c;
  text-align: left;
  display: inline-block;
}

.form-field-dob input {
  -webkit-appearance: none;
}

.form-field-dob input.is-error {
  border-color: #d82931 !important;
}

.form-field-dob input[type="text"] {
  width: 50px;
  padding-right: 12px;
}

.form-field-dob input[type="number"] {
  width: 50px;
  padding: 0 0 0 10px;
  -moz-appearance: textfield;
}

.form-field-dob input[type="number"]::-webkit-inner-spin-button, .form-field-dob input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.form-field-dob input#date-of-birth-year {
  width: 70px;
}

.callout.is-large .form-field-dob {
  margin-top: 30px;
}

.form-field-dob select {
  width: 125px;
}

.form-field-dob .input-container {
  display: inline-block;
  text-align: left;
}

.form-field-dob .input-container.day {
  width: 50px;
}

.form-field-dob .input-container.day input {
  width: 50px;
}

.form-field-dob .input-container.month {
  margin-left: 5px;
  width: calc(100% - 135px);
}

.form-field-dob .input-container.month .form-field-dropdown-list-mask {
  width: 100%;
  margin-top: 6px;
}

.form-field-dob .input-container.month .form-field-dropdown-list-mask select {
  width: 100%;
}

.form-field-dob .input-container.year {
  width: 65px;
  margin-left: 5px;
}

.form-field-dob .input-container.year input {
  width: 65px;
}

.callout .form-field-dob .input-container.month,
.draw-warning .form-field-dob .input-container.month {
  width: 125px;
}

.callout .form-field-dob .input-container.month .form-field-dropdown-list-mask,
.draw-warning .form-field-dob .input-container.month .form-field-dropdown-list-mask {
  width: 125px;
}

.input-container.business-registration {
  border-top: none;
  margin-top: 15px;
}

.input-container.business-registration .business-details {
  max-height: 500px;
  overflow: hidden;
  margin-left: 30px;
  -webkit-transition: max-height 0.25s;
  transition: max-height 0.25s;
}

.input-container.business-registration .business-details.ng-enter, .input-container.business-registration .business-details.ng-leave.ng-leave-active {
  max-height: 0px;
}

.input-container.business-registration .business-details.ng-enter.ng-enter-active, .input-container.business-registration .business-details.ng-leave, .input-container.business-registration .business-details.is-active {
  max-height: 500px;
}

.input-container.business-registration .business-details label {
  margin-top: 15px;
  font-weight: normal;
  font-size: 1em;
  color: #4c4c4c;
}

@media (max-width: 47.99em) {
  .input-container.business-registration .business-details label {
    margin-top: 15px;
  }
}

@media (min-width: 48em) {
  .input-container.business-registration .business-details label {
    margin-top: 20px;
  }
}

.input-container.business-registration .business-details input {
  width: calc(100% - 30px);
}

.input-container.business-registration .business-details input#business-abn {
  width: 135px;
}

.input-container.business-registration .business-details .form-field-dropdown-list-mask {
  width: calc(100% - 30px);
  margin-top: 5px;
}

.input-container.business-registration .business-details .form-field-dropdown-list-mask select {
  width: 100%;
}

.input-container.remember-me {
  padding: 0;
}

.input-container.remember-me .checkbox-container {
  display: none;
}

/* =Search */
.search-label {
  margin-bottom: 10px;
}

.search {
  display: block;
  position: relative;
  height: 41px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px #aaa;
          box-shadow: inset 0 0 2px #aaa;
  border: 1px solid #949494;
  opacity: 1;
}

.search.faded {
  opacity: 0;
}

.search.is-active:after {
  display: block;
}

.search form {
  position: relative;
  z-index: 2;
}

.search:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 9px;
  right: 40px;
  width: 1px;
  height: 22px;
  background-color: #e6e6e6;
  z-index: 3;
}

@media (min-width: 48em) {
  .search:before {
    top: 7px;
    height: 26px;
    z-index: 1;
  }
}

.search:after {
  content: '';
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px #00aeff solid;
  border-radius: 3px;
}

.search .fakePlaceholder {
  position: absolute;
  top: 8px;
  left: 15px;
  margin: 0;
  color: #707070;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .search .fakePlaceholder {
    top: 11px;
    left: 8px;
    font-size: 1em;
  }
}

.search .search-txt {
  border: none;
  width: calc(100% - 40px);
  height: 39px;
  padding: 0 40px 0 15px;
  font-size: 15px;
  line-height: 120%;
  color: #146e8c;
  background: transparent;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search .search-txt::-ms-clear {
  display: none;
}

@media (max-width: 47.99em) {
  .search .search-txt {
    padding: 0 40px 0 10px;
    font-size: 16px;
  }
}

.search .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  font-size: 1.153846154em;
  /* 15px */
  font-weight: bold;
  line-height: 33px;
  color: #de3038;
  background: none;
  text-decoration: none;
}

.search .search-submit:hover, .search .search-submit:focus {
  text-decoration: underline;
}

.search .search-submit:disabled {
  opacity: 0.3;
}

@media (min-width: 60.9375em) {
  .search .search-submit {
    font-size: 1.307692308em;
  }
}

@media (max-width: 47.99em) {
  .search .search-submit {
    line-height: 27px;
    text-indent: -99999px;
    z-index: 2;
  }
}

.search .search-submit:after {
  content: '';
  display: block;
  position: absolute;
  top: 31px;
  left: 12px;
  height: 1px;
  width: 14px;
  background: transparent;
}

.search .search-submit:focus {
  outline: 0;
}

.search .search-submit:focus:after {
  background: #de3038;
}

.search .icon-search {
  position: absolute;
  top: 12px;
  right: 13px;
  width: 16px;
  height: 16px;
  fill: #e01a22;
}

.search .icon-search.disabled {
  opacity: 0.3;
}

.search .search-cancel {
  position: absolute;
  top: 1px;
  right: 40px;
  width: 40px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  visibility: hidden;
  opacity: 0;
  color: #146e8c;
  background: #ffffff;
  text-align: left;
  z-index: 2;
}

.search .search-cancel:after {
  content: '';
  display: block;
  position: absolute;
  top: 31px;
  left: 13px;
  height: 1px;
  width: 14px;
  background: transparent;
}

.search .search-cancel:focus:after {
  background: #146e8c;
}

.search .search-cancel.is-active {
  opacity: 1;
  visibility: visible;
}

.search .search-cancel .icon {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 16px;
  height: 17px;
}

.search .search-cancel-label {
  display: block;
  line-height: 22px;
  margin-left: 5px;
  font-weight: bold;
}

@media (max-width: 47.99em) {
  .search .search-cancel-label {
    text-indent: -99999px;
  }
}

@media (max-width: 47.99em) {
  .search.product-search {
    height: 35px;
  }
}

.search.product-search:before {
  right: 18%;
  top: 7px;
}

@media (max-width: 47.99em) {
  .search.product-search:before {
    top: 6px;
    right: 41px;
  }
}

@media (max-width: 47.99em) {
  .search.product-search form {
    height: 35px;
  }
}

@media (max-width: 47.99em) {
  .search.product-search .fakePlaceholder {
    width: 43px;
    top: 7px;
  }
}

.search.product-search .search-txt {
  padding: 0 15px 2px;
  width: 81%;
}

.is-search-mode .search.product-search .search-txt {
  width: 69%;
}

@media (max-width: 47.99em) {
  .search.product-search .search-txt {
    padding: 0 10px;
    height: 34px;
    width: calc(100% - 40px);
  }
  .is-search-mode .search.product-search .search-txt {
    width: calc(100% - 80px);
  }
}

.search.product-search .search-submit {
  width: 18%;
  padding-bottom: 2px;
}

@media (max-width: 47.99em) {
  .search.product-search .search-submit {
    width: 40px;
    height: 34px;
  }
  .search.product-search .search-submit:focus ~ .icon-search {
    border-bottom: 1px solid #5c5c5c;
    padding-bottom: 2px;
    height: 19px;
  }
}

.search.product-search .icon-search {
  display: none;
  fill: #5c5c5c;
}

.search.product-search .icon-search.disabled {
  opacity: 0.3;
}

@media (max-width: 47.99em) {
  .search.product-search .icon-search {
    display: block;
    top: 9px;
  }
}

.search.product-search .search-cancel {
  width: 70px;
  height: 37px;
  right: 19.5%;
  top: 1px;
}

.search.product-search .search-cancel .icon-cancel {
  top: 10px;
}

.search.product-search .search-cancel:after {
  display: none;
}

@media (max-width: 47.99em) {
  .search.product-search .search-cancel {
    right: 42px;
    width: 35px;
    height: 31px;
  }
  .search.product-search .search-cancel:after {
    display: block;
    top: 26px;
    left: 8px;
  }
  .search.product-search .search-cancel .icon-cancel {
    top: 7px;
  }
}

.search.search-autosearch {
  margin-left: 1px;
  margin-right: 1px;
}

.search.search-autosearch:before {
  display: none;
}

.search.search-autosearch .icon-search {
  right: auto;
  left: 15px;
  fill: #909090;
}

.search.search-autosearch .search-txt {
  padding-left: 40px;
  width: 100%;
}

.search.search-autosearch .fakePlaceholder {
  left: 40px;
}

.search.search-autosearch .search-cancel {
  right: 0;
  background: none;
}

.header .search.product-search {
  margin-left: 30%;
  max-width: 520px;
  border-radius: 22px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: width 0.1s linear;
  transition: width 0.1s linear;
}

.header .search.product-search:after {
  border-radius: 22px;
}

@media (min-width: 60.9375em) {
  .header .search.product-search {
    width: 70%;
    -webkit-transition: none;
    transition: none;
  }
}

@media (min-width: 64.0625em) {
  .header .search.product-search {
    width: 430px;
    margin-left: 22%;
  }
}

@media (min-width: 81.25em) {
  .header .search.product-search {
    width: 70%;
    margin-left: 30%;
  }
}

@media (max-width: 47.99em) {
  .header .search.product-search {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0;
    width: calc(100% - 90px);
    max-width: 100%;
  }
  .header .search.product-search.is-active {
    width: calc(100% - 16px);
  }
}

@media (max-width: 29.99em) {
  .header .search.product-search {
    -webkit-transition: width 0.1s linear, opacity 0.25s;
    transition: width 0.1s linear, opacity 0.25s;
  }
}

.header .search.product-search:before {
  right: 40px;
}

.header .search.product-search .search-txt {
  width: calc(100% - 40px);
}

.is-search-mode .header .search.product-search .search-txt {
  width: calc(100% - 81px);
}

.header .search.product-search .search-cancel {
  width: 40px;
  right: 41px;
}

.header .search.product-search .search-cancel:after {
  display: block;
  left: 13px;
}

.header .search.product-search .icon-search {
  display: block;
}

.header .search.product-search .search-submit {
  width: 40px;
}

.header .search.product-search .search-submit:focus:after {
  background: #5c5c5c;
}

@media (max-width: 47.99em) {
  .header .search.product-search .search-submit:after {
    top: 27px;
  }
}

.header .search.product-search .search-autocomplete.is-active {
  width: calc(100% + 16px);
  margin-top: 2px;
  margin-left: -8px;
}

@media (max-width: 47.99em) {
  .header .search.product-search .search-autocomplete.is-active {
    margin-top: 7px;
  }
}

.header .search.product-search .search-autocomplete .search-ac-item {
  color: #146e8c;
}

.header .search.product-search .search-autocomplete .search-ac-item:hover {
  color: #ffffff;
  background-color: #146e8c;
}

.header .search.product-search .search-autocomplete .search-ac-item:last-child:hover {
  border-color: #146e8c;
}

.header .search.product-search .search-autocomplete .search-ac-item.is-active {
  color: #ffffff;
  background-color: #146e8c;
}

/* =Autocomplete Widget */
.search-autocomplete {
  border: 1px #a7a7a7 solid;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 10001;
  position: absolute;
  left: 0;
  top: 100%;
  width: 75%;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 60.9375em) {
  .search-autocomplete {
    display: none;
    width: 80%;
  }
}

.search-autocomplete.is-active {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

@media (min-width: 60.9375em) {
  .search-autocomplete.is-active {
    display: block;
  }
}

.search-ac-items {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #ffffff;
}

.search-ac-item {
  width: 100%;
  border-bottom: 1px #e6e6e6 solid;
  color: #4c4c4c;
  display: block;
  padding: 7px 5%;
}

.search-ac-item a {
  font-weight: bold;
  text-decoration: none !important;
}

.search-ac-item:hover {
  cursor: pointer;
  text-decoration: underline !important;
}

.search-ac-item:focus {
  text-decoration: underline !important;
  outline: 0 !important;
}

.search-ac-item:last-child {
  border-bottom: 0;
}

.search-ac-title {
  font-size: 11px;
  background-color: #f0f0f0;
  color: #5c5c5c;
  font-weight: normal;
  padding: 7px 5%;
  margin: 0;
}

/* =Alerts  */
.alert {
  position: absolute;
  z-index: 99;
  font-size: 13px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  /* Media query for ipads only */
}

.alert.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}

.alert.ng-inactive, .alert.is-visible.ng-inactive {
  display: none;
}

.alert .alert-heading {
  color: #146e8c;
  margin: 0;
  font-weight: bold;
}

.alert .alert-wrapper {
  background-color: #e2f8ff;
  border: 1px solid #146e8c;
  border-radius: 3px;
  box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  position: relative;
  color: #146e8c;
  max-width: 360px;
}

@media (max-width: 47.99em) {
  .alert .alert-wrapper {
    padding: 15px;
  }
}

.alert .alert-wrapper .arrow {
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -6px;
}

.alert .alert-wrapper .arrow:before {
  content: "";
  position: relative;
  display: block;
  left: 0px;
  bottom: -7px;
  width: 10px;
  height: 10px;
  background: #e2f8ff;
  border: 1px solid #146e8c;
  -webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px rgba(0, 0, 0, 0.8);
          box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px rgba(0, 0, 0, 0.8);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.alert .alert-wrapper .alert-content p {
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 1.0769230769230769em;
}

.alert .alert-wrapper .alert-content p:first-child {
  margin-top: 0;
}

.alert .alert-wrapper .alert-content.ng-leave, .alert .alert-wrapper .alert-content.ng-leave.ng-leave-active {
  -webkit-transition: 0.3s linear all;
  transition: 0.3s linear all;
  opacity: 1;
}

.alert .alert-wrapper .alert-buttons-wrapper {
  margin-top: 12px;
}

.alert .alert-wrapper .alert-buttons-wrapper .button {
  background: #2a86a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a86a5), to(#146e8c));
  background: linear-gradient(180deg, #2a86a5, #146e8c);
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0px 15px;
  font-size: 1.0769230769230769em;
  font-weight: bold;
  border: none 0px;
  line-height: 38px;
  border: 1px solid #e2f8ff;
  min-width: 55px;
}

.alert .alert-wrapper .alert-buttons-wrapper .button .icon {
  vertical-align: middle;
}

.alert .alert-wrapper .alert-buttons-wrapper .button .icon-cross {
  width: 9px;
  height: 9px;
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.alert .alert-wrapper .alert-buttons-wrapper .button .icon-refresh {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.alert .alert-wrapper.alert-warning .alert-buttons-wrapper {
  padding-top: 10px;
}

.alert .alert-wrapper.alert-warning .icon-alert {
  width: 35px;
  height: 30px;
}

.alert .alert-wrapper.alert-warning p {
  font-size: 18px;
}

@media (max-width: 47.99em) {
  .alert .alert-wrapper.alert-warning p {
    font-size: 1.1538461538461537em;
  }
}

.alert .alert-wrapper.alert-warning span {
  font-weight: bold;
}

.alert .alert-wrapper.alert-error .icon-not-available {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}

.alert.is-alert-top {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  bottom: 12px;
}

.alert.is-alert-top.is-visible {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.alert.is-alert-top .alert-wrapper .arrow {
  top: 100%;
}

.alert.is-alert-top .alert-wrapper .arrow:before {
  bottom: 8px;
}

.alert.is-alert-right .alert-wrapper .arrow {
  top: 50%;
  margin-top: -10px;
  right: -12px;
  left: initial;
}

.alert.is-alert-right .alert-wrapper .arrow:before {
  bottom: 0;
  left: -7px;
}

.alert.is-alert-left .alert-wrapper .arrow {
  top: 50%;
  left: -6px;
}

.alert.is-alert-left .alert-wrapper .arrow:before {
  bottom: 0;
  left: 7px;
}

.alert.is-alert-bottom-left {
  position: fixed;
  left: 20px;
  bottom: 35px;
  z-index: 152;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left {
    left: 8px;
    bottom: 8px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (max-width: 29.99em) {
  .alert.is-alert-bottom-left {
    right: 8px;
    bottom: 58px;
  }
  .nav-is-open .alert.is-alert-bottom-left,
  .draw-is-open .alert.is-alert-bottom-left,
  .page-full-width .alert.is-alert-bottom-left {
    bottom: 8px;
  }
}

.alert.is-alert-bottom-left .alert-wrapper {
  min-width: 360px;
  padding: 30px 50px;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left .alert-wrapper {
    padding: 15px;
    min-width: 300px;
    max-width: 300px;
  }
}

@media (max-width: 29.99em) {
  .alert.is-alert-bottom-left .alert-wrapper {
    max-width: initial;
    min-width: initial;
  }
}

.alert.is-alert-bottom-left .alert-wrapper .icon {
  width: 40px;
  height: 40px;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left .alert-wrapper .icon {
    width: 35px;
    height: 30px;
  }
}

.alert.is-alert-bottom-left .alert-wrapper .alert-warning-header-wrapper {
  margin: 0px;
}

.alert.is-alert-bottom-left .alert-wrapper h2 {
  margin-top: 10px;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left .alert-wrapper h2 {
    margin-top: 5px;
  }
}

.alert.is-alert-bottom-left .alert-wrapper p {
  margin: 10px 0 0;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left .alert-wrapper p {
    margin-top: 5px;
  }
}

.alert.is-alert-bottom-left .alert-wrapper .alert-buttons-wrapper {
  margin-top: 15px;
  padding: 0;
}

.alert.is-alert-bottom-left .alert-wrapper .alert-buttons-wrapper .button {
  margin: 0;
}

.alert.is-alert-bottom-left .alert-retry {
  padding-bottom: 30px;
}

.alert.is-alert-bottom-left.alert-connection-retry .alert-wrapper {
  min-height: 220px;
}

@media (max-width: 47.99em) {
  .alert.is-alert-bottom-left.alert-connection-retry .alert-wrapper {
    min-height: 170px;
  }
}

.alert.is-alert-bottom-right {
  position: fixed;
  right: 20px;
  bottom: 25px;
}

@media (max-width: 29.99em) {
  .alert.is-alert-bottom-right {
    left: 8px;
    right: 8px;
    bottom: 58px;
  }
  .nav-is-open .alert.is-alert-bottom-right,
  .draw-is-open .alert.is-alert-bottom-right,
  .alert.is-alert-bottom-right .page-full-width {
    bottom: 8px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .alert.is-alert-bottom-left {
    /* Jacob:Can't position from the bottom as this will cause a problem on iOS8 */
    /* Tim: Work around implemented for ipad only, all other devices positioned via 'bottom' attribute */
  }
  .alert.is-alert-bottom-left .alert-wrapper {
    position: absolute;
    bottom: 0px;
  }
  .alert.is-alert-bottom-right {
    top: calc(100vh - 300px);
  }
  .alert.is-alert-bottom-right .alert-wrapper {
    position: absolute;
    bottom: 0px;
  }
}

.alert.alert-search-term-validation {
  top: 27px;
  left: 7.5%;
  -webkit-transition: none;
  transition: none;
  /* transition disabled due to JAWS not being able to read the alert */
}

@media (max-width: 47.99em) {
  .alert.alert-search-term-validation {
    left: 0;
    top: 25px;
    right: 45px;
  }
  .alert.alert-search-term-validation .alert-wrapper {
    max-width: none;
  }
}

.alert.alert-new-specials {
  top: 22%;
  left: 55%;
}

.alert.alert-new-feature {
  top: 18%;
  right: 9%;
}

.alert.slot-expiring {
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  position: fixed;
  top: 0%;
  width: 260px;
  right: 105px;
}

@media (min-width: 64.0625em) {
  .alert.slot-expiring {
    right: 145px;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .alert.slot-expiring {
    right: 75px;
  }
}

@media (max-width: 29.99em) {
  .alert.slot-expiring {
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    top: auto;
    width: auto;
    left: 8px;
    right: 8px;
    bottom: 58px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 152;
  }
}

@media (max-width: 47.99em) {
  .nav-is-open .alert.slot-expiring {
    z-index: 100;
  }
}

@media (max-width: 29.99em) {
  .nav-is-open .alert.slot-expiring {
    bottom: 8px;
  }
}

@media (min-width: 30em) {
  .draw-is-open .alert.slot-expiring {
    right: 575px;
  }
}

@media (min-width: 30em) and (max-width: 60.9275em) {
  .draw-is-open .alert.slot-expiring {
    width: 180px;
    opacity: 0 !important;
  }
}

@media (max-width: 29.99em) {
  .alert.slot-expiring .alert-wrapper .arrow {
    left: 40%;
    top: 100%;
    right: initial;
    margin-top: -2px;
  }
  .alert.slot-expiring .alert-wrapper .arrow:before {
    bottom: 5px;
    left: 0;
  }
  .nav-is-open .alert.slot-expiring .alert-wrapper .arrow,
  .draw-is-open .alert.slot-expiring .alert-wrapper .arrow {
    display: none;
  }
}

.alert.slot-expiring .alert-wrapper .alert-content p {
  margin-top: 0;
}

@media (max-width: 29.99em) {
  .alert.slot-expiring .alert-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 47.99em) {
  .alert.slot-expiring .alert-wrapper {
    padding: 15px;
  }
}

.alert.slot-expiring .alert-wrapper .alert-buttons-wrapper .button {
  min-width: 160px;
  margin-bottom: 5px;
}

@media (max-width: 29.99em) {
  .alert.slot-expiring .alert-wrapper .alert-buttons-wrapper .button {
    margin-bottom: 0;
    min-width: auto;
  }
}

.alert.slot-expiring .alert-wrapper .alert-buttons-wrapper .button:last-child {
  margin-bottom: 0;
}

@media (max-width: 60.9275em) {
  .draw-is-open .alert.slot-expiring .alert-wrapper .alert-buttons-wrapper .button {
    min-width: 55px;
  }
}

.product .product-desc,
.product .product-price-estimate {
  position: relative;
}

.product .product-desc .action-alert-active,
.product .product-price-estimate .action-alert-active {
  white-space: nowrap;
  display: block;
}

@media (min-width: 30em) {
  .product .product-desc .action-alert-active,
  .product .product-price-estimate .action-alert-active {
    text-align: center;
  }
}

.product .product-desc .action-alert-active .icon.icon-cross,
.product .product-price-estimate .action-alert-active .icon.icon-cross {
  display: inline-block;
  height: 7px;
  width: 7px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.product .product-desc a,
.product .product-price-estimate a {
  text-decoration: none;
}

.product .product-desc .alert,
.product .product-price-estimate .alert {
  z-index: 97;
  margin-left: -20px;
  margin-right: -20px;
  white-space: normal;
  width: inherit;
  top: 20px;
}

@media (max-width: 47.99em) {
  .product .product-desc .alert,
  .product .product-price-estimate .alert {
    margin-left: 0;
    margin-right: 0;
  }
}

.product .product-desc .alert.is-alert-top,
.product .product-price-estimate .alert.is-alert-top {
  top: inherit;
  bottom: 30px;
}

.product .product-desc .alert.is-alert-top .alert-wrapper .arrow,
.product .product-price-estimate .alert.is-alert-top .alert-wrapper .arrow {
  top: inherit;
  bottom: -12px;
}

.product .product-desc .alert.is-alert-top .alert-wrapper .arrow:before,
.product .product-price-estimate .alert.is-alert-top .alert-wrapper .arrow:before {
  top: inherit;
  bottom: 7px;
}

.product .product-desc .alert .alert-wrapper,
.product .product-price-estimate .alert .alert-wrapper {
  background-color: #ffffff;
  border: 1px solid #5c5c5c;
  color: #000000;
  padding: 15px 20px 25px;
  max-width: initial;
}

@media (max-width: 47.99em) {
  .product .product-desc .alert .alert-wrapper,
  .product .product-price-estimate .alert .alert-wrapper {
    padding: 5px 10px 15px;
    font-size: 0.9230769230769231em;
  }
}

.product .product-desc .alert .alert-wrapper .arrow,
.product .product-price-estimate .alert .alert-wrapper .arrow {
  top: -12px;
  left: 25px;
}

.product .product-desc .alert .alert-wrapper .arrow:before,
.product .product-price-estimate .alert .alert-wrapper .arrow:before {
  top: 7px;
  background: #ffffff;
  border: 1px solid #5c5c5c;
}

.product .product-desc .alert .alert-wrapper .close,
.product .product-price-estimate .alert .alert-wrapper .close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 47.99em) {
  .product .product-desc .alert .alert-wrapper .close,
  .product .product-price-estimate .alert .alert-wrapper .close {
    width: 20px;
    height: 20px;
  }
}

.product .product-desc .alert .alert-wrapper .close.is-dark a,
.product .product-price-estimate .alert .alert-wrapper .close.is-dark a {
  color: #5c5c5c;
}

.product .product-desc .alert .alert-wrapper .close a,
.product .product-price-estimate .alert .alert-wrapper .close a {
  color: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
}

.product .product-desc .alert .alert-wrapper .close a .icon,
.product .product-price-estimate .alert .alert-wrapper .close a .icon {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 12px;
  height: 11px;
  fill: currentColor;
}

@media (max-width: 47.99em) {
  .product .product-desc .alert .alert-wrapper .close a .icon,
  .product .product-price-estimate .alert .alert-wrapper .close a .icon {
    top: 4px;
    right: 4px;
  }
}

.product .product-desc .alert .alert-wrapper .close a:hover .icon, .product .product-desc .alert .alert-wrapper .close a:focus .icon,
.product .product-price-estimate .alert .alert-wrapper .close a:hover .icon,
.product .product-price-estimate .alert .alert-wrapper .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.product .product-desc .alert .alert-wrapper .alert-content br,
.product .product-price-estimate .alert .alert-wrapper .alert-content br {
  line-height: 2;
}

.product .product-desc .alert .alert-wrapper .alert-content p,
.product .product-price-estimate .alert .alert-wrapper .alert-content p {
  margin: 10px 0 0;
}

.product .product-desc .alert .alert-wrapper .alert-content .icon,
.product .product-price-estimate .alert .alert-wrapper .alert-content .icon {
  width: 30px;
  height: 30px;
}

.product .product-desc .alert .alert-wrapper .alert-content .alert-buttons-wrapper .button,
.product .product-price-estimate .alert .alert-wrapper .alert-content .alert-buttons-wrapper .button {
  min-width: 98px;
}

.product .product-desc .alert {
  bottom: 55px;
}

/* =Modals  */
.popup-mask {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 150;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}

.popup-mask.is-open {
  opacity: 1;
  visibility: visible;
}

.popup-mask.is-open.is-open-add {
  opacity: 0;
}

.popup-mask.is-open.is-open-add.is-open-add-active {
  opacity: 1;
}

.popup-mask.is-open-remove {
  opacity: 1;
}

.popup-mask.is-open-remove.is-open-remove-active {
  opacity: 0;
}

.popup-mask.is-loading {
  -webkit-transition: none;
  transition: none;
  background: rgba(240, 240, 240, 0.7) !important;
}

.popup-mask .preloaderContainer {
  position: absolute;
  top: 50%;
  left: 50vw;
  margin: -60px 0 0 -60px;
  height: 120px;
  width: 120px;
}

@media (max-width: 47.99em) {
  .popup-mask .preloaderContainer {
    display: block;
    margin-bottom: 10px;
  }
}

.popup-mask .preloaderContainer.is-active {
  -webkit-transition: none;
  transition: none;
}

.popup-mask .preloaderContainer.is-active.is-fading {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  width: 120px;
  height: 120px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.popup {
  border: 3px transparent solid;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 600px;
  max-width: 740px;
  z-index: 151;
  width: 80%;
}

@media (max-width: 47.99em) {
  .popup {
    width: auto;
    min-width: 0;
    max-width: 99%;
  }
  .popup:not(.popup-narrow) {
    left: 5px !important;
    right: 5px !important;
  }
}

.popup.product-specials {
  border-color: #ffdd00;
}

.popup.product-specials .popup-header,
.popup.product-specials .popup-footer {
  background-color: #fff280;
}

.popup.ng-enter, .popup.ng-hide-remove {
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s linear, visibility 0.3s linear;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.popup.ng-leave, .popup.ng-hide-add {
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s linear, visibility 0.3s linear;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.popup.ng-hide-add, .popup.ng-hide-remove {
  display: block !important;
}

.popup.ng-enter, .popup.ng-leave.ng-leave-active, .popup.ng-hide-add.ng-hide-add-active, .popup.ng-hide-remove {
  opacity: 0;
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.popup.ng-leave, .popup.ng-enter.ng-enter-active, .popup.ng-hide-add, .popup.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.popup .section {
  margin-bottom: 15px;
}

.popup .section:first-child {
  margin-top: 15px;
}

@media (min-width: 48em) {
  .popup .section {
    margin-bottom: 30px;
  }
  .popup .section:first-child {
    margin-top: 30px;
  }
}

.popup .section-heading {
  font-size: 1.1538461538461537em;
  font-weight: normal;
  margin: 0 0 15px;
  color: #262626;
}

.popup .section-heading.has-line {
  color: #4c4c4c;
  position: relative;
  font-weight: bold;
}

.popup .section-heading.has-line span {
  position: relative;
  z-index: 2;
  background: #ffffff;
  padding-right: 5px;
}

.popup .section-heading.has-line:after {
  content: '';
  height: 1px;
  display: block;
  position: absolute;
  background: #909090;
  left: 0;
  right: 0;
  top: 50%;
}

.popup .callout {
  padding: 25px 10px;
  border: 1px #e2e2e2 solid;
  min-height: initial;
}

.popup .callout.is-small {
  padding-top: 15px;
  padding-bottom: 15px;
}

.popup .callout.is-small .callout-label {
  font-size: 16px;
  line-height: 1.3em;
}

.popup .callout .callout-label {
  margin: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
}

@media (min-width: 48em) {
  .popup .callout .callout-label {
    font-size: 20px;
  }
}

.popup .popup-tabs {
  margin-top: 10px;
}

.popup .popup-tabs hr {
  position: absolute;
  width: 100%;
  margin: 0;
  left: 0;
  top: 52px;
  z-index: 0;
}

.popup .popup-tabs .nav-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.popup .popup-tabs .nav-item {
  margin: 10px 10px 0;
  padding-bottom: 10px;
  z-index: 1;
}

.popup .popup-tabs .nav-item.active {
  border-bottom: 3px solid #e01a22;
}

.popup .popup-tabs .nav-item a:hover, .popup .popup-tabs .nav-item a:active, .popup .popup-tabs .nav-item a:visited {
  text-decoration: none;
}

.popup-header {
  height: 70px;
  background-color: #e01a22;
  padding: 15px 41px 25px 40px;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media (max-width: 47.99em) {
  .popup-header {
    padding: 10px;
    height: 40px;
  }
}

.popup-header .popup-title {
  font-size: 2.230769230769231em;
  margin: 0;
}

@media (max-width: 47.99em) {
  .popup-header .popup-title {
    font-size: 1.8461538461538463em;
  }
}

.popup-header .icon-specials {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 35px;
  top: -20px;
}

.popup-header .icon-specials-badge {
  background-color: #ffdd00;
  border: 1px #ffffff solid;
  border-radius: 4px;
  width: 200px;
  height: 26px;
  top: -13px;
  position: absolute;
}

@media (max-width: 47.99em) {
  .popup-header .icon-specials-badge {
    width: 150px;
    height: 20px;
    top: -10px;
  }
}

.popup-header .coles-logo {
  width: 96px;
  height: 30px;
  margin-top: 3px;
  fill: #ffffff;
}

@media (max-width: 47.99em) {
  .popup-header .coles-logo {
    width: 55px;
    height: 30px;
    margin-top: -6px;
  }
}

.popup-header .close {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 47.99em) {
  .popup-header .close {
    width: 40px;
    height: 40px;
  }
}

.popup-header .close.is-dark a {
  color: #5c5c5c;
}

.popup-header .close a {
  color: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999em;
}

.popup-header .close a .icon {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 12px;
  height: 11px;
  fill: currentColor;
}

@media (max-width: 47.99em) {
  .popup-header .close a .icon {
    top: 15px;
    right: 15px;
  }
}

.popup-header .close a:hover .icon, .popup-header .close a:focus .icon {
  border-bottom: 1px solid;
  padding-bottom: 3px;
  height: 15px;
}

.promo-progress {
  width: 30.8%;
  text-align: center;
  position: absolute;
  right: 50px;
  top: 30px;
  overflow: hidden;
}

@media (min-width: 60.9375em) {
  .promo-progress {
    right: 54px;
  }
}

@media (max-width: 47.99em) {
  .promo-progress {
    width: 225px;
    top: 16px;
  }
}

@media (max-width: 29.99em) {
  .promo-progress {
    left: auto;
    right: auto;
    width: auto;
    position: static;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.promo-progress .progress-label {
  margin: 0 0 4px 0;
  color: #5c5c5c;
}

@media (max-width: 47.99em) {
  .promo-progress .progress-label {
    width: 50%;
    height: 20px;
    float: left;
    padding-right: 5px;
    text-align: right;
  }
}

@media (max-width: 29.99em) {
  .promo-progress .progress-label {
    margin-left: 10px;
    text-align: center;
    float: none;
    padding-right: 0;
    width: auto;
  }
}

.is-unlocked .promo-progress .progress-label {
  color: #262626;
  font-weight: bold;
}

.promo-progress .labels-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 12px;
  overflow: hidden;
}

@media (max-width: 47.99em) {
  .promo-progress .labels-container {
    position: static;
    overflow: visible;
    text-align: right;
  }
}

.promo-progress .labels-container span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 47.99em) {
  .promo-progress .labels-container span {
    position: static;
    font-size: 0.9230769230769231em;
  }
}

.promo-progress .progress {
  width: 100%;
}

@media (max-width: 47.99em) {
  .promo-progress .progress {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 5px;
    width: 50%;
  }
}

@media (max-width: 29.99em) {
  .promo-progress .progress {
    width: 100%;
  }
}

.progress {
  width: 35%;
  border: 1px #5c5c5c solid;
  height: 10px;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 24px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.progress .progress-bar {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform-origin: left center 0px;
      -ms-transform-origin: left center 0px;
          transform-origin: left center 0px;
  width: 100%;
  height: 140%;
  background-color: #5c5c5c;
}

.is-unlocked .progress {
  border: 1px #ffdd00 solid;
}

.is-unlocked .progress .progress-bar {
  background-color: #ffdd00;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.label.ng-enter,
.label.ng-leave {
  -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
  transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) all;
}

.label.ng-enter,
.reduce .label.ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.label.ng-enter.ng-enter-active,
.reduce .label.ng-leave {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.reduce .label.ng-enter,
.label.ng-leave.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.reduce .label.ng-enter.ng-enter-active,
.label.ng-leave {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.popup-inside {
  position: relative;
  z-index: 152;
}

@media (max-width: 47.99em) {
  .popup-inside {
    height: 100%;
  }
}

.popup-body {
  background-color: #f0f0f0;
  padding: 30px 40px 30px 40px;
  position: relative;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 47.99em) {
  .popup-body {
    padding: 10px;
  }
}

.popup-body .subheading {
  font-size: 1.6153846153846154em;
  font-weight: normal;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
}

@media (max-width: 47.99em) {
  .popup-body .subheading {
    font-size: 1.2307692307692308em;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

.popup-body .main-content-promo {
  margin: 0;
  width: 100%;
  overflow: hidden;
  background: #f8f8f8;
  border-top: 1px solid #fff;
  padding: 25px 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100px;
}

@media (max-width: 47.99em) {
  .popup-body .main-content-promo {
    -webkit-transition: min-height 0.25s, max-height 0.25s;
    transition: min-height 0.25s, max-height 0.25s;
    min-height: 100px;
    max-height: 200px;
    padding: 0 0 0 10px;
    height: auto;
    display: block;
  }
  .popup-body .main-content-promo.is-collapsed {
    max-height: 40px;
    min-height: 40px;
  }
  .popup-body .main-content-promo.is-collapsed .promo-tac,
  .popup-body .main-content-promo.is-collapsed .icon-container {
    display: none;
  }
  .popup-body .main-content-promo .icon-container {
    opacity: 1;
    -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
            transform: scale(0.65);
    left: initial;
    top: 17px;
    right: -7px;
  }
}

.popup-body .main-content-promo .promo-heading-container {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8461538461538463em;
  font-weight: normal;
  max-width: calc(100% - 105px);
  margin: 0 0 5px 105px;
  display: block;
  line-height: 1.2em;
}

@media (max-width: 47.99em) {
  .popup-body .main-content-promo .promo-heading-container {
    font-size: 1em;
    margin: 0;
    height: 39px;
    max-width: 100%;
  }
}

.popup-body .main-content-promo .promo-end {
  display: inline;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3em;
  margin-top: 5px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  opacity: 1;
}

.popup-body .main-content-promo .promo-tac {
  margin: 0 0 0 105px;
  max-width: calc(100% - 105px);
  font-size: 0.8461538461538461em;
  opacity: 1;
}

@media (max-width: 47.99em) {
  .popup-body .main-content-promo .promo-tac {
    max-width: calc(100% - 80px);
    line-height: 1.3em;
    margin-left: 0;
  }
}

.popup-body .main-content-promo .promo-tac a {
  font-weight: bold;
  text-decoration: underline;
}

.popup-body .main-content-promo .promo-tac a:focus {
  outline: 1px dotted #6d6d6d;
}

.popup-body .main-content-promo .button-toggle-msg {
  font-size: 1em;
  width: 100%;
  text-align: left;
}

.popup-body .main-content-promo .button-toggle-msg:hover, .popup-body .main-content-promo .button-toggle-msg:focus {
  text-decoration: none;
}

@media (min-width: 48em) {
  .popup-body .main-content-promo .button-toggle-msg {
    display: none;
  }
}

.popup-body .main-content-promo .button-toggle-msg .promo-heading {
  font-size: 1.0769230769230769em;
  line-height: 1.3em;
  margin: 0;
  padding: 0 30px 0 10px;
  text-align: left;
  color: #262626;
  display: block;
}

@media (max-width: 24.99em) {
  .popup-body .main-content-promo .button-toggle-msg .promo-heading {
    letter-spacing: -0.6px;
  }
}

@media (max-width: 22.49em) {
  .popup-body .main-content-promo .button-toggle-msg .promo-heading {
    letter-spacing: -0.4px;
  }
}

.popup-footer {
  background-color: #f0f0f0;
  padding: 25px 39px 30px 40px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 47.99em) {
  .popup-footer {
    padding: 5px 10px;
  }
}

@media (max-width: 29.99em) {
  .popup-footer {
    padding: 10px;
  }
}

.popup-footer button {
  padding-left: 33px;
  padding-right: 33px;
  min-width: 35%;
}

@media (max-width: 47.99em) {
  .popup-footer button {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

.popup-footer .button-dark {
  font-weight: bold;
}

.popup-footer .loading-container {
  width: 100%;
  height: 40px;
  text-align: center;
}

@media (min-width: 30em) {
  .popup-footer .loading-container {
    width: 50%;
    text-align: right;
    padding-right: 30px;
  }
}

@media (min-width: 48em) {
  .popup-footer .loading-container {
    margin-top: 3px;
  }
}

.popup-footer .loading-container .preloaderContainer {
  display: inline-block;
  margin-right: 5px;
}

.popup-footer .loading-container .loading-text {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  top: -15px;
}

.popup-body-header {
  margin-bottom: 2em;
}

@media (max-width: 47.99em) {
  .popup-body-header {
    margin-bottom: 10px;
  }
}

@media (max-width: 47.99em) {
  .popup-body-header p {
    margin: 10px 0 0;
  }
}

.popup-content {
  background-color: #ffffff;
  color: #262626;
  border-radius: 4px;
  padding: 27px 20px 25px 20px;
}

@media (max-width: 47.99em) {
  .popup-content {
    padding: 10px;
  }
}

.popup-content .confirmation-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6153846153846154em;
  line-height: 30px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info {
    font-size: 1.0769230769230769em;
    line-height: 1.3em;
  }
}

.popup-content .confirmation-info .item {
  padding-left: 75px;
  position: relative;
  min-height: 70px;
  margin-bottom: 8px;
  display: block;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .item {
    padding-left: 50px;
    min-height: 35px;
  }
}

@media (max-width: 29.99em) {
  .popup-content .confirmation-info .item {
    min-height: 48px;
  }
}

.popup-content .confirmation-info .item.intro {
  padding-left: 12px;
  font-size: 18px;
  min-height: 40px;
}

.popup-content .confirmation-info .item:first-child {
  margin-top: -10px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .item:first-child {
    margin-top: 0;
  }
}

.popup-content .confirmation-info .item:last-child {
  margin-bottom: 0;
}

.popup-content .confirmation-info .icon-container {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-container {
    height: 40px;
    width: 40px;
  }
}

.popup-content .confirmation-info .icon-container .tick-container {
  background-color: #008a23;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-left: 7px;
  margin-top: 8px;
  display: block;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-container .tick-container {
    width: 25px;
    height: 25px;
    margin-left: 9px;
    margin-top: 8px;
  }
}

.popup-content .confirmation-info .icon-container .icon-roundedtick {
  fill: #ffffff;
  margin-left: 11px;
  width: 22px;
  margin-top: 13px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-container .icon-roundedtick {
    width: 12px;
    margin-left: 7px;
    margin-top: 3px;
  }
}

.popup-content .confirmation-info .icon-container img {
  max-width: 100%;
}

.popup-content .confirmation-info .icon-container .icon-account {
  width: 35px;
  height: 35px;
  margin: 15px 0 0 15px;
}

.popup-content .confirmation-info .item-label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.popup-content .confirmation-info .item-label .quote-author {
  display: block;
  font-size: 15px;
  color: #4c4c4c;
  line-height: 1.3em;
}

.popup-content .confirmation-info .delivery-item .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.popup-content .confirmation-info .delivery-item .icon.icon-delivery {
  margin-left: -3px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .delivery-item .icon.icon-delivery {
    width: 38px;
    height: 30px;
    margin-left: -1px;
  }
}

.popup-content .confirmation-info .delivery-item .icon.icon-clickandcollect {
  width: 41px;
  height: 39px;
  margin-left: 5px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .delivery-item .icon.icon-clickandcollect {
    width: 29px;
    margin-left: 3px;
  }
}

.popup-content .confirmation-info .delivery-item .icon.icon-remotedelivery {
  width: 40px;
  height: 39px;
  margin-left: 10px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .delivery-item .icon.icon-remotedelivery {
    width: 27px;
    margin-left: 8px;
  }
}

.popup-content .confirmation-info .delivery-item .icon-na {
  bottom: auto;
  right: auto;
  top: 0;
  left: 0;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .delivery-item .icon-na {
    top: -2px;
    left: 2px;
  }
}

.popup-content .confirmation-info .icon-na {
  background-color: #ffffff;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: absolute;
  bottom: -8px;
  right: -6px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-na {
    bottom: -6px;
    right: -4px;
    width: 16px;
    height: 16px;
  }
  .popup-content .confirmation-info .icon-na .icon {
    width: 16px;
    height: 16px;
  }
}

.popup-content .confirmation-info .icon-na .icon-not-available {
  margin-top: 2px;
  margin-left: 2px;
  width: 23px;
  height: 24px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-na .icon-not-available {
    width: 16px;
    height: 16px;
  }
}

.popup-content .confirmation-info .icon-success {
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  border: 3px solid #fff;
  width: 27px;
  height: 27px;
  bottom: -8px;
  right: -10px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-success {
    width: 22px;
    height: 22px;
    bottom: -5px;
    right: -5px;
    border-width: 2px;
  }
}

.popup-content .confirmation-info .icon-not-available {
  width: 45px;
  height: 45px;
  margin-left: 7px;
  margin-top: 8px;
}

@media (max-width: 47.99em) {
  .popup-content .confirmation-info .icon-not-available {
    width: 25px;
    height: 25px;
    margin-left: 9px;
    margin-top: 8px;
  }
}

.popup-content-scroll .espotContainer {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

.popup .product-list {
  padding: 10px 0;
}

@media (max-width: 47.99em) {
  .popup .product-list {
    padding: 0 0 10px;
  }
}

.product-list .product {
  border: none;
  width: 100%;
  margin: 0;
  float: none;
  height: auto;
  position: relative;
  border-bottom: 1px #ebebeb solid;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0 15px 13px;
}

@media (max-width: 47.99em) {
  .product-list .product {
    padding: 10px;
    min-height: initial;
  }
}

@media (max-width: 32.49em) {
  .product-list .product {
    display: block;
  }
}

.product-list .product.is-selected {
  border-bottom-color: #008a23;
}

.product-list .product.is-selected:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #008a23;
}

.product-list .product.is-selected .icon-success {
  display: block;
}

@media (max-width: 47.99em) {
  .product-list .product.has-merch-assoc {
    padding-bottom: 20px;
  }
  .product-list .product.has-merch-assoc + .product {
    padding-top: 20px;
  }
}

@media (min-width: 32.5em) and (max-width: 47.99em) {
  .product-list .product.has-merch-assoc + .product .fat-controller .fc-button {
    top: 20px;
  }
}

.product-list .product + .callout {
  margin-top: 15px;
}

.product-list .product .product-header {
  background: none;
  display: inline-block;
  vertical-align: top;
  position: static;
  padding: 0;
  width: 45%;
  margin-right: 10px;
}

@media (max-width: 47.99em) {
  .product-list .product .product-header {
    padding-left: 10px;
    width: calc(100% - 35% - 90px);
  }
}

@media (max-width: 32.49em) {
  .product-list .product .product-header {
    padding-left: 0;
    margin: 0;
    display: block;
    width: auto;
  }
}

@media (min-width: 60.9375em) {
  .product-list .product .product-header {
    margin: unset;
  }
}

.product-list .product .product-header .product-brand,
.product-list .product .product-header .product-name {
  font-size: 15px;
  font-weight: normal;
}

.product-list .product .product-header .package-size {
  border-color: #e6e6e6;
}

.product-list .product .product-title {
  height: auto;
  margin-bottom: 10px;
}

@media (max-width: 47.99em) {
  .product-list .product .product-title {
    margin-right: 0;
  }
}

@media (max-width: 32.49em) {
  .product-list .product .product-title {
    margin-bottom: 3px;
  }
}

.product-list .product .product-pricing-info {
  height: auto;
  margin-bottom: 0;
}

@media (min-width: 32.5em) {
  .product-list .product .product-pricing-info {
    height: 32px;
  }
}

.product-list .product .product-price-estimate {
  height: auto;
  display: block;
  margin-top: 3px;
}

@media (min-width: 32.5em) {
  .product-list .product .product-price-estimate {
    display: inline-block;
    margin-top: 0;
    line-height: 21px;
    vertical-align: middle;
  }
  .product-list .product .product-price-estimate .icon-info-circle {
    top: 4px;
  }
  .product-list .product .product-price-estimate .action-alert-active {
    line-height: 21px;
  }
}

@media (min-width: 32.5em) {
  .product-list .product .product-price-estimate .alert {
    width: 320px;
    top: 15px;
  }
  .product-list .product .product-price-estimate .alert.is-alert-top {
    top: inherit;
    bottom: 20px;
  }
}

.product-list .product .package-price {
  margin-right: 5px;
}

@media (max-width: 32.49em) {
  .product-list .product .package-price {
    margin-right: 0;
  }
}

.product-list .product .product-actions-container {
  position: static;
  height: auto;
  /*width: 35%;*/
  margin-bottom: 10px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 32.49em) {
  .product-list .product .product-actions-container {
    width: 100%;
    margin-bottom: 0;
  }
}

@media (max-width: 32.49em) {
  .product-list .product .product-main-info {
    min-height: 90px;
    margin-left: 90px;
  }
}

.product-list .product .product-info {
  display: inline-block;
  vertical-align: bottom;
}

.product-list .product .product-desc {
  display: inline-block;
  width: 100%;
  z-index: initial;
}

.product-list .product .product-desc .alert {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 47.99em) {
  .product-list .product .product-desc .alert {
    width: 100%;
  }
}

@media (max-width: 32.49em) {
  .product-list .product .product-desc .alert {
    left: auto;
    width: 100%;
  }
  .product-list .product .product-desc .alert.is-alert-top {
    bottom: 30px;
  }
}

@media (min-width: 25em) and (max-width: 32.49em) {
  .product-list .product .product-desc .alert-wrapper .arrow {
    left: initial;
  }
}

.product-list .product .product-desc .product-flag {
  bottom: 0;
  width: 100%;
  margin-left: 0;
}

.product-list .product .product-inner {
  position: static;
  display: inline-block;
  width: 16%;
  padding: 0;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .product-list .product .product-inner {
    width: 80px;
    margin: 0;
    height: 80px;
  }
}

@media (max-width: 32.49em) {
  .product-list .product .product-inner {
    float: left;
    position: static;
  }
}

.product-list .product .product-image-container {
  height: auto;
  margin-bottom: 0;
}

@media (max-width: 32.49em) {
  .product-list .product .product-image-container {
    width: auto;
  }
}

.product-list .product .product-image {
  position: static;
  display: block;
}

.product-list .product .product-image img {
  position: static;
  width: 80px;
  height: 80px;
}

@media (min-width: 48em) {
  .product-list .product .product-image img {
    width: auto;
    height: auto;
  }
}

.product-list .product .icon-success {
  display: none;
  position: absolute;
  top: -11px;
  right: 0;
  width: 23px;
  height: 23px;
  border: 2px solid #fff;
  border-radius: 50%;
}

@media (min-width: 48em) {
  .product-list .product .icon-success {
    width: 25px;
    height: 25px;
    top: -12px;
    right: -12px;
  }
}

.product-list .product .merch-assoc-container {
  left: 0;
  right: 0;
  top: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.product-list .product .merch-assoc {
  display: inline-block;
  max-width: inherit;
  min-width: inherit;
  padding: 5px 15px 5px 30px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: #c2c2c2 0px 0px 3px;
          box-shadow: #c2c2c2 0px 0px 3px;
}

.product-list .product .merch-assoc .icon-crosssell {
  display: inline-block;
  margin: 0;
  width: 16px;
  height: 10px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  left: 8px;
  top: 7px;
}

.product-list .is-boxed {
  border-bottom: 0;
  padding: 0;
  margin-top: 15px;
}

.product-list .is-boxed .product-specials,
.product-list .is-boxed .product-multibuy,
.product-list .is-boxed .product-flybuys,
.product-list .is-boxed .product-new,
.product-list .is-boxed .product-down-down,
.product-list .is-boxed .product-every-day,
.product-list .is-boxed .product-red-ring {
  width: calc(100% + 10px);
  margin: -1px 0 0;
  border: 1px solid #ffdd00;
  padding-right: 10px;
  padding-top: 20px;
  border-radius: 3px;
}

@media (max-width: 47.99em) {
  .product-list .is-boxed .product-specials,
  .product-list .is-boxed .product-multibuy,
  .product-list .is-boxed .product-flybuys,
  .product-list .is-boxed .product-new,
  .product-list .is-boxed .product-down-down,
  .product-list .is-boxed .product-every-day,
  .product-list .is-boxed .product-red-ring {
    padding: 10px;
    padding-top: 18px;
    width: 100%;
    margin: -1px 0 0;
  }
}

.product-list .is-boxed .product-multibuy {
  border: 1px solid #ffdd00;
}

.product-list .is-boxed .product-flybuys {
  border-color: #154f8e;
}

.product-list .is-boxed .product-new {
  border-color: #82b935;
}

.product-list .is-boxed .product-down-down {
  border-color: #e01a22;
}

.product-list .is-boxed .product-every-day {
  border-color: #e01a22;
}

.product-list .is-boxed .product-red-ring {
  border-color: #e01a22;
  border-width: 2px;
}

.product-list .is-boxed .product-red-ring {
  border-top: 10px solid #e01a22;
}

.product-list .is-boxed .product-red-ring .product-icons {
  top: -30px;
}

.product-list .is-boxed .product-actions-container {
  margin-bottom: 0;
}

.product-list:not(.is-boxed) + .is-boxed {
  margin-top: 0;
}

.popup-promo .product-list .product.product-specials, .popup-promo .product-list .product.product-multibuy, .popup-promo .product-list .product.product-flybuys, .popup-promo .product-list .product.product-new, .popup-promo .product-list .product.product-down-down, .popup-promo .product-list .product.product-every-day {
  width: 100%;
  margin: 0;
  border-width: 0 0 1px 0;
  border-bottom: 1px #ebebeb solid;
  border-radius: 0;
}

.product-list .product-icons {
  left: 10px;
  top: -10px;
}

.product-list .product-preferred-substitute {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-list .product-preferred-substitute .package-size {
  display: block;
}

.product-list .product-preferred-substitute .fat-controller {
  height: auto;
  margin-top: 8px;
  width: 35%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 32.49em) {
  .product-list .product-preferred-substitute {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .product-list .product-preferred-substitute .fat-controller {
    width: 100%;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .product-list .product-preferred-substitute .product-header {
    width: 50vw;
    margin-left: 5%;
  }
}

.product-list .fat-controller {
  position: static;
  width: 100%;
}

@media (max-width: 32.49em) {
  .product-list .fat-controller {
    width: 100%;
    margin-top: 5px;
  }
}

.product-list .fat-controller .fc-button {
  width: 100%;
}

@media (min-width: 32.5em) and (max-width: 45.615em) {
  .product-list .fat-controller .button-main-inner .product-saving {
    display: none;
  }
}

.switch-links.nav-item {
  font-weight: bold;
  text-decoration: underline;
}

.switch-links.nav-item.hide-link {
  display: none;
}

/* =Multibuy and Forgotten Something popups*/
.popup-promo, .popup-crosssell, .popup-facets, .popup-multisearch, .popup-substitutes {
  -webkit-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
}

@media (max-width: 47.99em) {
  .popup-promo, .popup-crosssell, .popup-facets, .popup-multisearch, .popup-substitutes {
    top: 20px !important;
    bottom: 20px !important;
    left: 5px !important;
    right: 5px !important;
  }
}

.popup-promo.is-unlocked, .popup-crosssell.is-unlocked, .popup-facets.is-unlocked, .popup-multisearch.is-unlocked, .popup-substitutes.is-unlocked {
  border-color: #ffdd00;
}

.popup-promo.is-unlocked .popup-header,
.popup-promo.is-unlocked .popup-footer, .popup-crosssell.is-unlocked .popup-header,
.popup-crosssell.is-unlocked .popup-footer, .popup-facets.is-unlocked .popup-header,
.popup-facets.is-unlocked .popup-footer, .popup-multisearch.is-unlocked .popup-header,
.popup-multisearch.is-unlocked .popup-footer, .popup-substitutes.is-unlocked .popup-header,
.popup-substitutes.is-unlocked .popup-footer {
  background-color: #fff280;
  border-radius: 0;
}

.popup-promo.is-unlocked .popup-body, .popup-crosssell.is-unlocked .popup-body, .popup-facets.is-unlocked .popup-body, .popup-multisearch.is-unlocked .popup-body, .popup-substitutes.is-unlocked .popup-body {
  border-radius: 0;
}

.popup-promo .popup-header, .popup-crosssell .popup-header, .popup-facets .popup-header, .popup-multisearch .popup-header, .popup-substitutes .popup-header {
  background-color: #f0f0f0;
  height: 103px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 154;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-header, .popup-crosssell .popup-header, .popup-facets .popup-header, .popup-multisearch .popup-header, .popup-substitutes .popup-header {
    height: 50px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-header, .popup-crosssell .popup-header, .popup-facets .popup-header, .popup-multisearch .popup-header, .popup-substitutes .popup-header {
    height: 75px;
  }
}

.popup-promo .popup-header .close, .popup-crosssell .popup-header .close, .popup-facets .popup-header .close, .popup-multisearch .popup-header .close, .popup-substitutes .popup-header .close {
  right: 3px;
  top: 3px;
}

.popup-promo .popup-header .popup-title, .popup-crosssell .popup-header .popup-title, .popup-facets .popup-header .popup-title, .popup-multisearch .popup-header .popup-title, .popup-substitutes .popup-header .popup-title {
  margin-top: 17px;
  float: left;
  width: 62.5%;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-header .popup-title, .popup-crosssell .popup-header .popup-title, .popup-facets .popup-header .popup-title, .popup-multisearch .popup-header .popup-title, .popup-substitutes .popup-header .popup-title {
    float: none;
    width: 100%;
    margin-top: 0;
  }
}

.popup-promo .close, .popup-crosssell .close, .popup-facets .close, .popup-multisearch .close, .popup-substitutes .close {
  right: 3px;
  top: 3px;
}

.popup-promo .popup-body, .popup-crosssell .popup-body, .popup-facets .popup-body, .popup-multisearch .popup-body, .popup-substitutes .popup-body {
  background-color: #ffffff;
  height: 80vh;
  padding: 103px 0px 103px 0px;
  z-index: 153;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-body, .popup-crosssell .popup-body, .popup-facets .popup-body, .popup-multisearch .popup-body, .popup-substitutes .popup-body {
    height: 100%;
    padding-top: 50px;
    padding-bottom: 53px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-body, .popup-crosssell .popup-body, .popup-facets .popup-body, .popup-multisearch .popup-body, .popup-substitutes .popup-body {
    height: 100%;
    padding-top: 75px;
  }
}

.popup-promo .popup-content-scroll, .popup-crosssell .popup-content-scroll, .popup-facets .popup-content-scroll, .popup-multisearch .popup-content-scroll, .popup-substitutes .popup-content-scroll {
  padding-right: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
  padding-left: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-content-scroll, .popup-crosssell .popup-content-scroll, .popup-facets .popup-content-scroll, .popup-multisearch .popup-content-scroll, .popup-substitutes .popup-content-scroll {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.popup-promo .popup-content-scroll.add-extra-padding, .popup-crosssell .popup-content-scroll.add-extra-padding, .popup-facets .popup-content-scroll.add-extra-padding, .popup-multisearch .popup-content-scroll.add-extra-padding, .popup-substitutes .popup-content-scroll.add-extra-padding {
  padding-right: 47px;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-content-scroll.add-extra-padding, .popup-crosssell .popup-content-scroll.add-extra-padding, .popup-facets .popup-content-scroll.add-extra-padding, .popup-multisearch .popup-content-scroll.add-extra-padding, .popup-substitutes .popup-content-scroll.add-extra-padding {
    padding-right: 10px;
  }
}

.popup-promo .popup-content-scroll .preloaderContainer, .popup-crosssell .popup-content-scroll .preloaderContainer, .popup-facets .popup-content-scroll .preloaderContainer, .popup-multisearch .popup-content-scroll .preloaderContainer, .popup-substitutes .popup-content-scroll .preloaderContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  z-index: 999;
}

.popup-promo .popup-footer, .popup-crosssell .popup-footer, .popup-facets .popup-footer, .popup-multisearch .popup-footer, .popup-substitutes .popup-footer {
  background-color: #f0f0f0;
  height: 103px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 154;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer, .popup-crosssell .popup-footer, .popup-facets .popup-footer, .popup-multisearch .popup-footer, .popup-substitutes .popup-footer {
    height: auto;
  }
}

.popup-promo .popup-footer button, .popup-crosssell .popup-footer button, .popup-facets .popup-footer button, .popup-multisearch .popup-footer button, .popup-substitutes .popup-footer button {
  margin-top: 3px;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer button, .popup-crosssell .popup-footer button, .popup-facets .popup-footer button, .popup-multisearch .popup-footer button, .popup-substitutes .popup-footer button {
    margin-top: 0;
  }
}

.popup-promo .popup-footer .button-dark, .popup-crosssell .popup-footer .button-dark, .popup-facets .popup-footer .button-dark, .popup-multisearch .popup-footer .button-dark, .popup-substitutes .popup-footer .button-dark {
  max-width: 35%;
  margin-right: 10px;
}

@media (min-width: 60.9375em) {
  .popup-promo .popup-footer .button-dark, .popup-crosssell .popup-footer .button-dark, .popup-facets .popup-footer .button-dark, .popup-multisearch .popup-footer .button-dark, .popup-substitutes .popup-footer .button-dark {
    margin-right: 11px;
  }
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer .button-dark, .popup-crosssell .popup-footer .button-dark, .popup-facets .popup-footer .button-dark, .popup-multisearch .popup-footer .button-dark, .popup-substitutes .popup-footer .button-dark {
    max-width: 100%;
    margin: 0;
    margin-top: 0;
    width: 50%;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-footer .button-dark, .popup-crosssell .popup-footer .button-dark, .popup-facets .popup-footer .button-dark, .popup-multisearch .popup-footer .button-dark, .popup-substitutes .popup-footer .button-dark {
    width: 100%;
  }
}

.popup-promo .popup-footer form, .popup-crosssell .popup-footer form, .popup-facets .popup-footer form, .popup-multisearch .popup-footer form, .popup-substitutes .popup-footer form {
  position: relative;
}

.popup-promo .popup-footer form label, .popup-crosssell .popup-footer form label, .popup-facets .popup-footer form label, .popup-multisearch .popup-footer form label, .popup-substitutes .popup-footer form label {
  position: relative;
  top: 13px;
  left: 20px;
  font-weight: normal;
  font-size: 1em;
  color: #5c5c5c;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer form label, .popup-crosssell .popup-footer form label, .popup-facets .popup-footer form label, .popup-multisearch .popup-footer form label, .popup-substitutes .popup-footer form label {
    top: 8px;
    left: 15px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-footer form label, .popup-crosssell .popup-footer form label, .popup-facets .popup-footer form label, .popup-multisearch .popup-footer form label, .popup-substitutes .popup-footer form label {
    left: initial;
    top: 0;
  }
}

.popup-promo .popup-footer input[Type="checkbox"], .popup-crosssell .popup-footer input[Type="checkbox"], .popup-facets .popup-footer input[Type="checkbox"], .popup-multisearch .popup-footer input[Type="checkbox"], .popup-substitutes .popup-footer input[Type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  z-index: 2;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer input[Type="checkbox"], .popup-crosssell .popup-footer input[Type="checkbox"], .popup-facets .popup-footer input[Type="checkbox"], .popup-multisearch .popup-footer input[Type="checkbox"], .popup-substitutes .popup-footer input[Type="checkbox"] {
    top: 9px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-footer input[Type="checkbox"], .popup-crosssell .popup-footer input[Type="checkbox"], .popup-facets .popup-footer input[Type="checkbox"], .popup-multisearch .popup-footer input[Type="checkbox"], .popup-substitutes .popup-footer input[Type="checkbox"] {
    top: 0;
  }
}

.popup-promo .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-crosssell .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-facets .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-multisearch .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-substitutes .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask {
  position: absolute;
  height: 19px;
  width: 19px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
  content: " ";
  display: block;
  pointer-events: none;
  top: 14px;
  left: 0;
}

@media (max-width: 47.99em) {
  .popup-promo .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-crosssell .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-facets .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-multisearch .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-substitutes .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask {
    top: 9px;
  }
}

@media (max-width: 29.99em) {
  .popup-promo .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-crosssell .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-facets .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-multisearch .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask, .popup-substitutes .popup-footer input[Type="checkbox"] ~ .form-field-checkbox-mask {
    float: left;
    position: static;
    top: initial;
  }
}

.popup-promo .popup-footer input[Type="checkbox"]:checked ~ .form-field-checkbox-mask, .popup-crosssell .popup-footer input[Type="checkbox"]:checked ~ .form-field-checkbox-mask, .popup-facets .popup-footer input[Type="checkbox"]:checked ~ .form-field-checkbox-mask, .popup-multisearch .popup-footer input[Type="checkbox"]:checked ~ .form-field-checkbox-mask, .popup-substitutes .popup-footer input[Type="checkbox"]:checked ~ .form-field-checkbox-mask {
  background: #ffffff url(../img/icons/icon-tick-grey.svg) no-repeat 50% 50%;
}

.popup-promo .popup-footer input[Type="checkbox"]:focus ~ .form-field-checkbox-mask, .popup-crosssell .popup-footer input[Type="checkbox"]:focus ~ .form-field-checkbox-mask, .popup-facets .popup-footer input[Type="checkbox"]:focus ~ .form-field-checkbox-mask, .popup-multisearch .popup-footer input[Type="checkbox"]:focus ~ .form-field-checkbox-mask, .popup-substitutes .popup-footer input[Type="checkbox"]:focus ~ .form-field-checkbox-mask {
  border: 2px solid #909090;
}

.popup-promo .popup-footer input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked, .popup-crosssell .popup-footer input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked, .popup-facets .popup-footer input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked, .popup-multisearch .popup-footer input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked, .popup-substitutes .popup-footer input[Type="checkbox"]:focus:checked ~ .form-field-checkbox-mask .form-field-checkbox-checked {
  top: 4px;
  left: 4px;
}

.popup-crosssell .popup-header {
  padding: 12px 40px 10px 40px;
  height: 65px;
}

@media (max-width: 47.99em) {
  .popup-crosssell .popup-header {
    padding: 10px;
    height: 50px;
  }
}

.popup-crosssell .popup-header .popup-title {
  width: 100%;
  margin-top: 5px;
}

@media (max-width: 47.99em) {
  .popup-crosssell .popup-header .popup-title {
    margin-top: 0px;
  }
}

.popup-crosssell .popup-body {
  padding: 65px 0;
  height: 95vh;
}

@media (max-width: 47.99em) {
  .popup-crosssell .popup-body {
    height: 100%;
    padding: 50px 0;
  }
}

@media (max-width: 29.99em) {
  .popup-crosssell .popup-body {
    padding: 50px 0 85px;
  }
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
  .popup-crosssell .popup-body {
    height: 860px;
  }
}

@media only screen and (device-height: 768px) and (device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
  .popup-crosssell .popup-body {
    height: 560px;
  }
}

.popup-crosssell .popup-footer {
  padding: 6px 39px 0 40px;
  height: 65px;
}

@media (max-width: 47.99em) {
  .popup-crosssell .popup-footer {
    padding: 5px 10px;
    padding-left: 15px;
    height: 50px;
  }
}

@media (max-width: 29.99em) {
  .popup-crosssell .popup-footer {
    padding: 10px;
    padding-left: 10px;
    height: 85px;
  }
}

.popup-crosssell .popup-footer button {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

@media (max-width: 29.99em) {
  .popup-crosssell .popup-footer button.button-dark {
    margin-top: 8px;
  }
}

.popup-crosssell .product-list .subheading {
  font-size: 1.6153846153846154em;
  font-weight: normal;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 10px;
}

@media (max-width: 47.99em) {
  .popup-crosssell .product-list .subheading {
    font-size: 1.2307692307692308em;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

.popup-crosssell .product-list .subheading.cross-sell {
  margin-top: 15px;
}

@media (min-width: 48em) {
  .popup-facets {
    max-width: 460px;
  }
}

@media (max-width: 29.99em) {
  .popup-facets .popup-header {
    height: 50px;
  }
}

.popup-facets .popup-header .popup-title {
  width: 100%;
}

@media (max-width: 29.99em) {
  .popup-facets .popup-body {
    padding-top: 50px;
    padding-bottom: 62px;
  }
}

.popup-facets .popup-content-scroll {
  overflow-y: auto;
}

.popup-facets .facet-list {
  max-width: calc(100% - 60px);
}

.popup-facets .facet-list ul, .popup-facets .facet-list ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.popup-facets .facet-list .facet {
  padding-left: 27px;
  padding-bottom: 15px;
  margin-bottom: 0;
  position: relative;
}

.popup-facets .facet-list .facet:last-child {
  padding-bottom: 0;
}

.popup-facets .facet-list .facet input,
.popup-facets .facet-list .facet .form-field-checkbox-mask {
  left: 0;
  margin-top: 2px;
}

.popup-facets .facet-list .facet .form-field-checkbox-label {
  font-weight: normal;
}

.popup-facets .facet-list .facet .form-field-checkbox-label span {
  display: inline;
  float: none;
}

.popup-facets .facet-list .facet .form-field-checkbox-label .quantity {
  font-size: 11px;
  color: #5c5c5c;
}

.popup-facets .espotContainer {
  padding-bottom: 15px;
  border-bottom: 1px solid #909090;
}

@media (min-width: 48em) {
  .popup-facets .espotContainer {
    padding-bottom: 30px;
  }
}

.popup-facets .popup-footer .button-dark {
  max-width: inherit;
}

/* =Delivery Popups */
.delivery-info {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: -10px 0;
}

.delivery-info:after {
  content: " ";
  display: block;
  clear: both;
}

@media (max-width: 29.99em) {
  .delivery-info {
    margin-top: 0;
  }
}

.popup .delivery-info p {
  font-size: 13px;
}

.popup .delivery-info p strong {
  font-size: 15px;
}

.popup .delivery-info p:first-child {
  margin-top: 0.5em;
}

.popup .delivery-info .col-1 {
  width: 15%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
}

.popup .delivery-info .col-2 {
  width: 48.3333333333%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
  border-left: 1px #e5e5e5 solid;
  min-height: 96px;
}

.popup .delivery-info .col-2 p {
  padding: 0 20px;
}

.popup .delivery-info .col-3 {
  width: 31.6666666667%;
  float: left;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
  border-left: 1px #e5e5e5 solid;
}

.popup .delivery-info .col-3 p {
  padding: 0 20px;
}

@media (max-width: 29.99em) {
  .popup .delivery-info .col-1, .popup .delivery-info .col-2, .popup .delivery-info .col-3 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    border: 0;
    min-height: initial;
  }
  .popup .delivery-info .col-1 p, .popup .delivery-info .col-2 p, .popup .delivery-info .col-3 p {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.popup-general {
  font-size: 15px;
  color: #5c5c5c;
}

@media (max-width: 47.99em) {
  .popup-general {
    font-size: 13px;
  }
}

.popup-general .popup-body {
  border-radius: 0;
  padding-bottom: 20px;
}

@media (max-width: 47.99em) {
  .popup-general .popup-body {
    padding-bottom: 10px;
  }
}

.popup-general .popup-title {
  font-size: 33px;
  font-weight: normal;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #262626;
  margin-bottom: 20px;
  margin-top: 0;
}

@media (max-width: 47.99em) {
  .popup-general .popup-title {
    margin-bottom: 0;
    font-size: 1.8461538461538463em;
  }
}

.popup-general .popup-title strong {
  font-weight: bold;
}

.popup-general .popup-footer {
  padding-top: 0;
  padding-bottom: 40px;
}

@media (max-width: 47.99em) {
  .popup-general .popup-footer {
    padding-bottom: 10px;
  }
}

.popup-general .popup-footer a {
  text-decoration: underline;
}

.popup-general .popup-footer a:focus {
  outline: 1px dotted #6d6d6d;
}

.popup-general .txt-hint {
  position: relative;
  top: -4px;
  margin-bottom: 0;
}

@media (max-width: 47.99em) {
  .popup-general .txt-hint {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.popup-plain .popup-header {
  background: none;
  padding: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  color: #262626;
  z-index: 1;
}

.popup-plain .popup-body {
  background: #ffffff;
  padding: 0;
}

.popup-plain .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

.popup-plain .close .popup-close {
  width: 40px;
  height: 40px;
}

.popup-introduction .popup-inside {
  background: #f0f0f0;
  border-radius: 5px;
}

.popup-introduction .coles-logo {
  position: relative;
}

.popup-introduction .popup-header {
  background: #f0f0f0;
  height: auto;
  padding-bottom: 0;
}

.popup-introduction .popup-header .popup-title {
  margin-top: 40px;
  margin-bottom: 0;
  text-align: center;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-header .popup-title {
    margin-top: 10px;
  }
}

.popup-introduction .popup-header:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 70px;
  background: #e01a22;
  top: 0;
  left: 0;
  border-radius: 4px 4px 0 0;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-header:before {
    height: 40px;
  }
}

.popup-introduction .popup-body {
  padding-top: 0;
}

.popup-introduction .popup-content {
  padding-top: 15px;
  background: none;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-content {
    padding-top: 10px;
  }
}

.popup-introduction .popup-footer {
  text-align: right;
  color: #4c4c4c;
  border-top: 1px solid #ddd;
  padding-top: 25px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 40px;
  margin-right: 40px;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-footer {
    text-align: center;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.popup-introduction .popup-footer a {
  color: #4c4c4c;
  font-size: 13px;
  padding: 10px 0;
  float: right;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-footer a {
    float: none;
    display: block;
  }
}

.popup-introduction .popup-footer button {
  min-width: auto;
  font-size: 1em;
  font-weight: bold;
  margin-left: 20px;
  float: right;
}

@media (max-width: 47.99em) {
  .popup-introduction .popup-footer button {
    float: none;
    margin-left: 0;
  }
}

@media (min-width: 48em) {
  .popup-multisearch {
    max-width: 460px;
    min-width: initial;
  }
}

.popup-multisearch .popup-header {
  height: 125px;
}

@media (min-width: 25em) {
  .popup-multisearch .popup-header {
    height: 105px;
  }
}

@media (min-width: 48em) {
  .popup-multisearch .popup-header {
    padding-top: 25px;
    height: 125px;
  }
}

.popup-multisearch .popup-header .popup-title {
  width: 100%;
  float: none;
  position: relative;
  padding-left: 32px;
}

@media (min-width: 48em) {
  .popup-multisearch .popup-header .popup-title {
    margin-top: 0;
  }
}

@media (max-width: 22.49em) {
  .popup-multisearch .popup-header .popup-title {
    padding-left: 27px;
    font-size: 21px;
  }
}

.popup-multisearch .popup-header .popup-title .icon-multisearch {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  left: 0;
}

@media (max-width: 22.49em) {
  .popup-multisearch .popup-header .popup-title .icon-multisearch {
    top: 3px;
  }
}

.popup-multisearch .popup-header .modal-intro p {
  margin: 5px 0;
}

.popup-multisearch .popup-body {
  background: #f0f0f0;
  padding-top: 125px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 95px;
}

@media (min-width: 25em) {
  .popup-multisearch .popup-body {
    padding-top: 105px;
  }
}

@media (min-width: 48em) {
  .popup-multisearch .popup-body {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 105px;
    padding-top: 135px;
  }
}

@media (min-width: 30em) and (max-width: 47.99em) {
  .popup-multisearch .popup-body {
    padding-bottom: 55px;
  }
}

.popup-multisearch .popup-body .section {
  margin-top: 0;
  margin-bottom: 15px;
}

.popup-multisearch .popup-body .section:last-child {
  margin-bottom: 0;
}

.popup-multisearch .popup-body .section-heading {
  font-weight: bold;
  margin-bottom: 3px;
}

.popup-multisearch .popup-body .section-intro {
  margin: 0;
}

.popup-multisearch .popup-content {
  height: 100%;
  width: 100%;
  padding: 0;
  position: relative;
}

.popup-multisearch .fakePlaceholder {
  position: absolute;
  left: 20px;
  top: 18px;
  margin: 0;
  color: #707070;
  font-size: 16px;
}

.popup-multisearch .popup-footer .footer-text {
  display: block;
  line-height: 30px;
  text-align: center;
}

@media (min-width: 30em) {
  .popup-multisearch .popup-footer .footer-text {
    display: inline-block;
    text-align: left;
    line-height: 42px;
    float: left;
  }
}

@media (min-width: 48em) {
  .popup-multisearch .popup-footer .footer-text {
    line-height: 50px;
  }
}

.popup-multisearch .popup-footer .button-dark {
  margin-right: 0;
  max-width: inherit;
}

.popup-multisearch .popup-footer .button-dark .icon-multisearch {
  width: 23px;
  height: 20px;
  display: inline;
  vertical-align: middle;
}

.popup-multisearch .multisearch-textarea {
  width: 100%;
  height: 100%;
  min-height: 100%;
  resize: vertical;
  padding: 20px;
  border: 0;
}

.popup-multisearch .is-alert-multisearch {
  bottom: 98px;
  left: 4px;
  right: 4px;
}

@media (min-width: 30em) {
  .popup-multisearch .is-alert-multisearch {
    bottom: 20px;
    left: 4px;
    right: auto;
    width: 48%;
  }
}

@media (min-width: 48em) {
  .popup-multisearch .is-alert-multisearch {
    bottom: 110px;
    left: 30px;
    right: 30px;
    width: auto;
  }
}

.popup-multisearch .is-alert-multisearch .alert-wrapper {
  max-width: inherit;
  padding: 15px 25px;
}

.popup-multisearch .character-warning {
  position: relative;
}

.popup-multisearch .character-warning.is-threshold {
  padding-left: 27px;
  color: #e01a22;
  font-weight: bold;
}

.popup-multisearch .character-warning.is-threshold .icon-alert {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 0px;
}

.popup-multisearch .character-warning .icon-alert {
  display: none;
}

.popup-multisearch .skiplinks {
  position: relative;
}

.popup-multisearch .skiplinks .skiplink {
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.popup-multisearch .skiplinks .skiplink:focus {
  height: auto;
  width: auto;
  opacity: 1;
  padding: 3px 5px;
  top: 6px;
  left: 0;
}

@media (max-width: 29.99em) {
  .popup-multisearch-list .popup-body {
    padding-bottom: 62px;
  }
}

.popup-multisearch-list .popup-content-scroll {
  background: white;
  border-radius: 4px;
  padding: 7px 20px 10px;
}

@media (max-width: 47.99em) {
  .popup-substitutes .popup-header {
    height: 45px;
  }
}

.popup-substitutes .popup-header .popup-title {
  width: 100%;
}

@media (max-width: 47.99em) {
  .popup-substitutes .popup-header .popup-title {
    font-size: 19px;
  }
}

@media (max-width: 22.49em) {
  .popup-substitutes .popup-header .popup-title {
    font-size: 17px;
  }
}

.popup-substitutes .popup-body {
  padding-bottom: 0;
}

@media (max-width: 47.99em) {
  .popup-substitutes .popup-body {
    padding-top: 45px;
  }
}

.popup-substitutes .popup-body .section-heading {
  font-size: 14px;
}

.popup-substitutes .popup-body .product .package-size {
  font-size: 12px;
  margin-top: 10px;
  padding-top: 2px;
}

.popup-substitutes .product-list {
  padding: 0 0 15px;
}

@media (min-width: 48em) {
  .popup-substitutes .product-list {
    padding: 0 0 30px;
  }
}

.popup-substitutes .product-list .product:first-child {
  border-top: 1px #ebebeb solid;
}

.popup-substitutes .callout-substitutes {
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .popup-substitutes .callout-substitutes {
    margin-bottom: 30px;
  }
}

.popup-substitutes .alert-wrapper {
  padding: 15px 20px;
  max-width: initial;
}

.popup-substitutes .fat-controller .button {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}

.popup-substitutes .popup-content-scroll .preloaderContainer {
  position: fixed;
}

.popup-collect-now {
  text-align: center;
  background: #fff;
  min-width: 300px;
  max-width: 350px;
}

@media (max-width: 22.49em) {
  .popup-collect-now {
    max-width: calc(100% - 20px);
  }
}

.popup-collect-now .popup-header {
  width: 100%;
  padding: 15px 15px 0;
  height: auto;
  position: static;
}

@media (max-width: 47.99em) {
  .popup-collect-now .popup-header .popup-title {
    font-size: 18px;
  }
}

.popup-collect-now .popup-body {
  padding: 15px 15px 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 4px 4px 0 0;
  background: #fff;
}

@media (max-width: 47.99em) {
  .popup-collect-now .popup-body {
    padding-top: 10px;
  }
}

.popup-collect-now .popup-body .popup-content {
  padding: 0;
}

.popup-collect-now .popup-body .popup-content p {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3em;
}

@media (max-width: 47.99em) {
  .popup-collect-now .popup-body .popup-content p {
    font-size: 16px;
  }
}

.popup-collect-now .popup-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 8px 8px;
  background: #fff;
}

@media (max-width: 47.99em) {
  .popup-collect-now .popup-footer {
    padding-top: 10px;
  }
}

.popup-collect-now .popup-footer .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

.popup-collect-now .popup-footer .button.button-plain {
  border: 0;
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  padding-left: 33px;
  padding-right: 33px;
  color: #262626;
  line-height: 30px;
}

.popup-collect-now .popup-footer .button.button-plain:focus {
  background: none;
  outline: 1px dotted #4c4c4c;
}

.popup-collect-now .popup-footer .button:last-child {
  margin-right: 0;
}

.popup-bundle.step-complete {
  -webkit-transition: border-color 0.3s linear;
  transition: border-color 0.3s linear;
  border-color: #ffdd00;
  border-radius: 7px;
}

.popup-bundle .product .fc-button .button-main {
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 47.99em) {
  .popup-bundle .popup-header {
    height: 75px;
  }
}

@media (max-width: 47.99em) {
  .popup-bundle .promo-progress {
    left: auto;
    right: auto;
    width: auto;
    position: static;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .popup-bundle .promo-progress .progress-label {
    width: auto;
    margin-left: 10px;
  }
}

.popup-bundle .popup-body {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}

.popup-bundle .popup-footer .previous-item-link {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #262626;
  font-weight: bold;
  padding: 11px 0 11px 25px;
  margin-top: 6px;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

.popup-bundle .popup-footer .previous-item-link .icon-back {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 17px;
  height: 14px;
}

.popup-bundle .popup-footer .previous-item-link.ng-hide {
  display: none;
}

.popup-bundle .popup-footer .previous-item-link.ng-hide-remove {
  display: inline-block;
  opacity: 0;
}

.popup-bundle .popup-footer .previous-item-link.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.popup-bundle .popup-footer .previous-item-link.ng-hide-add {
  display: inline-block;
  opacity: 1;
}

.popup-bundle .popup-footer .previous-item-link.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.popup-bundle .popup-footer .button.button-dark {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding-left: 10px;
  padding-right: 10px;
  max-width: initial;
}

.popup-bundle .popup-footer .button.button-dark:disabled {
  opacity: 1;
  background: #d8d8d8;
  border: 1px solid #c2c2c2;
  color: #4c4c4c;
}

.popup-bundle .popup-footer .button.button-dark:disabled:hover {
  border: 1px solid #c2c2c2 !important;
  text-decoration: none;
  cursor: not-allowed;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@media (max-width: 47.99em) {
  .popup-bundle .popup-footer .previous-item-link,
  .popup-bundle .popup-footer .button.button-dark {
    margin-top: 0;
  }
}

@media (max-width: 29.99em) {
  .popup-bundle .popup-footer .previous-item-link {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  .popup-bundle .popup-footer .previous-item-link .icon-back {
    position: static;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    margin-right: 2px;
  }
}

.popup .popup-body.ng-animate .current-step,
.popup .popup-body.ng-animate .prev-step,
.popup .popup-body.ng-animate .next-step {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: absolute;
  width: 100%;
  top: 103px;
}

@media (max-width: 47.99em) {
  .popup .popup-body.ng-animate .current-step,
  .popup .popup-body.ng-animate .prev-step,
  .popup .popup-body.ng-animate .next-step {
    top: 50px;
  }
}

@media (max-width: 29.99em) {
  .popup .popup-body.ng-animate .current-step,
  .popup .popup-body.ng-animate .prev-step,
  .popup .popup-body.ng-animate .next-step {
    top: 75px;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .popup .popup-body.ng-animate .current-step,
  .popup .popup-body.ng-animate .prev-step,
  .popup .popup-body.ng-animate .next-step {
    -webkit-transition: none;
    transition: none;
  }
}

.popup .popup-body .bundle-step {
  display: none;
}

.popup .popup-body .bundle-step.current-step {
  display: block;
}

.popup .popup-body.next-step-ng-enter .bundle-step.current-step {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  display: block;
}

.popup .popup-body.next-step-ng-enter .bundle-step.next-step {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.popup .popup-body.next-step-ng-enter.next-step-ng-enter-active .bundle-step.current-step {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.popup .popup-body.next-step-ng-enter.next-step-ng-enter-active .bundle-step.next-step {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.popup .popup-body.prev-step-ng-enter .bundle-step.current-step {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  display: block;
}

.popup .popup-body.prev-step-ng-enter .bundle-step.prev-step {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.popup .popup-body.prev-step-ng-enter.prev-step-ng-enter-active .bundle-step.current-step {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.popup .popup-body.prev-step-ng-enter.prev-step-ng-enter-active .bundle-step.prev-step {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.popup-tobacco .popup-header .popup-title {
  width: 100%;
}

.popup-tobacco .product-list {
  margin-top: 1.5em;
}

/* Processing Overlay */
.popup.slot-reserved {
  position: absolute;
  max-height: inherit;
  padding: 10px;
  background: #fff;
  text-align: center;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

@media (max-width: 47.99em) {
  .popup.slot-reserved {
    top: 20px !important;
  }
}

@media (min-width: 48em) {
  .popup.slot-reserved {
    width: 630px;
    padding: 30px;
  }
}

.popup.slot-reserved .wrap {
  padding: 0;
  max-height: inherit;
}

.popup.slot-reserved .wrap .checkout-form-style {
  margin-left: 32px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #eee;
}

.popup.slot-reserved .wrap p {
  margin: 0;
  font-size: 13px;
  color: #262626;
}

@media (min-width: 48em) {
  .popup.slot-reserved .wrap p {
    font-size: 14px;
  }
}

.popup.slot-reserved .wrap a {
  display: inline-block;
  padding-top: 10px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

.popup.slot-reserved .wrap a:focus {
  outline: 1px dotted #6d6d6d;
}

.popup.slot-reserved .dss-delivery-options, .popup.slot-reserved .dss-baggage-options {
  text-align: left;
}

.popup.slot-reserved .dss-baggage-options {
  margin-top: 15px;
}

.popup.slot-reserved .section {
  margin: 0 0 10px;
}

@media (min-width: 48em) {
  .popup.slot-reserved .section {
    margin: 0 0 20px;
  }
}

.popup.slot-reserved .section.heading-section {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.popup.slot-reserved .section.heading-section .heading {
  margin-bottom: 5px;
  font-size: 22px;
}

@media (min-width: 30em) {
  .popup.slot-reserved .section.heading-section .heading {
    font-size: 24px;
  }
}

@media (min-width: 48em) {
  .popup.slot-reserved .section.heading-section .heading {
    margin-bottom: 15px;
    font-size: 29px;
  }
}

.popup.slot-reserved .section.heading-section .heading .icon {
  margin-right: 5px;
  vertical-align: top;
  float: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.popup.slot-reserved .section.heading-section .heading .icon.icon-delivery {
  width: 36px;
  height: 27px;
}

@media (min-width: 30em) {
  .popup.slot-reserved .section.heading-section .heading .icon.icon-delivery {
    width: 40px;
    height: 30px;
  }
}

@media (min-width: 48em) {
  .popup.slot-reserved .section.heading-section .heading .icon.icon-delivery {
    width: 45px;
    height: 28px;
  }
}

.popup.slot-reserved .section.heading-section .heading .icon.icon-remotedelivery {
  width: 27px;
  height: 27px;
}

@media (min-width: 48em) {
  .popup.slot-reserved .section.heading-section .heading .icon.icon-remotedelivery {
    width: 30px;
    height: 29px;
  }
}

.popup.slot-reserved .section.heading-section .heading .icon.icon-clickandcollect {
  width: 28px;
  height: 27px;
}

@media (min-width: 48em) {
  .popup.slot-reserved .section.heading-section .heading .icon.icon-clickandcollect {
    width: 30px;
    height: 29px;
  }
}

.popup.slot-reserved .section.heading-section .slotInfo {
  font-size: 14px;
  line-height: 1.3em;
}

@media (min-width: 48em) {
  .popup.slot-reserved .section.heading-section .slotInfo {
    font-size: 15px;
  }
}

.popup.slot-reserved .section.delivery-intro, .popup.slot-reserved .section.bagging-intro {
  margin-bottom: 10px;
}

.popup.slot-reserved .section.delivery-intro .icon, .popup.slot-reserved .section.bagging-intro .icon {
  vertical-align: top;
  position: absolute;
  width: 29px;
  height: 26px;
}

.popup.slot-reserved .dss-only-signed, .popup.slot-reserved .dss-only-unattended, .popup.slot-reserved .dss-only-unattended-bagged {
  font-size: 20px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #262626;
  font-weight: bold;
  line-height: 1.25em;
  text-align: left;
  margin: .83em 0;
  padding: 0px 0px 15px 0px;
  border-bottom: solid;
  border-width: 1px;
  border-color: #eee;
}

.popup.slot-reserved .dss-only-signed .icon, .popup.slot-reserved .dss-only-unattended .icon, .popup.slot-reserved .dss-only-unattended-bagged .icon {
  vertical-align: top;
  position: absolute;
  width: 29px;
  height: 26px;
}

.popup.slot-reserved .dss-text-desc {
  display: block;
  padding-left: 32px;
}

.popup.slot-reserved .dss-only-unattended-bagged-info, .popup.slot-reserved .dss-bagged-info {
  font-size: 13px;
  color: #5c5c5c;
  font-weight: normal;
  line-height: 1.0em;
}

.popup.slot-reserved .dss-only-unattended-bagged-info {
  display: block;
  padding: 10px 0px 0px 34px;
}

.popup.slot-reserved .dss-bagged-info {
  padding: 0px 0px 10px 34px;
  display: block;
}

.popup.slot-reserved .subheading {
  margin: 0 0 5px;
  font-size: 18px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 48em) {
  .popup.slot-reserved .subheading {
    margin: 0 0 10px;
    font-size: 20px;
  }
}

.popup.slot-reserved .slotInfo {
  font-size: 15px;
}

.popup.slot-reserved .slotInfo .callout-text {
  display: block;
  font-weight: bold;
}

.popup.slot-reserved .delivery-option-error, .popup.slot-reserved .bagging-option-error {
  text-align: left;
}

.popup.slot-reserved .bagging-info {
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 48em) {
  .popup.slot-reserved .bagging-info {
    font-size: 15px;
  }
}

.popup.slot-reserved .validation-messages {
  margin: 0 10px 15px;
  padding: 10px;
}

@media (min-width: 48em) {
  .popup.slot-reserved .validation-messages {
    margin: 0 30px 15px;
  }
}

.popup.slot-reserved .validation-messages .icon-alert {
  top: 23.5%;
}

.popup.slot-reserved fieldset {
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

.popup.slot-reserved .radio-button-section {
  display: block;
  padding: 0 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 48em) {
  .popup.slot-reserved .radio-button-section {
    padding: 0 30px;
  }
}

.popup.slot-reserved .radio-button-section .radio-button-container {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 10px 10px 40px;
  text-align: left;
  line-height: 1.4em;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
}

.popup.slot-reserved .radio-button-section .radio-button-container:last-child {
  margin-right: 0;
}

.popup.slot-reserved .radio-button-section .radio-button-container.is-delivery-selected, .popup.slot-reserved .radio-button-section .radio-button-container.is-bagging-selected {
  border-color: #008a23;
}

.popup.slot-reserved .radio-button-section .radio-button-container.is-delivery-selected .icon-success, .popup.slot-reserved .radio-button-section .radio-button-container.is-bagging-selected .icon-success {
  display: block;
}

.popup.slot-reserved .radio-button-section .radio-button-container.is-delivery-disabled, .popup.slot-reserved .radio-button-section .radio-button-container.is-bagging-disabled {
  color: #dcdcdc;
}

.popup.slot-reserved .radio-button-section .radio-button-container.is-delivery-disabled .icon-past-orders, .popup.slot-reserved .radio-button-section .radio-button-container.is-bagging-disabled .icon-past-orders {
  fill: #dcdcdc;
}

.popup.slot-reserved .radio-button-section .radio-button-container.is-delivery-disabled {
  margin-bottom: -1px;
}

.popup.slot-reserved .radio-button-section .radio-button-container input[type="radio"] {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup.slot-reserved .radio-button-section .radio-button-container label {
  margin: 0 0 5px;
}

@media (min-width: 48em) {
  .popup.slot-reserved .radio-button-section .radio-button-container label {
    margin: 0 0 10px;
  }
}

.popup.slot-reserved .radio-button-section .radio-button-container .form-field-radio-mask {
  top: 8px;
  left: 10px;
}

.popup.slot-reserved .radio-button-section .radio-button-container .form-field-radio-button-label {
  display: block;
  margin: 0 32px 10px 0;
  font-weight: normal;
}

.popup.slot-reserved .radio-button-section .radio-button-container .icon {
  position: absolute;
}

.popup.slot-reserved .radio-button-section .radio-button-container .icon-success {
  display: none;
  top: -9px;
  right: -9px;
  height: 22px;
  width: 22px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px #999;
          box-shadow: 0 0 2px #999;
}

.popup.slot-reserved .radio-button-section .radio-button-container .icon-past-orders {
  top: 7px;
  right: 7px;
  width: 29px;
  height: 26px;
}

.popup.slot-reserved .radio-button-section .radio-button-container .icon-bagging {
  top: 7px;
  right: 7px;
  width: 29px;
  height: 26px;
}

.popup.slot-reserved .checkbox-section {
  margin-top: -15px;
  margin-bottom: 15px;
  text-align: left;
}

.popup.slot-reserved .checkbox-section .form-field-checkbox-label {
  position: relative;
  margin-right: 0;
  padding-left: 28px;
  font-size: 13px;
  font-weight: normal;
}

.popup.slot-reserved .checkbox-section .form-field-checkbox-label input,
.popup.slot-reserved .checkbox-section .form-field-checkbox-label .form-field-checkbox-mask {
  position: absolute;
  top: -2px;
  left: 0;
}

.popup.slot-reserved .section-footer {
  margin-top: 15px;
  margin-bottom: 0px;
}

.popup.slot-reserved .section-footer .button-dark {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
}

@media (min-width: 30em) {
  .popup.slot-reserved .section-footer .button-dark {
    width: auto;
  }
}

.popup.slot-reserved .section-footer .hidden {
  display: none;
}

.popup.slot-reserved .section-footer a {
  display: block;
  margin-top: 5px;
}

.popup.popup-zoom {
  max-width: 1090px;
  background: #fff;
}

.popup.popup-zoom .popup-header {
  height: 45px;
  padding: 0;
  background: #fff;
}

@media (max-width: 60.9275em) {
  .popup.popup-zoom .popup-header {
    height: 15px;
  }
}

.popup.popup-zoom .popup-header .close {
  z-index: 2;
}

.popup.popup-zoom .popup-header .close a {
  color: #262626;
}

.popup.popup-zoom .popup-body {
  padding: 0 45px;
  background: #fff;
  max-height: 70vh;
}

@media (max-width: 60.9275em) {
  .popup.popup-zoom .popup-body {
    padding: 0 15px;
  }
}

.popup.popup-zoom .popup-body .popup-product-image-container {
  height: 1000px;
}

.popup.popup-zoom .popup-body .popup-product-image-container .popup-product-image {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0 auto;
}

.popup.popup-zoom .popup-footer {
  height: 45px;
  padding: 0;
  background: #fff;
}

@media (max-width: 60.9275em) {
  .popup.popup-zoom .popup-footer {
    height: 15px;
  }
}

@media (max-width: 60.9275em) {
  .coles-logo-container {
    left: 32px;
  }
  .footer .footer-col-wrapper .footer-col ul li .open-day {
    width: 100px;
  }
}

.is-ipad .draw-wrapper .draw.is-open {
  max-width: 100%;
}

.is-ipad .draw-wrapper .draw.is-open .draw-content {
  max-width: calc(100% - 90px);
  min-width: 400px;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  table tr,
  table th {
    border-bottom: 1px solid #f0f0f0;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .mobile-only {
    display: none;
  }
  .desktop-only {
    display: block;
  }
  #skip,
  .skiplinks,
  .accessibility, .accessibility-inline, .tab-item.tab-item-1:not(.tab-overflow-item) .tab-item-title, .is-promo .promo-header.accessibility-inline {
    display: none;
  }
  .page-full-width .header {
    display: none;
  }
  footer {
    display: none;
  }
  .draw-wrapper {
    display: none;
  }
  .page-full-width.has-draw .header {
    margin-right: 0 !important;
  }
  .page-full-width.has-draw .main {
    padding-right: 0 !important;
  }
  .main-content.invoice .invoice-logo-container {
    display: block;
  }
  .main-content.invoice .col-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-content.invoice .section-totals {
    border-top: 2px solid #f0f0f0;
  }
}