/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

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

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible;
}

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  border-radius: 0;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

iframe {
  border: 0;
}

ol,
ul {
  list-style: none;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  color: #555;
  font-family: "opensans", "Arial", sans-serif;
  line-height: 1.71429;
  margin: 0 auto;
}

::selection {
  color: #fff;
  background-color: #002D62;
}

::-moz-selection {
  color: #fff;
  background-color: #002D62;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.js-loader i {
  animation-duration: 0.8s;
  animation-name: loader;
  animation-iteration-count: infinite;
}

@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*! nouislider - 8.5.1 - 2016-04-24 16:00:30 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  transition: left .3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base, .noUi-handle {
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-origin {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-large, .noUi-marker-sub {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate3d(0, -50%, 0);
  padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center;
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px;
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px;
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%;
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
}

/**
*   Lightbox
**/
/* IE8 Stuff */
.jslghtbx-ie8.jslghtbx {
  background-image: url("../img/trans-bck.png");
  display: none;
}

.jslghtbx-ie8.jslghtbx.jslghtbx-active {
  display: block;
}

.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper > img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: block;
}

.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper.jslghtbx-wrapper-active > img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Main wrapper */
.jslghtbx {
  font-family: sans-serif;
  overflow: auto;
  visibility: hidden;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.jslghtbx.jslghtbx-active {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.85);
}

/* loading-animation */
.jslghtbx-loading-animation {
  margin-top: -60px;
  margin-left: -60px;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  display: none;
  position: absolute;
  z-index: -1;
}

.jslghtbx-loading-animation > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 5px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.jslghtbx-loading-animation > span.jslghtbx-active {
  margin-bottom: 60px;
}

.jslghtbx.jslghtbx-loading .jslghtbx-loading-animation {
  display: block;
}

.jslghtbx-nooverflow {
  overflow: hidden !important;
}

.jslghtbx-contentwrapper {
  margin: auto;
  visibility: hidden;
}

.jslghtbx-contentwrapper > img {
  background: #fff;
  padding: .5em;
  display: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
}

.jslghtbx-contentwrapper.jslghtbx-wrapper-active {
  visibility: visible;
}

.jslghtbx-contentwrapper.jslghtbx-wrapper-active > img {
  display: block;
  opacity: 1;
}

/* Caption */
.jslghtbx-caption {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 450px;
  color: #fff;
  text-align: center;
  font-size: .9em;
}

.jslghtbx-active .jslghtbx-caption {
  display: block;
}

/* Animation Stuff */
.jslghtbx-contentwrapper.jslghtbx-animate > img {
  opacity: 0;
}

.jslghtbx-contentwrapper > img.jslghtbx-animate-transition {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
}

.jslghtbx-contentwrapper > img.jslghtbx-animating-next {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.jslghtbx-contentwrapper > img.jslghtbx-animating-prev {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.jslghtbx-contentwrapper > img.jslghtbx-animate-init {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.jslghtbx-contentwrapper > img.jslghtbx-animate-transition {
  cursor: pointer;
}

/* Controls */
.jslghtbx-close {
  position: fixed;
  right: 23px;
  top: 23px;
  margin-top: -4px;
  font-size: 2em;
  color: #FFFFFF;
  cursor: pointer;
  /*@include prefixr(transition, all .3s ease-in-out);*/
}

.jslghtbx-close:hover {
  text-shadow: 0 0 10px #fff;
}

@media screen and (max-width: 1060px) {
  .jslghtbx-close {
    font-size: 1.5em;
  }
}

.jslghtbx-next,
.jslghtbx-prev {
  display: none;
  position: fixed;
  top: 50%;
  max-height: 250px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

.jslghtbx-next.jslghtbx-active,
.jslghtbx-prev.jslghtbx-active {
  display: block;
}

.jslghtbx-next > img,
.jslghtbx-prev > img {
  width: 100%;
  background: #fff;
  border-radius: 50%;
}

.jslghtbx-next {
  right: .6em;
}

.jslghtbx-next.jslghtbx-no-img:hover {
  border-left-color: #787878;
}

@media screen and (min-width: 451px) {
  .jslghtbx-next {
    right: .6em;
  }
  .jslghtbx-next.jslghtbx-no-img {
    border-top: 110px solid transparent;
    border-bottom: 110px solid transparent;
    border-left: 40px solid #FFF;
  }
}

@media screen and (max-width: 600px) {
  .jslghtbx-next.jslghtbx-no-img {
    right: 5px;
    padding-left: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 15px solid #FFF;
  }
}

@media screen and (max-width: 450px) {
  .jslghtbx-next {
    right: .2em;
    padding-left: 20px;
  }
}

.jslghtbx-prev {
  left: .6em;
}

.jslghtbx-prev.jslghtbx-no-img:hover {
  border-right-color: #787878;
}

@media screen and (min-width: 451px) {
  .jslghtbx-prev {
    left: .6em;
  }
  .jslghtbx-prev.jslghtbx-no-img {
    border-top: 110px solid transparent;
    border-bottom: 110px solid transparent;
    border-right: 40px solid #FFF;
  }
}

@media screen and (max-width: 600px) {
  .jslghtbx-prev.jslghtbx-no-img {
    left: 5px;
    padding-right: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-right: 15px solid #FFF;
  }
}

@media screen and (max-width: 450px) {
  .jslghtbx-prev {
    left: .2em;
    padding-right: 20px;
  }
}

.jslghtbx-thmb {
  padding: 2px;
  max-width: 100%;
  max-height: 140px;
  cursor: pointer;
  box-shadow: 0px 0px 3px 0px #000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 451px) {
  .jslghtbx-thmb {
    margin: 1em;
  }
}

@media screen and (max-width: 450px) {
  .jslghtbx-thmb {
    margin: 1em 0;
  }
}

.jslghtbx-thmb:hover {
  box-shadow: 0px 0px 14px 0px #000;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Layout Flex

    Using display flex as Grid

    Styleguide 1.0.0
*/
/*
    Two Columns Layout

    .container--20      - column 1 / 5
    .container--25      - column 1 / 4
    .container--33      - column 1 / 3

    markup:
    <div class="container {$modifiers}" style="height: 150px; margin-bottom:20px;">
        <div class="container__content container__content--small" style="background-color: #ff9900">Has modifier --small</div>
        <div class="container__content container__content--large" style="background-color: #ff0099">Has modifier --large</div>
    </div>
    <div class="container {$modifiers}" style="height: 150px">
        <div class="container__content container__content--large" style="background-color: #ff0099">Has modifier --large</div>
        <div class="container__content container__content--small" style="background-color: #ff9900">Has modifier --small</div>
    </div>

    Styleguide 1.1.0
*/
.container {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin: 0 auto 50px auto;
  margin: 0 auto 5rem auto;
}

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

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

.container:after {
  clear: both;
}


*[class^="main-"] {
  padding: 0 0 0;
}


*[class^="main-"] .u-m {
  margin: 5px auto;
  margin: 0.5rem auto;
}

@media (max-width: 768px) {
  
  *[class^="main-"] .u-m {
    margin: 10px 0 0 0;
    margin: 1rem 0 0 0;
  }
}


*[class^="main-"] .logo {
  margin: 5px 10px 5px 0;
}

/* // Full width Texte centered */
.container .container__content {
  padding: 0;
  transition: width 0.6s ease-in-out;
}

.container .container__content.omega, .container .container__content:last-child {
  margin-right: 0;
  float: right;
}

.container--20 .container__content--small {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
}

.container--20 .container__content--large {
  width: 82.85714%;
  float: left;
  margin-right: 2.85714%;
}

.container--25 .container__content {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.container--25 .container__content.omega, .container--25 .container__content:last-child {
  margin-right: 0;
  float: right;
}

.container--25 .container__content--small {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.container--25 .container__content--large {
  width: 74.28571%;
  float: left;
  margin-right: 2.85714%;
}

.container--33 .container__content--small {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.container--33 .container__content--smallish {
  width: 40%;
  float: left;
  margin-right: 2.85714%;
}

.container--33 .container__content--medium {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.container--33 .container__content--large {
  width: 65.71429%;
  float: left;
  margin-right: 2.85714%;
}

/*
    Three Columns Layout

    .container--333     - 3 columns equal width

    markup:
    <div class="container {$modifiers}" style="height: 150px">
        <div class="container__content" style="background-color: #ff9900">Columns 1/3</div>
        <div class="container__content" style="background-color: #9900ff">Columns 1/3</div>
        <div class="container__content" style="background-color: #ff0099">Columns 1/3</div>
    </div>

    Styleguide 1.2.0

*/
.container--333 .container__content {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.container--50 .container__content {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

/*
    Full Width Columns

    .container--100     - full width

    markup:
    <div class="container {$modifiers}" style="height: 150px">
        <div class="container__content" style="background-color: #ff0099">Full Width</div>
    </div>

    Styleguide 1.3.0
*/
.container--100 .container__content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 1090px) {
  /* // Add padding to the edges when window <= at container width for scrolling */
  .container {
    padding-left: 1.42857%;
    padding-right: 1.42857%;
  }
}

/* 60 rem */
@media (max-width: 1024px) {
  .container--25 .container__content {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
  .container--25 .container__content:nth-child(2n) {
    margin-right: 0;
  }
  /* // Example setting up all large-small columns to 2/3 - 1/3 */
  /* // instead of their default value 1/5 - 4/5 or 1/4 - 3/4 */
  .container--20 .container__content--small,
  .container--25 .container__content--small {
    /*@include span(3 of 12); FOR ACCOUNT PAGES */
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
  .pages-account #main-content .container--20 .container__content--small, .pages-account #main-content
  .container--25 .container__content--small {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
    margin-right: 0;
  }
  .container--20 .container__content--large,
  .container--25 .container__content--large {
    /*@include span(9 of 12); FOR ACCOUNT PAGES*/
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%;
  }
  .pages-account #main-content .container--20 .container__content--large, .pages-account #main-content
  .container--25 .container__content--large {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%;
    float: right;
  }
}

/* 48rem */
@media (max-width: 768px) {
  /* // Small screen, all full width */
  .container--20 .container__content,
  .container--20 .container__content--small,
  .container--20 .container__content--large,
  .container--20 .container__content:last-child,
  .container--25 .container__content,
  .container--25 .container__content--small,
  .container--25 .container__content--large,
  .container--25 .container__content:last-child,
  .container--33 .container__content,
  .container--33 .container__content--small,
  .container--33 .container__content--large,
  .container--33 .container__content:last-child,
  .container--333 .container__content,
  .container--333 .container__content--small,
  .container--333 .container__content--large,
  .container--333 .container__content:last-child,
  .container--50 .container__content,
  .container--50 .container__content--small,
  .container--50 .container__content--large,
  .container--50 .container__content:last-child,
  .container--100 .container__content,
  .container--100 .container__content--small,
  .container--100 .container__content--large,
  .container--100 .container__content:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .pages-account #main-content .container--20 .container__content, .pages-account #main-content
  .container--20 .container__content--small, .pages-account #main-content
  .container--20 .container__content--large, .pages-account #main-content
  .container--20 .container__content:last-child, .pages-account #main-content
  .container--25 .container__content, .pages-account #main-content
  .container--25 .container__content--small, .pages-account #main-content
  .container--25 .container__content--large, .pages-account #main-content
  .container--25 .container__content:last-child, .pages-account #main-content
  .container--33 .container__content, .pages-account #main-content
  .container--33 .container__content--small, .pages-account #main-content
  .container--33 .container__content--large, .pages-account #main-content
  .container--33 .container__content:last-child, .pages-account #main-content
  .container--333 .container__content, .pages-account #main-content
  .container--333 .container__content--small, .pages-account #main-content
  .container--333 .container__content--large, .pages-account #main-content
  .container--333 .container__content:last-child, .pages-account #main-content
  .container--50 .container__content, .pages-account #main-content
  .container--50 .container__content--small, .pages-account #main-content
  .container--50 .container__content--large, .pages-account #main-content
  .container--50 .container__content:last-child, .pages-account #main-content
  .container--100 .container__content, .pages-account #main-content
  .container--100 .container__content--small, .pages-account #main-content
  .container--100 .container__content--large, .pages-account #main-content
  .container--100 .container__content:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/* 30 rem */
@media (max-width: 480px) {
  .container {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
  }
}

body.cookiebanner {
  padding-bottom: 0;
  transition: padding .2s ease-in-out;
}

#cookieLaw {
  /*display: none;*/
  position: fixed;
  z-index: 10000;
  /*transition: position 1 ease-in-out;*/
  /*top: 0;*/
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(51, 51, 51, 0.8);
  color: #fff;
  text-align: center;
}

#cookieLaw p {
  padding: 1.5rem 4rem;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

#cookieLaw a {
  color: #fff;
  text-decoration: underline;
}

#cookieLaw a[name="closeCookieMsg"] {
  text-decoration: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display: block;
  width: 2.2rem;
  line-height: 2rem;
  border-radius: 50%;
  text-align: center;
}

#cookieLaw a[name="closeCookieMsg"]:hover {
  background: #fff;
  color: #002D62;
  cursor: pointer;
}

/*#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn*/
#onetrust-consent-sdk {
  z-index: 10000;
  position: fixed;
  left: 10px;
  bottom: 10px;
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-pc-refuse-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler {
  background: #fff !important;
  color: #002D62 !important;
}

#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
  width: auto;
  height: auto;
  bottom: 0;
}

#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button button {
  position: absolute;
  width: 42px;
  height: 35px;
}

#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front {
  left: -10px;
  bottom: 10px;
  border-radius: 0 30px 30px 0;
  width: 42px;
  height: 35px;
  background: #002D62;
  box-shadow: none;
  position: relative;
  opacity: .3;
}

@media (min-width: 1024px) {
  #onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front {
    left: -15px;
    width: 45px;
  }
}

#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front:hover {
  opacity: 1;
}

#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff url("/resources/images/icons/cookie.svg") left bottom no-repeat;
  background-size: contain;
  top: 5px;
  right: 10px;
  border-radius: 50%;
  border: 3px solid #fff;
}

#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__back {
  /*display: none;*/
}

#onetrust-consent-sdk #ot-sdk-btn-floating svg {
  display: none;
}

/*
    Global and Utility Classes

    Helpers class

    Styleguide 2.0.0
*/
/*
    Hidding

    Styleguide 2.1.0
*/
/*
    Hide from both screenreaders and browsers

    <a href="h5bp.com/u">h5bp.com/u</a>

    .hidden

    Styleguide 2.1.1
*/

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
    Hide only visually

    but have it available for screenreaders:

    <a href="h5bp.com/v">h5bp.com/v</a>

    .visuallyhidden

    Styleguide 2.1.2

*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.visuallyhidden.focusable:active,
.visuallyhidden.focusable:hover {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*

    Hide visually and from screenreaders

    /!\ Maintain layout

    .invisible

    markup:
    <div class="invisible" style="background-color:blue; width:150px; height:150px">.invisible</div>
    <div style="background-color:green; width:150px; height:150px">I am close to a hidden element</div>

    Styleguide 2.1.3

*/

.invisible {
  visibility: hidden;
}

.u-vertical-align {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

/*

    Display Classes

    .hide-small     - Small screen hidden
    .hide-med       - Medium screen hidden
    .hide-large     - Large screnn hidden

    markup:
    <div class="{$modifiers}">{$modifiers}</div>

    sg-wrapper:
    <div class="sg">
        <sg-wrapper-content/>
    </div>

    Styleguide 2.2.0

*/
@media all and (max-width: 768px) {
  .hide-small {
    display: none !important;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
  .hide-med {
    display: none !important;
  }
}

@media all and (min-width: 1024px) {
  .hide-large {
    display: none !important;
  }
}

/*
    Visual State Classes

    .is-hidden      - Hidden state
    .is-fixed       - Fixed positioned
    .is-important   - Element higlight as important

    markup:
    <div class="{$modifiers}">{$modifiers}</div>

    sg-wrapper:
    <div class="sg">
        <sg-wrapper-content/>
    </div>

    Styleguide 2.3.0

*/
.is-hidden {
  display: none !important;
}

.is-fixed {
  position: fixed;
}

.is-important {
  font-weight: 600;
  color: #D31145;
}

/*
    Validation States Classes


    .is-valid           - Valid message
    .is-error           - Error message
    .is-warning         - Warning message
    .is-information     - Information message


    markup:
    <div class="{$modifiers}">{$modifiers}</div>

    sg-wrapper:
    <div class="sg">
        <sg-wrapper-content/>
    </div>

    Styleguide 2.4.0

*/
.is-valid {
  color: #8DC63F;
  border-color: #8DC63F;
}

.is-error {
  color: #D31145;
  border-color: #D31145;
}

.is-warning {
  color: #F57B20;
  border-color: #F57B20;
}

.is-information {
  color: #777;
  border-color: #777;
}

/*
    Brand icon colors
*/
.fa-facebook-square {
  color: #03539E;
}

.fa-twitter-square {
  color: #35CCFF;
}

.fa-linkedin-square {
  color: #007BB5;
}

.fa-youtube-square {
  color: #BB0000;
}

.fa-google-plus-square {
  color: #DD4B39;
}

.fa-pinterest-square {
  color: #BD081C;
}

.fa-instagram {
  /*color: $brand_instagram;*/
}

.fa-book {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.has-promo-sticker {
  position: relative;
}

.promo-stamp {
  background-image: url("../images/backgrounds/bg_sticker.png");
  border-radius: 50%;
  background-size: contain;
  position: absolute;
  right: -10px;
  top: 10px;
  width: 56px !important;
  height: 56px;
  color: #fff !important;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.promo-stamp span {
  display: block;
  line-height: 1;
}

.promo-stamp span:first-child {
  margin-top: 1em;
}

.promo-stamp span:last-child {
  text-transform: uppercase;
}

/*
    Utility classes

    .u-center       - Center Element
    .u-border       - Add Borders
    .u-left         - Float left
    .u-right        - Float Right
    .u-shadow-in    - Add shadow inside element
    .u-cf           - Micro clearfix
    .u-small        - smaller text (13px)
    .u-smaller        - smaller text (12px)
    .u-rounded      - rounded element
    .u-separator-bottom    - add separator bottom
    .u-separator-right     - add separator right
    .u-mb-sans      - remove margin bottom

    markup:
    <div class="{$modifiers}">{$modifiers}</div>

    sg-wrapper:
    <div class="sg">
        <sg-wrapper-content/>
    </div>

    Styleguide 2.5.0

*/
.u-center {
  display: block;
  width: 100%;
  text-align: center !important;
}

.u-border {
  padding: 20px;
  padding: 2rem;
  border: 1px solid #ddd;
}

.u-left {
  float: left;
}

.u-right {
  float: right;
}

.u-block {
  display: block;
}

.u-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

/*==================*/
.fixedsticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
  position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
  position: fixed;
}

.fixedsticky-dummy {
  display: none;
}

.fixedsticky-on + .fixedsticky-dummy {
  display: block;
}

/*==================*/
.u-shadow-in {
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 30px;
  padding-top: 3rem;
  padding-bottom: 30px;
  padding-bottom: 3rem;
}

.u-shadow-top-bottom {
  padding: 20px 30px;
  padding: 2rem 3rem;
  position: relative;
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2);
}

.u-shadow-top-bottom:before, .u-shadow-top-bottom:after {
  content: " ";
  box-shadow: 10px 10px 0px 10px #fff;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  height: 100%;
}

.u-shadow-top-bottom:before {
  left: -20px;
}

.u-shadow-top-bottom:after {
  right: 0;
}

.u-cf,
.clearfix {
  *zoom: 1;
}

.u-cf:before, .u-cf:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.u-cf:after,
.clearfix:after {
  clear: both;
}

.u-s {
  font-size: 14px;
  font-size: 1.4rem;
}

.u-small {
  font-size: 13px;
  font-size: 1.3rem;
}

.u-smaller {
  font-size: 12px;
  font-size: 1.2rem;
}

.u-large {
  font-size: 17px;
  font-size: 1.7rem;
}

.u-larger {
  font-size: 18px;
  font-size: 1.8rem;
}

.u-link-color {
  color: #002D62;
}

.u-list {
  list-style: decimal;
  list-style-position: inside;
}

.u-list-latin {
  list-style: lower-alpha;
}

.u-font-bold {
  font-family: "opensansBold", "Arial", sans-serif;
}

.u-font-secondary {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.u-font-secondary-bold {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

.u-color-lighter {
  color: #555;
}

.u-rounded {
  border-radius: 50%;
}

.u-separator-bottom {
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 2rem !important;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.u-separator-top {
  border-top: 1px solid #ddd !important;
  padding-top: 2rem !important;
  padding-top: 20px;
  padding-top: 2rem;
}

.u-separator-right {
  border-right: 1px solid #ddd !important;
  padding-right: 2rem !important;
  padding-right: 20px;
  padding-right: 2rem;
}

.u-mb-sans {
  margin-bottom: 0 !important;
}

.u-m {
  margin: 25px auto;
  margin: 2.5rem auto;
}

.u-mb {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
}

.u-mb--2 {
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.u-mt {
  margin-top: 25px;
  margin-top: 2.5rem;
}

.u-mr {
  margin-right: 10px;
  margin-right: 1rem;
}

.u-inline-block {
  display: inline-block;
}

.u-line-through {
  text-align: center;
  position: relative;
  margin: 20px 0;
  margin: 2rem 0;
}

.u-line-through:before {
  content: "";
  border-bottom: 1px solid #ccc;
  width: 100%;
  display: block;
  top: 50%;
  position: absolute;
  z-index: -1;
}

.u-line-through > *:first-child {
  background-color: #fff;
  padding: 0 10px;
  padding: 0 1rem;
}

.u-label {
  margin: 10px 5px 10px 0;
  margin: 1rem 0.5rem 1rem 0;
}

.u-link {
  cursor: pointer;
  color: #002D62;
  border-bottom: 1px solid transparent;
}

.u-link:hover {
  color: #506794;
  border-bottom-color: #506794;
}

.u-relative {
  position: relative !important;
}

.u-absolute {
  position: absolute !important;
}

.u-limit-width {
  margin-left: auto;
  margin-right: auto;
}

.u-limit-width--10 {
  max-width: 10%;
}

.u-limit-width--20 {
  max-width: 20%;
}

.u-limit-width--30 {
  max-width: 30%;
}

.u-limit-width--40 {
  max-width: 40%;
}

.u-limit-width--50 {
  max-width: 50%;
}

.u-limit-width--60 {
  max-width: 60%;
}

.u-limit-width--70 {
  max-width: 70%;
}

.u-limit-width--80 {
  max-width: 80%;
}

.u-limit-width--90 {
  max-width: 90%;
}

@media all and (max-width: 768px) {
  .u-limit-width--60 {
    max-width: 90%;
  }
  .u-limit-width--70 {
    max-width: 90%;
  }
  .u-limit-width--80 {
    max-width: 90%;
  }
  .u-limit-width--90 {
    max-width: 90%;
  }
}

.u-inner-grid {
  margin-left: 17.14286%;
  margin-right: 17.14286%;
}

.u-inner-grid-wide {
  margin-left: 8.57143%;
  margin-right: 8.57143%;
}

.u-font {
  font-family: "opensans", "Arial", sans-serif !important;
}

.u-font-alt {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.with-cursor {
  cursor: pointer;
}

.u-checkbox-hack {
  position: absolute;
  top: -9999px;
  left: -9999px;
  /* For mobile, it's typically better to position checkbox on top of clickable area and turn opacity to 0 instead. */
}

.u-drop-caps {
  float: left;
  color: #903;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: Georgia;
}

.u-capital {
  text-transform: uppercase;
}

.u-distibute {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
}

.u-distibute > .is-distributed {
  -ms-flex: 1;
      flex: 1;
}

.u-font-double {
  font-size: 32px;
  font-size: 3.2rem;
}

/* MISC Website wide */
.headline {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.page-header {
  margin: 30px auto;
  margin: 3rem auto;
}

.sidebar-box {
  max-height: 210px;
  position: relative;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.sidebar-box .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding-top: 60px;
  padding-top: 6rem;
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70%, #fff));
}

.required em {
  color: #F57B20;
}

.required input[required],
.required select[required] {
  border: 1px solid #F57B20;
}

.required input[required]:valid,
.required select[required]:valid {
  border-color: #8DC63F;
}

.required input[type='file'] {
  border: 0;
}

.product-edition.product-info {
  position: relative;
}

.product-edition.product-info .product__edition {
  white-space: nowrap;
}

.product-edition.product-info .product__edition em {
  width: 100%;
  height: 100%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
    Ribbon effect on special Editions
*/
.ribbon {
  position: relative;
}

.ribbon .product-info {
  z-index: 1;
}

.page-banner.wigig .ribbon .product__edition {
  position: absolute;
  left: calc(100% - -30px);
  top: 80px;
  text-align: center;
  font-size: 16px;
}

@media (max-width: 670px) {
  .page-banner.wigig .ribbon .product__edition {
    position: relative;
    left: unset;
    top: 0;
  }
}

.ribbon .product__edition em {
  color: #fff;
  font-style: normal;
  font-family: "blackwell", Times, "Times New Roman", serif;
  position: relative;
  line-height: 44px;
  display: inline-block;
  padding: 0 14% 0 10px;
  z-index: -1;
  overflow: hidden;
}

.ribbon .product__edition em:before, .ribbon .product__edition em:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -12%;
  right: 0;
  height: 50%;
  border-right: 45px solid #fff;
}

.ribbon .product__edition em:before {
  bottom: 0;
  -ms-transform: skew(45deg);
      transform: skew(45deg);
  -ms-transform-origin: top;
      transform-origin: top;
}

.ribbon .product__edition em:after {
  top: 0;
  -ms-transform: skew(-45deg);
      transform: skew(-45deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
}

.page-banner.wigig .ribbon .product__edition em {
  /*position: absolute;
                right: -150px;
                top: 75px;*/
  line-height: 32px;
  width: 115px;
  padding: 0 16px 0 10px;
}

.page-banner.wigig .ribbon .product__edition em:before, .page-banner.wigig .ribbon .product__edition em:after {
  border-right-width: 16px;
}

.winner .product__edition em {
  background: #002D62 !important;
}

.winner .product__edition em:before {
  background: #002D62;
}

.winner .product__edition em:after {
  background: #001834;
}

.cbotm .product__edition em {
  background: #6F2B82 !important;
}

.cbotm .product__edition em:before {
  background: #6F2B82;
}

.cbotm .product__edition em:after {
  background: #522060;
}

.fiveFoot .product__edition em {
  background: #F05944 !important;
}

.fiveFoot .product__edition em:before {
  background: #F05944;
}

.fiveFoot .product__edition em:after {
  background: #ed331a;
}

.signed.primary-navigation__item a {
  font-size: 18px;
  line-height: 26px;
  font-family: jeff-script, sans-serif;
  font-style: normal;
  font-weight: 400;
}

@media all and (min-width: 769px) and (max-width: 913px) {
  .signed.primary-navigation__item a {
    font-size: 16px;
    line-height: 22px;
  }
}

.signed .product__edition em {
  background: #D31145 !important;
  color: #fff;
}

.signed .product__edition em:before {
  background: #D31145;
}

.signed .product__edition em:after {
  background: #a90e37;
}

.signed.product-info {
  position: relative;
}

.signed.product-info .product__edition {
  position: absolute;
  top: -21px;
  left: 50%;
  -ms-transform: translate(-50%);
      transform: translate(-50%);
  border-radius: 5px;
  width: auto;
  max-width: 80%;
  white-space: nowrap;
  z-index: -1;
}

#reserve .signed.product-info .product__edition {
  top: 244px;
  left: 0;
  -ms-transform: translate(0);
      transform: translate(0);
}

.signed.product-info .product__edition em {
  padding: 5px 8px;
  width: 100%;
  height: 100%;
  display: block;
  font-style: normal;
  border-radius: 0 0 5px 5px;
}

/*
    No js toggle show/hide
*/
.no-js .no-js-hide {
  display: none !important;
}

.no-js .no-js-show {
  display: block !important;
}

.no-js .ng-cloak.ng-cloak {
  display: block !important;
}

/*.new-delivery-address.no-js-show {
    display: block !important;
}*/
@media (max-width: 768px) {
  .u-m {
    margin: 10px 0 0 0;
    margin: 1rem 0 0 0;
  }
  .u-mobile-pad {
    padding-left: 16px;
    padding-left: 1.6rem;
    padding-right: 16px;
    padding-right: 1.6rem;
  }
}

.original, .dev {
  opacity: 0.4;
}

.dev {
  pointer-events: none;
}

.novail {
  background: rgba(211, 17, 69, 0.4);
  color: #D31145;
}

/* ZendDesk help widget */
body.cookiebanner iframe#launcher {
  bottom: 48px !important;
}

@media (max-width: 820px) {
  body.cookiebanner iframe#launcher {
    bottom: 64px !important;
  }
}

@media (max-width: 465px) {
  body.cookiebanner iframe#launcher {
    bottom: 84px !important;
  }
}

@media (max-width: 347px) {
  body.cookiebanner iframe#launcher {
    bottom: 102px !important;
  }
}

.info {
  border-radius: 3px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #F57B20;
}

.info.warning {
  border-color: #D31145;
}

.js-payment-selection .info {
  display: block;
}

.basket-heading .info {
  text-align: right;
  width: 60%;
  float: right;
}

@media (max-width: 768px) {
  .basket-heading .info {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .basket-heading .info {
    text-align: center;
  }
}

.basket-heading .info span, .basket-heading .info .btn {
  vertical-align: middle;
}

.basket-heading .info span {
  display: inline-block;
  width: 60%;
  padding-right: 10px;
}

@media (max-width: 480px) {
  .basket-heading .info span {
    width: 100%;
    padding-right: 0;
  }
}

.basket-heading .info .btn {
  float: none;
}

@media (max-width: 480px) {
  .basket-heading .info .btn {
    margin-top: 10px;
  }
}

[class*="my-slider"] {
  width: -webkit-max-content;
  width: max-content;
  height: 470px;
}

[class*="my-slider"][class*="-thumbnail"] {
  height: 102px;
  margin-top: 20px;
}

[class*="my-slider"][class*="-thumbnail"].tns-slider {
  margin-top: 0;
}

.tns-item {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 160px;
  margin-bottom: 20px;
}

.tns-item .product-info {
  height: 185px !important;
}

@media (max-width: 480px) {
  .tns-item .product-info {
    height: 200px !important;
  }
}

.tns-item .promo-stamp {
  right: 5px;
}

.tns-item .product-picture {
  height: 210px;
}

.tns-item .product-picture img {
  max-height: 192px;
}

.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
  text-indent: -10000px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 1;
}

.product__thumbnails .tns-controls [data-controls="prev"], .product__thumbnails
.tns-controls [data-controls="next"] {
  top: 38%;
}

.tns-controls [data-controls="prev"] {
  left: -8%;
  background-image: url("/resources/images/icons/icon_left-arrow.png");
}

.tns-controls [data-controls="next"] {
  right: -8%;
  background-image: url("/resources/images/icons/icon_right-arrow.png");
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Form element

    Definition of the different inputs used on the site

    Default


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <fieldset style="margin: 0 0 1em 0;">I am a fieldset</fieldset>
    <p style="margin: 0 0 1em 0;"><label>I am a label</label></p>
    <p style="margin: 0 0 1em 0;"><input placeholder="No type, generic"></p>
    <p style="margin: 0 0 1em 0;"><select><option value="0">Option 0 in Select</option><option value="1">Option 1 in Select</option></select></p>
    <p style="margin: 0 0 1em 0;"><textarea>Default textarea</textarea></p>

    Styleguide 3.6.0
*/
label {
  margin: 5px 5px 10px 0;
  margin: 0.5rem 0.5rem 1rem 0;
  display: inline-block;
}

[readonly] {
  background-color: #ddd;
}

/*
    Texts input

    .default                        - default input
    .alt-form                       - secondary input

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='text']" : <input type="text" placeholder="[type='text']"></label></p>
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='search']" : <input type="search" placeholder="[type='search']"></label></p>
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='url']" : <input type="url" placeholder="[type='url']"></label></p>
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='mail']" : <input type="mail" placeholder="[type='mail']"></label></p>
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='tel']" : <input type="tel" placeholder="[type='tel']"></label></p>
    <p class="{$modifiers}" style="margin: 0 0 1em 0;"><label>"[type='password']" : <input type="password" placeholder="[type='password']"></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='number']" : <input type="number" ></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='range']" : <input type="range" ></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='date']" : <input type="date" ></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='time']" : <input type="time" ></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='month']" : <input type="month" ></label></p>
    <p class="{$modifiers}"  style="margin: 0 0 1em 0;"><label>"[type='week']" : <input type="week" ></label></p>

    Styleguide 3.6.1
*/
[type="text"],
[type="tel"],
[type="url"],
[type="email"],
[type="search"],
[type="password"],
[type="number"],
[type="date"],
[type="time"],
[type="month"],
[type="week"] {
  padding: 5px;
  padding: 0.5rem;
  margin-top: 5px;
  margin-top: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
}

[type="text"]:disabled,
[type="tel"]:disabled,
[type="url"]:disabled,
[type="email"]:disabled,
[type="search"]:disabled,
[type="password"]:disabled,
[type="number"]:disabled,
[type="date"]:disabled,
[type="time"]:disabled,
[type="month"]:disabled,
[type="week"]:disabled {
  box-shadow: none;
  background-color: #ddd;
}

[type="text"]:focus,
[type="tel"]:focus,
[type="url"]:focus,
[type="email"]:focus,
[type="search"]:focus,
[type="password"]:focus,
[type="number"]:focus,
[type="date"]:focus,
[type="time"]:focus,
[type="month"]:focus,
[type="week"]:focus {
  box-shadow: none;
  outline: none;
}

.alt-form [type="text"],
.alt-form [type="tel"],
.alt-form [type="url"],
.alt-form [type="email"],
.alt-form [type="search"],
.alt-form [type="password"],
.alt-form [type="number"],
.alt-form [type="date"],
.alt-form [type="time"],
.alt-form [type="month"],
.alt-form [type="week"],
.alt-form select {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #ddd;
  border-radius: 0;
  box-shadow: none;
}

.alt-form [type="text"]:focus, .alt-form [type="text"]:valid,
.alt-form [type="tel"]:focus,
.alt-form [type="tel"]:valid,
.alt-form [type="url"]:focus,
.alt-form [type="url"]:valid,
.alt-form [type="email"]:focus,
.alt-form [type="email"]:valid,
.alt-form [type="search"]:focus,
.alt-form [type="search"]:valid,
.alt-form [type="password"]:focus,
.alt-form [type="password"]:valid,
.alt-form [type="number"]:focus,
.alt-form [type="number"]:valid,
.alt-form [type="date"]:focus,
.alt-form [type="date"]:valid,
.alt-form [type="time"]:focus,
.alt-form [type="time"]:valid,
.alt-form [type="month"]:focus,
.alt-form [type="month"]:valid,
.alt-form [type="week"]:focus,
.alt-form [type="week"]:valid,
.alt-form select:focus,
.alt-form select:valid {
  outline: none;
  border-color: #00AEEF;
}

.alt-form [type="text"]:hover,
.alt-form [type="tel"]:hover,
.alt-form [type="url"]:hover,
.alt-form [type="email"]:hover,
.alt-form [type="search"]:hover,
.alt-form [type="password"]:hover,
.alt-form [type="number"]:hover,
.alt-form [type="date"]:hover,
.alt-form [type="time"]:hover,
.alt-form [type="month"]:hover,
.alt-form [type="week"]:hover,
.alt-form select:hover {
  cursor: pointer;
}

.alt-form [type="text"] + label,
.alt-form [type="tel"] + label,
.alt-form [type="url"] + label,
.alt-form [type="email"] + label,
.alt-form [type="search"] + label,
.alt-form [type="password"] + label,
.alt-form [type="number"] + label,
.alt-form [type="date"] + label,
.alt-form [type="time"] + label,
.alt-form [type="month"] + label,
.alt-form [type="week"] + label,
.alt-form select + label {
  position: relative;
  height: 1.71429rem;
  padding: 0;
  padding-left: 5px;
  transition: all 0.3s;
  pointer-events: none;
  color: #808080;
  font-size: 14px;
  top: -5rem;
  z-index: 3;
}

.alt-form [type="text"]:focus + label,
.alt-form [type="tel"]:focus + label,
.alt-form [type="url"]:focus + label,
.alt-form [type="email"]:focus + label,
.alt-form [type="search"]:focus + label,
.alt-form [type="password"]:focus + label,
.alt-form [type="number"]:focus + label,
.alt-form [type="date"]:focus + label,
.alt-form [type="time"]:focus + label,
.alt-form [type="month"]:focus + label,
.alt-form [type="week"]:focus + label,
.alt-form select:focus + label {
  color: #00AEEF;
}

.alt-form [type="text"]:hover + label,
.alt-form [type="tel"]:hover + label,
.alt-form [type="url"]:hover + label,
.alt-form [type="email"]:hover + label,
.alt-form [type="search"]:hover + label,
.alt-form [type="password"]:hover + label,
.alt-form [type="number"]:hover + label,
.alt-form [type="date"]:hover + label,
.alt-form [type="time"]:hover + label,
.alt-form [type="month"]:hover + label,
.alt-form [type="week"]:hover + label,
.alt-form select:hover + label {
  color: #00AEEF;
}

.alt-form [type="text"]:valid + label,
.alt-form [type="tel"]:valid + label,
.alt-form [type="url"]:valid + label,
.alt-form [type="email"]:valid + label,
.alt-form [type="search"]:valid + label,
.alt-form [type="password"]:valid + label,
.alt-form [type="number"]:valid + label,
.alt-form [type="date"]:valid + label,
.alt-form [type="time"]:valid + label,
.alt-form [type="month"]:valid + label,
.alt-form [type="week"]:valid + label,
.alt-form select:valid + label {
  color: #00AEEF;
}

.alt-form [type="text"]:disabled,
.alt-form [type="tel"]:disabled,
.alt-form [type="url"]:disabled,
.alt-form [type="email"]:disabled,
.alt-form [type="search"]:disabled,
.alt-form [type="password"]:disabled,
.alt-form [type="number"]:disabled,
.alt-form [type="date"]:disabled,
.alt-form [type="time"]:disabled,
.alt-form [type="month"]:disabled,
.alt-form [type="week"]:disabled,
.alt-form select:disabled {
  border-bottom: none;
  background: #ddd;
}

.alt-form [type="text"]:disabled + label,
.alt-form [type="tel"]:disabled + label,
.alt-form [type="url"]:disabled + label,
.alt-form [type="email"]:disabled + label,
.alt-form [type="search"]:disabled + label,
.alt-form [type="password"]:disabled + label,
.alt-form [type="number"]:disabled + label,
.alt-form [type="date"]:disabled + label,
.alt-form [type="time"]:disabled + label,
.alt-form [type="month"]:disabled + label,
.alt-form [type="week"]:disabled + label,
.alt-form select:disabled + label {
  color: rgba(128, 128, 128, 0.6);
}

.alt-form [type="text"]:disabled + label:after,
.alt-form [type="tel"]:disabled + label:after,
.alt-form [type="url"]:disabled + label:after,
.alt-form [type="email"]:disabled + label:after,
.alt-form [type="search"]:disabled + label:after,
.alt-form [type="password"]:disabled + label:after,
.alt-form [type="number"]:disabled + label:after,
.alt-form [type="date"]:disabled + label:after,
.alt-form [type="time"]:disabled + label:after,
.alt-form [type="month"]:disabled + label:after,
.alt-form [type="week"]:disabled + label:after,
.alt-form select:disabled + label:after {
  content: "   Disabled";
  font-style: italic;
  color: rgba(128, 128, 128, 0.6);
}

.alt-form [type="text"]:disabled:hover, .alt-form [type="text"]:disabled:focus,
.alt-form [type="tel"]:disabled:hover,
.alt-form [type="tel"]:disabled:focus,
.alt-form [type="url"]:disabled:hover,
.alt-form [type="url"]:disabled:focus,
.alt-form [type="email"]:disabled:hover,
.alt-form [type="email"]:disabled:focus,
.alt-form [type="search"]:disabled:hover,
.alt-form [type="search"]:disabled:focus,
.alt-form [type="password"]:disabled:hover,
.alt-form [type="password"]:disabled:focus,
.alt-form [type="number"]:disabled:hover,
.alt-form [type="number"]:disabled:focus,
.alt-form [type="date"]:disabled:hover,
.alt-form [type="date"]:disabled:focus,
.alt-form [type="time"]:disabled:hover,
.alt-form [type="time"]:disabled:focus,
.alt-form [type="month"]:disabled:hover,
.alt-form [type="month"]:disabled:focus,
.alt-form [type="week"]:disabled:hover,
.alt-form [type="week"]:disabled:focus,
.alt-form select:disabled:hover,
.alt-form select:disabled:focus {
  cursor: not-allowed;
}

.alt-form p[class*="-country"] {
  position: relative;
}

.alt-form p[class*="-country"]:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
  top: 1.4rem;
  right: 1rem;
  pointer-events: none;
}

.alt-form p[class*="-country"]:hover:after {
  border-color: #00AEEF transparent transparent transparent;
}

.alt-form p[class*="-country"].error:after {
  border-color: #D31145 transparent transparent transparent;
}

.alt-form select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

/*
    Select input

    - default

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p style="margin: 0 0 1em 0;"><label> Checkbox 1: <input type="checkbox" value="0" name="checkbox"></label><label> Checkbox 2: <input type="checkbox" value="1" name="checkbox"></label></p>
    <hr>
    <p style="margin: 0 0 1em 0;"><label> Radio 1: <input type="radio" value="0" name="radio"></label><label> Radio 2: <input type="radio" value="1" name="radio"></label></p>
    <hr>
    <p style="margin: 0 0 1em 0;"><label> Dropdown:</label><select><option val="0">Option 0</option><option val="1">Option 1</option><option val="2">Option 2</option></select></p>


    Styleguide 3.6.2
*/
[type="checkbox"] {
  -webkit-appearance: none;
  vertical-align: top;
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem;
}

[type="checkbox"]:focus {
  outline: none;
}

[type="checkbox"]:focus:after {
  border-color: #002D62;
}

[type="checkbox"]:after {
  content: "";
  font-family: FontAwesome;
  color: #002D62;
  display: block;
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem;
  padding: 1px;
  padding: 0.1rem;
  border: 1px solid #ccc;
  background-color: #fff;
  background-clip: content-box;
}

[type="checkbox"]:checked:after {
  content: "\f00c";
  line-height: 10px;
}

[type="radio"] {
  -webkit-appearance: none;
  vertical-align: baseline;
}

[type="radio"]:focus {
  outline: none;
}

[type="radio"]:after {
  content: "";
  display: block;
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem;
  padding: 1px;
  padding: 0.1rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  background-clip: border-box;
  box-shadow: 0px 0px 0px 1px #ccc;
}

.is-checked [type="radio"]:after, [type="radio"]:checked:after {
  background-color: #002D62;
}

[type="radio"]:checked:disabled:after {
  background-color: #ddd;
}

[type="radio"]:disabled + span {
  color: #ddd;
}

[type="radio"]:disabled + span img {
  opacity: .3;
}

select {
  padding: 5px;
  padding: 0.5rem;
  margin: 5px 0 0 0;
  margin: 0.5rem 0 0 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  cursor: pointer;
}

/*
    Buttons input

    - default

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p style="margin: 0 0 1em 0;"><input type="submit" value="[type='submit']"></p>
    <p style="margin: 0 0 1em 0;"><input type="reset" value="[type='reset']"></p>
    <p style="margin: 0 0 1em 0;"><input type="button" value="[type='button']"></p>

    Styleguide 3.6.3
*/
[type="button"],
[type="reset"],
[type="submit"] {
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #fff;
  padding: 5px 15px;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #00AEEF;
  transition: background-color 0.3s;
}

[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover, [type="button"]:focus,
[type="reset"]:focus,
[type="submit"]:focus {
  background-color: #0089bc;
  transition: background-color 0.6s;
}

.disabled[type="button"],
.disabled[type="reset"],
.disabled[type="submit"] {
  background-color: #ddd;
  color: #808080;
  cursor: text;
}

[type="reset"] {
  background-color: #808080;
  text-shadow: none;
  transition: color 0.3s;
}

[type="reset"]:hover, [type="reset"]:focus {
  background-color: #ddd;
  color: #808080;
}

[type="submit"]:not(.btn--primary) {
  background-color: #002D62;
}

[type="submit"]:not(.btn--primary):hover, [type="submit"]:not(.btn--primary):focus {
  background-color: #506794;
}

/*
    HTML5 input
    --limited use--

    - default

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p style="margin: 0 0 1em 0;"><label>"[type='number']" : <input type="number" ></label></p>
    <p style="margin: 0 0 1em 0;"><label>"[type='range']" : <input type="range" id="range"></label></p>
    <p style="margin: 0 0 1em 0;"><label>"[type='date']" : <input type="date" ></label></p>
    <p style="margin: 0 0 1em 0;"><label>"[type='time']" : <input type="time" ></label></p>
    <p style="margin: 0 0 1em 0;"><label>"[type='month']" : <input type="month" ></label></p>
    <p style="margin: 0 0 1em 0;"><label>"[type='week']" : <input type="week" ></label></p>

    Styleguide 3.6.4
*/
[type="range"] {
  -webkit-appearance: none;
  height: 3px;
  /* pick your own value */
  padding: 0;
  width: 100%;
  background-image: linear-gradient(90deg, #002D62 50%, #cccccc 51%);
}

[type="range"]:focus {
  outline: 1px dotted #00AEEF;
}

[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: content-box;
  border: 12px solid #a6d8ef;
  height: 8px;
  width: 8px;
  border-radius: 18px;
  background-color: #002D62;
  cursor: ew-resize;
  margin-top: -14px;
  opacity: .7;
}

[type="range"]:focus::-webkit-slider-thumb {
  background-color: #00AEEF;
}

[type="range"]::-moz-range-thumb {
  border: 12px solid #a6d8ef;
  height: 8px;
  width: 8px;
  border-radius: 18px;
  background-color: #002D62;
  cursor: ew-resize;
  margin-top: -14px;
  opacity: .7;
}

[type="range"]:focus::-moz-range-thumb {
  background-color: #00AEEF;
}

[type="range"]::-ms-thumb {
  /* should come after -webkit- */
  border: 12px solid #a6d8ef;
  height: 8px;
  width: 8px;
  border-radius: 18px;
  background-color: #002D62;
  cursor: ew-resize;
  margin-top: -14px;
  opacity: .7;
  /* may require different margins */
}

[type="range"]:focus::-ms-thumb {
  background-color: #00AEEF;
}

[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
  border-color: transparent;
  color: transparent;
}

[type="range"]::-moz-range-track {
  height: 3px;
  border-color: transparent;
  color: transparent;
  background-color: #cccccc;
}

[type="range"]::-ms-track {
  /* should come after -webkit- */
  border-color: transparent;
  color: transparent;
  height: 3px;
  border-color: transparent;
  color: transparent;
  background-color: #cccccc;
}

[type="range"]::-ms-fill-lower {
  background-color: #002D62;
}

[type="range"]::-moz-range-progress {
  background-color: #002D62;
}

[type="range"]::-ms-tooltip {
  display: none;
}

::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}

/* Chrome <=56, Safari < 10 */
:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}

/* FF 4-18 */
::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}

/* FF 19-51 */
:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}

/* IE 10+ */
::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}
:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}
::placeholder {
  opacity: 1;
  transition: opacity 0.2s;
}

/* Modern Browsers */
*:focus::-webkit-input-placeholder {
  opacity: 0;
}

/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
  opacity: 0;
}

/* FF 4-18 */
*:focus::-moz-placeholder {
  opacity: 0;
}

/* FF 19-50 */
*:focus:-ms-input-placeholder {
  opacity: 0;
}

/* IE 10+ */
*:focus::-webkit-input-placeholder {
  opacity: 0;
}
*:focus:-ms-input-placeholder {
  opacity: 0;
}
*:focus::placeholder {
  opacity: 0;
}

/* Modern Browsers */

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Fonts

    Styleguide 3.7.0
*/
/*
    Secondary font: Blackwell

    Blackwell Bold is already bold, don't embed it in &lt;Hx&gt;, &lt;strong&gt; or &lt;b&gt; tag without setting the font-weight:normal

    markup:
    <section>
        <p class="sg-alternateFont">Secondary font <code>$font__secondary</code>: "blackwell", Times, "Times New Roman", serif;</p>
        <p class="sg-alternateFont">Secondary font</p>
        <p class="sg-alternateFont"><em>Secondary font italic</em></p>
    </section>
    <hr>
    <section>
        <p class="sg-alternateFontBold">Secondary font <code>$font__secondary__bold </code>: "blackwellBold", Times, "Times New Roman", serif;</p>
        <p class="sg-alternateFontBold">Secondary font bold</p>
        <p class="sg-alternateFontBold"><em>Secondary font bold italic</em></p>
    </section>

    Styleguide 3.7.2
*/
/* blackwell */
@font-face {
  font-family: "blackwell";
  src: url("../fonts/blackwell/blackwell-newbook-webfont.eot"), url("../fonts/blackwell/blackwell-newbook-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/blackwell/blackwell-newbook-webfont.woff2") format("woff2"), url("../fonts/blackwell/blackwell-newbook-webfont.woff") format("woff"), url("../fonts/blackwell/blackwell-newbook-webfont.ttf") format("truetype"), url("../fonts/blackwell/blackwell-newbook-webfont.svg#blackwell") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* blackwellBold */
@font-face {
  font-family: "blackwellBold";
  src: url("../fonts/blackwell/blackwell-newbold-webfont.eot"), url("../fonts/blackwell/blackwell-newbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/blackwell/blackwell-newbold-webfont.woff2") format("woff2"), url("../fonts/blackwell/blackwell-newbold-webfont.woff") format("woff"), url("../fonts/blackwell/blackwell-newbold-webfont.ttf") format("truetype"), url("../fonts/blackwell/blackwell-newbold-webfont.svg#blackwellBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
    Primary font: Opensans

    markup:
    <section>
        <p>Primary font <code>$font</code>: "opensans", "Arial", sans-serif;</p>
        <p>Primary font</p>
        <p><em>Primary font italic</em></p>
        <p class="sg-fontBold">Primary font bold</p>
        <p class="sg-fontBold"><em>Primary font bold italic</em></p>
    </section>

    Styleguide 3.7.1
*/
/* opensans */
@font-face {
  font-family: 'opensans';
  font-weight: 500;
  font-style: normal;
  src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2");
}

/* opensansBold */
@font-face {
  font-family: 'opensansBold';
  font-weight: 700;
  font-style: normal;
  src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2");
}

/*
    pixeltyperegular font

    Mobile navigation font for icons

    markup:
    <p>TODO: Generate mobile Nav HTML</p>

    Styleguide 3.7.3
*/
/* pixeltyperegular */
@font-face {
  font-family: 'pixeltyperegular';
  src: url("../fonts/pixeltype/pixeltype-webfont.eot");
  src: url("../fonts/pixeltype/pixeltype-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pixeltype/pixeltype-webfont.woff2") format("woff2"), url("../fonts/pixeltype/pixeltype-webfont.woff") format("woff"), url("../fonts/pixeltype/pixeltype-webfont.ttf") format("truetype"), url("../fonts/pixeltype/pixeltype-webfont.svg#pixeltype-webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pixeltyperegular';
  src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"), url("data:application/font-woff;charset=utf-8;base64,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") format("woff"), url("pixeltype-webfont.ttf") format("truetype"), url("pixeltype-webfont.svg#pixeltyperegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
    Grandhotel font

    Sign up newsletter

    markup:
    <section>
        <p>Sign up font <code>$font__sign-up</code>: "pacifico", "grandhotel";</p>
        <p>Sign up font</p>
    </section>

    Styleguide 3.7.4
*/
/* grandhotel */
@font-face {
  font-family: 'grandhotel';
  src: url("../fonts/grandhotel/grandhotel-regular-webfont.eot");
  src: url("../fonts/grandhotel/grandhotel-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/grandhotel/grandhotel-regular-webfont.woff2") format("woff2"), url("../fonts/grandhotel/grandhotel-regular-webfont.woff") format("woff"), url("../fonts/grandhotel/grandhotel-regular-webfont.ttf") format("truetype"), url("../fonts/grandhotel/grandhotel-regular-webfont.svg#grand_hotelregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* pacifico */
@font-face {
  font-family: 'pacifico';
  src: url("pacifico-webfont.eot");
}

@font-face {
  font-family: 'pacifico';
  src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2"), url("data:application/font-woff;charset=utf-8;base64,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") format("woff"), url("pacifico-webfont.ttf") format("truetype"), url("pacifico-webfont.svg#pacificoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Buttons

    Definition of the Different button used on the site

    .btn--primary                   - default button
    .btn--secondary                 - secondary button
    .btn--third                     - third button
    .btn--follow                    - follow button
    .btn--is-active                 - following button

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers}">{$modifiers}</button></p>
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers} btn--large">{$modifiers} large</button></p>
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers} btn--small">{$modifiers} small</button></p>

    Styleguide 3.1.0
*/
.btn {
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #fff;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #00AEEF;
  transition: background-color 0.3s;
  display: inline-block;
}

.btn:hover, .btn:focus {
  background-color: #0089bc;
  transition: background-color 0.6s;
  color: #fff;
  text-decoration: none;
  outline: none;
}

[disabled="disabled"].btn, [disabled].btn, .disabled.btn {
  /* !important to overwrite :hover */
  background-color: #ddd !important;
  text-shadow: none;
  cursor: text !important;
}

.btn.btn-added {
  background-color: #8DC63F;
}

.btn--primary {
  background-color: #00AEEF;
}

.btn--primary:hover {
  background-color: #0089bc;
}

.btn--secondary {
  background-color: #002D62;
}

.btn--secondary:hover {
  background-color: #506794;
}

.btn--third {
  background-color: #F57B20;
}

.btn--third:hover {
  background-color: #f16d0b;
}

[headers="product-status"] [type="submit"].btn--cancel-item.btn, [headers="product-status"]
a.btn--cancel-item.btn {
  background-color: #fff;
  border: 1px solid #D31145;
  color: #D31145;
  margin-top: 10px;
  width: 100%;
}

[headers="product-status"] [type="submit"].btn--cancel-item.btn:hover, [headers="product-status"]
a.btn--cancel-item.btn:hover {
  background-color: rgba(211, 17, 69, 0.2);
  color: #D31145;
  text-shadow: none;
}

[type="submit"].btn--cancel-order.btn,
a.btn--cancel-order.btn {
  background-color: #D31145;
  float: right;
  width: 100%;
}

[type="submit"].btn--cancel-order.btn:hover,
a.btn--cancel-order.btn:hover {
  background-color: rgba(211, 17, 69, 0.2);
  color: #D31145;
  text-shadow: none;
}

.btn--small {
  padding: 2.5px 5px;
  padding: 0.25rem 0.5rem;
}

.btn--large {
  padding: 10px 12px;
  padding: 1rem 1.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}

.btn--xlarge {
  padding: 10px 30px;
  padding: 1rem 3rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.05rem;
}

.btn--thin {
  padding: 5px 20px;
  padding: 0.5rem 2rem;
  border-radius: 2px;
}

.btn--follow {
  border: 1px solid #002D62;
  background-color: #002D62;
}

.btn--follow:hover, .btn--follow.btn--is-active {
  background-color: #fff;
  color: #002D62;
}

.btn--alt {
  border: 1px solid #fff;
  background-color: transparent;
}

.btn--alt:hover, .btn--alt.btn--is-active {
  background-color: #fff;
  color: #a40d36;
}

.btn--is-active {
  border: 1px solid #002D62;
  background-color: #fff;
  color: #002D62;
}

.btn--is-active:hover {
  color: #fff;
  background-color: #002D62;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Lists

    Definition of the different lists used on the site

    Styleguide 3.3.0
*/
ol, ul {
  margin: 0;
  padding: 0;
}

/*
    Ordered list

    markup:
    <div>
       <ol>
            <li>This is a list item in an ordered list</li>
            <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line. </li>
            <li>
                Lists can be nested inside of each other
                <ul>
                    <li>This is a nested list item</li>
                    <li>This is another nested list item in an unordered list</li>
                </ul>
            </li>
            <li>This is the last list item</li>
        </ol>
    </div>

    Styleguide 3.3.1
*/
/*
    Unordered list

    .default        - Default list
    .list--inline   - Inline list

    markup:
    <div>
        <p>This is a list item in an ordered list</p>
       <ul class="{$modifiers}">
            <li>Item 1</li>
            <li>
                Item 2
                <ul>
                    <li>item A - nested from Item2</li>
                    <li>item B - nested from Item2</li>
                </ul>
            </li>
            <li>Item 3</li>
        </ul>
    </div>

    Styleguide 3.3.2
*/
ul {
  list-style: none;
}

.list--inline > li {
  display: inline-block;
}

/*
    Definition list

    markup:
    <div>
       <dl>
            <dt>Definition List</dt>
            <dd>A number of connected items or names written or printed consecutively, typically one below the other.</dd>
            <dt>This is a term.</dt>
            <dd>This is the definition of that term, which both live in a <code>dl</code>.</dd>
            <dt>Here is another term.</dt>
            <dd>And it gets a definition too, which is this line.</dd>
            <dt>Here is term that shares a definition with the term below.</dt>
            <dd>And it gets a definition too, which is this line.</dd>
        </dl>
    </div>

    Styleguide 3.3.3
*/
dl {
  overflow: hidden;
  margin: 0 0 1;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/*
* media.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Media generic

    Definition of the different media tag used
    img, video, object...

    Styleguide 3.5.0

*/
img, video, object {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
  width: auto;
}

iframe {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 5px 0;
  margin: 0 0 0.5rem 0;
}

figcaption {
  font-style: italic;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Table

    Styleguide 3.4.0

    markup:
     <table>
        <tr>
            <th>ISBN: </th>
            <td>9781846558610</td>
        </tr>
        <tr>
            <th>ISBN10:</th>
            <td>1846558611</td>
        </tr>
        <tr>
            <th>Publisher:</th>
            <td>Vintage</td>
        </tr>
    </table>
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #808080;
  width: 100%;
}

th {
  text-align: left;
  border: 1px solid #808080;
  padding: 5px;
  padding: 0.5rem;
}

td {
  border: 1px solid #808080;
  padding: 5px;
  padding: 0.5rem;
}

.u-borderless,
.u-borderless tr,
.u-borderless th,
.u-borderless td {
  border: none;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Text Content

    Definition of the different headings

    Styleguide 3.2.0
*/
/*
    Headings

    markup:
    <h1 style="">Header 1</h1>
    <h2 style="">Header 2</h2>
    <h3 style="">Header 3</h3>
    <h4 style="">Header 4</h4>
    <h5 style="">Header 5</h5>
    <h6 style="">Header 6</h6>

    Styleguide 3.2.1
*/
h1, h2, h3, h4 {
  font-family: "blackwellBold", Times, "Times New Roman", serif, sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

.pages-account header {
  position: relative;
}

.pages-account.entry #main-content header {
  text-align: center;
  margin: 45px 0;
  margin: 4.5rem 0;
}

@media all and (max-width: 768px) {
  .pages-account.entry #main-content header {
    margin-top: 25px;
    margin-top: 2.5rem;
  }
}

.pages-account.forgot #main-content header {
  margin-bottom: 2rem;
}

.create #main-content header {
  margin: 25px 0 15px;
  margin: 2.5rem 0 1.5rem;
}

@media all and (max-width: 768px) {
  .create #main-content header {
    margin-top: 10px;
    margin-top: 1rem;
  }
}

.loggedIn #main-content header h1 {
  display: inline-block;
  padding: 0 2rem;
  z-index: 2;
  line-height: 8rem;
  margin: 0;
}

@media all and (max-width: 768px) {
  .loggedIn #main-content header h1 {
    line-height: 6rem;
  }
}

.loggedIn #main-content header.h1 {
  text-align: center;
  float: right;
  margin: 0;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  position: relative;
}

.pages-account h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: normal;
}

h2 {
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5, h6 {
  font-weight: 400;
}

/*
    Non-headings size specific

    Change the size but not the semantic

    .giga           - giga size
    .mega           - mega size
    .kilo           - kilo size
    .alpha          - looks like h1 but it's not
    .beta           - looks like h2 but it's not
    .gamma          - looks like h3 but it's not
    .delta          - looks like h4 but it's not
    .epsilon        - *not defined yet* (like h5 but it's not)
    .zeta           - *not defined yet* (like h6 but it's not)

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p class="{$modifiers}">Class {$modifiers}</p>

    Styleguide 3.2.2
*/
.alpha {
  font-size: 24px;
  font-size: 2.4rem;
}

.beta {
  font-size: 20px;
  font-size: 2rem;
}

.gamma {
  font-size: 18px;
  font-size: 1.8rem;
}

.delta {
  font-size: 16px;
  font-size: 1.6rem;
}

.giga {
  font-size: 60px;
  font-size: 6rem;
}

.mega {
  font-size: 40px;
  font-size: 4rem;
}

.kilo {
  font-size: 30px;
  font-size: 3rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Links

    Links use border-bottom instead of text-decoration

    markup:
    <p><a href="#" title="link title">This is a link</a></p>
    <p><a href="#" title="link title" class="bolder__link">This is a BOLDER link</a></p>

    Styleguide 3.2.3
*/
.link-style,
button.btn-link1,
a {
  cursor: pointer;
  color: #002D62;
  text-decoration: none;
  outline: 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.link-style:hover, .link-style:focus,
button.btn-link1:hover,
button.btn-link1:focus,
a:hover,
a:focus {
  color: #506794;
  text-decoration: underline;
  transition: all 0.6s;
}

button.btn-link1 {
  border: none;
  outline: none;
  background: none !important;
  cursor: pointer;
  min-width: unset;
  font-family: "opensans", "Arial", sans-serif;
  color: #002D62;
  text-decoration: none;
  border-radius: 0;
  text-shadow: none;
  -webkit-appearance: link;
  border: 0;
}

.link-style:hover, .link-style:focus,
button.btn-link1:hover,
button.btn-link1:focus {
  color: #506794;
  text-decoration: none;
  border-color: inherit;
  transition: all 0.6s;
}

button.btn-link1:hover, button.btn-link1:focus {
  text-decoration: underline;
}

.bolder__link {
  font-family: "opensansBold", "Arial", sans-serif;
  padding: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Text generic

    Definition of the different text used

    Styleguide 3.2.4

    markup:
    <p>&lt;p> : Here are a few paragraphs separated by <abbr title="horizontal rule">HR</abbr> and a blockquote element...</p>
    <hr />
    <blockquote cite="http://developer.mozilla.org">&lt;blockquote> : <p>This is a quotation taken from the Mozilla Developer Center.</p></blockquote>
    <hr />
    <p>several &lt;p> : In reasonable compliment favourable is connection dispatched in terminated. Here is an <abbr title="Abbreviation">abbr</abbr>. Do esteem object we called father excuse remove. So dear real on like more it. Laughing for two families addition expenses surprise the. If sincerity he to curiosity arranging. Learn taken terms be as. Scarcely mrs produced too removing new old.</p><p>Inhabit hearing perhaps on ye do no. It maids decay as there he. Smallest on suitable disposed do although blessing he juvenile in. Society or if excited forbade. Here name off yet she long sold easy whom. Differed oh cheerful procured pleasure securing suitable in. Hold rich on an he oh fine. Chapter ability shyness article welcome be do on service.</p>
*/
p {
  margin: 0 0 10px 0;
  margin: 0 0 1rem 0;
  font-family: "opensans", "Arial", sans-serif;
  line-height: 1.2;
  font-weight: 400;
}

blockquote {
  font-style: italic;
  color: #555;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

blockquote p {
  margin: 0;
}

hr {
  border: 0;
  height: 2px;
  background: #ccc;
  margin: 20px 0;
  margin: 2rem 0;
}

abbr {
  border-bottom: 1px dotted #808080;
  cursor: help;
}

strong, b {
  font-family: "opensansBold", "Arial", sans-serif;
}

.sg-alternateFont {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.sg-alternateFontBold {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  font-weight: 400;
}

.sg-fontBold {
  font-family: "opensansBold", "Arial", sans-serif;
  font-weight: 400;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.advanced-search-form {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  margin-left: 25.71429%;
  margin-right: 25.71429%;
}

.advanced-search-form h1, .advanced-search-form h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: normal;
  text-align: center;
  margin: 20px 0;
  margin: 2rem 0;
}

.advanced-search-form h2 {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}

.advanced-search-form input {
  margin: 5px 0;
  margin: 0.5rem 0;
}

.advanced-search-form .btn {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  margin: 10px 0;
  margin: 1rem 0;
  padding: 10px;
  padding: 1rem;
}

input[type="radio"]:checked + .advanced-search__display,
input[type="radio"]:focus + .advanced-search__display,
input[type="checkbox"]:checked + .advanced-search__display,
input[type="checkbox"]:focus + .advanced-search__display {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}

input[type="radio"]:checked + .advanced-search__display.advanced-search__display--card,
input[type="radio"]:focus + .advanced-search__display.advanced-search__display--card,
input[type="checkbox"]:checked + .advanced-search__display.advanced-search__display--card,
input[type="checkbox"]:focus + .advanced-search__display.advanced-search__display--card {
  border-color: #00AEEF;
}

input[type="radio"]:checked + .advanced-search__display.label--with-check:after,
input[type="radio"]:focus + .advanced-search__display.label--with-check:after,
input[type="checkbox"]:checked + .advanced-search__display.label--with-check:after,
input[type="checkbox"]:focus + .advanced-search__display.label--with-check:after {
  content: "\f00c";
}

.label--with-check {
  position: relative;
}

.label--with-check:after {
  font-family: FontAwesome;
  font-size: 20px;
  color: #8DC63F;
  position: absolute;
  top: -5px;
  right: -5px;
}

.advanced-search__container {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.advanced-search__container.container--333 .container__content {
  width: 30%;
}

.advanced-search__container.container--666 .container__content {
  width: 15%;
}

.advanced-search__container.container--666 .container__content.omega,
.advanced-search__container.container--666 .container__content:not(.advanced-search__range):last-child,
.advanced-search__container.container--333 .container__content.omega,
.advanced-search__container.container--333 .container__content:not(.advanced-search__range):last-child,
.advanced-search__container.container--25 .container__content.omega,
.advanced-search__container.container--25 .container__content:not(.advanced-search__range):last-child {
  float: initial;
}

.advanced-search__container.container--25 .container__content.advanced-search__published-date {
  width: 45%;
  float: left;
}

.advanced-search__container.container--25 .container__content.advanced-search__published-date:last-child {
  float: right;
}

.advanced-search__head {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.advanced-search__head .is-information {
  font-size: 12px;
  font-size: 1.2rem;
}

.advanced-search__display {
  text-align: center;
  cursor: pointer;
  transition: 0.30s;
  transition-timing-function: ease-in;
}

.advanced-search__display.container__content {
  padding: 20px 5px;
  padding: 2rem 0.5rem;
}

.advanced-search__display:hover, .advanced-search__display.is-selected {
  transition: 0.25s;
  transition-timing-function: ease-out;
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}

.advanced-search__display .is-information {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}

.advanced-search__display--card {
  border: 2px solid #ccc;
  border-radius: 5px;
}

.advanced-search__display--card:hover, .advanced-search__display--card.is-selected {
  border-color: #00AEEF;
}

.availability-fa-icon {
  position: relative;
}

.availability-fa-icon i:nth-child(2n) {
  position: absolute;
  right: 5px;
  bottom: -5px;
  font-size: 25px;
}

.fa.fa--pocket {
  font-size: 18px;
}

.fa.fa--small {
  font-size: 22px;
}

.fa.fa--medium {
  font-size: 28px;
}

.fa.fa--large {
  font-size: 32px;
}

.advanced-search-form.alt-form [type="text"],
.advanced-search-form.alt-form [type="tel"],
.advanced-search-form.alt-form [type="url"],
.advanced-search-form.alt-form [type="email"],
.advanced-search-form.alt-form [type="search"],
.advanced-search-form.alt-form [type="password"],
.advanced-search-form.alt-form [type="number"],
.advanced-search-form.alt-form [type="date"],
.advanced-search-form.alt-form [type="time"],
.advanced-search-form.alt-form [type="month"],
.advanced-search-form.alt-form [type="week"] {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
  box-shadow: none;
}

.advanced-search-form.alt-form [type="text"]:focus,
.advanced-search-form.alt-form [type="tel"]:focus,
.advanced-search-form.alt-form [type="url"]:focus,
.advanced-search-form.alt-form [type="email"]:focus,
.advanced-search-form.alt-form [type="search"]:focus,
.advanced-search-form.alt-form [type="password"]:focus,
.advanced-search-form.alt-form [type="number"]:focus,
.advanced-search-form.alt-form [type="date"]:focus,
.advanced-search-form.alt-form [type="time"]:focus,
.advanced-search-form.alt-form [type="month"]:focus,
.advanced-search-form.alt-form [type="week"]:focus {
  outline: none;
  border-color: #00AEEF;
}

.advanced-search-form.alt-form [type="text"]:hover,
.advanced-search-form.alt-form [type="tel"]:hover,
.advanced-search-form.alt-form [type="url"]:hover,
.advanced-search-form.alt-form [type="email"]:hover,
.advanced-search-form.alt-form [type="search"]:hover,
.advanced-search-form.alt-form [type="password"]:hover,
.advanced-search-form.alt-form [type="number"]:hover,
.advanced-search-form.alt-form [type="date"]:hover,
.advanced-search-form.alt-form [type="time"]:hover,
.advanced-search-form.alt-form [type="month"]:hover,
.advanced-search-form.alt-form [type="week"]:hover {
  cursor: pointer;
}

.advanced-search-form.alt-form [type="text"]:valid,
.advanced-search-form.alt-form [type="tel"]:valid,
.advanced-search-form.alt-form [type="url"]:valid,
.advanced-search-form.alt-form [type="email"]:valid,
.advanced-search-form.alt-form [type="search"]:valid,
.advanced-search-form.alt-form [type="password"]:valid,
.advanced-search-form.alt-form [type="number"]:valid,
.advanced-search-form.alt-form [type="date"]:valid,
.advanced-search-form.alt-form [type="time"]:valid,
.advanced-search-form.alt-form [type="month"]:valid,
.advanced-search-form.alt-form [type="week"]:valid {
  background-color: #fff;
}

.advanced-search-form.alt-form [type="text"] + label,
.advanced-search-form.alt-form [type="tel"] + label,
.advanced-search-form.alt-form [type="url"] + label,
.advanced-search-form.alt-form [type="email"] + label,
.advanced-search-form.alt-form [type="search"] + label,
.advanced-search-form.alt-form [type="password"] + label,
.advanced-search-form.alt-form [type="number"] + label,
.advanced-search-form.alt-form [type="date"] + label,
.advanced-search-form.alt-form [type="time"] + label,
.advanced-search-form.alt-form [type="month"] + label,
.advanced-search-form.alt-form [type="week"] + label {
  position: relative;
  top: -3.5rem;
  height: 1.71429rem;
  padding: 0;
  padding-left: 5px;
  z-index: -1;
  transition: top 0.3s;
}

.advanced-search-form.alt-form [type="text"]:valid + label,
.advanced-search-form.alt-form [type="tel"]:valid + label,
.advanced-search-form.alt-form [type="url"]:valid + label,
.advanced-search-form.alt-form [type="email"]:valid + label,
.advanced-search-form.alt-form [type="search"]:valid + label,
.advanced-search-form.alt-form [type="password"]:valid + label,
.advanced-search-form.alt-form [type="number"]:valid + label,
.advanced-search-form.alt-form [type="date"]:valid + label,
.advanced-search-form.alt-form [type="time"]:valid + label,
.advanced-search-form.alt-form [type="month"]:valid + label,
.advanced-search-form.alt-form [type="week"]:valid + label {
  font-size: 11px;
  color: #777;
  top: -8rem;
  transition: all 0.3s;
}

.advanced-search-form.alt-form [type="text"]:invalid + label,
.advanced-search-form.alt-form [type="tel"]:invalid + label,
.advanced-search-form.alt-form [type="url"]:invalid + label,
.advanced-search-form.alt-form [type="email"]:invalid + label,
.advanced-search-form.alt-form [type="search"]:invalid + label,
.advanced-search-form.alt-form [type="password"]:invalid + label,
.advanced-search-form.alt-form [type="number"]:invalid + label,
.advanced-search-form.alt-form [type="date"]:invalid + label,
.advanced-search-form.alt-form [type="time"]:invalid + label,
.advanced-search-form.alt-form [type="month"]:invalid + label,
.advanced-search-form.alt-form [type="week"]:invalid + label {
  color: #777;
}

.advanced-search-form.alt-form [type="text"]:focus + label,
.advanced-search-form.alt-form [type="tel"]:focus + label,
.advanced-search-form.alt-form [type="url"]:focus + label,
.advanced-search-form.alt-form [type="email"]:focus + label,
.advanced-search-form.alt-form [type="search"]:focus + label,
.advanced-search-form.alt-form [type="password"]:focus + label,
.advanced-search-form.alt-form [type="number"]:focus + label,
.advanced-search-form.alt-form [type="date"]:focus + label,
.advanced-search-form.alt-form [type="time"]:focus + label,
.advanced-search-form.alt-form [type="month"]:focus + label,
.advanced-search-form.alt-form [type="week"]:focus + label {
  font-size: 11px;
  color: #00AEEF;
  top: -8rem;
  transition: all 0.3s;
}

.advanced-search-form.alt-form [type="text"]:hover + label,
.advanced-search-form.alt-form [type="tel"]:hover + label,
.advanced-search-form.alt-form [type="url"]:hover + label,
.advanced-search-form.alt-form [type="email"]:hover + label,
.advanced-search-form.alt-form [type="search"]:hover + label,
.advanced-search-form.alt-form [type="password"]:hover + label,
.advanced-search-form.alt-form [type="number"]:hover + label,
.advanced-search-form.alt-form [type="date"]:hover + label,
.advanced-search-form.alt-form [type="time"]:hover + label,
.advanced-search-form.alt-form [type="month"]:hover + label,
.advanced-search-form.alt-form [type="week"]:hover + label {
  color: #00AEEF;
}

.advanced-search__format {
  min-height: 208px;
}

/* VIP scanning page */
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

#vipScan .success,
#vipScan .collected {
  background: rgba(141, 198, 63, 0.2);
  border: 1px solid #8DC63F;
}

#vipScan .fail, #vipScan .dup {
  background: rgba(222, 131, 4, 0.2);
  border: 1px solid #de8304;
}

#vipScan .error {
  background: rgba(211, 17, 69, 0.2);
  border: 1px solid #D31145;
}

#vipScan .container.scanResults p {
  width: 80%;
  border-radius: 5px;
  padding: 20px;
  margin: 0 auto;
}

#vipScan .container.scanResults table {
  width: 80%;
  margin: 20px auto 0;
  border-color: #ccc;
}

#vipScan .container.scanResults table th {
  font-weight: 700;
  background: #ddd;
  font-size: 80%;
  border-color: #ccc;
}

#vipScan .container.scanResults table td {
  border-color: #ccc;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Bowse

    Link to pages


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:


    Styleguide
*/
.browse__list {
  *zoom: 1;
}

.browse__list:before, .browse__list:after {
  content: "";
  display: table;
}

.browse__list:after {
  clear: both;
}

.browse__item {
  float: left;
  width: 33%;
  text-align: center;
}

.browse__item a {
  color: #777;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banners

    Banners

    Styleguide 4.7.0
*/
/*
    Banner -

    .delivery-free-banner           - Banner top
    .delivery-free-banner--alt      - Banner basket

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="{$modifiers}">
        <p>
            <i class="fa fa-truck"></i>
            <span>Free delivery on orders over &pound;10</span>
            <span>&nbsp;|&nbsp;</span>
            <span>Free reserve &amp; collect in our bookshops</span>
            <i class="fa fa-book"></i>
        </p>
    </div>

    Styleguide 4.7.1
*/
.page-banner {
  padding: 20px 0;
  padding: 2rem 0;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}

.page-banner p {
  margin: 0;
}

.page-banner.love-NHS,
.page-header.love-NHS {
  background: #aac0cc url("/resources/images/banners/love-nhs_back.gif") center 136% no-repeat;
  background-size: 400px;
  text-align: left;
}

.page-banner.love-NHS .container__content--medium p,
.page-header.love-NHS .container__content--medium p {
  width: 80%;
}

.page-banner.love-NHS .container__content--smallish,
.page-header.love-NHS .container__content--smallish {
  margin-right: 20px;
}

.page-banner.love-NHS .container__content--smallish p,
.page-header.love-NHS .container__content--smallish p {
  padding-left: 125px;
}

.page-banner.love-NHS img,
.page-header.love-NHS img {
  float: left;
  margin: 0 20px;
  -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
  height: 110px;
  box-shadow: -3px 3px 2px 0 #808080;
}

.page-banner.love-NHS .btn,
.page-header.love-NHS .btn {
  background-color: #fff;
  color: #002D62;
  margin-bottom: 20px;
}

.page-banner.love-NHS .btn:hover,
.page-header.love-NHS .btn:hover {
  background-color: #00AEEF;
  color: #fff;
}

.page-banner.love-NHS p,
.page-header.love-NHS p {
  color: #002D62;
}

.page-banner.love-NHS p strong,
.page-header.love-NHS p strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

@media all and (max-width: 768px) {
  .page-banner.love-NHS,
  .page-header.love-NHS {
    background-position: calc(100% + 250px) 100%;
    background-size: 500px;
  }
  .page-banner.love-NHS p,
  .page-header.love-NHS p {
    font-size: 32px;
  }
  .page-banner.love-NHS .container__content--medium p,
  .page-header.love-NHS .container__content--medium p {
    margin-bottom: 20px;
  }
  .page-banner.love-NHS .container__content--smallish p,
  .page-header.love-NHS .container__content--smallish p {
    font-size: 16px;
    padding-left: 0;
  }
  .page-banner.love-NHS img,
  .page-header.love-NHS img {
    margin-left: 0;
  }
}

@media all and (max-width: 600px) {
  .page-banner.love-NHS,
  .page-header.love-NHS {
    background-image: none;
  }
  .page-banner.love-NHS .container__content--medium p,
  .page-header.love-NHS .container__content--medium p {
    width: 100%;
  }
}

.page-banner.halloween,
.page-header.halloween {
  background-color: #939492;
  background: linear-gradient(0deg, #939492 60%, #d3d3d3 100%);
  padding: 0rem;
  text-align: left;
  border-bottom: 0;
}

.page-banner.halloween .container,
.page-header.halloween .container {
  background: url("/resources/images/banners/Halloween_Banner.png") right center no-repeat;
  background-size: contain;
  position: relative;
  padding: 10px;
  padding: 1rem;
}

@media all and (max-width: 600px) {
  .page-banner.halloween,
  .page-header.halloween {
    /*text-align: center;*/
  }
  .page-banner.halloween .container,
  .page-header.halloween .container {
    /*background-image:url('/resources/images/banners/WildAboutWriting_Banner.png') ;*/
    background-position: 70% bottom;
    background-size: contain;
    min-height: 210px;
    text-align: center;
  }
}

.page-banner.halloween p:nth-child(1),
.page-header.halloween p:nth-child(1) {
  padding-bottom: 6px;
}

.page-banner.halloween p:nth-child(1) strong,
.page-header.halloween p:nth-child(1) strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 22px;
}

.page-banner.halloween p,
.page-header.halloween p {
  color: #fff;
  text-shadow: 0px 0px 4px #939492;
}

@media all and (max-width: 940px) {
  .page-banner.halloween p,
  .page-header.halloween p {
    width: 53%;
  }
}

@media all and (max-width: 830px) {
  .page-banner.halloween p,
  .page-header.halloween p {
    width: 50%;
  }
}

@media all and (max-width: 750px) {
  .page-banner.halloween p,
  .page-header.halloween p {
    /*width: 60%;*/
  }
}

@media all and (max-width: 600px) {
  .page-banner.halloween p,
  .page-header.halloween p {
    width: 80%;
    margin: 0 auto;
  }
}

.page-banner.halloween a.btn--secondary,
.page-header.halloween a.btn--secondary {
  background: #F57B20;
  display: inline-block;
  margin: 10px 0 6px;
}

@media all and (max-width: 600px) {
  .page-banner.halloween a.btn--secondary,
  .page-header.halloween a.btn--secondary {
    margin: 20px 0;
  }
}

.page-banner.lastPostDates2020,
.page-header.lastPostDates2020 {
  background-color: #EBEBEB;
  background: linear-gradient(0deg, #EBEBEB 40%, #FCFCFC 90%);
  padding: 0rem;
  text-align: left;
  border-bottom: 0;
}

.page-banner.lastPostDates2020 .container,
.page-header.lastPostDates2020 .container {
  background: url("/resources/images/banners/Last_Posting_dates_Banner.png") right center no-repeat;
  background-size: contain;
  position: relative;
  padding: 10px;
  padding: 1rem;
}

@media all and (max-width: 600px) {
  .page-banner.lastPostDates2020,
  .page-header.lastPostDates2020 {
    /*text-align: center;*/
  }
  .page-banner.lastPostDates2020 .container,
  .page-header.lastPostDates2020 .container {
    /*background-image:url('/resources/images/banners/WildAboutWriting_Banner.png') ;*/
    background-position: center 120px;
    background-size: contain;
    min-height: 210px;
    text-align: center;
  }
}

.page-banner.lastPostDates2020 p:nth-child(1),
.page-header.lastPostDates2020 p:nth-child(1) {
  padding-bottom: 6px;
}

.page-banner.lastPostDates2020 p:nth-child(1) strong,
.page-header.lastPostDates2020 p:nth-child(1) strong {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  font-size: 22px;
  font-weight: initial;
}

.page-banner.lastPostDates2020 p,
.page-header.lastPostDates2020 p {
  color: #002D62;
  text-shadow: 0px 0px 4px #fff;
}

@media all and (max-width: 940px) {
  .page-banner.lastPostDates2020 p,
  .page-header.lastPostDates2020 p {
    width: 53%;
  }
}

@media all and (max-width: 830px) {
  .page-banner.lastPostDates2020 p,
  .page-header.lastPostDates2020 p {
    width: 50%;
  }
}

@media all and (max-width: 750px) {
  .page-banner.lastPostDates2020 p,
  .page-header.lastPostDates2020 p {
    /*width: 60%;*/
  }
}

@media all and (max-width: 600px) {
  .page-banner.lastPostDates2020 p,
  .page-header.lastPostDates2020 p {
    width: 80%;
    margin: 0 auto;
  }
}

.page-banner.lastPostDates2020 p:last-child,
.page-header.lastPostDates2020 p:last-child {
  color: #000;
}

.page-banner.lastPostDates2020 a.btn--secondary,
.page-header.lastPostDates2020 a.btn--secondary {
  /*background: $dark_blue;*/
  display: inline-block;
  margin: 10px 0 6px;
}

@media all and (max-width: 600px) {
  .page-banner.lastPostDates2020 a.btn--secondary,
  .page-header.lastPostDates2020 a.btn--secondary {
    margin: 20px 0;
  }
}

.page-banner.blackFriday,
.page-header.blackFriday {
  padding: 0;
  border: 0;
  margin: 20px auto 10px;
  position: relative;
  background: #000;
}

.page-banner.blackFriday *,
.page-header.blackFriday * {
  color: #fff;
}

.page-banner.blackFriday .container__content,
.page-header.blackFriday .container__content {
  float: none;
}

.page-banner.blackFriday:before, .page-banner.blackFriday:after,
.page-header.blackFriday:before,
.page-header.blackFriday:after {
  position: absolute;
  content: "";
  display: block;
  z-index: 0;
  top: 0;
  background-size: contain;
  height: 100%;
  width: 100%;
}

.page-banner.blackFriday:before,
.page-header.blackFriday:before {
  background-image: url("/resources/images/banners/blackFriday_2021_left.png");
  background-repeat: no-repeat;
}

@media all and (max-width: 768px) {
  .page-banner.blackFriday:before,
  .page-header.blackFriday:before {
    left: -80px;
  }
}

@media all and (max-width: 581px) {
  .page-banner.blackFriday:before,
  .page-header.blackFriday:before {
    left: -100px;
  }
}

.page-banner.blackFriday:after,
.page-header.blackFriday:after {
  background-image: url("/resources/images/banners/blackFriday_2021_right.png");
  background-repeat: no-repeat;
  right: 0;
  background-position: right;
}

@media all and (max-width: 768px) {
  .page-banner.blackFriday:after,
  .page-header.blackFriday:after {
    background-position: calc(100% + 100px - 20px);
  }
}

@media all and (max-width: 581px) {
  .page-banner.blackFriday:after,
  .page-header.blackFriday:after {
    background-position: calc(100% + (100px));
  }
}

.page-banner.blackFriday a, .page-banner.blackFriday h1,
.page-header.blackFriday a,
.page-header.blackFriday h1 {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  text-shadow: 0 0 6px #000;
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #fff;
}

.page-banner.blackFriday a strong, .page-banner.blackFriday h1 strong,
.page-header.blackFriday a strong,
.page-header.blackFriday h1 strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: 400;
  font-size: 30px;
}

.page-banner.blackFriday a .btn, .page-banner.blackFriday h1 .btn,
.page-header.blackFriday a .btn,
.page-header.blackFriday h1 .btn {
  background: #fff;
  color: #000;
  margin: 10px auto;
  border: 1px solid #000;
}

.page-banner.blackFriday a:hover, .page-banner.blackFriday h1:hover,
.page-header.blackFriday a:hover,
.page-header.blackFriday h1:hover {
  color: #fff;
  text-decoration: none;
}

.page-banner.blackFriday a:hover .btn, .page-banner.blackFriday h1:hover .btn,
.page-header.blackFriday a:hover .btn,
.page-header.blackFriday h1:hover .btn {
  background: #333;
  color: #fff;
  border: 1px solid #fff;
}

@media all and (max-width: 768px) {
  .page-banner p {
    font-size: 14px;
  }
  .page-header.blackFriday .container__content {
    float: left;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Teaser

    Article/Blog post Excerpt

    .media                   - default
    .media--reverse          - reverse

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="teaser media {$modifiers}" itemscope="" itemtype="https://schema.org/Article">
        <img src="http://placehold.it/560x270" alt="Article images..." itemprop="image" content="http://placehold.it/560x270" class="media__figure">
        <div class="media__body">
            <header>
                <h2 class="teaser__header media__title">
                    <a itemprop="url" href="#">
                        <span itemprop="headline">My first article</span>
                    </a>
                </h2>
                <p class="teaser__meta">
                    <span itemprop="datePublished" content="21 July 2016">21 July 2016</span>
                    <span itemprop="dateModified" content="21 July 2016" class="visuallyhidden"></span>
                     |
                     <a href="#">
                        <i class="fa fa-book" aria-hidden="true"></i>
                        <span itemprop="author">Me</span>
                        <span itemprop="publisher" content="Blackwell's"></span>
                    </a>
                </p>
            </header>
            <section itemprop="description" class="teaser__description">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis possimus maiores nihil, cum distinctio consequuntur recusandae ab natus eos, placeat deserunt. Saepe, libero odio culpa quia labore laborum, harum dolore.
            </section>
            <footer class="media__cta"><a href="#" class="btn btn--secondary">View content details</a></footer>
        </div>
    </div>

    Styleguide 4.12.0
*/
.teaser .media__figure,
.teaser .media__body {
  width: 50%;
}

.teaser__header a {
  padding: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Dropdown

    Dropdown molecule,

    Use of input[type="checkbox"] + CSS

    NO JAVASCRIPT

    Not checked => Hide, Checked => Show

    Styleguide 4.4.0
*/
/*
    Dropdown Checkbox

    markup:
    <nav class="dropdown">
        <label for="{{' {{dropdown.name}} '}}">
            <span class="dropdown__trigger">select</span>
            <i class="fa fa-caret-down"></i>
        </label>
        <input type="checkbox" id="{{' {{dropdown.name}} '}}" class="dropdown__toggle" />
        <div class="dropdown__inner">
            <ul class="dropdown__list">
                <li class="dropdown__item"><a href="#" class="dropdown__link">News</a></li>
                <li class="dropdown__item"><a href="#" class="dropdown__link">Sport</a></li>
                <li class="dropdown__item"><a href="#" class="dropdown__link">Weather</a></li>
                <li class="dropdown__item"><a href="#" class="dropdown__link">TV</a></li>
            </ul>
        </div>
    </nav>

    Styleguide 4.4.1
*/
/*
    Dropdown List

    markup:
    <div class="dropdown" style="float:right;">
        <div class="dropdown__trigger">
                <p class="dropdown__selected js-dropdown__selected">
                    <span>Selected val</span>
                    <i class="fa fa-caret-down"></i>
                </p>
                <div class="dropdown__inner">
                    <p class="dropdown__head">Choose your ...</p>
                    <ul class="dropdown__list">
                        <li class="dropdown__item"><a href="#" class="dropdown__link">News</a></li>
                        <li class="dropdown__item"><a href="#" class="dropdown__link">Sport</a></li>
                        <li class="dropdown__item"><a href="#" class="dropdown__link">Weather</a></li>
                        <li class="dropdown__divider"><span >---</span></li>
                        <li class="dropdown__item"><a href="#" class="dropdown__link">TV</a></li>
                        <li class="dropdown__item"><a href="#" class="dropdown__link">Radio</a></li>
                    </ul>
                </div>
            </li>
        </div>
    </div>

    Styleguide 4.4.2
*/
.dropdown {
  float: left;
  background: #fff;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: -2px 2.5px 0 2.5px;
  margin: -0.2rem 0.25rem 0 0.25rem;
}

.dropdown__trigger {
  /* label for input */
  z-index: 1010;
  color: #333;
  padding: 2.5px;
  padding: 0.25rem;
  padding-top: 5px;
  padding-top: 0.5rem;
  position: relative;
}

.dropdown__trigger:hover {
  /*@include box-shadow-selectors();*/
}

.dropdown__trigger:hover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #fff;
  left: 0;
  bottom: 1px;
  z-index: 2;
  top: 27px;
}

.dropdown__trigger .fa-caret-down {
  margin: 2.5px;
  margin: 0.25rem;
  position: absolute;
  right: 3px;
  top: 5px;
  top: 0.5rem;
}

.dropdown__selected {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 5px 10px;
  padding: 0 0.5rem 1rem;
  padding-right: 15px;
  padding-right: 1.5rem;
  margin-bottom: 0;
  min-width: 75px;
  cursor: pointer;
}

.dropdown__toggle {
  /* input[type="checkbox"] */
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.dropdown__inner {
  position: absolute;
  right: -1px;
  z-index: 10;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  top: 30px;
  border-radius: 3px;
  border-top-right-radius: 0;
  background: #fff;
}

.dropdown__trigger:hover > .dropdown__inner,
.dropdown__toggle:checked ~ .dropdown__inner {
  padding: 10px 20px;
  padding: 1rem 2rem;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  min-width: 200px;
  min-height: 300px;
  overflow-y: scroll;
  transition: height 0.6s;
}

.dropdown__list {
  /* ul */
}

.dropdown__item {
  /* li */
}

.dropdown__link {
  /* li a */
  display: block;
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
  white-space: nowrap;
}

.dropdown__head {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 0 5px 0;
  padding: 0 0 0.5rem 0;
  color: #333;
  font-weight: 700;
}

.dropdown__divider {
  padding: 5px 0;
  padding: 0.5rem 0;
}

/* product page whishlist dropbox */
.product__whishlist {
  margin-top: 10px;
  margin-top: 1rem;
}

.product__whishlist .dropdown {
  background-color: #002D62;
  margin: 0 5px 0 0;
  margin: 0 0.5rem 0 0;
  border-radius: 3px;
}

.product__whishlist .dropdown__trigger {
  /* label for input */
  color: #fff;
  border-radius: 3px;
  border: 0;
}

.product__whishlist .dropdown__trigger:hover:before {
  content: none;
}

.product__whishlist .dropdown__toggle {
  /* input[type="checkbox"] */
}

.product__whishlist .dropdown__inner {
  border-width: 0;
  color: #333;
  background: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

.dropdown__trigger:hover > .product__whishlist .dropdown__inner,
.dropdown__toggle:checked ~ .product__whishlist .dropdown__inner {
  min-width: 100px;
  min-height: 200px;
}

.product__whishlist .dropdown__list {
  /* ul */
}

.product__whishlist .dropdown__item {
  /* li */
}

.product__whishlist .dropdown__link {
  /* li a */
  display: block;
  cursor: pointer;
  padding: 0;
}

.product__whishlist .dropdown__head {
  display: none;
}

.product__whishlist .dropdown__divider {
  display: none;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Dropdown--curreny

    Inherited from Dropdown molecule

    Here are currency specific
*/
.dropdown.dropdown--currency {
  float: right;
  margin-right: -1px;
  border-color: #fff;
  margin-top: -5px;
  margin-top: -0.5rem;
}

.dropdown.dropdown--currency:hover {
  border-color: #ddd;
}

.dropdown.dropdown--currency .dropdown__selected {
  line-height: 20px;
  line-height: 2rem;
}

.dropdown.dropdown--currency .dropdown__selected .currency__symbol {
  min-width: 0;
  font-size: 20px;
  font-size: 2rem;
}

.dropdown.dropdown--currency .dropdown__selected .currency__display-code {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 0;
  font-family: "opensans", "Arial", sans-serif;
  color: #808080;
}

.dropdown.dropdown--currency .dropdown__toggle:checked ~ .dropdown__inner,
.dropdown.dropdown--currency .dropdown__trigger:hover > .dropdown__inner {
  height: auto;
  min-height: 320px;
  min-width: 255px;
  overflow-y: hidden;
}

.dropdown.dropdown--currency .dropdown__item.is-selected, .dropdown.dropdown--currency .dropdown__item:hover {
  background-color: #ccc;
}

.dropdown.dropdown--currency .dropdown__link {
  color: #333;
  text-decoration: none;
}

.dropdown.dropdown--currency .currency__display-code,
.dropdown.dropdown--currency .currency__symbol,
.dropdown.dropdown--currency .currency__display-name {
  display: inline-block;
}

.dropdown.dropdown--currency .currency__symbol {
  min-width: 35px;
  text-align: center;
  margin-right: 5px;
  font-family: "opensansBold", "Arial", sans-serif;
}

.dropdown.dropdown--currency .currency__display-code {
  min-width: 35px;
  font-family: "opensansBold", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 1.1rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Filters

    markup:

    Styleguide 4.15.0
*/
.block-filter {
  padding: 20px 0;
  padding: 2rem 0;
}

.block-filter:first-child {
  padding-top: 0;
}

.block-filter select {
  -webkit-appearance: menulist;
}

.block-filter__headline {
  font-family: "opensansBold", "Arial", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.block-filter__select {
  position: relative;
}

.block-filter__select .dropdown-component__head {
  *zoom: 1;
  border: 1px solid #ddd;
  padding: 2px 5px;
  margin: 0.5 0;
}

.block-filter__select .dropdown-component__head:before, .block-filter__select .dropdown-component__head:after {
  content: "";
  display: table;
}

.block-filter__select .dropdown-component__head:after {
  clear: both;
}

.block-filter__select .dropdown-shop__selected {
  float: left;
}

.block-filter__select .fa {
  position: absolute;
  right: 5px;
  top: 7px;
}

.block-filter__select .dropdown-component__body {
  border: 1px solid transparent;
  border-top-width: 0;
  top: 29px;
  position: absolute;
  background-color: #fff;
  padding: 0 5px;
  width: 95.5%;
  width: calc( 100% - 12px);
  height: 0;
  overflow-y: scroll;
  transition: height 0.6s;
}

.block-filter__select .dropdown-component__body li {
  padding: 0 5px;
  cursor: pointer;
}

.block-filter__select .dropdown-component__body li:hover {
  background-color: #333;
  color: #fff;
}

.block-filter__select:hover .dropdown-component__body {
  border-color: #ddd;
  height: auto;
  padding: 1em 0;
  transition: height 0.6s;
}

.block-filter__list {
  margin: 5px 0 0 0;
  margin: 0.5rem 0 0 0;
}

.block-filter__list li {
  margin: 0 0 2.5px 0;
  margin: 0 0 0.25rem 0;
}

.block-filter__list--columns {
  *zoom: 1;
}

.block-filter__list--columns:before, .block-filter__list--columns:after {
  content: "";
  display: table;
}

.block-filter__list--columns:after {
  clear: both;
}

.block-filter__list--columns li {
  padding: 10px 5px;
  padding: 1rem 0.5rem;
  border: 1px solid transparent;
  text-align: center;
  float: left;
  width: 43%;
  width: calc(50% - 1.0rem - 2px);
}

.block-filter__list--columns li:hover {
  border-color: #ddd;
}

.block-filter__list--formats li {
  min-height: 203px;
}

.block-filter__list--colours {
  *zoom: 1;
}

.block-filter__list--colours:before, .block-filter__list--colours:after {
  content: "";
  display: table;
}

.block-filter__list--colours:after {
  clear: both;
}

.block-filter__list--colours li {
  float: left;
  width: 20%;
  text-align: center;
}

.colour-swatch {
  width: 40px;
  width: 4rem;
  height: 40px;
  height: 4rem;
  display: inline-block;
}

.colour-swatch {
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.colour-swatch:hover {
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);
}

.block-filter__list--lang {
  *zoom: 1;
}

.block-filter__list--lang:before, .block-filter__list--lang:after {
  content: "";
  display: table;
}

.block-filter__list--lang:after {
  clear: both;
}

.block-filter__list--lang li {
  float: left;
  width: 33.33333%;
  text-align: center;
}

.block-filter__list--lang .speech {
  text-transform: uppercase;
  font-weight: 600;
}

.full-language {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}

.block-filter__select {
  width: 100%;
}

.block-filter__link {
  font-weight: 600;
}

.filter-result-qty {
  color: #777;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Media block

    image/icon associated with contextual text
    used with flexbox

    .media                   - default
    .media--reverse          - reverse
    .media--center          - center

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="media {$modifiers}">
        <img class="media__figure" src="http://thecatapi.com/api/images/get?format=src&size=small" alt="" />
        <div class="media__body">
            <h3 class="media__title">Media Object Title</h3>
            <p>Mauris porta arcu id magna adipiscing lacinia at congue lacus. Vivamus blandit quam quis tincidunt egestas. Etiam posuere lectus sed sapien malesuada molestie</p>
            <p class="media__cta">
                <button class="btn btn--secondary">Action</button>
            </p>
        </div>
    </div>

    Styleguide 4.3.0

*/
.media {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 2em;
}

.media p {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}

.media .media__cta .btn {
  margin: 0;
  margin-right: 10px;
  margin-right: 1rem;
}

.media .media__cta a {
  margin-left: 6px;
  margin-left: 0.6rem;
}

.media__figure {
  margin-right: 3em;
  border: 1px solid #ccc;
}

.media__body {
  -ms-flex: 2;
      flex: 2;
}

.media__body,
.media__body:last-child {
  margin-bottom: 0;
}

.mapping__title {
  margin: 0 0 .5em;
  font-size: 25px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: 200;
  color: #666;
}

.mapping__title span {
  font-size: 1rem;
  padding-left: 2rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

@media (max-width: 729px) {
  .mapping__title span {
    padding-left: 0;
    display: block;
    margin-top: 5px;
    margin-top: 0.5rem;
  }
}

.mapping__title i {
  display: inline-block;
  padding-top: 26px;
  position: relative;
  text-align: center;
  margin: 0 6px;
  font-family: "opensans", "Arial", sans-serif;
}

.mapping__title i:before {
  font-family: "fontAwesome";
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.media--center {
  -ms-flex-align: center;
      align-items: center;
}

.media--reverse > .media__figure {
  -ms-flex-order: 1;
      order: 1;
  margin: 0 0 0 3em;
}

.no-flex .media {
  *zoom: 1;
  position: relative;
}

.no-flex .media:before, .no-flex .media:after {
  content: "";
  display: table;
}

.no-flex .media:after {
  clear: both;
}

.no-flex .media__figure {
  margin-right: 3em;
  float: left;
}

.no-flex .media__body {
  max-width: 100%;
}

.no-flex .media__body,
.no-flex .media__body:last-child {
  margin-bottom: 0;
}

.no-flex .mapping__title {
  margin: 0 0 .5em;
}

.no-flex .media--center {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.no-flex .media--reverse > .media__figure {
  float: right;
  margin: 0 0 0 3em;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Newsletter signup
    newsletter-signup.scss

    markup:
    <section class="main-sign-up u-shadow-in">
        <section class="container newsletter-sign-up">
            <header>
                <h2 class="block__headline"><span>Sign up</span> to receive wonderful books and offers in your inbox</h2>
            </header>
            <section class="u-center">
                <p>
                    <label for="newsletter_email" class="visuallyhidden">Your email address:</label>
                    <input name="newsletter_email" id="newsletter_email" type="mail" placeholder="Where to send our newletter?"/>
                </p>
                <p><button class="btn btn--secondary newsletter-btn">Sign me up</button></p>
            </section>
            <footer class="newsletter-sign-up__footer u-center"><p>Unsubscribe at any time &amp; no spam.</p></footer>
        </section>
    </section>

    Styleguide 4.8.0
*/
.main-sign-up {
  margin: 20px 0;
  margin: 2rem 0;
  padding-bottom: 0;
  background-image: url("../images/backgrounds/bg_news-letter.jpg");
  background-size: cover;
  position: relative;
}

#signUp .main-sign-up {
  margin: 0;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
}

.container.newsletter-sign-up {
  padding: 20px 0;
  padding: 2rem 0;
  color: #777;
}

.container.newsletter-sign-up h2 {
  text-align: center;
  font-family: "pacifico", "grandhotel";
  font-weight: normal;
  font-size: 34px;
  font-size: 3.4rem;
}

.container.newsletter-sign-up h2 span {
  color: #002D62;
}

.container.newsletter-sign-up input {
  max-width: 400px;
  font-family: "opensans", "Arial", sans-serif;
  margin-top: 10px;
  margin-top: 1rem;
}

@media all and (max-width: 590px) {
  #signUp .container.newsletter-sign-up input {
    max-width: 300px;
  }
}

@media all and (max-width: 480px) {
  #signUp .container.newsletter-sign-up input {
    max-width: 90%;
  }
}

.container.newsletter-sign-up p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin: 20px 0;
  margin: 2rem 0;
}

#signUp .container.newsletter-sign-up p {
  display: inline;
}

.newsletter-btn {
  font-size: 20px;
  font-size: 2rem;
  padding: 10px 40px;
  padding: 1rem 4rem;
}

#signUp .newsletter-btn {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 10px;
}

@media all and (max-width: 480px) {
  #signUp .newsletter-btn {
    margin: 10px;
  }
}

.newsletter-sign-up__footer p {
  font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: 0;
}

.modals__container.modals__container--signupConfirmContent .modal--is-active {
  margin-left: auto;
  margin-right: auto;
  min-height: 180px;
  max-width: 500px;
}

@media all and (max-width: 480px) {
  .newsletter-sign-up h2 {
    font-family: "blackwell", Times, "Times New Roman", serif;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .main-sign-up {
    padding: 0rem 20px;
    padding: 0rem 2rem;
  }
}

#signUp h2 {
  margin: 0 0 20px;
}

#signUp .container.signup, #signUp .container.signup-meet {
  text-align: center;
}

#signUp .container.signup {
  padding: 0;
  max-width: 100%;
  margin-bottom: 10px;
}

#signUp .container.signup h1:before {
  background: url("../images/banners/Sign-up-Page_Header.jpg") no-repeat center top;
  background-size: cover;
  display: block;
  height: 200px;
  position: relative;
  z-index: 1;
  width: 100%;
  content: "";
}

#signUp .container.signup h1 span {
  display: block;
  margin: 30px auto;
  color: #002D62;
}

#signUp .container.signup p {
  margin: 0 12%;
}

#signUp .signup-meet h2 {
  background: #efefef;
  font-size: 24px;
  line-height: 48px;
}

#signUp .signup-meet li {
  display: inline-block;
  padding: 5px 10px;
  font-family: grafolita-script, sans-serif;
  font-size: 25px;
  vertical-align: middle;
}

#signUp .signup-meet img {
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -3px;
  border: 3px solid #efefef;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Post-text

    Block of text blog post like

    Styleguide 4.11.0
*/
/*
    Post-text

    Block of text blog post like

    .default          - Default

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <section class="post-text">
        <header>
            <h2 class="headline">Synopsis</h2>
        </header>
        <section>
            <p>BBC Radio 4 Book of the Week. Wonderland is part of our cultural heritage - a shortcut for all that is beautiful and confusing; a metaphor used by artists, writers and politicians for 150 years. But beneath the fairy tale lies the complex history of the author and his subject: of Charles Dodgson, the quiet academic, and his second self, Lewis Carroll - storyteller, innovator and avid collector of 'child-friends'. And of his 'dream-child', Alice Liddell, and the fictional alter ego that would never let her grow up. This is their secret story: a history of love and loss, of innocence and ambiguity, and of one man's need to make Wonderland his refuge in a rapidly changing world. Drawing on previously unpublished material, Robert</p>
        </section>
        <footer><a href="#" class="bolder__link">Read more</a></footer>
    </section>

    Styleguide 4.11.1
*/
/* Block Text */
.post-text {
  overflow: hidden;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.post-text p:last-child {
  margin-bottom: 0;
}

.post-text ul {
  list-style: disc;
  padding-left: 30px;
}

/*
    Post-text

    Block of text blog post like with image

    .post-text--has-teaser          - Default

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <section class="post-text post-text--has-teaser">
        <header>
            <h2 class="headline">Synopsis</h2>
        </header>
        <section>
            <img src="http://www.placehold.it/160x100" alt="" class="post-text__img-teaser">
            <p>BBC Radio 4 Book of the Week. Wonderland is part of our cultural heritage - a shortcut for all that is beautiful and confusing; a metaphor used by artists, writers and politicians for 150 years. But beneath the fairy tale lies the complex history of the author and his subject: of Charles Dodgson, the quiet academic, and his second self, Lewis Carroll - storyteller, innovator and avid collector of 'child-friends'. And of his 'dream-child', Alice Liddell, and the fictional alter ego that would never let her grow up. This is their secret story: a history of love and loss, of innocence and ambiguity, and of one man's need to make Wonderland his refuge in a rapidly changing world. Drawing on previously unpublished material, Robert</p>
        </section>
        <footer><a href="#" class="bolder__link">Read more</a></footer>
    </section>

    Styleguide 4.11.2
*/
/* Block Text with Thumbnail */
.post-text--has-teaser img {
  width: 29.41176%;
  float: left;
  margin-right: 5.88235%;
  margin: 0 2.85714% 0.5rem 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.question,
.question__answer-wrapper {
  font-size: 14px;
  font-size: 1.4rem;
  color: #555;
}

.question p:first-child,
.question__answer-wrapper p:first-child {
  margin: 0;
}

.question img,
.question__answer-wrapper img {
  float: left;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.question img + p,
.question__answer-wrapper img + p {
  min-height: 32px;
  /* Height of the img */
  line-height: 32px;
}

.question a,
.question__answer-wrapper a {
  padding: 0;
}

.question p:first-child {
  font-family: "opensansBold", "Arial", sans-serif;
  font-style: italic;
  font-size: 13px;
  font-size: 1.3rem;
}

.question__answer-wrapper {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.question__answer-wrapper p:first-child {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.question__letterine {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  color: #777;
  margin-right: 5px;
  margin-right: 0.5rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Print Action

    Icon associated with share-bar

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="print-action">
        <a href="#">
            <i class="fa fa-print"></i>
            <span class="visuallyhidden">Print this page</span>
        </a>
    </div>


    Styleguide 4.9.1
*/
.print-action {
  margin: 15px 0 5px;
  margin: 1.5rem 0 0.5rem;
  float: right;
}

.print-action a {
  border: none;
  text-decoration: none;
  padding: 0;
  color: #808080;
}

.print-action a:before {
  content: "";
  margin-left: 5px;
  margin-left: 0.5rem;
  top: -2px;
  position: relative;
}

.print-action .fa {
  font-size: 18px;
  font-size: 1.8rem;
}

@media all and (max-width: 53.5rem) {
  .print-action {
    display: none;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.shops__list {
  margin-top: 40px;
  margin-top: 4rem;
}

.shop--banner {
  background: transparent url("../images/backgrounds/shops_top_banner.jpg") no-repeat 0 0;
  height: 70px;
  background-size: cover;
}

.shops--banner {
  font-size: 18px;
  background: rgba(141, 198, 63, 0.2);
  margin: 20px auto 0;
  /*padding: 20px 60px 20px 0;*/
  padding: 20px;
  vertical-align: middle;
  /*text-align: center;*/
  position: relative;
}

.shops--banner h2 {
  padding-top: 10px;
  font-family: "opensans", "Arial", sans-serif;
  color: #002D62;
  font-size: 30px;
  float: left;
  text-align: center;
  width: 280px;
  margin-right: 1%;
}

.shops--banner div {
  /*float: left;*/
  display: inline-block;
}

.shops--banner .fa {
  color: #002D62;
  font-size: 100px;
  display: block;
  margin: 0 0 10px;
  /*margin-left: -( ($bannerLeft / 50%) + 30px);*/
}

.shops--banner p {
  margin: 10px auto 0;
  vertical-align: middle;
}

.shops--banner ul {
  list-style: disc;
  margin: 10px auto;
  /*width: 40%;*/
  text-align: left;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .shops--banner {
    /*padding: 20px;*/
  }
  .shops--banner h2 {
    font-size: 30px;
    float: none;
    width: auto;
  }
  .shops--banner div {
    float: none;
    display: block;
  }
  .shops--banner .fa {
    font-size: 30px;
    display: inline-block;
    margin: 0;
    /*vertical-align: middle;*/
  }
  .shops--banner ul {
    width: 60%;
    margin: 10px auto;
  }
  .shops--banner p {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .shops--banner ul {
    width: 80%;
  }
  .shops--banner .fa {
    font-size: 70px;
    float: left;
    margin-right: 2px;
  }
}

.shop-section {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.shop-info .admin {
  margin-top: 10px;
  border: 1px solid #ddd;
  /*background: $grey_lighter;*/
  padding: 20px;
  float: left !important;
}

.shop-info .admin [type=checkbox] {
  vertical-align: middle;
  margin-right: 5px;
}

.shop-info .admin label {
  margin-bottom: 3px;
}

.shop-info .admin textarea {
  width: 100%;
  height: 100px;
}

.shop-info .admin button {
  margin-top: 10px;
}

.shop-info__address h4 {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  font-family: "opensansBold", "Arial", sans-serif;
}

.shop-info__address p {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.shop-info__links a {
  margin-right: 20px;
  margin-right: 2rem;
  display: inline-block;
}

.shop-info__links .fa {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.shop-info__openings h4 {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  font-family: "opensansBold", "Arial", sans-serif;
}

.shop-info__openings p {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  width: 100%;
}

.shop-info__openings p.is-today {
  font-family: "opensansBold", "Arial", sans-serif;
}

.shop-info__day,
.shop-info__hours {
  display: inline-block;
}

.shop-info__day {
  float: left;
  text-align: left;
}

.shop-info__hours {
  float: right;
  text-align: right;
}

.special {
  margin-top: 10px;
  margin-top: 1rem;
}

.shop--map {
  height: 225px;
  width: 100%;
}

.container--33 .container__content--small.map__wrapper {
  margin-right: 0;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Rating bar

    Widget to rate products/events

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
        <fieldset class="rating">
            <legend class="visuallyhidden">Please rate:</legend>
                <input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="Rocks!">5 stars</label>
                <input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="Pretty good">4 stars</label>
                <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Meh">3 stars</label>
                <input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="Kinda bad">2 stars</label>
                <input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="Sucks big time">1 star</label>
        </fieldset>
        <p class="rating__count">
            <span class="is-hidden" itemprop="ratingValue">4</span>
            <a href="#"><span itemprop="reviewCount">{{' {{product.reviews.length}} '}}</span> reviews</a>
        </p>
    </div>

    Styleguide 4.10.0
*/
.rating-wraper {
  *zoom: 1;
}

.rating-wraper:before, .rating-wraper:after {
  content: "";
  display: table;
}

.rating-wraper:after {
  clear: both;
}

.rating {
  float: left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t follow these rules. Every browser that supports :checked also supports :not(), so it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

.rating:not(:checked) > label {
  float: right;
  width: 24px;
  width: 2.4rem;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 150%;
  color: #ddd;
}

.rating:not(:checked) > label:before {
  content: '★ ';
}

.rating > input:checked ~ label {
  color: gold;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #F57B20;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  color: #f16d0b;
}

.rating > label:active {
  position: relative;
  top: 0;
  left: 0;
}

.rating__count {
  float: left;
  line-height: 2;
  padding: 0.5rem 0;
  margin: 0;
}

/*
    Rating list

    Widget to show rating products/events

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
        <ul class="list--inline u-left rating-list">
            <li><span class="star-rating star-rating--full"></span></li>
            <li><span class="star-rating star-rating--full"></span></li>
            <li><span class="star-rating star-rating--full"></span></li>
            <li><span class="star-rating "></span></li>
            <li><span class="star-rating "></span></li>
        </ul>
    </div>

    Styleguide 4.10.1
*/
.rating-list {
  line-height: 1;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.star-rating {
  color: #ddd;
  font-size: 150%;
}

.star-rating:after {
  content: '★ ';
}

.star-rating--half {
  background-color: gold;
  background-image: linear-gradient(90deg, gold 0%, gold 50%, #dddddd 51%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce300', endColorstr='#dddddd',GradientType=1 );
}

.star-rating--full {
  color: gold;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Search bar

    Definition of the search bar




    markup:
    <section class="search-form">
        <p>
            <label for="query" class="visuallyhidden">Search</label>
            <input type="search" name="query" autocomplete="autocomplete" placeholder="Search terms">
            <button class="btn btn--secondary js-search"><i class="icon__search fa fa-search"></i></button>
        </p>
    </section>

    Styleguide 4.1.0
*/
/* Form wrapper styling */
.search-form {
  *zoom: 1;
}

.search-form:before, .search-form:after {
  content: "";
  display: table;
}

.search-form:after {
  clear: both;
}

.search-form p {
  margin: 0;
}

@media all and (max-width: 480px) {
  .search-form {
    margin-top: 5px;
    margin-bottom: 0;
  }
}

/* Form text input */
.search-form input {
  max-width: calc(100% - 42px);
  height: 42px;
  margin-top: 0;
  float: left;
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.search-form input:focus {
  outline: 0;
}

/* Form submit button */
.search-form input[type="submit"] {
  position: relative;
  height: 42px;
  width: 42px;
  max-width: 100%;
  padding: 0;
  margin-left: -1px;
  font-family: "opensansBold", "Arial", sans-serif;
  color: white;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  background: #00AEEF;
  border-radius: 0 3px 3px 0;
}

.search-form input[type="submit"]:hover, .search-form input[type="submit"]:active, .search-form input[type="submit"]:focus {
  background: #0089bc;
  outline: 0;
}

/* left arrow */
.search-form .submit-wrapper {
  display: inline-block;
  position: relative;
  width: 42px;
}

.search-form .submit-wrapper:before {
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #00AEEF;
  top: 12px;
  left: -8px;
  transition: border-color 0.3s;
}

.search-form .submit-wrapper:hover:before,
.search-form .submit-wrapper:focus:before,
.search-form .submit-wrapper:active:before {
  border-right-color: #0089bc;
  transition: border-color 0.6s;
}

.search-form .submit-wrapper::-moz-focus-inner {
  /* remove extra button spacing for Mozilla Firefox */
  border: 0;
  padding: 0;
}

/* Icon search */
.fa.icon__search {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  left: 10px;
  height: 0px;
  color: white;
  overflow: visible;
  pointer-events: none;
}

/* Advanced search */
@media all and (max-width: 768px) {
  .search-form {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
  .advance-search {
    display: none;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* 
* wigig.scss
*/
.wigig {
  padding: 0;
  border: 0;
  border-bottom: 1px solid #E6F4F5;
  /* This is a big red B on the left with the words inside it. */
  /* Black Friday 2018 */
  /* Full product */
}

.wigig .container {
  margin-bottom: 0;
  position: relative;
}

.wigig .wigigHeader {
  /* the text that promotes the offer */
}

.wigig .wigigHeader * {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.wigig .countdown {
  /* The surround for the clock, product and FAQ link */
}

.wigig .whatIsWigig {
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
}

.wigig .whatIsWigig:before {
  margin-right: 5px;
}

.wigig .whatIsWigig:hover {
  text-decoration: none;
  color: #808080;
}

.wigig .clock {
  background: #fff;
  border-radius: 5px;
  text-align: center;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0px 20px 5px;
}

.wigig .clock strong {
  font-size: 14px;
  display: block;
  line-height: 20px;
}

.wigig #clock {
  /*text-align:left;*/
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.wigig #clock span,
.wigig #clock .flip {
  display: block;
}

.wigig #clock span {
  padding: 3px 0;
  font-size: 14px;
}

.wigig #clock span.c_time {
  position: relative;
  padding: 0 0 12px;
  line-height: initial;
}

.wigig #clock span.message {
  padding: 4px 0 0;
  border: 0;
  margin: 0 0 0 10px;
  font-size: 12px;
  text-align: center;
  color: #9b9b9b;
}

.wigig #clock span,
.wigig #clock em {
  margin-left: 1px;
  float: left;
  font-style: normal;
}

.wigig #clock em {
  width: 20px;
  height: 27px;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  background-position: -1px -40px;
  background-color: #000;
  color: #fff;
}

.wigig #clock em,
.wigig #clock .flip {
  background-image: url(../images/wigig/flip.png);
  background-repeat: no-repeat;
}

.wigig #clock .flip {
  background-color: transparent;
  background-position: 0 0;
  position: absolute;
  left: 0;
  font-weight: 700;
  font-size: 9px;
  width: 43px;
  padding-top: 26px;
  text-decoration: none;
  text-align: center;
}

.wigig.pre-count .clock {
  margin: 0 auto;
  position: relative;
  width: 240px;
}

.wigig.pre-count .clock strong {
  line-height: 35px;
  font-size: 20px;
}

.wigig.pre-count #clock {
  width: 190px;
}

.wigig.post-count .wigigHeader, .wigig.post-offer .wigigHeader {
  display: inline-block;
  width: 300px;
  float: left;
  margin: 0;
  min-height: 280px;
  padding-bottom: 50px;
  width: 30%;
}

.wigig.post-count .countdown, .wigig.post-offer .countdown {
  /*float: left;
			width: calc(100% - 300px);
			max-width: 62%;*/
  text-align: left;
}

.wigig.post-count .clock, .wigig.post-offer .clock {
  display: inline-block;
  border: 1px solid #ddd;
  width: 120px;
  padding: 0 10px 5px;
  margin: 15px;
  top: 20px;
}

@media all and (max-width: 768px) {
  .wigig.post-count .clock, .wigig.post-offer .clock {
    top: 0;
  }
}

.wigig.post-count #clock, .wigig.post-offer #clock {
  width: 94px;
  margin: 0 auto;
}

.wigig.post-count .bigB .flip, .wigig.post-offer .bigB .flip {
  text-align: left;
}

.wigig.bigB {
  /*position: relative;*/
}

.wigig.bigB .wigigHeader {
  display: inline-block;
  width: 300px;
  float: left;
  margin: 0;
  min-height: 280px;
  padding-bottom: 50px;
  background: url(../images/wigig/B_bottom.gif) no-repeat left bottom;
  width: 470px;
  margin: 0 0 0 -170px;
  text-align: left;
}

.wigig.bigB .wigigHeader p {
  font-size: 60px;
  margin-left: 180px;
  width: 140px;
  line-height: 50px;
}

.wigig.bigB .wigigHeader p span {
  margin-left: -12px;
  font-size: 110px;
  display: inline-block;
  line-height: 100px;
}

.wigig.bigB .wigigHeader p small {
  font-size: 20px;
  display: block;
  width: 80%;
  line-height: 24px;
}

.wigig.bigB.pre-count .countdown {
  float: left;
  margin-left: -70px;
}

.wigig.bigB.pre-count .countdown:before, .wigig.bigB.pre-count .countdown:after {
  content: "";
  display: block;
  min-height: 234px;
  position: absolute;
  top: 30px;
  width: 300px;
}

.wigig.bigB.pre-count .countdown:before {
  background: url(../images/wigig/books-right.png) no-repeat right top;
  right: 0;
}

.wigig.bigB.pre-count .countdown:after {
  background: url(../images/wigig/books-left.png) no-repeat left top;
  left: 0;
}

.wigig.bigB.pre-count .countdown .whatIsWigig {
  position: absolute;
  bottom: 0;
}

.wigig.bigB.pre-count .clock {
  margin: 15% auto;
}

.wigig.bigB.post-count .countdown {
  /*width: calc(100% - 300px);*/
}

.wigig.bkFri.pre-count .wigigHeader strong {
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
  display: block;
  margin: 20px 0;
}

.wigig.bkFri.pre-count .wigigHeader strong span {
  color: #808080;
}

.wigig.bkFri.pre-count .wigigHeader p {
  font-size: 20px;
}

.wigig.bkFri.pre-count .wigigHeader p:last-child {
  margin-bottom: 20px;
}

.wigig.bkFri.pre-count.twenty18 {
  background-size: cover !important;
  background: #012D62 url(../images/wigig/bf/18/B-Background.gif) no-repeat center;
}

.wigig.bkFri.pre-count.twenty18 .wigigHeader strong:after {
  content: "";
  background: url(../images/wigig/bf/18/Divider.png) no-repeat center;
  background-size: initial;
  height: 20px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.wigig.bkFri.pre-count.twenty19 {
  background: #000 url(../images/wigig/bf/19/black-b-pattern.gif) repeat center;
}

.wigig.redBack.pre-count {
  background: #D31145 url(../images/wigig/B-Background_red.gif) repeat-x center;
}

.wigig.redBack.pre-count .wigigHeader strong {
  font-size: 90px;
  font-weight: 400;
  line-height: initial;
}

@media all and (max-width: 440px) {
  .wigig.redBack.pre-count .wigigHeader strong {
    font-size: 62px;
  }
}

.wigig.redBack.pre-count .wigigHeader p {
  font-size: 20px;
}

.wigig.redBack.pre-count .wigigHeader p:last-child {
  margin-bottom: 20px;
}

.wigig.bkFri.pre-count .wigigHeader, .wigig.redBack.pre-count .wigigHeader {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.wigig.bkFri.pre-count .wigigHeader p.p1, .wigig.redBack.pre-count .wigigHeader p.p1 {
  font-family: "opensansBold", "Arial", sans-serif;
}

.wigig.bkFri.pre-count .whatIsWigig, .wigig.redBack.pre-count .whatIsWigig {
  color: #fff;
}

.wigig.bkFri.pre-count .clock, .wigig.redBack.pre-count .clock {
  display: inline-block;
  padding: 10px 20px 15px;
  vertical-align: middle;
  margin: 10px 20px;
  /*width: 240px;*/
  /*strong {
					line-height: 35px;
					font-size: 20px;
				}*/
}

.wigig.bkFri.pre-count #clock, .wigig.redBack.pre-count #clock {
  /*width: 190px;*/
}

.wigig.bkFri.post-count .wigigHeader, .wigig.bkFri.post-offer .wigigHeader, .wigig.redBack.post-count .wigigHeader, .wigig.redBack.post-offer .wigigHeader {
  color: #012D62;
  padding: 62px 0;
}

.wigig.bkFri.post-count .wigigHeader strong, .wigig.bkFri.post-offer .wigigHeader strong, .wigig.redBack.post-count .wigigHeader strong, .wigig.redBack.post-offer .wigigHeader strong {
  font-size: 50px;
  font-weight: 400;
  line-height: 55px;
  padding-bottom: 10px;
  display: inline-block;
}

.wigig.bkFri.post-count .wigigHeader strong span, .wigig.bkFri.post-offer .wigigHeader strong span, .wigig.redBack.post-count .wigigHeader strong span, .wigig.redBack.post-offer .wigigHeader strong span {
  color: #808080;
}

.wigig.bkFri.post-count .wigigHeader p, .wigig.bkFri.post-offer .wigigHeader p, .wigig.redBack.post-count .wigigHeader p, .wigig.redBack.post-offer .wigigHeader p {
  font-size: 16px;
}

.wigig.bkFri.post-count .wigigHeader p:last-child, .wigig.bkFri.post-offer .wigigHeader p:last-child, .wigig.redBack.post-count .wigigHeader p:last-child, .wigig.redBack.post-offer .wigigHeader p:last-child {
  margin-bottom: 15px;
}

@media all and (min-width: 769px) and (max-width: 1040px) {
  .wigig.bkFri.post-count .wigigHeader strong, .wigig.bkFri.post-offer .wigigHeader strong, .wigig.redBack.post-count .wigigHeader strong, .wigig.redBack.post-offer .wigigHeader strong {
    font-size: 4.5vw !important;
  }
}

@media all and (min-width: 769px) {
  .wigig.bkFri.post-count .wigigHeader, .wigig.bkFri.post-offer .wigigHeader, .wigig.redBack.post-count .wigigHeader, .wigig.redBack.post-offer .wigigHeader {
    width: 28%;
    margin-right: 1.4%;
  }
}

@media all and (max-width: 768px) {
  .wigig.bkFri.post-count .wigigHeader, .wigig.bkFri.post-offer .wigigHeader, .wigig.redBack.post-count .wigigHeader, .wigig.redBack.post-offer .wigigHeader {
    padding: 30px 0 0;
  }
}

.wigig.bkFri.post-count .clock, .wigig.bkFri.post-offer .clock, .wigig.redBack.post-count .clock, .wigig.redBack.post-offer .clock {
  /*border: 1px solid $grey_lighter;
				width: 140px;
				margin: 15px;*/
}

.wigig.bkFri.post-count #clock, .wigig.bkFri.post-offer #clock, .wigig.redBack.post-count #clock, .wigig.redBack.post-offer #clock {
  /*width: 94px;
				margin: 0 auto;*/
}

.wigig.bkFri.post-count .wigigButtonBlock, .wigig.bkFri.post-offer .wigigButtonBlock, .wigig.redBack.post-count .wigigButtonBlock, .wigig.redBack.post-offer .wigigButtonBlock {
  position: relative;
  float: none;
  margin-top: -12px;
}

@media (max-width: 769px) {
  .wigig.bkFri.post-count .wigigButtonBlock, .wigig.bkFri.post-offer .wigigButtonBlock, .wigig.redBack.post-count .wigigButtonBlock, .wigig.redBack.post-offer .wigigButtonBlock {
    margin-top: 20px;
  }
}

#home .wigig.bkFri.post-count .wigigButtonBlock, #home .wigig.bkFri.post-offer .wigigButtonBlock, #home .wigig.redBack.post-count .wigigButtonBlock, #home .wigig.redBack.post-offer .wigigButtonBlock {
  top: -12px;
  margin: 0;
}

.wigig.bkFri.post-count .whatIsWigig, .wigig.bkFri.post-offer .whatIsWigig, .wigig.redBack.post-count .whatIsWigig, .wigig.redBack.post-offer .whatIsWigig {
  display: inline-block;
  clear: none;
  width: auto;
  text-align: left;
  position: relative;
  bottom: 0;
}

.wigig.bkFri.post-count.twenty18, .wigig.bkFri.post-offer.twenty18, .wigig.redBack.post-count.twenty18, .wigig.redBack.post-offer.twenty18 {
  background: #fff url(../images/wigig/bf/18/B-Background-02.gif) no-repeat center;
  background-size: cover;
}

.wigig.bkFri.post-count.twenty18 .wigigHeader strong:after, .wigig.bkFri.post-offer.twenty18 .wigigHeader strong:after, .wigig.redBack.post-count.twenty18 .wigigHeader strong:after, .wigig.redBack.post-offer.twenty18 .wigigHeader strong:after {
  content: "";
  background: url(../images/wigig/bf/18/Divider_Live.png) no-repeat center;
  background-size: initial;
  height: 20px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.wigig.bkFri.post-count.twenty19, .wigig.bkFri.post-offer.twenty19, .wigig.redBack.post-count.twenty19, .wigig.redBack.post-offer.twenty19 {
  background: #000 url(../images/wigig/bf/19/black-b-pattern.gif) repeat center;
}

.wigig.bkFri.post-count.twenty19 .wigigHeader, .wigig.bkFri.post-offer.twenty19 .wigigHeader, .wigig.redBack.post-count.twenty19 .wigigHeader, .wigig.redBack.post-offer.twenty19 .wigigHeader {
  color: #fff;
  /*color: $wigigRed;*/
  text-align: center;
}

.wigig.bkFri.post-count.twenty19 .countdown, .wigig.bkFri.post-offer.twenty19 .countdown, .wigig.redBack.post-count.twenty19 .countdown, .wigig.redBack.post-offer.twenty19 .countdown {
  /*background: $white url(../images/wigig/bf/19/light-b-pattern.gif) repeat center;*/
}

.wigig.bkFri.post-count.twenty19 .product, .wigig.bkFri.post-offer.twenty19 .product, .wigig.redBack.post-count.twenty19 .product, .wigig.redBack.post-offer.twenty19 .product {
  width: 70%;
  margin: 20px 0;
  background: #fff url(../images/wigig/bf/19/light-b-pattern.gif) repeat center;
  padding: 20px 20px 0;
  display: inline-block;
  border-radius: 5px;
}

@media all and (max-width: 768px) {
  .wigig.bkFri.post-count.twenty19 .product, .wigig.bkFri.post-offer.twenty19 .product, .wigig.redBack.post-count.twenty19 .product, .wigig.redBack.post-offer.twenty19 .product {
    width: 100%;
    margin: 5px 0;
  }
}

.wigig.bkFri.post-count.twenty19 .product-info, .wigig.bkFri.post-offer.twenty19 .product-info, .wigig.redBack.post-count.twenty19 .product-info, .wigig.redBack.post-offer.twenty19 .product-info {
  max-width: calc(100% - 140px);
  min-width: calc(100% - 160px);
}

@media all and (max-width: 670px) {
  .wigig.bkFri.post-count.twenty19 .product-info, .wigig.bkFri.post-offer.twenty19 .product-info, .wigig.redBack.post-count.twenty19 .product-info, .wigig.redBack.post-offer.twenty19 .product-info {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.wigig.bkFri.post-count.twenty19 .product-picture, .wigig.bkFri.post-offer.twenty19 .product-picture, .wigig.redBack.post-count.twenty19 .product-picture, .wigig.redBack.post-offer.twenty19 .product-picture {
  background: none;
  border: 0;
}

.wigig.bkFri.post-count.twenty19 .clock, .wigig.bkFri.post-offer.twenty19 .clock, .wigig.redBack.post-count.twenty19 .clock, .wigig.redBack.post-offer.twenty19 .clock {
  position: absolute;
  right: 0;
  z-index: 1;
}

@media (max-width: 1090px) {
  .wigig.bkFri.post-count.twenty19 .clock, .wigig.bkFri.post-offer.twenty19 .clock, .wigig.redBack.post-count.twenty19 .clock, .wigig.redBack.post-offer.twenty19 .clock {
    right: 1.4%;
  }
}

@media (max-width: 768px) {
  .wigig.bkFri.post-count.twenty19 .clock, .wigig.bkFri.post-offer.twenty19 .clock, .wigig.redBack.post-count.twenty19 .clock, .wigig.redBack.post-offer.twenty19 .clock {
    top: 145px;
  }
}

@media (max-width: 670px) {
  .wigig.bkFri.post-count.twenty19 .clock, .wigig.bkFri.post-offer.twenty19 .clock, .wigig.redBack.post-count.twenty19 .clock, .wigig.redBack.post-offer.twenty19 .clock {
    top: 0;
    position: relative;
    right: 0;
    margin: 0 auto 15px;
    display: block;
  }
}

.wigig.bkFri.post-count.twenty19 .whatIsWigig, .wigig.bkFri.post-offer.twenty19 .whatIsWigig, .wigig.redBack.post-count.twenty19 .whatIsWigig, .wigig.redBack.post-offer.twenty19 .whatIsWigig {
  position: absolute;
  left: 0;
  width: 30%;
  text-align: center;
  bottom: 0;
}

@media all and (max-width: 768px) {
  .wigig.bkFri.post-count.twenty19 .whatIsWigig, .wigig.bkFri.post-offer.twenty19 .whatIsWigig, .wigig.redBack.post-count.twenty19 .whatIsWigig, .wigig.redBack.post-offer.twenty19 .whatIsWigig {
    position: relative;
    width: 100%;
  }
}

#product .wigig.bkFri.post-count.twenty19, #product .wigig.bkFri.post-offer.twenty19, #product .wigig.redBack.post-count.twenty19, #product .wigig.redBack.post-offer.twenty19 {
  background: none;
  overflow: hidden;
  border: 0;
}

@media (max-width: 1090px) {
  #product .wigig.bkFri.post-count.twenty19, #product .wigig.bkFri.post-offer.twenty19, #product .wigig.redBack.post-count.twenty19, #product .wigig.redBack.post-offer.twenty19 {
    /* // Add padding to the edges when window <= at container width for scrolling */
    padding-left: 1.42857%;
    padding-right: 1.42857%;
  }
}

#product .wigig.bkFri.post-count.twenty19:before, #product .wigig.bkFri.post-count.twenty19:after, #product .wigig.bkFri.post-offer.twenty19:before, #product .wigig.bkFri.post-offer.twenty19:after, #product .wigig.redBack.post-count.twenty19:before, #product .wigig.redBack.post-count.twenty19:after, #product .wigig.redBack.post-offer.twenty19:before, #product .wigig.redBack.post-offer.twenty19:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100px;
  margin-top: 10px;
  left: 0;
}

#product .wigig.bkFri.post-count.twenty19:before, #product .wigig.bkFri.post-offer.twenty19:before, #product .wigig.redBack.post-count.twenty19:before, #product .wigig.redBack.post-offer.twenty19:before {
  background: #000 url(../images/wigig/bf/19/black-b-pattern.gif) repeat center;
  z-index: -1;
}

#product .wigig.bkFri.post-count.twenty19:after, #product .wigig.bkFri.post-offer.twenty19:after, #product .wigig.redBack.post-count.twenty19:after, #product .wigig.redBack.post-offer.twenty19:after {
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid white;
  z-index: 0;
}

#product .wigig.bkFri.post-count.twenty19 .picture-wrapper, #product .wigig.bkFri.post-offer.twenty19 .picture-wrapper, #product .wigig.redBack.post-count.twenty19 .picture-wrapper, #product .wigig.redBack.post-offer.twenty19 .picture-wrapper {
  background: #fff;
}

#product .wigig.bkFri.post-count.twenty19 .picture-wrapper img, #product .wigig.bkFri.post-offer.twenty19 .picture-wrapper img, #product .wigig.redBack.post-count.twenty19 .picture-wrapper img, #product .wigig.redBack.post-offer.twenty19 .picture-wrapper img {
  border: 0;
}

#product .wigig.bkFri.post-count.twenty19 .product__picture, #product .wigig.bkFri.post-offer.twenty19 .product__picture, #product .wigig.redBack.post-count.twenty19 .product__picture, #product .wigig.redBack.post-offer.twenty19 .product__picture {
  width: 97%;
  margin-left: 3%;
}

#product .wigig.bkFri.post-count.twenty19 .clock, #product .wigig.bkFri.post-offer.twenty19 .clock, #product .wigig.redBack.post-count.twenty19 .clock, #product .wigig.redBack.post-offer.twenty19 .clock {
  position: relative;
  margin: 28px 20px 28px 0;
  padding: 0 10px 5px;
  vertical-align: middle;
  right: 0;
  top: 0;
}

#product .wigig.bkFri.post-count.twenty19 .wigigHeader, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader, #product .wigig.redBack.post-count.twenty19 .wigigHeader, #product .wigig.redBack.post-offer.twenty19 .wigigHeader {
  display: inline-block;
  width: 50%;
  padding: 0;
  min-height: initial;
  height: auto;
  text-align: left;
  vertical-align: middle;
  float: none;
}

#product .wigig.bkFri.post-count.twenty19 .wigigHeader strong, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader strong, #product .wigig.redBack.post-count.twenty19 .wigigHeader strong, #product .wigig.redBack.post-offer.twenty19 .wigigHeader strong {
  font-size: 24px !important;
  line-height: 26px;
  display: block;
}

#product .wigig.bkFri.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-offer.twenty19 .wigigHeader p:last-child {
  font-size: 15px;
  margin-bottom: 0;
}

@media all and (min-width: 768px) and (max-width: 950px) {
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader strong, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader strong, #product .wigig.redBack.post-count.twenty19 .wigigHeader strong, #product .wigig.redBack.post-offer.twenty19 .wigigHeader strong {
    line-height: 24px;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-offer.twenty19 .wigigHeader p:last-child {
    font-size: 12px;
  }
}

@media all and (max-width: 768px) {
  #product .wigig.bkFri.post-count.twenty19 .product__picture, #product .wigig.bkFri.post-offer.twenty19 .product__picture, #product .wigig.redBack.post-count.twenty19 .product__picture, #product .wigig.redBack.post-offer.twenty19 .product__picture {
    margin-top: 130px;
  }
  #product .wigig.bkFri.post-count.twenty19 .clock, #product .wigig.bkFri.post-count.twenty19 .wigigHeader, #product .wigig.bkFri.post-offer.twenty19 .clock, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader, #product .wigig.redBack.post-count.twenty19 .clock, #product .wigig.redBack.post-count.twenty19 .wigigHeader, #product .wigig.redBack.post-offer.twenty19 .clock, #product .wigig.redBack.post-offer.twenty19 .wigigHeader {
    position: absolute;
  }
  #product .wigig.bkFri.post-count.twenty19 .clock, #product .wigig.bkFri.post-offer.twenty19 .clock, #product .wigig.redBack.post-count.twenty19 .clock, #product .wigig.redBack.post-offer.twenty19 .clock {
    top: 0;
    left: 20px;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader, #product .wigig.redBack.post-count.twenty19 .wigigHeader, #product .wigig.redBack.post-offer.twenty19 .wigigHeader {
    top: 28px;
    left: 152px;
  }
}

@media all and (max-width: 430px) {
  #product .wigig.bkFri.post-count.twenty19 .clock, #product .wigig.bkFri.post-offer.twenty19 .clock, #product .wigig.redBack.post-count.twenty19 .clock, #product .wigig.redBack.post-offer.twenty19 .clock {
    left: 10px;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader, #product .wigig.redBack.post-count.twenty19 .wigigHeader, #product .wigig.redBack.post-offer.twenty19 .wigigHeader {
    top: 32px;
    left: 140px;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader strong, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader strong, #product .wigig.redBack.post-count.twenty19 .wigigHeader strong, #product .wigig.redBack.post-offer.twenty19 .wigigHeader strong {
    font-size: 20px !important;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-offer.twenty19 .wigigHeader p:last-child {
    font-size: 14px;
  }
}

@media all and (max-width: 370px) {
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader strong, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader strong, #product .wigig.redBack.post-count.twenty19 .wigigHeader strong, #product .wigig.redBack.post-offer.twenty19 .wigigHeader strong {
    font-size: 16px !important;
    line-height: 18px;
  }
  #product .wigig.bkFri.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.bkFri.post-offer.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-count.twenty19 .wigigHeader p:last-child, #product .wigig.redBack.post-offer.twenty19 .wigigHeader p:last-child {
    font-size: 12px;
  }
}

.wigig.bkFri.post-offer .wigigHeader, .wigig.redBack.post-offer .wigigHeader {
  padding: 20px 0 0;
}

.wigig.bkFri.post-offer.twenty19 .whatIsWigig, .wigig.redBack.post-offer.twenty19 .whatIsWigig {
  position: relative;
  left: unset;
  margin: 0 auto;
  display: block;
}

.wigig.bkFri.post-offer .form, .wigig.redBack.post-offer .form {
  width: 100%;
  background: none;
  border-radius: 0;
  text-align: center;
  padding: 0 30px;
  margin: 15px auto;
  color: #fff;
}

.wigig.bkFri.post-offer .form p, .wigig.bkFri.post-offer .form h2, .wigig.redBack.post-offer .form p, .wigig.redBack.post-offer .form h2 {
  margin: 0 0 15px;
}

.wigig.bkFri.post-offer .form h2, .wigig.redBack.post-offer .form h2 {
  font-size: 40px;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.wigig.bkFri.post-offer .form h2 span, .wigig.redBack.post-offer .form h2 span {
  color: #808080;
}

.wigig.bkFri.post-offer .form p, .wigig.redBack.post-offer .form p {
  font-size: 15px;
}

.wigig.bkFri.post-offer .form label, .wigig.redBack.post-offer .form label {
  margin-bottom: 15px;
  display: block;
}

.wigig.bkFri.post-offer .form input, .wigig.redBack.post-offer .form input {
  width: 70%;
  max-width: 400px;
  margin-right: 20px;
  padding: 1rem;
}

@media all and (max-width: 768px) {
  .wigig.bkFri.post-offer .form input, .wigig.redBack.post-offer .form input {
    width: 100%;
    max-width: 100%;
    float: none;
    margin: 5px 0 20px;
  }
}

.wigig.bkFri.post-offer .form button, .wigig.redBack.post-offer .form button {
  font-size: inherit;
  padding: 1rem 1.5rem;
}

.wigig.bkFri.post-offer .countdown, .wigig.redBack.post-offer .countdown {
  padding-bottom: 20px;
}

.wigig.bkFri .product-picture, .wigig.redBack .product-picture {
  background: #fff;
  max-width: 240px;
  border: 1px solid #ccc;
  text-align: center;
  margin-bottom: 20px;
}

.wigig.bkFri .product-picture a, .wigig.redBack .product-picture a {
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 2;
}

.wigig.bkFri .product-info a, .wigig.redBack .product-info a {
  display: block;
}

.wigig.bkFri .whatIsWigig, .wigig.redBack .whatIsWigig {
  margin: 15px auto;
}

.wigig.bkFri .whatIsWigig span, .wigig.redBack .whatIsWigig span {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

@media all and (max-width: 768px) {
  .wigig.bkFri.twenty19 .container, .wigig.redBack.twenty19 .container {
    padding-bottom: 1.4%;
  }
}

.wigig.bkFri.twenty19 .whatIsWigig, .wigig.redBack.twenty19 .whatIsWigig {
  color: #fff;
  text-decoration: none;
}

.wigig.bkFri.twenty19 .whatIsWigig:hover span, .wigig.redBack.twenty19 .whatIsWigig:hover span {
  text-decoration: underline;
}

.wigig .product {
  padding: 20px 0 10px;
}

.wigig .product .price,
.wigig .product .wigigButtonBlock {
  display: inline-block;
}

.wigig .product .wigigButtonBlock {
  float: right;
  margin-right: 85px;
}

.wigig .product__info .price,
.wigig .product__info .wigigButtonBlock {
  margin: 20px 0 10px;
}

.wigig .product-picture {
  display: inline-block;
  float: left;
  margin-right: 20px;
  min-height: 250px;
}

.wigig .product-picture a {
  -ms-flex: none;
      flex: none;
  padding: 0;
  position: relative;
}

.wigig .product-info {
  height: auto !important;
}

.wigig .product-info h4 {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  display: table;
}

.wigig .product-info a {
  display: inline;
}

.wigig .price {
  position: relative;
  padding: 20px 20px 20px 0;
}

.wigig .price li {
  display: block;
}

.wigig .price .product-price--old {
  position: absolute;
  top: 0;
}

.wigig .price .product-price--current {
  margin: 0;
  font-size: 30px;
  line-height: 22px;
}

.wigig .price .product-price--current:before {
  content: "Sale price";
  text-transform: uppercase;
  display: block;
  font-size: 14px;
}

.wigig .picture-wrapper {
  background: url(../images/wigig/bf/18/B-Background-02.gif) no-repeat center;
  background-size: cover;
}

.wigig .picture-wrapper img {
  border: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .wigig.post-count .wigigHeader,
  .wigig.post-count .countdown, .wigig.post-offer .wigigHeader,
  .wigig.post-offer .countdown {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .wigig.post-count .wigigHeader, .wigig.post-offer .wigigHeader {
    min-height: initial;
  }
  .wigig.post-count.bkFri .wigigHeader, .wigig.post-offer.bkFri .wigigHeader {
    padding: 10px 0;
  }
  .wigig.post-offer .countdown {
    text-align: center;
  }
}

@media all and (max-width: 670px) {
  .wigig.post-count .countdown, .wigig.post-offer .countdown {
    text-align: center;
  }
  .wigig.post-count .countdown .product-picture,
  .wigig.post-count .countdown .clock, .wigig.post-offer .countdown .product-picture,
  .wigig.post-offer .countdown .clock {
    float: none;
    /*margin: 0 auto;*/
  }
  .wigig.post-count .countdown .product-info h4, .wigig.post-offer .countdown .product-info h4 {
    font-size: 30px;
    margin: 0 auto;
  }
  .wigig.post-count .countdown .product-picture, .wigig.post-offer .countdown .product-picture {
    margin-bottom: 20px;
  }
  .wigig.post-count .price, .wigig.post-offer .price {
    padding: 0;
  }
  .wigig.post-count .price .product-price--old, .wigig.post-offer .price .product-price--old {
    position: relative;
  }
  .wigig.post-count.bkFri .wigigButtonBlock, .wigig.post-offer.bkFri .wigigButtonBlock {
    display: block;
    left: 0;
    top: 10px;
    margin: 0 0 30px;
  }
}

@media all and (max-width: 570px) {
  .wigig.post-count .product-picture {
    margin-right: 0;
  }
}

.clock {
  /*text-align: center;
	width: fit-content;
	strong {
		font-size: 14px;
		display: block;
		line-height: 20px;
	}*/
}

.pre-count .clock {
  /*margin: 0 auto;
		position: relative;*/
}

.post-count .clock {
  /*display: inline-block;*/
  /*float: right;*/
  /*padding-top: 20px;*/
  /*text-align: left;*/
  /*width: 210px;*/
}

.post-count .clock strong {
  font-family: "opensans", "Arial", sans-serif;
  font-weight: 400;
  font-size: 11px;
}

.sold-out .post-count .clock strong {
  color: #D31145;
}

.product__info .clock {
  float: none;
}

.sold-out .product__info .clock strong {
  color: #D31145;
}

/* clock */
#clock {
  /*text-align:left;*/
  /*overflow: hidden;
	display: block;
	margin: 0 auto;
	span,
	.flip {
		display: block;
	}
	span {
		padding: 3px 0;
		font-size:14px;
		&.c_time {
			position: relative;
			padding: 0 0 12px;
			line-height: initial;
		}
		&.message {
			padding: 4px 0 0;
			border: 0;
			margin: 0 0 0 10px;
			font-size:12px;
			text-align:center;
			color: #9b9b9b;
		}
	}
	span,
	em {
		margin-left: 1px;
		float: left;
		font-style: normal;
	}
	em {
		width: 20px;
		height:27px;
		display:block;
		text-align: center;
		font-weight:700;
		font-size:20px;
		padding: 0;
		background-position: -1px -40px;
		background-color: #000;
		color:#fff;
	}
	em,
	.flip {
		background-image: url(../images/wigig/flip.png);
		background-repeat:no-repeat;
	}
	.flip {
		background-color: transparent;
		background-position: 0 0;
		position: absolute;
		left: 0;
		font-weight: 700;
		font-size: 9px;
		width:43px;
		padding-top: 26px;
		text-decoration: none;
	}*/
}

/* SOLD OUT */
.sold-out .product-picture a,
.sold-out .picture-wrapper {
  position: relative;
}

.sold-out .product-picture a:before, .sold-out .product-picture a:after,
.sold-out .picture-wrapper:before,
.sold-out .picture-wrapper:after {
  position: absolute;
  display: block;
  z-index: 2;
}

.sold-out .product-picture a:before,
.sold-out .picture-wrapper:before {
  content: " ";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.sold-out .product-picture a:after,
.sold-out .picture-wrapper:after {
  content: "Sold out";
  width: 100%;
  line-height: 34px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 18px;
  text-align: center;
  color: #fff;
  top: 30px;
  background: #D31145;
}

.sold-out .btn--primary {
  background: rgba(0, 174, 239, 0.3);
  cursor: not-allowed;
}

.wigigButtonBlock p {
  color: #D31145;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}

.product__info .wigigButtonBlock p {
  display: inline-block;
}

.wigigButtonBlock em {
  font-style: normal;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Share bar

    Widget to share products/events

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="print-action">
        <a href="#">
            <i class="fa fa-print"></i>
            <span class="visuallyhidden">Print this page</span>
        </a>
    </div>
    <ul class="list--inline share-bar">
        <span>Share this :</span>
        <li><a href="#"><i class="fa fa-facebook-square"></i><span class="visuallyhidden">share link-1</span></a></li>
        <li><a href="#"><i class="fa fa-twitter-square"></i><span class="visuallyhidden">share link-2</span></a></li>
        <li><a href="#"><i class="fa fa-pinterest-square"></i><span class="visuallyhidden">share link-3</span></a></li>
        <li><a href="#"><i class="fa fa-google-plus-square"></i><span class="visuallyhidden">share link-4</span></a></li>
    </ul>



    Styleguide 4.9.0
*/
.share-bar {
  margin: 25px 0;
  margin: 2.5rem 0;
  float: right;
}

.share-bar a {
  border: none;
  padding: 0;
}

.share-bar .fa {
  font-size: 18px;
  font-size: 1.8rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    About us


    Styleguide 5.6.0
*/
#about {
  /*    * {
        border: 1px solid red;
    }*/
  /* Font size fixed for header over 1600px */
}

#about #main-content section * {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: 200;
}

#about #main-content section:nth-child(3) .dateline:first-child {
  padding-top: 0 !important;
}

#about #main-content section:last-child .dateline:after {
  height: 80px;
}

#about .heading {
  background: url("/resources/images/about/blackwells-header.jpg") no-repeat center bottom;
  background-size: cover;
  text-align: center;
  color: #fff;
  height: 75vw;
  max-height: 760px;
  position: relative;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#about .heading h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 7.2vw;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  position: relative;
  text-shadow: 1px 1px 10px #333;
}

#about .heading h1:after {
  content: "";
  background: url("/resources/images/about/140-sticker.png") no-repeat center;
  display: block;
  width: 16vw;
  height: 16vw;
  position: absolute;
  top: -14vw;
  right: -130px;
  background-size: contain;
}

#about .heading p {
  font-size: 2.5vw;
  font-family: "blackwell", Times, "Times New Roman", serif;
  text-shadow: 1px 1px 10px #333;
}

#about .heading .container {
  width: 70%;
  /*margin: 0 auto;*/
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#about .intro .container, #about .timeline .container {
  width: 75%;
}

#about .intro p, #about .timeline p {
  width: 90%;
  padding-right: 10px;
  margin-left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
}

#about .intro p a, #about .timeline p a {
  /*text-decoration: underline;*/
  border-bottom: 1px solid #002D62;
}

#about .intro p a:hover, #about .timeline p a:hover {
  text-decoration: none;
  border: 0;
}

#about .intro {
  padding-top: 40px;
}

#about .intro p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

#about .timeline .dateline {
  /*float: left;
            width: 85%;
            display: inline-block;*/
  position: relative;
  z-index: 0;
  padding: 40px 0;
  margin: 0 auto;
}

#about .timeline .dateline:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -50px;
  width: 2px;
  height: 100%;
  background: #ccc;
  z-index: -1;
}

#about .timeline .dateline img:nth-child(2) {
  margin-top: 20px;
}

#about .timeline large {
  /*float: left;*/
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 0;
  width: 100px;
  left: -100px;
  color: #fff;
  line-height: 30px;
}

#about .timeline large span {
  display: block;
  position: relative;
  top: -12px;
  font-size: 15px;
}

#about .timeline large:after {
  content: "";
  display: block;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background: #002D62;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#about .timeline p + p img {
  margin-top: 70px;
}

#about .timeline p {
  padding-bottom: 15px;
}

#about .timeline p img {
  display: block;
}

#about .timeline small {
  display: block;
  font-family: "opensans", "Arial", sans-serif;
  margin: 10px 0 0;
  line-height: 20px;
}

#about .timeline .extra {
  width: 100px;
  display: inline-block;
  position: absolute;
  right: -70px;
}

#about .timeline .extra.interior {
  top: -180px;
}

#about .timeline .extra.crown {
  bottom: 50px;
}

#about .timeline .container {
  margin-bottom: 0;
  position: relative;
}

#about .timeline.major {
  background: #555;
}

#about .timeline.major p {
  color: #fff;
}

#about .timeline.major large {
  color: #555;
  line-height: 10px;
  font-size: 30px;
  top: 80px;
}

#about .timeline.major large:after {
  content: "";
  background: #fff;
  height: 100px;
  width: 100px;
  z-index: -1;
}

@media (max-width: 768px) {
  #about .heading .container, #about .intro .container, #about .timeline .container {
    width: 85%;
  }
  #about .heading h1 {
    font-size: 9vw;
    line-height: 9vw;
  }
  #about .heading h1:after {
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 24vw;
    height: 24vw;
    top: -28vw;
  }
  #about .heading p {
    font-size: 3.2vw;
  }
  #about .intro p {
    width: 100%;
  }
  #about .timeline p {
    width: 75%;
    margin-left: 60px;
    margin-right: 0;
    -ms-transform: none;
        transform: none;
  }
  #about .timeline .extra {
    right: -40px;
  }
  #about .timeline .dateline {
    padding: 20px 0;
  }
  #about .timeline .dateline:after {
    left: 0;
  }
  #about .timeline .dateline large {
    left: -50px;
    /*top:0;*/
  }
  #about .timeline.major large {
    top: 70px;
  }
  #about #main-content section .dateline:first-child {
    padding-top: 30px;
  }
}

@media (max-width: 480px) {
  #about .heading {
    min-height: 110vw;
  }
  #about .heading h1 {
    font-size: 16vw;
    line-height: 16vw;
    padding-bottom: 30px;
  }
  #about .heading h1:after {
    width: 34vw;
    height: 34vw;
    top: -34vw;
  }
  #about .heading p {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  #about .heading .container {
    margin-bottom: 10px;
  }
  #about .timeline p {
    width: 100%;
    margin-left: 20px;
    padding-top: 15px;
  }
  #about .timeline .dateline {
    padding: 20px 0;
  }
  #about .timeline .dateline:after {
    left: 0;
  }
  #about .timeline .dateline large {
    left: -50px;
    /*top:0;*/
  }
  #about .timeline .extra {
    position: relative;
    top: 0 !important;
    right: 0;
    left: 20px;
    width: 75%;
  }
  #about .timeline .extra img {
    float: left;
    margin-right: 20px;
    width: 40%;
  }
  #about .timeline .extra small {
    padding-top: 0;
    margin-top: 0;
    left: 20px;
  }
  #about .timeline.minor .dateline p:nth-child(2) {
    padding-top: 35px;
  }
  #about .timeline.major large {
    top: 60px;
  }
  #about #main-content section {
    /*                
                .dateline:last-child {
                    padding-top: 20px;
                }*/
  }
  #about #main-content section .dateline:first-child {
    /*padding-top: 10px;*/
  }
}

@media (min-width: 1600px) {
  #about .heading h1 {
    font-size: 113px;
    line-height: 136px;
    padding-bottom: 30px;
  }
  #about .heading h1:after {
    width: 240px;
    height: 240px;
    top: -220px;
  }
  #about .heading p {
    font-size: 40px;
    line-height: 48px;
  }
  #about .heading .container {
    margin-bottom: 10px;
  }
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket

    - Basket header row
    - Basket item row
    - Basket swap row

    markup:
    <section class="container u-mb-sans basket__header">
        <table class="u-borderless">
            <tr class="basket__label">
                <td class="column-item">Item</td>
                <td class="column-qty">Quantity</td>
                <td class="column-reserve"><i class="fa fa-map-marker" aria-hidden="true"></i>Reserve &amp; collect</td>
                <td class="column-deliver"><i class="fa fa-truck" aria-hidden="true"></i>Delivery to</td>
                <td class="column-price">Price</td>
                <td class="column-sub-total">Sub-total</td>
            </tr>
        </table>
    </section>
    <section class="basket basket__content u-shadow-in">
        <section class="container">
            <table class="basket__item-list u-borderless">
                <tr class="basket__item">
                    <td class="column-item">
                        <div class="clearfix">
                            <div class="basket-item__picture">
                                <img src="http://www.placehold.it/80x110?text=Book" alt="do" ex="" aliqua="" width="80px" height="110px">
                            </div>
                            <div class="basket-item__info">
                                <h4><a href="product.html">do ex aliqua</a></h4>
                                <p>Lindsay Valdez</p>
                                <p class="basket-item__format"></p>
                                <p class="basket-item__links"><a href="#whishlist">Move to whishlist</a>&nbsp;|&nbsp;<a href="#save">Save for later</a></p>
                            </div>
                        </div>
                    </td>
                    <td class="column-qty">
                        <div>
                            <input type="number" step="1" min="0" max="9999" value="1">
                        </div>
                        <p><a href="#remove" class="js-remove-from-basket" data-isbn="338548213657">Remove</a></p>
                    </td>
                    <td class="column-reserve">
                        <i class="fa fa-check" aria-hidden="true"></i>
                        <p>Reserve now,
                            <br>collect at 4pm today</p>
                    </td>
                    <td class="column-deliver">
                        <i class="fa fa-times" aria-hidden="true"></i>
                        <p>Usually dispatched
                            <br>within 48 hours</p>
                    </td>
                    <td class="column-price">
                        <p class="item-price-full">£20.0</p>
                        <p class="item-price-discounted">£20.00</p>
                        <p class="item-price-saved">£5.00</p>
                    </td>
                    <td class="column-sub-total">
                        <p>£40.00</p>
                    </td>
                </tr>
            </table>
            <div class="basket__swap">
                <div class="u-cf">
                    <div class="basket-item__picture">
                        <img src="http://www.placehold.it/80x110?text=Book" alt="aliquip" eiusmod="" est="" width="80px" height="110px">
                    </div>
                    <div class="basket-item__info">
                        <h4><a href="product.html">aliquip eiusmod est</a></h4>
                        <p>Cora Castaneda</p>
                        <p class="basket-item__format"></p>
                        <p class="basket-item__links"><a href="#whishlist">Move to whishlist</a>&nbsp;|&nbsp;<a href="#save">Save for later</a></p>
                    </div>
                </div>
            </div>
        </section>
    </section>

    Styleguide 5.10.0
*/
.basket-heading h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.basket-heading p {
  color: #777;
}

.basket__header + form {
  position: relative;
}

.basket__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #777;
  text-align: center;
  padding-top: 90px;
}

.column-item {
  width: 31.42857%;
  text-align: left;
}

.column-qty,
#product-qty {
  width: 10%;
}

.column-qty input[type="number"],
#product-qty input[type="number"] {
  padding: 2px 5px;
  padding: 0.2rem 0.5rem;
  max-width: 60px;
  text-align: center;
}

.column-qty input[type="number"] + span,
#product-qty input[type="number"] + span {
  margin-left: 10px;
  margin-left: 1rem;
  padding-top: 10px;
  padding-top: 1rem;
  height: 27px;
  display: inline-block;
}

.column-qty input[type="number"] + span .basket__item--spinner,
#product-qty input[type="number"] + span .basket__item--spinner {
  font-size: 20px;
  font-size: 2rem;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
}

.column-qty a,
#product-qty a {
  font-size: 12px;
  font-size: 1.2rem;
}

.column-reserve {
  width: 18.57143%;
}

.column-deliver {
  width: 14.28571%;
}

.column-price {
  width: 5.71429%;
}

.column-sub-total {
  width: 5.71429%;
}

.column-sub-total p {
  font-size: 16px;
  font-size: 1.6rem;
}

.column-sub-total {
  text-align: right;
}

.basket--empty p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 20px auto 30px;
  margin: 2rem auto 3rem;
}

.basket--empty a {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Carousels.scss
*/
.carousel {
  position: relative;
}

.carousel__wrapper,
.thumbnail__wrapper {
  *zoom: 1;
  position: relative;
  float: none;
  overflow: scroll;
  overflow-y: hidden;
}

.carousel__wrapper:before, .carousel__wrapper:after,
.thumbnail__wrapper:before,
.thumbnail__wrapper:after {
  content: "";
  display: table;
}

.carousel__wrapper:after,
.thumbnail__wrapper:after {
  clear: both;
}

.carousel__wrapper {
  width: 82.85714%;
  float: left;
  margin-right: 2.85714%;
  margin-left: 8.57143%;
  margin-right: 8.57143%;
}

.carousel__title {
  font-family: "opensans", "Arial", sans-serif;
  font-weight: normal;
}

.carousel__title span {
  position: relative;
}

.carousel__title a {
  display: inline-block;
  position: relative;
  font-size: 16px;
}

.carousel__title a:after {
  content: "";
  background: #fff;
  width: 110%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: -1;
  margin: 0 -5px;
}

.carousel__item {
  float: left;
  text-align: center;
  position: relative;
  padding: 5px 5px 10px;
  padding: 0.5rem 0.5rem 1rem;
}

.carousel__item .promo-stamp {
  right: 0;
}

.carousel__item .product-picture {
  height: 203px;
}

.carousel__item .product-picture img {
  max-height: 192px;
}

.thumbnail__wrapper {
  width: 86%;
  margin: 20px 7% 0;
}

.thumbnail__wrapper .tns-nav {
  display: none;
}

.thumbnail__wrapper .tns-inner {
  margin: 0 !important;
}

@media all and (max-width: 768px) {
  .thumbnail__wrapper {
    width: 92%;
    margin: 0 4%;
  }
}

.product__thumbnails {
  position: relative;
  width: 100%;
  margin: 10px auto;
}

@media all and (max-width: 768px) {
  .carousel__item .has-promo-sticker {
    margin-right: 0;
  }
  .carousel__item .has-promo-sticker .promo-stamp {
    right: 0;
  }
}

/*
* account.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Buttons

    Definition of the Different button used on the site

    .btn--primary                   - default button
    .btn--secondary                 - secondary button
    .btn--third                     - third button
    .btn--follow                    - follow button
    .btn--is-active                 - following button

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers}">{$modifiers}</button></p>
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers} btn--large">{$modifiers} large</button></p>
    <p style="margin: 0 0 1em 0;"><button class="btn {$modifiers} btn--small">{$modifiers} small</button></p>

    Styleguide 3.1.0
*/
.btn, .account-item .product-item .product-info a.btn,
.account-item #product-item .product-info a.btn {
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #fff;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #00AEEF;
  transition: background-color 0.3s;
  display: inline-block;
}

.btn:hover, .account-item .product-item .product-info a.btn:hover,
.account-item #product-item .product-info a.btn:hover, .btn:focus, .account-item .product-item .product-info a.btn:focus,
.account-item #product-item .product-info a.btn:focus {
  background-color: #0089bc;
  transition: background-color 0.6s;
  color: #fff;
  text-decoration: none;
  outline: none;
}

[disabled="disabled"].btn, .account-item .product-item .product-info a[disabled="disabled"].btn,
.account-item #product-item .product-info a[disabled="disabled"].btn, [disabled].btn, .account-item .product-item .product-info a[disabled].btn,
.account-item #product-item .product-info a[disabled].btn, .disabled.btn, .account-item .product-item .product-info a.disabled.btn,
.account-item #product-item .product-info a.disabled.btn {
  /* !important to overwrite :hover */
  background-color: #ddd !important;
  text-shadow: none;
  cursor: text !important;
}

.btn.btn-added {
  background-color: #8DC63F;
}

.btn--primary {
  background-color: #00AEEF;
}

.btn--primary:hover {
  background-color: #0089bc;
}

.btn--secondary {
  background-color: #002D62;
}

.btn--secondary:hover {
  background-color: #506794;
}

.btn--third {
  background-color: #F57B20;
}

.btn--third:hover {
  background-color: #f16d0b;
}

[headers="product-status"] [type="submit"].btn--cancel-item.btn, [headers="product-status"]
a.btn--cancel-item.btn {
  background-color: #fff;
  border: 1px solid #D31145;
  color: #D31145;
  margin-top: 10px;
  width: 100%;
}

[headers="product-status"] [type="submit"].btn--cancel-item.btn:hover, [headers="product-status"]
a.btn--cancel-item.btn:hover {
  background-color: rgba(211, 17, 69, 0.2);
  color: #D31145;
  text-shadow: none;
}

[type="submit"].btn--cancel-order.btn,
a.btn--cancel-order.btn {
  background-color: #D31145;
  float: right;
  width: 100%;
}

[type="submit"].btn--cancel-order.btn:hover,
a.btn--cancel-order.btn:hover {
  background-color: rgba(211, 17, 69, 0.2);
  color: #D31145;
  text-shadow: none;
}

.btn--small {
  padding: 2.5px 5px;
  padding: 0.25rem 0.5rem;
}

.btn--large {
  padding: 10px 12px;
  padding: 1rem 1.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}

.btn--xlarge {
  padding: 10px 30px;
  padding: 1rem 3rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.05rem;
}

.btn--thin {
  padding: 5px 20px;
  padding: 0.5rem 2rem;
  border-radius: 2px;
}

.btn--follow {
  border: 1px solid #002D62;
  background-color: #002D62;
}

.btn--follow:hover, .btn--follow.btn--is-active {
  background-color: #fff;
  color: #002D62;
}

.btn--alt {
  border: 1px solid #fff;
  background-color: transparent;
}

.btn--alt:hover, .btn--alt.btn--is-active {
  background-color: #fff;
  color: #a40d36;
}

.btn--is-active {
  border: 1px solid #002D62;
  background-color: #fff;
  color: #002D62;
}

.btn--is-active:hover {
  color: #fff;
  background-color: #002D62;
}

.msg {
  padding: 20px;
  border: 2px solid #ccc;
}

.msg.error {
  border-color: #D31145;
  color: #D31145;
}

.msg.success {
  border-color: #8DC63F;
  /*vertical-align: middle;*/
  /*background: $green;*/
}

.msg.success i {
  color: #8DC63F;
  font-size: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

.pages-account h2, .pages-account h3 {
  font-family: "opensansBold", "Arial", sans-serif;
}

.pages-account h2 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.pages-account h3 {
  font-size: 16px;
  font-size: 1.6rem;
  /*@include rem(margin-bottom, 2rem);*/
}

.pages-account.entry .alt-form p {
  width: 100%;
}

.pages-account.entry .alt-form p.u-center {
  padding-bottom: 2rem;
}

.pages-account .alt-form h2 {
  /*margin-bottom: 4rem;*/
}

.pages-account .alt-form input {
  margin: 0;
}

.pages-account .alt-form p {
  width: 82.85714%;
  *zoom: 1;
}

.pages-account .alt-form p:before, .pages-account .alt-form p:after {
  content: "";
  display: table;
}

.pages-account .alt-form p:after {
  clear: both;
}

.pages-account .alt-form p.field-container {
  /*@include rem(padding-top, 2rem);*/
}

.pages-account .alt-form p[class*="-name-"] {
  width: 40%;
  float: left;
}

.pages-account .alt-form p[class*="-name-"][class*="first"] {
  margin-left: 0%;
  margin-right: 4.28571%;
}

.pages-account .alt-form p[class*="-email"] {
  clear: both;
}

.pages-account .alt-form p small {
  display: block;
  position: relative;
  top: -26px;
  top: -2.6rem;
  left: 5px;
}

.pages-account .alt-form .input-hint {
  font-size: 12px;
  font-size: 1.2rem;
  color: #777;
  clear: both;
  display: block;
}

.pages-account .alt-form .has-after:after {
  content: "/";
  float: left;
  font-size: 23px;
  font-size: 2.3rem;
  color: #777;
  position: absolute;
  top: -8px;
  top: -0.8rem;
  right: -15px;
  right: -1.5rem;
}

.pages-account #main-content form {
  /*margin:0 0 6rem;*/
}

.pages-account #main-content form p {
  margin-bottom: 2rem;
}

.pages-account #main-content form p.fromConfirmation {
  margin-bottom: 3rem;
}

.pages-account #main-content form.wishlist {
  margin: 0;
}

.pages-account #main-content form.wishlist p:first-of-type {
  margin-top: 0;
}

.pages-account #main-content .account-password header {
  float: none;
}

.pages-account.order #main-content .h1 {
  margin-top: 5.2rem;
}

.pages-account.order #main-content .h1 a {
  position: absolute;
  left: 0;
  top: -2rem;
}

.entry #main-content .container .container__content {
  margin: 0 auto;
  float: none;
  width: 40%;
}

@media (max-width: 768px) {
  .entry #main-content .container .container__content {
    width: 100%;
  }
}

/*.create,
.personal-info {
	.alt-form p {
		width: span(8);
	}
}*/
.account-menu {
  margin: 36px 0;
  margin: 3.6rem 0;
}

.orders-menu {
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  margin-top: -10px;
}

.orders-menu li {
  display: inline-block;
  margin: 0;
}

.orders-menu li strong, .orders-menu li a {
  display: block;
  padding: 10px 10px;
  margin: 0;
}

.orders-menu li.active strong {
  border-bottom: 3px solid #00AEEF;
}

.orders-menu li a {
  border-bottom: 3px solid transparent;
}

.orders-menu li a:hover {
  text-decoration: none;
  border-bottom: 3px solid rgba(0, 174, 239, 0.6);
}

.welcome p:first-child {
  font-size: 18px;
}

.open-orders,
.rewards {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px;
}

.open-orders h2,
.rewards h2 {
  margin-bottom: 2rem;
}

.open-orders {
  overflow: hidden;
}

.open-orders .btn {
  float: right;
}

.open-orders table {
  border: 0;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.open-orders table th {
  font-family: "opensansBold", "Arial", sans-serif;
}

.open-orders table tr, .open-orders table th, .open-orders table td {
  border: 0;
  line-height: 20px;
}

.open-orders table tr:nth-child(even) {
  background: #f2f4f7;
}

.open-orders table #order-isbn-title[headers="order-number"],
.open-orders table td[headers="order-number"] {
  width: 120px;
}

.open-orders table #order-isbn-title[headers="order-status"],
.open-orders table td[headers="order-status"] {
  min-width: 130px;
}

.open-orders table #order-isbn-title[headers="order-isbn-title"] span, .open-orders table #order-isbn-title[headers="order-number"] span,
.open-orders table td[headers="order-isbn-title"] span,
.open-orders table td[headers="order-number"] span {
  font-size: 12px;
}

.open-orders table #order-isbn-title i.fa,
.open-orders table td i.fa {
  margin-right: 9px;
}

.rewards li {
  display: inline;
  padding-right: 50px;
  font-size: 14px;
}

.billing-delivery .account-bill-postcode label {
  display: block;
}

.billing-delivery .account-bill-postcode input[type=text] {
  width: 150px;
  margin-right: 9px;
}

.billing-delivery .account-bill-postcode select {
  margin-top: 10px;
}

.account-item header,
.order-details,
.account-items {
  padding: 2rem;
}

form#orderSearch {
  overflow: hidden;
  /*text-align: center;*/
  margin-bottom: 24px;
  /*@media all and (max-width: 580px) {*/
  text-align: left;
  /*}*/
}

form#orderSearch p.field-container {
  /*width: 42%; ----- Re-instate when sort is back */
  width: 80%;
  /*		@media all and (max-width: 580px) {
			width: 80%;
		}*/
  display: inline-block;
  margin: 0;
  /*float: left;*/
}

@media all and (max-width: 430px) {
  form#orderSearch p.field-container {
    width: 70%;
  }
}

form#orderSearch p.field-container:last-child {
  /*float: right; ----- Re-instate when sort is back */
}

form#orderSearch p.field-container input[type=text] {
  /*width: calc(100% - 182px);
			@media all and (max-width: 580px) {*/
  width: 100%;
  /*}*/
  margin-right: 6px;
}

form#orderSearch label, form#orderSearch input, form#orderSearch select {
  display: inline-block;
  vertical-align: middle;
}

form#orderSearch input, form#orderSearch select {
  width: auto;
}

form#orderSearch label {
  font-size: 1.4rem;
  margin: 0 5px 0 0;
  /*width: 165px;*/
  /*text-align: right;*/
  /*@media all and (max-width: 580px) {*/
  display: block;
  margin-bottom: 3px;
  /*}*/
}

form#orderSearch button {
  vertical-align: middle;
  padding: 6px 15px;
  padding: 0.6rem 1.5rem;
  /*float: left;*/
}

form#orderSearch a {
  font-size: 14px;
  padding: 3px 6px;
  margin: 0 0 0 3px;
  display: inline-block;
  /*@media all and (max-width: 580px) {*/
  margin: 3px 0;
  padding: 6px 0;
  /*}*/
}

.totalResults {
  text-align: center;
  margin-bottom: 24px;
  /*font-size: 14px;*/
}

.account-item {
  margin-bottom: 4rem;
}

.account-item[class*="order-state"] {
  border: 1px solid #ccc;
}

.account-item header {
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.account-item header h2 {
  font-size: 1.8rem;
  margin-bottom: .8rem;
}

.account-item header h2 i {
  display: block;
  font-size: 6rem;
  padding-bottom: 1.5rem;
}

.account-item header h2 i.icon__mini-basket {
  margin: 0 auto 2rem;
  width: 5rem;
  height: 5rem;
  float: none;
}

.account-item header p {
  margin-bottom: .6rem;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
}

.account-item h3 em {
  font-family: "opensans", "Arial", sans-serif;
  font-style: normal;
}

.account-item table, .account-item tr, .account-item th, .account-item td, .account-item .headers .column-price {
  border: none;
  text-align: center;
}

.account-item table {
  font-size: 1.4rem;
}

.account-item table th {
  font-family: "opensansBold", "Arial", sans-serif;
}

.account-item table th:first-child {
  padding-left: 0;
}

.account-item table th:last-child {
  padding-right: 0;
  text-align: right;
}

.account-item table th {
  line-height: 1.2;
}

.account-item table td {
  vertical-align: top;
}

.account-item table td[headers="product-status"] {
  /*white-space: nowrap;*/
  line-height: 20px;
  width: 20%;
}

.account-item table td[headers="product-status"] * {
  display: block;
}

.account-item table td[headers="product-status"] span {
  line-height: 1.2;
  padding-top: 5px;
}

.account-item table td[headers="product-status"] .btn {
  margin: 3px 0;
}

.wishlist .account-item table td {
  vertical-align: middle;
}

.wishlist .account-item table td.column-qty input {
  margin: 0;
}

.wishlist .account-item table td.product-item {
  padding-left: 5px;
}

.wishlist .account-item table td .notify {
  margin: 1rem 0;
}

.account-item table td:last-child {
  padding-right: 0;
  text-align: right;
}

.account-item table [headers="product-qty"],
.account-item table [headers="product-price"],
.account-item table [headers="product-sub-total"] {
  width: 8%;
}

.account-item table [headers="product-sub-total"] {
  padding-right: 0;
  text-align: right;
}

.account-item a.cancel-alibris-item {
  font-size: 14px;
  color: #D31145;
  text-decoration: underline;
}

.account-item a.cancel-alibris-item:hover {
  text-decoration: none;
}

.account-item .account-items {
  /*ul {
			display: flex;
			flex-wrap: wrap;
			li {
				text-align: center;
			}
		}*/
}

.account-item .headers strong {
  display: inline-block;
  font-size: 14px;
  margin-right: -5px;
}

.wishlist .account-item .column-price {
  width: 15%;
}

.wishlist .account-item [type="submit"] {
  padding: 6px 15px;
}

.account-item #product-select,
.account-item .product-select {
  width: 7.42857%;
}

.account-item .product-item,
.account-item #product-item {
  text-align: left;
  width: 57.14286%;
  padding-left: 0;
}

.account-item .product-item .account-item-release,
.account-item #product-item .account-item-release {
  color: #F57B20;
}

.account-item .product-item img,
.account-item #product-item img {
  height: 150px;
  display: block;
}

.orders .account-item .product-item img, .orders
.account-item #product-item img {
  height: 100px;
}

.account-item .product-item h4,
.account-item #product-item h4 {
  font-size: 1.5rem;
}

.account-item .product-item .product-info,
.account-item #product-item .product-info {
  min-height: unset;
}

.account-item .product-item .product-info a.btn,
.account-item #product-item .product-info a.btn {
  margin-top: 6px;
}

@media all and (max-width: 480px) {
  .account-item .product-item .product-info a.btn,
  .account-item #product-item .product-info a.btn {
    width: 100%;
  }
}

.account-item .product-picture {
  height: 170px;
  display: inline-block;
  float: left;
  text-align: center;
  margin-right: 1rem;
  width: 120px;
}

.orders .account-item .product-picture {
  height: unset;
  /*width: unset;*/
}

.account-item .product-info {
  max-width: 60%;
  display: inline-block;
}

@media all and (max-width: 480px) {
  .account-item .product-info {
    max-width: 100%;
  }
}

.account-item .product-info .product-status .fa-check {
  color: #8DC63F;
}

.account-item .product-info .product-status .fa-times {
  color: #D31145;
}

.account-item td.product-buy a:not(.btn) {
  font-size: 12px;
  display: block;
  clear: both;
  /*margin-top: 10px;*/
  line-height: 20px;
}

.account-item td.product-buy button:disabled {
  /*pointer-events: none;*/
  /*background-color: $dark_blue--over;*/
}

.account-item footer {
  margin: 2rem 2rem 0;
  border-top: 1px solid #ddd;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
}

.account-item footer p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  /* Safari mobile issues? */
  -webkit-box-flex-grow: 1;
  -moz-box-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  /* Safari mobile issues? */
  margin: 0;
  padding: 2rem 0;
  font-size: 1.4rem;
}

.account-item footer p.items {
  text-align: center;
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.account-item footer p > span, .account-item footer p strong {
  display: block;
}

.account-item footer p span span, .account-item footer p strong span {
  display: inline-block;
  min-width: 55%;
  padding-left: .5rem;
}

.account-item footer p.help, .account-item footer p.totals {
  -ms-flex: 2;
      flex: 2;
}

.account-item footer p.totals {
  text-align: right;
}

.account-item footer p.totals .vat {
  line-height: 4rem;
}

.account-item footer a {
  text-decoration: underline;
}

.account-item footer strong {
  font-size: 1.6rem;
  /*text-align: right;*/
}

.account-items ul {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.account-items ul .product-item {
  text-align: center;
  width: 22%;
  max-width: 22%;
  min-width: 22%;
}

.account-items ul .product-item:nth-child(1) {
  margin-left: 0;
}

.account-items ul .product-item:nth-child(n5) {
  margin-left: 0;
}

.account-items ul .product-item:nth-child(n4) {
  margin-right: 0;
}

[class*="-state-onWay"] i,
table [class*="-state-onWay"] strong,
[class*="-state-collect"] i,
table
[class*="-state-collect"] strong {
  color: #8DC63F;
}

[class*="-state-prepare"] i,
table [class*="-state-prepare"] strong,
[class*="-state-failed"] i,
table
[class*="-state-failed"] strong,
[class*="-state-cancelled"] i,
table
[class*="-state-cancelled"] strong {
  color: #808080;
}

[class*="-preOrder"] i,
table [class*="-preOrder"] strong,
[class*="-state-placed"] i,
table
[class*="-state-placed"] strong {
  color: #F57B20;
}

[class*="-state-refunded"] {
  background: #efefef;
}

.order-action {
  font-size: 14px;
  font-size: 1.4rem;
}

.order-action i {
  font-size: initial;
  padding-right: .4rem;
}

.order-details {
  overflow: hidden;
}

.order-details #cancelOrder {
  width: 27%;
  float: right;
}

@media all and (max-width: 480px) {
  .order-details #cancelOrder {
    margin-top: 15px;
    width: 100%;
    float: none;
  }
}

.order-details #cancelOrder.cancel-alibris-order {
  font-size: 14px;
  color: #D31145;
  text-decoration: underline;
}

.order-details #cancelOrder.cancel-alibris-order:hover {
  text-decoration: none;
}

.order-details dl {
  width: 70%;
  float: left;
}

.order .order-details dl {
  width: 100%;
}

.order .order-details dl.canCancel {
  width: 70%;
  border-right: 1px solid #ddd;
}

@media all and (max-width: 480px) {
  .order .order-details dl.canCancel {
    width: 100%;
    float: none;
    border: 0;
  }
}

@media all and (max-width: 480px) {
  .order-details dl {
    width: 100%;
    float: none;
  }
}

.order-details dt, .order-details dd {
  float: left;
  font-size: 1.4rem;
  line-height: 2rem;
}

.order-details dt {
  position: relative;
  /*margin-top: 4px;*/
  width: 90px;
  clear: left;
}

@media all and (max-width: 480px) {
  .order-details dt {
    /*width: 100%;*/
  }
}

.order-details dd {
  width: 70%;
  margin-bottom: 3px;
}

@media all and (max-width: 480px) {
  .order-details dd {
    width: auto;
  }
  .order-details dd.order-del-address {
    /*width: 100%;*/
  }
}

.order-options {
  float: right;
  width: 30%;
  text-align: center;
}

@media all and (max-width: 480px) {
  .order-options {
    width: 100%;
    float: none;
    margin-top: 15px;
  }
}

.order-options a {
  width: 100%;
  margin-bottom: .5rem;
}

.wishlist .account-items {
  padding: 0;
}

.wishlist .user-details {
  overflow: hidden;
  /*border-bottom: 1px solid $grey_lighter;*/
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.wishlist .user-details p {
  float: left;
  width: 60%;
}

.wishlist .user-details p.addItems {
  width: 100%;
}

.wishlist .user-details dl {
  float: right;
  width: 38%;
}

.wishlist .user-details dl dt {
  text-align: right;
  font-size: 14px;
}

.wishlist .user-details dl dd {
  display: inline-block;
  margin: 0 5px;
  float: right;
  font-size: 20px;
}

.wishlist .user-details dl dd a {
  position: relative;
}

.wishlist .user-details dl dd a:hover {
  text-decoration: none;
}

.wishlist .user-details dl dd:hover span {
  text-indent: 0;
  font-size: 14px;
  background: #fff;
  padding: 2px;
  position: absolute;
  top: -20px;
  left: 100%;
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  font-family: "opensans", "Arial", sans-serif;
  color: #506794;
}

.wishlist .user-details dl span {
  text-indent: -10000px;
  display: inline-block;
}

.wishlist form .btn--secondary {
  float: right;
}

@media all and (max-width: 768px) {
  .account-menu {
    margin-top: 0;
  }
  .create .alt-form p,
  .personal-info .alt-form p,
  .pages-account .alt-form p {
    width: 100%;
  }
}

/*.something {
	color: red;
	.something {
		color: orange;
		.something {
			color: yellow;
			&.darkside {
				color: blue;
			}
			~ .vader {
				@at-root .form-field {
					color: green;
				}
			}
		}
	}
}*/

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Categories Root

    Landing page Categories

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:


    Styleguide
*/
.category-landing li {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.category-landing li:after {
  content: "\00b7";
  margin-left: 5px;
  margin-left: 0.5rem;
}

.category-landing li:last-child:after {
  content: "";
}

.category-nav {
  z-index: 1;
  background-color: #fff;
}

.category-nav.container__content {
  padding: 30px 20px;
  padding: 3rem 2rem;
}

.page-title h1, .page-title h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: normal;
  text-align: center;
  margin: 20px 0;
  margin: 2rem 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    business.scss
*/
.business-page .main-header {
  background: transparent url("/resources/images/business/paper_texture2.png");
}

.business-page .main-header__business {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  *zoom: 1;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  font-family: "blackwell", Times, "Times New Roman", serif !important;
}

.business-page .main-header__business:before, .business-page .main-header__business:after {
  content: "";
  display: table;
}

.business-page .main-header__business:after {
  clear: both;
}

.business-page .main-header__business .fa {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.business-page .business__back,
.business-page .business__call {
  font-family: "blackwell", Times, "Times New Roman", serif;
  -ms-flex: 1;
      flex: 1;
}

.business-page .business__back {
  line-height: 60px;
}

.no-flex .business-page .business__back {
  float: left;
  width: 25%;
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.business-page .logo-holder {
  text-align: center;
  -ms-flex: 2;
      flex: 2;
}

.no-flex .business-page .logo-holder {
  width: 50%;
  margin-right: 0;
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
}

.business-page .business__call {
  margin-right: 0;
  line-height: 60px;
  text-align: right;
}

.no-flex .business-page .business__call {
  float: right;
  width: 25%;
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
}

.business-page .business__back {
  -ms-flex-order: 1;
      order: 1;
}

.business-page .business__call {
  -ms-flex-order: 3;
      order: 3;
}

.business-page .logo-holder {
  -ms-flex-order: 2;
      order: 2;
}

.business-page .business {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.business-page .business h1, .business-page .business h2 {
  font-size: 30px;
  font-size: 3rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  color: #002D62;
}

.business-page .business .container {
  margin: 0 auto;
}

.business-page .business .restricted-width {
  max-width: 55%;
  margin: 0 auto;
}

.business-page .business__intro {
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  background: transparent url("/resources/images/business/paper_texture2.png");
}

.business-page .business__intro .restricted-width {
  max-width: 75%;
}

.business-page .business__intro h2 {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 30px;
  font-size: 3rem;
}

.business-page .business__intro .btn {
  margin-top: 20px;
  margin-top: 2rem;
  font-family: "opensans", "Arial", sans-serif;
}

.business-page .business__print .container {
  background: transparent url("/resources/images/business/print_book_bg.jpg") 0 0 no-repeat;
  padding: 30px 0;
  padding: 3rem 0;
  min-height: 410px;
}

.business-page .business__print .container .restricted-width {
  margin: 0;
  margin-top: 6%;
  float: right;
  max-width: 56%;
  background: transparent;
  padding: 2rem;
}

.business-page .business__manager {
  background: #59acba url("/resources/images/business/paper_texture.png");
  background-size: cover;
  padding: 70px 0 100px 0;
}

.business-page .business__manager .container {
  position: relative;
}

.business-page .business__manager .restricted-width {
  color: #fff;
  margin: 0;
  max-width: 47%;
}

.business-page .business__manager h2 {
  color: #fff;
}

.business-page .business__manager img {
  position: absolute;
  bottom: -100px;
  right: 0;
}

.business-page .business__discount .container {
  background: transparent url("/resources/images/business/discount.jpg") 0 0 no-repeat;
  padding: 30px 0;
  padding: 3rem 0;
  min-height: 382px;
}

.business-page .business__discount .container .restricted-width {
  margin: 0;
  margin-top: 6%;
  float: right;
  max-width: 55%;
  background: transparent;
  padding: 2rem;
}

.business-page .business__publishers {
  text-align: center;
  text-transform: uppercase;
}

.business-page .business__publishers ul {
  *zoom: 1;
}

.business-page .business__publishers ul:before, .business-page .business__publishers ul:after {
  content: "";
  display: table;
}

.business-page .business__publishers ul:after {
  clear: both;
}

.business-page .business__publishers li {
  float: left;
  width: 25%;
  margin: 2rem 0;
}

.business-page .business__contact {
  text-align: center;
  position: relative;
}

.business-page .business__contact header p {
  color: #ccc;
  max-width: 60%;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.business-page .business__contact input, .business-page .business__contact textarea {
  margin: 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: inset 0 0 15px -1px rgba(0, 0, 0, 0.1);
}

.business-page .business__contact textarea {
  padding: 5px;
  padding: 0.5rem;
}

.business-page .business__contact textarea::-moz-placeholder,
.business-page .business__contact textarea::-ms-input-placeholder,
.business-page .business__contact textarea::-webkit-input-placeholder,
.business-page .business__contact input::-moz-placeholder,
.business-page .business__contact input::-ms-input-placeholder,
.business-page .business__contact input::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic;
}

.business-page .business__contact input[type="submit"] {
  padding: 15px;
  padding: 1.5rem;
}

.business-page .business__contact .field-container {
  text-align: left;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.business-page .business__business-center .container {
  border-top: 1px solid #ddd;
  padding-top: 50px;
  padding-top: 5rem;
}

.business-page .business__business-center header {
  text-align: center;
}

.business-page .business__business-center header p {
  color: #ccc;
  max-width: 85%;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.business-page .business__business-center ul {
  border-right: 1px solid #ddd;
}

.business-page .business__business-center ul:last-of-type {
  border-right: 0;
}

.business-page .business__business-center li {
  padding-bottom: 2em;
  border-right: 1px solid #ddd;
}

.business-page .business__business-center li:nth-child(3n) {
  margin-right: 0;
  border-right-color: transparent;
}

.business-page .business__business-center li:last-child {
  float: left;
}

.business-page .business__business-center li p {
  margin: 0;
  margin-bottom: 0.25em;
  font-size: 14px;
  font-size: 1.4rem;
}

.business-page .business__business-center li .fa {
  margin-right: 10px;
}

.business-page .business__business-center .business-center_name {
  font-weight: 600;
}

.business-page .business__business-center .business-center_address {
  margin-bottom: 0;
}

.business-page .business__business-center .uIndent {
  margin-left: 24px;
}

.business-page .business_mapping {
  background-image: url("/resources/images/business/map_texture.png"), linear-gradient(90deg, rgba(235, 241, 244, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
  background-size: cover;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.3);
  min-height: 342px;
  padding: 70px 0 35px;
  text-align: center;
  position: relative;
}

.business-page .business_mapping > img {
  position: absolute;
}

.business-page .business_mapping .map {
  right: 0;
  top: 0;
  z-index: 1;
}

.business-page .business_mapping .map_partner {
  left: 150px;
  bottom: 0;
}

.business-page .business_mapping .container {
  z-index: 2;
  position: relative;
}

.business-page .business_mapping .btn {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  margin-top: 20px;
  margin-top: 2rem;
}

.business-page .business_mapping small {
  font-size: 14px;
  font-size: 1.4rem;
}

.business-page .business_mapping span, .business-page .business_mapping small {
  display: block;
}

.business-page .business_mapping .fa {
  transform: rotateY(180deg);
  margin-right: 5px;
}

/* Apply form on business/apply page */
.business-page .main-header.header--business-apply {
  background-image: none;
  background-color: #eaf1f2;
}

.business--apply {
  background-image: none;
  background-color: #eaf1f2;
}

.business--apply .business {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding-bottom: 20px;
}

.business--apply .business h1, .business--apply .business h2, .business--apply .business h3, .business--apply .business h4 {
  font-family: "opensans", "Arial", sans-serif;
}

.business--apply .business h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

.business--apply .business h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

.business--apply .business h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

.business--apply .business.business__intro--apply {
  background-image: none;
  background-color: #eaf1f2;
  box-shadow: none;
}

.business--apply .business.business__intro--apply h1 {
  text-align: center;
}

.business--apply .business.business__intro--apply ol {
  list-style: decimal;
  list-style-position: inside;
}

.business--apply .business .intro__highlight {
  background-color: #FFF;
  padding: 20px;
  padding: 2rem;
  color: #555;
}

.business--apply .business .restricted-width {
  max-width: 55%;
}

.business--apply input[type="number"],
.business--apply input[type="search"] {
  width: auto;
  min-width: 100px;
}

.business--apply select {
  height: 33px;
}

.business--apply .dateOfBirth__input input,
.business--apply .dateOfBirth__input select {
  min-width: 0;
  width: 100px;
}

.business--apply .input--small.input--small {
  width: 100px;
}

.business--apply .input__mask .input--small {
  padding-left: 15px;
}

.business--apply .input__mask .elem__maskee {
  top: 2px;
  left: 5px;
}

.business--apply .btn {
  padding: 5px 15px;
  padding: 0.5rem 1.5rem;
}

.business--apply input[type="submit"] {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
}

.business--apply .css-might-change-hidden input[value="yes"]:checked ~ .field-container {
  display: block;
}

.business--apply .css-might-change-hidden input[value="no"]:checked ~ .field-container {
  display: none;
}

.business--terms-and-conditions {
  background-color: #eaf1f2;
}

.business--terms-and-conditions .block--term:last-child {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}

.modals__container.modals__container--thankyouContent {
  top: 300px;
}

.modals__container.modals__container--thankyouContent .modal--is-active {
  margin-left: auto;
  margin-right: auto;
  min-height: 180px;
  max-width: 500px;
}

@media all and (max-width: 768px) {
  .business-page .main-header__business {
    display: inline-block;
    width: 100%;
  }
  .business-page .business__call,
  .business-page .business__back {
    line-height: 42px;
    display: inline-block;
    margin: 0 1rem;
  }
  .business-page .business__call {
    float: right;
  }
  .business-page .business__call {
    -ms-flex-order: 2;
        order: 2;
  }
  .business-page .logo-holder {
    -ms-flex-order: 3;
        order: 3;
  }
  .business-page .business .restricted-width {
    max-width: 95%;
  }
  .business-page .business__intro {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .business-page .business__intro .restricted-width {
    max-width: 95%;
  }
  .business-page .business__intro .btn {
    width: 100%;
  }
  .business-page .business__print .container {
    padding: 30px 0;
    padding: 3rem 0;
    min-height: 340px;
  }
  .business-page .business__print .container .restricted-width {
    margin: 0 auto;
    float: none;
    max-width: 95%;
    padding-top: 390px;
  }
  .business-page .business__manager .restricted-width {
    margin: 0 auto;
    float: none;
    max-width: 95%;
    min-height: 375px;
  }
  .business-page .business__discount .container {
    padding: 20px 0;
    padding: 2rem 0;
    min-height: 340px;
  }
  .business-page .business__discount .container .restricted-width {
    margin: 0 auto;
    float: none;
    max-width: 95%;
    padding-top: 385px;
  }
  .business-page .business__publishers li {
    width: 28%;
    margin: 2rem 2%;
  }
  .business-page .business__contact header p,
  .business-page .business__business-center header p {
    max-width: 95%;
  }
  .business-page .business__contact input[type=submit] {
    width: 100%;
  }
  .business-page .business__business-center li {
    border-right: 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 2em;
    padding-top: 2em;
  }
  .business-page .business_mapping {
    padding-bottom: 84px;
  }
  .business-page .business_mapping .container {
    top: -50px;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Categories list

    Browse by categories list navigation
    Left hand side

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p class="category-name">{{currentCategory.name}}</p>
    <p class="category-parent"><a href="/blackwells/category/parentCategory.OID/parentCategory.name ">parentCategory.name</a></p>
    <ul class="category-list">
        <li class="category-list__item">
            <a href="/blackwells/category/category.OID/category.name">category.name</a>
        </li>
        <li class="category-list__item">
            <a href="/blackwells/category/category.OID/category.name">category.name</a>
        </li>
        <li class="category-list__item">
            <a href="/blackwells/category/category.OID/category.name">category.name</a>
        </li>
        <li class="category-list__item">
            <a href="/blackwells/category/category.OID/category.name">category.name</a>
        </li>
        <li class="category-list__item">
            <a href="/blackwells/category/category.OID/category.name">category.name</a>
        </li>
    </ul>

    Styleguide
*/
.category-list__item a {
  padding: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Collection list

    Featured collection with ability to follow the curator

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="collection-list">
        <header class="collection-list__header">
            <img src="resources/images/ph_32x32.png" alt="" class="u-rounded">
            <div class="collection-list__user">
                <h4><a href="#">My top books this week</a></h4>
                <p>Millie Swindlehurst <a href="bookseller.html"><i class="fa fa-book"></i>Bookseller</a></p>
            </div>
            <button class="btn btn--secondary btn--follow">Follow</button>
        </header>
        <section  class="collection-list__thumbnails-wrapper">
            <ul class="collection-list__thumbnails">
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
                <li class="collection-list__thumbnails-item"><a href="#"><img src="http://placehold.it/70x100"></a></li>
            </ul>
        </section>
    </div>

    Styleguide 5.7.0
*/
.collection-list {
  margin: 10px 0;
  margin: 1rem 0;
  border: 1px solid #ccc;
}

.collection-list__header {
  *zoom: 1;
  padding: 20px;
  padding: 2rem;
}

.collection-list__header:before, .collection-list__header:after {
  content: "";
  display: table;
}

.collection-list__header:after {
  clear: both;
}

.collection-list__header img {
  float: left;
}

.collection-list__header a {
  padding: 0;
}

.collection-list__user {
  *zoom: 1;
  float: left;
}

.collection-list__user:before, .collection-list__user:after {
  content: "";
  display: table;
}

.collection-list__user:after {
  clear: both;
}

.collection-list__user + .btn {
  float: right;
}

.collection-list__thumbnails-wrapper {
  overflow: hidden;
}

.collection-list__thumbnails {
  width: 100%;
  width: 910px;
  *zoom: 1;
}

.collection-list__thumbnails:before, .collection-list__thumbnails:after {
  content: "";
  display: table;
}

.collection-list__thumbnails:after {
  clear: both;
}

.collection-list__thumbnails-item {
  float: left;
  margin: 0;
  padding: 0;
}

.collection-list__thumbnails-item a {
  padding: 0;
  border: none;
}

.collection-list__thumbnails-item a:hover {
  border: none;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Curator organism

    Layout for a curated collection of books by a booksellers
    Used on the home

    Styleguide 5.3.0

*/
/*
    Curator default

    Default layout for curated collections from booksellers/marketing

    markup:
    <section class="curator" style="width:540px;">
        <a href="#">
            <ul class="curator__teasers">
                <li class="curator__image"><img src="http://placehold.it/360x360/0000FF" alt="" data-jslghtbx /></li>
                <li class="curator__image"><img src="http://placehold.it/180x180" alt="" /></li>
                <li class="curator__image has-promo-sticker">
                    <img src="http://placehold.it/180x180/FF9900/" alt="" />
                    <p class="promo-stamp"><span>&pound;5</span><span>off</span></p>
                </li>
            </ul>
        </a>
        <section class="curator__content">
            <div class="u-cf">
                <div class="curator__user">
                    <img src="http://placehold.it/32x32" alt="" class="curator__persona u-rounded">
                    <h4><a href="#">collection.name</a></h4>
                    <p><a href="bookseller.html"><i class="fa fa-book"></i>Bookseller</a> | 18 items | £3.99 &amp; up</p>
                </div>
                <p><a class="btn btn--secondary">View collection</a></p>
            </div>
        </section>
    </section>

    Styleguide 5.3.1

*/
.curator {
  border: 1px solid #ccc;
}

.curator > a:first-of-type {
  padding: 0;
  display: block;
}

.curator__teasers {
  *zoom: 1;
}

.curator__teasers:before, .curator__teasers:after {
  content: "";
  display: table;
}

.curator__teasers:after {
  clear: both;
}

.curator__image {
  width: 33.2757%;
  float: right;
  position: relative;
}

.curator__image:first-child {
  width: 66.71429%;
  float: left;
}

.curator__content {
  padding: 15px;
  padding: 1.5rem;
}

.curator__content .btn + .btn {
  /* 2 buttons side by side */
  margin-left: 20px;
  margin-left: 2rem;
}

.container__content.image-only a {
  text-align: center;
  display: block;
}

@media (max-width: 768px) {
  .container__content.image-only:first-child {
    margin-bottom: 40px;
  }
}

.curator--fixed-height {
  height: 58px;
}

.curator--fixed-height .btn {
  /*vertical-align: middle;
        display: inline-block;*/
  float: right;
}

/*
    Curator extended

    Layout for curated collections with detailed description from booksellers/marketing

    markup:
    <section class="curator" style="width:540px;">
        <a href="#">
            <ul class="curator__teasers">
                <li class="curator__image"><img src="http://placehold.it/360x360/0000FF" alt="" data-jslghtbx /></li>
                <li class="curator__image"><img src="http://placehold.it/180x180" alt="" /></li>
                <li class="curator__image has-promo-sticker">
                    <img src="http://placehold.it/180x180/FF9900/" alt="" />
                    <p class="promo-stamp"><span>&pound;5</span><span>off</span></p>
                </li>
            </ul>
        </a>
        <section class="curator__content curator__content--extended ">
            <div>
                <div class="curator__user">
                    <h4><a href="#">collection.name</a></h4>
                    <p>
                        <img src="http://placehold.it/32x32" alt="" class="curator__persona u-rounded">
                        bookseller.name<a href="#"><i class="fa fa-book"></i>Bookseller</a></p>
                </div>
                <p>bookseller.collection.description: consectetur adipisicing elit. Nulla rerum provident, tempora aut! Facilis earum ipsum, sequi a omnis cupiditate, totam error reprehenderit sunt perspiciatis cumque quasi! Nam, aliquid aut.</p>
                <p><a class="btn btn--secondary">View collection</a></p>
            </div>
        </section>
    </section>

    Styleguide 5.3.2

*/
.curator__content--extended {
  text-align: center;
  min-height: 250px;
}

.curator__content--extended .curator__user {
  width: 100%;
  float: none;
}

.curator__content--extended .curator__user h4 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #002D62;
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-weight: normal;
  padding: 5px;
  padding: 0.5rem;
}

.curator__content--extended .curator__user h4 > a:first-of-type {
  padding: 0;
}

.curator__content--extended .curator__user p {
  margin: 0 0 10px 0;
  margin: 0 0 1rem 0;
}

.curator__content--extended .curator__user + p:first-of-type {
  min-height: 66px;
}

.curator__content--extended .curator__user .curator__persona {
  float: inherit;
}

.curator__user {
  width: 65.71429%;
  float: left;
  margin-right: 2.85714%;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
  float: none;
}

.no-bookseller .curator__user {
  width: 100%;
}

.curator__user .curator__persona {
  float: left;
}

.curator__user .curator_details {
  padding-left: 48px;
}

.curator__user h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "opensansBold", "Arial", sans-serif;
  font-weight: normal;
  padding: 0 5px;
  padding: 0 0.5rem;
}

.curator__user h4 abbr {
  cursor: pointer;
}

.curator__user h4 abbr[title] {
  text-decoration: none;
}

.curator__user p {
  margin: 0;
}

.curator__user:first-of-type + p {
  line-height: 1.4;
}

.curator__user a {
  padding: 0 5px;
  padding: 0 0.5rem;
}

@media all and (max-width: 996px) {
  .curator--fixed-height {
    height: auto;
  }
  .curator--fixed-height .curator__user {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    width: 100%;
  }
  .curator--fixed-height .curator__user:first-of-type + p {
    float: left;
  }
  .curator--fixed-height .curator__user p {
    margin: 0 5px;
    margin: 0 0.5rem;
  }
  .curator--fixed-height .u-vertical-align {
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
}

@media all and (max-width: 767.938px) {
  .curator {
    margin-bottom: 20px;
    margin-bottom: 2rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	ironman
*/
#competitions.c3po header.comp {
  background: #000 url("../../../resources/images/competitions/c3po/space_bg.gif") repeat center;
  overflow: hidden;
}

#competitions.c3po header.comp img {
  float: right;
  height: 300px;
}

@media (max-width: 768px) {
  #competitions.c3po header.comp img {
    height: 150px;
  }
}

@media (max-width: 480px) {
  #competitions.c3po header.comp img {
    height: 300px;
    margin-right: -30px;
  }
}

#competitions.c3po h1 {
  top: 35%;
  width: 720px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#competitions.c3po h1 span {
  font-size: 60%;
  display: block;
  margin: 0 auto;
  width: 79%;
}

@media (max-width: 1024px) {
  #competitions.c3po h1 {
    left: 20%;
    transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    width: 68%;
  }
  #competitions.c3po h1 span {
    width: 73%;
  }
}

@media (max-width: 768px) {
  #competitions.c3po h1 {
    width: 75%;
    font-size: 2rem;
  }
  #competitions.c3po h1 span {
    width: 73%;
  }
}

@media (max-width: 480px) {
  #competitions.c3po h1 {
    text-align: left;
    font-size: 3rem;
    top: 20px;
    width: 74%;
  }
  #competitions.c3po h1 span {
    font-size: 2rem;
    width: 80%;
    margin: 0;
  }
}

@media (max-width: 768px) {
  #competitions.c3po .intro {
    margin: 40px 20px;
    width: auto;
    font-size: 2rem;
  }
}

#competitions.c3po .insideImages {
  text-align: center;
  margin: 40px auto;
}

#competitions.c3po .insideImages strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 2.4rem;
  margin: 35px 0 0;
  display: block;
}

@media (max-width: 480px) {
  #competitions.c3po .insideImages strong {
    font-size: 1.8rem;
  }
}

#competitions.c3po .insideImages img {
  margin: 20px 0;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 5px;
}

@media (max-width: 768px) {
  #competitions.c3po .insideImages img {
    height: 300px;
  }
}

#competitions.c3po .tandcs {
  text-align: center;
  display: block;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	competitons
*/
#competitions .page-banner + div header {
  text-align: center;
}

#competitions header {
  position: relative;
  /*text-align: center;*/
}

#competitions header h1 + img {
  /*width: 100%;*/
}

#competitions h1 {
  font-family: "museo-slab", serif;
  font-weight: 600;
  font-style: normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  position: absolute;
  text-align: center;
  font-size: 3.4rem;
}

@media (max-width: 1024px) {
  #competitions h1 {
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 3rem;
    width: 90%;
  }
}

@media (max-width: 768px) {
  #competitions h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  #competitions h1 {
    font-size: 6vw;
  }
}

#competitions h1 span {
  display: block;
  font-size: 70%;
}

#competitions .intro {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 2.4rem;
  width: 70%;
  margin: 50px auto;
  text-align: center;
}

@media (max-width: 480px) {
  #competitions .intro {
    margin-top: 100px;
    font-size: 1.8rem;
    width: 90%;
  }
}

#competitions .product {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

#competitions .product .product-info {
  height: auto !important;
}

#competitions .product .promo-stamp {
  right: unset;
  left: 120px;
}

@media (max-width: 480px) {
  #competitions .product .promo-stamp {
    left: 105px;
  }
}

#competitions .product .product-picture {
  float: left;
  margin-right: 40px;
}

@media (max-width: 480px) {
  #competitions .product .product-picture {
    max-width: 145px;
    margin-right: 20px;
    height: auto;
  }
}

#competitions .insideImages {
  text-align: center;
}

#competitions .insideImages strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 2.4rem;
  margin: 35px 0 0;
  display: block;
}

@media (max-width: 480px) {
  #competitions .insideImages strong {
    font-size: 1.8rem;
  }
}

#competitions .insideImages img {
  margin: 20px 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	ironman
*/
#competitions.ironman {
  /*	.insideImages {
		text-align: center;
		strong {
			font-family: $font__secondary;
			font-size: 2.4rem;
			margin: 35px 0 0;
			display: block;
			@media (max-width: $bp__small) {
				font-size: 1.8rem;
			}
		}
		img {
			margin: 20px 0;
		}
	}*/
}

#competitions.ironman h1 {
  bottom: -10px;
  right: 212px;
  font-size: 3.4rem;
}

@media (max-width: 1024px) {
  #competitions.ironman h1 {
    right: unset;
    width: 100%;
  }
}

@media (max-width: 768px) {
  #competitions.ironman h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  #competitions.ironman h1 {
    bottom: -90px;
    text-shadow: none;
    color: #002D62;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Editorial page

    markup:

*/
.editorial__container .editorial__intro {
  margin: 20px auto;
  margin: 2rem auto;
}

.editorial__container .editorial__intro p {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Footer

    markup:
        <footer class="main-footer" role="contentinfo">
                <div class="container">
                    <div class="container container--25 secondary-navigation">
                        <nav class="container__content">
                            <ul>
                                <li><a href="#">Discover Blackwell’s</a></li>
                                <li><a href="#">Our shops</a></li>
                                <li><a href="#">Our booksellers</a></li>
                                <li><a href="#">Careers at Blackwell’s</a></li>
                                <li><a href="#">Blackwell’s Rewards</a></li>
                                <li><a href="#">Book gift club</a></li>
                                <li><a href="#">Affiliates</a></li>
                                <li><a href="#">Business</a></li>
                                <li><a href="#">University</a></li>
                                <li><a href="#">Student</a></li>
                            </ul>
                        </nav>
                        <nav class="container__content">
                            <ul>
                                <li><a href="#">Help</a></li>
                                <li><a href="#">Contact us</a></li>
                                <li><a href="#">Delivery information </a></li>
                                <li><a href="#">Reserve &amp; Collect</a></li>
                                <li><a href="#">Our shops</a></li>
                            </ul>
                        </nav>
                        <nav class="container__content">
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square" aria-hidden="true"></i><span>Facebook</span></a></li>
                                <li><a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i><span>Twitter</span></a></li>
                                <li><a href="#"><i class="fa fa-youtube-square" aria-hidden="true"></i><span>Youtube </span></a></li>
                                <li><a href="#"><i class="fa fa-google-plus-square" aria-hidden="true"></i><span>Google+</span></a></li>
                            </ul>
                        </nav>
                        <nav class="container__content">
                            <ul>
                                <li><a href="#">Rare books</a></li>
                                <li><a href="#">Mapping service</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="footer-copyright">
                        <p class="footer-separator"><img src="resources/images/bw-footer.png" alt=""></p>
                        <section class="footer-legal no-flex">
                            <p>©1879-2015 Blackwell’s Ltd</p>
                            <ul class="navigation navigation--inline dot-separated">
                                <li><a href="#">Cookies</a></li>
                                <li><a href="#">Terms &amp; Conditions</a></li>
                                <li><a href="#">Privacy</a></li>
                            </ul>
                        </section>
                        <section class="footer-icon">
                            <div class="footer-payement">
                                <i class="icon icon__visa"></i>
                                <i class="icon icon__master-card"></i>
                                <i class="icon icon__maestro"></i>
                                <i class="icon icon__paypal"></i>
                            </div>
                            <div>
                                <i class="icon icon__BA"></i>
                                <i class="icon icon__library"></i>
                            </div>
                        </section>
                    </div>
                </div>
            </footer>

    Styleguide 5.1.0
*/

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.mapping-page hr {
  height: 1px;
}

.mapping-page section {
  color: #888;
}

.mapping-page .osPower {
  float: right;
}

@media (max-width: 819px) {
  .mapping-page .osPower {
    margin: 20px auto 0;
    margin: 2rem auto 0;
    display: table;
    float: none;
  }
}

.mapping-page .main-header {
  background: transparent url("/resources/images/mapping/layers_head.jpg") center no-repeat;
  background-size: cover;
  padding-bottom: 40px;
  padding-bottom: 4rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.mapping-page .main-header p {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.mapping-page .main-header p.mapping__call {
  text-align: right;
}

.mapping-page .main-header p.mapping__call span {
  text-align: left;
  display: inline-block;
}

.mapping-page .main-header p, .mapping-page .main-header figure {
  -ms-flex: 1;
      flex: 1;
}

.mapping-page .main-header figure {
  text-align: center;
}

@media (max-width: 819px) {
  .mapping-page .main-header p, .mapping-page .main-header figure {
    -ms-flex: 1 100%;
        flex: 1 100%;
    text-align: center !important;
  }
  .mapping-page .main-header figure {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
}

.mapping-page .main-header .btn {
  margin: 30px auto 0;
  margin: 3rem auto 0;
  display: table;
}

.mapping-page .main-header__mapping {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  *zoom: 1;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  font-family: "blackwell", Times, "Times New Roman", serif !important;
}

.mapping-page .main-header__mapping:before, .mapping-page .main-header__mapping:after {
  content: "";
  display: table;
}

.mapping-page .main-header__mapping:after {
  clear: both;
}

.mapping-page .main-header__mapping .fa {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.mapping-page .restricted-width {
  max-width: 80%;
  margin: 0 auto;
  font-size: 24px;
  font-size: 2.4rem;
}

.mapping-page [class*="professional_"] {
  max-width: 600px;
}

.mapping-page [class*="professional_"] h3 {
  margin: 20px 0 30px;
  margin: 2rem 0 3rem;
}

.mapping-page [class*="professional_"] h3, .mapping-page [class*="professional_"] .main {
  text-align: center;
}

.mapping-page [class*="professional_"] .main, .mapping-page [class*="professional_"] dl, .mapping-page [class*="professional_"] dd {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mapping-page [class*="professional_"] .main.phone, .mapping-page [class*="professional_"] dl.phone, .mapping-page [class*="professional_"] dd.phone {
  margin: 0;
}

.mapping-page [class*="professional_"] dl {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin: 30px 10px 0 0;
  margin: 3rem 1rem 0 0;
}

.mapping-page [class*="professional_"] dl:last-child {
  margin-right: 0;
}

.mapping-page [class*="professional_"] dl i {
  margin-right: 10px;
  margin-right: 1rem;
}

@media (max-width: 729px) {
  .mapping-page [class*="professional_"] dl {
    -ms-flex: 1 100%;
        flex: 1 100%;
    text-align: center;
  }
}

.mapping-page [class*="professional_"] dt {
  font-size: 16px;
  font-size: 1.6rem;
}

.mapping-page [class*="professional_"] textarea {
  min-height: 150px;
}

.mapping-page [class*="professional_"] button {
  padding: 10px 12px;
  padding: 1rem 1.2rem;
  float: right;
}

.mapping-page .professional_locations {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.mapping-page .professional_locations h3, .mapping-page .professional_locations .main {
  -ms-flex: 1 100%;
      flex: 1 100%;
}

.mapping-page .landing {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  max-width: 980px;
}

.mapping-page .landing div {
  border: 1px solid #ccc;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  padding: 22px;
  padding: 2.2rem;
  margin: 20px 5px;
  margin: 2rem 0.5rem;
}

@media (max-width: 819px) {
  .mapping-page .landing div {
    -ms-flex: 1 100%;
        flex: 1 100%;
  }
}

.mapping-page .landing div h2 {
  font-size: 30px;
  font-size: 3rem;
  margin: 30px auto;
  margin: 3rem auto;
  height: 80px;
  height: 8rem;
  max-width: 90%;
}

.mapping-page .landing div p {
  line-height: 24px;
  line-height: 2.4rem;
  margin: 30px auto;
  margin: 3rem auto;
  max-width: 264px;
  max-width: 26.4rem;
}

.mapping-page .landing div p.p2 {
  max-width: 250px;
  max-width: 25rem;
}

.mapping-page.planning .main-header {
  text-align: center;
}

.mapping-page.planning .main-header h2 {
  font-size: 35px;
  font-size: 3.5rem;
  color: #002D62;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.mapping-page.planning .main-header form {
  max-width: 500px;
  margin: 20px auto 30px;
  margin: 2rem auto 3rem;
}

.mapping-page.planning .main-header label {
  height: 0px;
  font-size: 0;
}

.mapping-page.planning .main-header input {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
}

.mapping-page.planning .main-header input::-webkit-input-placeholder {
  font-style: italic;
  color: #808080;
}

.mapping-page.planning .main-header input:-ms-input-placeholder {
  font-style: italic;
  color: #808080;
}

.mapping-page.planning .main-header input::placeholder {
  font-style: italic;
  color: #808080;
}

.mapping-page.planning .main-header button {
  padding: 10px 30px;
  padding: 1rem 3rem;
}

.mapping-page.planning section.container {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
}

.mapping-page.planning section.container .btn {
  margin-top: 20px;
  margin-top: 2rem;
}

.mapping-page.planning section.container p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-top: 3rem;
}

.mapping-page.planning section.container p a:link, .mapping-page.planning section.container p a:visited {
  text-decoration: underline;
}

.mapping-page.planning section.container p a:hover {
  text-decoration: none;
}

.mapping-page.planning section.container ul {
  margin-top: 4rem;
}

.mapping-page.planning section.container li {
  display: inline-block;
  /*@include rem(padding-top, 3.5rem);*/
  position: relative;
  height: 70px;
  font-size: 1.8rem;
  padding: 0 3rem;
}

.mapping-page.planning section.container li:before {
  content: "";
  width: 70px;
  width: 7rem;
  height: 70px;
  height: 7rem;
  position: absolute;
  border-radius: 50%;
  background: #666;
  display: block;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.mapping-page.planning section.container li span {
  display: block;
  margin-top: 4rem;
}

.mapping-page.planning section.container li i {
  z-index: 1;
  position: relative;
  top: 1.8rem;
  font-size: 3rem;
}

.mapping-page.planning section.container li i.fa-map-o, .mapping-page.planning section.container li i.fa-hand-o-up {
  font-size: 2.4rem;
}

.mapping-page.planning section.container li i.fa-map-o {
  left: 5%;
}

.mapping-page.planning section.container li i.fa-mouse-pointer {
  top: 3rem;
  font-size: 2rem;
}

.mapping-page.order section.container {
  text-align: center;
  max-width: 1050px !important;
}

.mapping-page.order section.container .topLinks li {
  display: inline;
  border-right: 1px solid #808080;
  padding: 0 2rem 0 1.6rem;
}

.mapping-page.order section.container .topLinks li:last-child {
  border: 0;
}

.mapping-page.order section.container a {
  text-decoration: underline;
  font-weight: 400;
}

.mapping-page.order section.container #planningmaps {
  border: .1rem solid #ccc;
  border-radius: 5px;
  border-radius: 0.5rem;
  margin: 10px 0;
  margin: 1rem 0;
  padding: 10px;
  overflow-x: auto;
  text-align: initial;
}

.mapping-page.order section.container #planningmaps table {
  border: 0;
}

.mapping-page.order section.container #planningmaps img {
  max-height: none;
  max-width: none;
  height: initial;
}

.mapping-page.order section.container #planningmaps p {
  margin: 0;
}

.mapping-page.order section.container #planningmaps input[type="checkbox"] {
  height: 1.4rem !important;
  width: 1.4rem !important;
  top: 0 !important;
  vertical-align: middle;
}

.mapping-page.order section.container #planningmaps #cmmpmSecCode {
  top: 0;
}

.mapping-page.order #cmmpmMapContent {
  width: 1035px;
}

.mapping-page.order #cmmpmTools table {
  border: 0;
}

.mapping-page.order #cmmpmTools img {
  max-height: none;
  vertical-align: initial;
}

.mapping-page.order #cmmpmTools #cmmpmSearchInput {
  border-radius: 0;
  margin: 0;
  padding: 0 0 0 2rem !important;
}

.mapping-page.order #cmmpmRegisterContent table {
  margin-bottom: 20px;
}

.mapping-page.order #cmmpmLoginContent,
.mapping-page.order #cmmpmRegisterContent,
.mapping-page.order #cmmpmAccountContent,
.mapping-page.order #cmmpmTermsContent {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}

.mapping-page.order #cmmpmLoginContent p,
.mapping-page.order #cmmpmAccountContent p {
  margin: 0;
}

.mapping-page.order #cmmpmAccountContent {
  max-width: 95%;
  left: unset;
  margin: 0 auto;
}

.mapping-page.order #cmmpmRegisterCloseIcon {
  left: unset;
  right: 6px;
  top: 6px;
}

.mapping-page.order #cmmpmAccountCloseIcon {
  left: 867px;
  top: 7px;
}

.mapping-page.order #cmmpmAnnoInfoCloseIcon {
  left: 716px;
  top: 6px;
}

.mapping-page.order #cmmpmPageNav {
  position: relative;
}

.mapping-page.order #cmmpmPageNav div {
  top: 0;
}

.mapping-page.order #cmmpmPageNav div#cmmpmLogout {
  left: unset;
  right: 10px;
}

.mapping-page.order img.cmmpmClickabale {
  background: #002D62;
  color: #fff;
}

.mapping-page #cmmpmUserTableContent {
  max-height: unset;
  overflow-y: unset;
}

.mapping-page #cmmpmRegisterHead {
  width: 100%;
}

.mapping-page .cmmpmRegOptionsHead p {
  line-height: 1.5;
}

.mapping-page .error {
  color: #D31145;
}

.mapping-page p.error {
  border: 1px solid #D31145;
  padding: 10px;
  padding: 1rem;
}

.mapping-page p.error.field-container {
  border: 0;
  padding: 0;
}

.mapping-page p.error.field-container input, .mapping-page p.error.field-container textarea {
  border: 1px solid #D31145;
}

.mapping-page .thanks {
  padding-top: 10px;
  padding-top: 1rem;
}


/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.pages-account #main-content form header {
  float: none;
}

form .error input, form .error select {
  border-color: #D31145 !important;
}

form .error label {
  color: #D31145 !important;
}

form .error .validation--message {
  color: #D31145;
  font-size: 12px;
  display: block;
  position: relative;
  top: 5px;
}

form p {
  /*margin-bottom: 2rem;*/
}

form p.error {
  color: #D31145;
}

form p.u-center {
  margin: 0 0 25px;
  margin: 0 0 2.5rem;
}

#bt-dropin p.error {
  color: #D31145 !important;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Highlight organism

    Layout for a spotlighted book or event

    An alternate Highlight exist with squared image

    just remove the utility class on the specific image (u-rounded)


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
     <section class="highlight">
        <header class="highlight__teaser">
            <figure>
                <img src="http://www.placehold.it/170x170/DEDEDE/343434" alt="" class="u-rounded" />
            </figure>
            <div>
                <p>Our Expert SF &amp; Fantasy Bookseller</p>
                <h4><a href="/">Jenessa Anthonyson</a></h4>
            </div>
        </header>
        <section class="highlight__content">
            <p>Jenessa is our expert in the SF and fantasy realm. Check out her recommendations for upcoming out of this world novels.</p>
        </section>
        <footer>
            <a href="/" class="btn btn--secondary">View collection</a>
        </footer>
    </section>

    Styleguide 5.5.0

*/
.highlight {
  padding: 0 1;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  margin-top: 42.5px;
  text-align: center;
}

.highlight .btn {
  margin: 10px 0 20px 0;
  margin: 1rem 0 2rem 0;
}

.highlight__teaser figure {
  background: transparent url("../images/backgrounds/bg_highlight.jpg") center 0 no-repeat;
}

.highlight__teaser img {
  max-height: 170px;
  -ms-transform: translateY(-25%);
      transform: translateY(-25%);
}

.ie8 .highlight__teaser img {
  margin-top: -42.5px;
}

.highlight__teaser > div {
  margin-top: -42.5px;
}

.highlight__teaser h4 {
  font-size: 26px;
  font-size: 2.6rem;
  min-height: 63px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  margin-bottom: 2.5px;
  margin-bottom: 0.25rem;
}

.highlight__title {
  margin: 15px 0 0 0;
  margin: 1.5rem 0 0 0;
}

.highlight__content {
  margin: 0 10px;
  margin: 0 1rem;
  min-height: 76px;
}

@media all and (max-width: 768px) {
  .highlight__teaser figure {
    background-size: cover;
  }
  .highlight__teaser img {
    -ms-transform: translateY(0);
        transform: translateY(0);
  }
  .ie8 .highlight__teaser img {
    margin-top: 0;
  }
  .highlight__teaser > div {
    margin-top: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Modal


    Styleguide
*/
.modals__container {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  display: none;
}

.modals__container.modals__container--black {
  background-color: rgba(0, 0, 0, 0.7);
}

.modals__container--is-active {
  display: block;
  height: 100%;
  transition: height 0.6s ease-in;
}

.modal__close-btn {
  position: absolute;
  right: -23px;
  top: -23px;
  width: 46px;
  height: 46px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #002D62;
}

.modal {
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px rgba(100, 100, 100, 0.1);
  position: relative;
  top: 15%;
  min-height: 500px;
  padding: 30px 40px;
  padding: 3rem 4rem;
  margin-left: 3%;
  margin-right: 3%;
  opacity: 0;
  /* hide all modals that are not active by default */
  transition: opacity 300ms;
}

/* only show the modals with the active class applied. */
.modal--is-active {
  transition: opacity 300ms;
  opacity: 1;
  z-index: 1;
}

.modal__title {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
  font-weight: 400;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

/*
Marketplace
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

#marketplace .heading {
  margin-bottom: 3rem;
}

#marketplace .container--50 {
  margin-bottom: 10px;
}

#marketplace .container--50 .container__content {
  width: 35%;
}

#marketplace .container--50 .container__content:last-child {
  float: none;
  width: initial;
  min-height: 144px;
  padding-left: calc(100% - 60%);
}

#marketplace .breadcrumb {
  display: block;
  margin: 10px 0;
}

#marketplace h1 {
  margin: 10px 0 0;
}

#marketplace .product__name {
  font-size: 2.4rem;
}

#marketplace .product__picture a {
  margin-top: 20px;
}

#marketplace .deliveryDetails {
  margin: 20px 0 0;
}

#marketplace .deliveryDetails ul {
  list-style: disc;
  padding-left: 20px;
  font-size: 1.5rem;
}

#marketplace #main-content .u-right.sort {
  margin-bottom: -30px;
}

#marketplace #main-content table {
  border: 0;
  margin-top: 30px;
}

#marketplace #main-content table th, #marketplace #main-content table td {
  border: 0;
  padding: 20px 20px 20px 0;
}

#marketplace #main-content table th {
  background-color: none;
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

#marketplace #main-content table tr {
  border-bottom: 1px solid #ddd;
}

#marketplace #main-content table tr:last-child {
  border: 0;
}

#marketplace #main-content table td {
  vertical-align: top;
}

#marketplace #main-content table td p {
  margin: 0;
}

#marketplace #main-content table td p.details {
  margin-top: 10px;
}

#marketplace #main-content table td p.seller {
  margin-bottom: 10px;
}

#marketplace #main-content table td.details {
  width: 40%;
}

#marketplace #main-content table td.seller {
  width: 60%;
  position: relative;
  height: 120px;
}

#marketplace #main-content table td.seller p {
  padding-right: 170px;
}

#marketplace #main-content table td.seller img {
  height: 21px;
}

#marketplace #main-content table td .reliability {
  display: block;
  padding-top: 3px;
}

#marketplace #main-content table td div.price {
  position: absolute;
  right: 0;
  top: 10px;
  width: 150px;
  text-align: center;
}

#marketplace #main-content table td div.price a {
  width: 100%;
}

#marketplace #main-content table td div.price small {
  padding-bottom: 20px;
  display: block;
  line-height: .4;
}

#marketplace #main-content table strong.price {
  display: block;
  font-size: 2.4rem;
  font-family: "opensans", "Arial", sans-serif;
  /*padding-bottom: 10px;*/
}

@media all and (max-width: 768px) {
  #marketplace #main-content table {
    display: block;
  }
  #marketplace #main-content table tr, #marketplace #main-content table td {
    width: 100%;
    display: inline-block;
  }
  #marketplace #main-content table th {
    padding: 10px 0;
  }
  #marketplace #main-content table th.details:after {
    content: " &";
  }
  #marketplace #main-content table th.seller {
    padding-left: 5px;
  }
  #marketplace #main-content table td {
    padding: 10px 0;
  }
  #marketplace #main-content table td.details, #marketplace #main-content table td.seller {
    width: 100%;
  }
}

@media all and (max-width: 480px) {
  #marketplace #main-content table td.seller {
    height: auto;
  }
  #marketplace #main-content table td.seller p {
    width: 100%;
    padding-right: 0;
  }
  #marketplace #main-content table td div.price {
    position: relative;
    width: 100%;
    padding: 20px 0;
  }
  #marketplace #main-content table td strong.price {
    font-size: 3rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Products


    Styleguide 5.6.0
*/
/*#viewerButton{
    margin-top: 30px;
    i{
        margin-left: 0.5rem;
    }
}

#viewerButton {
    margin: 30px 0 0;
    display: block;
}

// Google preview window
#viewerCanvas{
    position: absolute;
    top: 30px;
    left: 35px;
    width: 90%;
    height: 500px;
    z-index: -1;
    visibility: hidden;

    .fa-times{
        color: $grey;
        top: -22px;
        right: -22px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        font-size: 16px;
        position: absolute;
        border: 1px solid $grey;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }

}

// Try to hide google bar
#viewerCanvas>div:first-child>div:last-of-type{
    display: none;
}

@media all and (max-width: $bp__tab) {
    #viewerButton{
        margin-bottom: 20px;
    }
}
@media all and (max-width: $bp__small) {
    #viewerCanvas {
        top: 0;
        left: 020px;
        // width: 90%;
        height: 400px;
    }
}*/
.product_page {
  padding-top: 20px;
}

.jslghtbx-nooverflow {
  overflow: auto !important;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Reading list


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:


*/
.reading-list__banner {
  background-image: url("/resources/images/banners/banner_reading-lists.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  padding: 30px 20px;
  padding: 3rem 2rem;
}

.reading-list__banner h2 {
  line-height: 41px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #002D62;
}

.reading-list__banner a {
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .reading-list__banner h2 {
    float: initial;
    text-align: center;
  }
  .reading-list__banner a {
    float: initial;
    margin: 0 auto;
    margin-top: 20px;
    margin-top: 2rem;
    display: inherit;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Review


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:


*/
.review {
  *zoom: 1;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  color: #555;
}

.review:before, .review:after {
  content: "";
  display: table;
}

.review:after {
  clear: both;
}

.review h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  font-weight: normal;
}

.review h4 + p {
  font-size: 15px;
  font-size: 1.5rem;
}

.review__body {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.review__body a {
  padding: 0;
}

.is-bookseller {
  background-color: #E8EBF2;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Question Widget

    markup:
    <section class="block-question">
        <div class="question">
            <p><span class="question__letterine">Q</span>&ldquo;When will the paperback version of this book be released?&rdquo;</p>
            <img src="/images/avatars/x32/avatar3.jpg" alt="" class="u-rounded" />
            <p>AliceFan45</p>
        </div>
        <div  class="question__answer-wrapper">
            <p><span class="question__letterine">A</span>&ldquo;Blackwell&lsquo;s hasn&lsquo;t recieved any news from the publisher regarding a paperback edition at the moment. Watch this space though, if we hear anything, we&lsquo;ll keep you updated!&rdquo;</p>
            <img src="/images/avatars/x32/avatar16.jpg" alt="" class="u-rounded" />
            <p>Millie Swindlehurst <a href="#"><i class="fa fa-book"></i>Bookseller</a></p>
        </div>
    </section>

    Styleguide 5.8.0
*/
.question__thumbnail {
  float: left;
  margin-right: 1rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Messages paragraphs

    Messages

*/
.message {
  padding: 20px 0;
  padding: 2rem 0;
  border: 0;
}

.message img {
  max-width: 45%;
}

.message h1 {
  font-size: 32px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #002D62;
}

.message p {
  font-size: 20px;
  font-size: 2rem;
}

.message p em {
  color: #002D62;
  font-style: normal;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.u-checkbox-hack {
  /* Toggled State */
}

.u-checkbox-hack input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
  /* For mobile, it's typically better to position checkbox on top of clickable
          area and turn opacity to 0 instead. */
}

.u-checkbox-hack input[type=radio]:checked ~ div {
  background: red;
}

.block-filter__button--container {
  margin: 0 auto;
}

.container--25 .container__content--small.block-filter-layout.is-active {
  height: auto;
  overflow: initial;
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
  transition: 0.4s ease-in;
}

.container--25 .container__content--small.block-filter-layout + .container__content--large {
  width: 100%;
  transition: 0.4s ease-in;
  margin-top: 10px;
}

.container--25 .container__content--small.block-filter-layout.is-active + .container__content--large {
  width: 74.28571%;
  float: left;
  margin-right: 2.85714%;
  margin-right: 0;
  float: right;
  transition: 0.6s ease-out;
}

@media all and (max-width: 768px) {
  .block-filter__button {
    width: 100%;
  }
  .container--25 .container__content--small.block-filter-layout.is-active {
    height: auto;
    overflow: initial;
    width: 100%;
    transition: height 0.4s ease-in;
  }
  .container--25 .container__content--small.block-filter-layout {
    height: 0;
    border-right-color: transparent !important;
    overflow: hidden;
    width: 100%;
    transition: height 0.6s ease-out;
  }
  .container--25 .container__content--small.block-filter-layout + .container__content--large,
  .container--25 .container__content--small.block-filter-layout.is-active + .container__content--large {
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  .container--25 .container__content--small.block-filter-layout {
    width: 0;
    overflow: hidden;
    margin-right: 0;
    transition: width 0.6s ease-out;
  }
}

/*
	raf.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

#raf {
  margin-bottom: 0;
}

#raf #main-content {
  background: #3BBDD3;
  overflow: hidden;
}

#raf .raf__banner {
  /*box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.32);*/
  text-align: center;
  position: relative;
  color: #fff;
  min-height: 204px;
  margin: 0 0 20px;
}

.confirmation #raf .raf__banner {
  background: #3BBDD3;
  min-height: unset;
  padding-bottom: 20px !important;
  overflow: hidden;
}

#raf .raf__promo-text {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.confirmation #raf .raf__promo-text {
  width: 100%;
}

#raf .raf__promo-text h2 {
  font-family: shelby, sans-serif;
  font-size: 12vw;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.confirmation #raf .raf__promo-text h2 {
  font-size: 10vw;
  width: 100%;
  line-height: .6;
  padding-top: 30px;
}

@media only screen and (min-width: 1300px) {
  #raf .raf__promo-text h2 {
    font-size: 10vw;
  }
}

#raf .raf__promo-text h2:before, #raf .raf__promo-text h2:after {
  content: '';
  display: block;
  position: absolute;
  top: 75%;
  z-index: -1;
}

.confirmation #raf .raf__promo-text h2:before, .confirmation #raf .raf__promo-text h2:after {
  top: 0;
  background-size: contain;
  max-height: 160px;
  /*max-width: 200px;*/
}

#raf .raf__promo-text h2:before {
  left: -300px;
  background: transparent url("../images/backgrounds/raf-l-plane.gif") 0 0 no-repeat;
  /*background-size: cover;*/
  width: 368px;
  height: 204px;
}

.confirmation #raf .raf__promo-text h2:before {
  left: -40px;
}

@media only screen and (max-width: 768px) {
  .confirmation #raf .raf__promo-text h2:before {
    left: -130px;
  }
}

@media only screen and (max-width: 480px) {
  .confirmation #raf .raf__promo-text h2:before {
    left: -180px;
  }
}

#raf .raf__promo-text h2:after {
  right: -170px;
  background: transparent url("../images/backgrounds/raf-r-plane.gif") 0 0 no-repeat;
  /*background-size: cover;*/
  width: 248px;
  height: 195px;
}

.confirmation #raf .raf__promo-text h2:after {
  right: -40px;
  /*width:178px;*/
}

@media only screen and (max-width: 768px) {
  .confirmation #raf .raf__promo-text h2:after {
    right: -100px;
  }
}

@media only screen and (max-width: 480px) {
  .confirmation #raf .raf__promo-text h2:after {
    right: -150px;
  }
}

@media only screen and (max-width: 768px) {
  #raf .raf__promo-text h2 {
    font-size: 22vw;
  }
}

#raf .raf__promo-text p {
  width: 70%;
  margin: 10px auto;
}

@media only screen and (max-width: 768px) {
  #raf .raf__promo-text p {
    /*width: 85%;*/
  }
}

#raf .raf__promo-text p .btn {
  margin-top: 20px;
  font-family: "opensans", "Arial", sans-serif;
}

#raf .raf__promo-text--big {
  font-size: 80px;
  font-size: 8rem;
  text-transform: uppercase;
  letter-spacing: 7px;
}

#raf .raf-align {
  margin-top: 12px;
  vertical-align: middle;
  display: inline-block;
}

.confirmation #raf .raf-align {
  width: 100%;
}

#raf #odicciIframe {
  position: relative;
  z-index: 2;
}

#raf .raf__container {
  margin: 0 15%;
  color: #fff;
  /*.field-container{
			max-width: 620px;
			margin: 2rem auto;
		}*/
  /*		input[type="email"]{
			text-align: center;
		}
		[type="submit"]{
			@include rem(padding, ($pad * 1.0rem) ($pad * 3.0rem));
			@include rem(margin-bottom, $space_double * 1.0rem);
		}*/
}

@media only screen and (max-width: 768px) {
  #raf .raf__container {
    margin: 0 4%;
  }
}

#raf .raf__container h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#raf .raf__container h3 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 28px;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

#raf .raf__container h4 {
  font-family: "opensans", "Arial", sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

#raf .raf__container p {
  font-size: 14px;
  margin-bottom: 20px;
}

#raf .raf__container .faqs {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #fff;
}

#raf .raf__container .tncs ol {
  list-style: decimal;
  padding-left: 20px;
  font-size: 14px;
  padding-bottom: 20px;
}

#raf .raf__container .tncs ol li {
  display: list-item;
  padding-bottom: 10px;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	Competition page

	markup:

*/
#odicciIframe .btu-digital iframe {
  height: 700px;
}

#odicciIframe iframe {
  height: 780px;
}

.scratchcard__banner {
  background-color: #002d62;
  box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.32);
  text-align: center;
  position: relative;
  color: #fff;
  min-height: 115px;
}

.scratchcard__banner:before, .scratchcard__banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 200px;
}

.scratchcard__banner:before {
  left: 0;
  background: transparent url("../images/backgrounds/stars_left.gif") 0 0 no-repeat;
  background-size: cover;
}

.scratchcard__banner:after {
  right: 0;
  background: transparent url("../images/backgrounds/stars_right.gif") 0 0 no-repeat;
  background-size: cover;
}

.scratchcard__promo-text {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.scratchcard__promo-text h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 42px;
}

.scratchcard__promo-text p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  width: 70%;
  margin: 0 auto 10px;
}

.scratchcard__promo-text--big {
  font-size: 80px;
  font-size: 8rem;
  text-transform: uppercase;
  letter-spacing: 7px;
}

.scratchcard-align {
  margin-top: 12px;
  vertical-align: middle;
  display: inline-block;
}

.scratchcard__container {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.scratchcard__container h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.scratchcard__container h3 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.scratchcard__container .field-container {
  max-width: 620px;
  margin: 2rem auto;
}

.scratchcard__container input[type="email"] {
  text-align: center;
}

.scratchcard__container [type="submit"] {
  padding: 10px 30px;
  padding: 1rem 3rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.scratchcard__promo-intro {
  font-size: 18px;
  font-size: 1.8rem;
}

.fz-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fz-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

#scratchcard_optin {
  vertical-align: middle;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.scratchcard__terms {
  list-style-position: inside;
  list-style-type: decimal;
}

.scratchcard__terms li > p {
  margin-bottom: 0;
  font-family: "opensans", "Arial", sans-serif;
  display: inline;
}

@media all and (max-width: 768px) {
  .scratchcard__promo-text {
    /*left: 0;*/
    /*top: 8px;*/
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .scratchcard__promo-text--big {
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .scratchcard__terms {
    margin-left: 2rem;
  }
}

/*
	Modal -- competition


	Styleguide
*/
.modal--competition {
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px rgba(100, 100, 100, 0.1);
  position: relative;
  top: 15%;
  min-height: 100px;
  padding: 30px 40px;
  padding: 3rem 4rem;
  margin-left: 3%;
  margin-right: 3%;
  transition: opacity 300ms;
}

.modal--competition__title {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
  font-weight: 400;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

/* 
	universities.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.university #main-content .container.u-center img {
  margin: 20px 0 40px;
}

.university #main-content .container.u-center h2 {
  font-size: 32px;
  padding: 0 0 40px;
  margin: 0 5%;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.university #main-content .container.u-center p {
  padding: 20px 5%;
  font-family: "blackwell", Times, "Times New Roman", serif;
  line-height: 22px;
}

.university #main-content .container.u-center .accountManager {
  width: 80%;
  margin: 0 auto;
}

@media all and (max-width: 580px) {
  .university #main-content .container.u-center .accountManager {
    width: 100%;
  }
}

.university #main-content .container.u-center .accountManager p, .university #main-content .container.u-center .accountManager img {
  vertical-align: middle;
  display: inline-block;
}

.university #main-content .container.u-center .accountManager p {
  text-align: left;
  width: 65%;
  padding-right: 0;
}

@media all and (max-width: 470px) {
  .university #main-content .container.u-center .accountManager p {
    width: 100%;
    padding-right: 5%;
    display: block;
  }
}

.university #main-content .container.u-center .accountManager p strong {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.university #main-content .container.u-center .accountManager img {
  margin: 0;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Search results

    markup:
    <section class="container">
        <div class="search-result">
            <ul class="search-result__list">
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
                <li class="search-result__item">
                    <div itemscope="" itemtype="https://schema.org/Book">
                        <link itemprop="additionalType" href="https://schema.org/Product">
                        <div class="product-picture">
                            <img src="http://www.placehold.it/165x230" alt="cover art,book.title " width="165px" height="230px" itemprop="image">
                        </div>
                        <div class="product-info">
                            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
                            <p itemprop="author" class="product-author">book.author </p>
                            <p class="product-format" itemprop="bookFormat">book.details.format</p>
                            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                                <p class="product-price--discount">Save £5</p>
                                <ul class="list--inline">
                                    <li class="product-price--old">£25</li>
                                    <li class="product-price--current" itemprop="price">
                                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn--secondary">Action</button>
                </li>
            </ul>
        </div>
    </section>


    Styleguide 5.9.0
*/
.search-result__list,
.order-item footer {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  counter-reset: my-awesome-counter;
}

/*
            (1) Bug in Safari, flex: 1; => flex: 1 1 auto; not respected
        */
.search-result__item,
.product-item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  /* Safari mobile issues? */
  -webkit-box-flex-grow: 1;
  -moz-box-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  /* Safari mobile issues? */
  margin: 0 10px 25px 10px;
  margin: 0 1rem 2.5rem 1rem;
  /*@include rem(padding,$pad_half*1.0rem);*/
  width: 165px;
  min-width: 165px;
  max-width: 165px;
  border: 1px solid transparent;
  text-align: center;
  position: relative;
}

.search-result__item:hover,
.product-item:hover {
  border-color: #ddd;
}

.search-result__item .product-info,
.product-item .product-info {
  padding-bottom: 0;
  min-height: 170px;
  position: relative;
}

.search-result__item .oos,
.product-item .oos {
  margin: 0;
}

.search-result__item .marketPlace,
.product-item .marketPlace {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 3px;
  padding: 0.3rem;
  line-height: 1.3;
  display: inline-block;
}

.search-result__item--counter:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 14px;
  background: linear-gradient(to top right, #00AEEF 29px, rgba(0, 0, 0, 0.9) 5px, transparent 0);
  width: 40px;
  height: 40px;
  box-shadow: -5px 2px 4px -2px rgba(0, 173, 238, 0.5);
}

.search-result__item--counter:after {
  content: counter(my-awesome-counter);
  position: absolute;
  bottom: 6px;
  left: 23px;
  color: #fff;
}

.search-result__page {
  width: 100%;
  text-align: center;
}

.btn--load-more {
  margin: 0 auto;
}

.search-result__pagination {
  min-height: 43px;
}

.search-result__pagination .navigation {
  text-align: center;
  margin: 0 auto;
}

.search-result__pagination li {
  display: inline-block;
}

.pagination {
  text-align: center;
  position: relative;
  line-height: 1.2rem;
  margin: 0 0 2rem;
}

.pagination .previous, .pagination ul, .pagination li, .pagination .next {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
}

.pagination li a, .pagination .skip, .pagination .current {
  padding: .5rem;
}

.pagination span.skip {
  color: #ddd;
}

.pagination li a {
  display: block;
}

.pagination li a:hover {
  /*            background: $blue--alt;
            text-decoration: none;*/
}

.pagination i {
  padding: .5rem 1rem;
}

.pagination .current {
  background: #ccc;
  color: #fff;
}

/* */
.search-result-figures {
  font-family: "opensansBold", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.search-terms {
  color: #002D62;
  font-style: italic;
}

.search-terms--replacement span {
  color: #002D62;
}

.dropdown-label--search {
  float: left;
}

.dropdown-label--search + .dropdown {
  min-width: 100px;
  margin-left: 10px;
  margin-left: 1rem;
}

.dropdown-label--search + .dropdown .dropdown__selected {
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
}

@media all and (max-width: 768px) {
  .search-result__item {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    /*@include rem(margin, 0 0 ($space_double*1.0rem) 0);*/
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
  .search-result__item .promo-stamp {
    right: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Spotlight organism

    Layout for a spotlighted book or event

    .default                    - default
    .spotlight--reverse         - reverse
    .spotlight--centered        - centered

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="spotlight {$modifiers}">
        <section class="container__content spotlight__teaser">
            <figure>
                <img src="http://www.placehold.it/170x230/343434/ffffff" alt="" class="spotlight__img-teaser" />
            </figure>
        </section>
        <section class="container__content spotlight__content has-promo-sticker" itemscope itemtype="https://schema.org/Book">
            <link itemprop="additionalType" href="https://schema.org/Product"/>
            <p class="promo-stamp"><span>&pound;5</span><span>off</span></p>
            <header>
                <p class="spotlight__headline">The one to read after gone girl</p>
                <h2 class="block__headline">
                    <a itemprop="url" href="product.html" >
                        <span itemprop="name" class="spotlight__title">The Girl on the Train</span>
                        <span itemprop="author" class="spotlight__author"> by Paula Hawkins</span>
                    </a>
                </h2>
            </header>
            <section class="spotlight__text">
                <p>This is the one everyone's talking about, the one all of our booksellers are reading and recommending. The definition of a page-turner, this one will keep you in its grip until the shocking final pages.</p>
            </section>
            <footer><a href="product.html" class="btn btn--secondary">View book</a></footer>
        </section>
    </div>

    Styleguide 5.4.0

*/
.spotlight a {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  border: 1px solid #ccc;
  display: table;
}

.spotlight a:hover {
  text-decoration: none;
}

.spotlight a:hover .spotlight__title {
  text-decoration: underline;
}

.spotlight_secondLink {
  float: right;
  font-size: 12px;
  padding: 10px;
  margin-top: -38px;
}

.spotlight_secondLink a {
  border: 0;
}

.spotlight_secondLinkButton {
  padding-bottom: 20px;
}

.spotlight__teaser,
.spotlight__content {
  -ms-flex: 1;
      flex: 1;
}

.spotlight--reverse > .spotlight__teaser {
  -ms-flex-order: 1;
      order: 1;
  margin-right: 0;
  margin-left: 10px;
  margin-left: 1rem;
}

.spotlight--center {
  -ms-flex-align: center;
      align-items: center;
}

.spotlight__teaser {
  position: relative;
  /*background-image: url("http://www.placehold.it/560x220");*/
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 220px;
  margin-right: 10px;
  margin-right: 1rem;
}

.container .spotlight__teaser.container__content {
  float: none;
  display: table-cell;
}

.wellcome-spotlight .spotlight__teaser.container__content {
  width: 48%;
}

.spotlight__teaser figure {
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -6%);
}

.spotlight.bg-contained .container__content.spotlight__teaser {
  background-size: contain;
  background-repeat: no-repeat;
}

.spotlight__img-teaser {
  /*position: absolute;*/
  /*right: -8px;*/
  /*right: -14px;*/
  /*top: 50%;
        transform: translate(0, -50%) rotate(-3deg);
        -ms-transform: translate(0, -6%) rotate(-3deg);*/
  /*        transform: rotate(-3deg);
        top: unset;
        bottom:unset;
     .type2 & {
        position: relative;
        right: auto;
        top: 0;
        transform: translate(0, 0) rotate(0deg);
        -ms-transform: translate(0, 0) rotate(0deg);
     }*/
  max-height: 250px !important;
}

.spotlight--reverse .spotlight__img-teaser {
  /*position: absolute;*/
  left: -3px;
  top: -7px;
  -ms-transform: rotate(3deg);
      transform: rotate(3deg);
}

.spotlight__content {
  padding: 20px;
  padding: 2rem;
}

.spotlight__content.container__content {
  padding: 20px;
  padding: 2rem;
}

.container .spotlight__content.container__content {
  float: none;
  display: table-cell;
}

.spotlight__content .block__headline {
  line-height: 1.2;
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.spotlight__content .block__headline a {
  padding: 0;
}

.type2 .spotlight__content .block__headline {
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
}

.type2 .spotlight__content .block__headline .spotlight__author,
.type2 .spotlight__content .block__headline .spotlight__title {
  font-size: 30px;
  font-size: 3rem;
}

.type2 .spotlight__content .block__headline .spotlight__author:hover,
.type2 .spotlight__content .block__headline .spotlight__title:hover {
  text-decoration: none;
}

.type2 .spotlight__content .block__headline .spotlight__author {
  color: #808080;
  display: block;
}

.spotlight__headline {
  font-size: 16px;
  font-size: 1.6rem;
  color: #777;
  margin-bottom: 0;
  text-transform: uppercase;
}

.type2 .spotlight__headline {
  font-size: 40px;
  font-size: 4rem;
  text-transform: initial;
  font-family: "blackwell", Times, "Times New Roman", serif;
  color: #fff;
}

.xmas2018 .container--100.type2 .spotlight__content h2,
.xmas2018 .container--100.type2 .spotlight__title,
.xmas2018 .container--100.type2 .spotlight__author,
.xmas2018 .container--100.type2 .spotlight__headline {
  text-shadow: 0px 0px 10px white;
  color: #002D62;
}

.xmas2018 .container--100.type2 .spotlight__headline {
  font-size: 25px;
  font-size: 2.5rem;
}

.xmas2018 .container--100.type2 .block__headline {
  font-size: 22px;
  font-size: 2.2rem;
}

.spotlight__title {
  font-size: 26px;
  font-size: 2.6rem;
}

.spotlight__subtitle {
  color: #777;
}

.spotlight__author {
  font-size: 22px;
  font-size: 2.2rem;
}

.spotlight__author.break-before {
  white-space: pre;
}

.spotlight__text p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #777;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding-right: 10px;
  padding-right: 1rem;
}

.no-flex .spotlight a {
  *zoom: 1;
  position: relative;
}

.no-flex .spotlight a:before, .no-flex .spotlight a:after {
  content: "";
  display: table;
}

.no-flex .spotlight a:after {
  clear: both;
}

.no-flex .spotlight__teaser {
  margin-right: 1em;
  float: left;
}

.no-flex .spotlight__content {
  max-width: 100%;
}

.no-flex .spotlight--center {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.no-flex .spotlight--reverse > .spotlight__teaser {
  float: right;
  margin: 0 0 0 1em;
}

/* half imgae, with/out book and half text */
.container--50.spotlight {
  /*.Aspotlight {*/
  /*}*/
}

.container--50.spotlight .spotlight__teaser {
  background-repeat: no-repeat;
  background-position: right top;
}

.container--50.spotlight .jacket-mobile-only .spotlight__teaser figure {
  display: none;
}

#home .container--50.spotlight1 .spotlight__teaser {
  /*background-image: url("/resources/images/spotlights/homeSpotlight/spotlight.gif");*/
  background-image: url("/resources/images/spotlights/homeSpotlight/spotlight.jpg");
}

@media all and (max-width: 480px) {
  #home .container--50.spotlight1 .spotlight__teaser figure {
    /*background: #3bbdd4;*/
    /*top: 54%;*/
    top: -30px;
  }
}

#wellcome .container--50.spotlight1 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/wellcomeSpotlight/spotlight.jpg");
}

#games .container--50.spotlight1 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/games/spotlight.jpg");
}

#morris .container--50.spotlight1 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/williammorris/spotlight1.jpg");
}

#htlgi .container--50.spotlight1 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/htlgi/spotlight.gif");
}

@media all and (max-width: 480px) {
  #htlgi .container--50.spotlight1 .spotlight__teaser figure {
    /*background: #3bbdd4;*/
    /*top: 54%;*/
    top: 45%;
  }
}

#student .container--50.spotlight1 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/spmg/spotlight.gif");
  /*background-image: url("/resources/images/spotlights/spmg/spotlight.jpg");*/
}

@media all and (max-width: 480px) {
  #student .container--50.spotlight1 .spotlight__teaser figure {
    /*background: #3bbdd4;*/
    /*top: 54%;*/
    top: -30px;
  }
}

#home .container--50.spotlight2 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/homeSpotlight/spotlight2.jpg");
}

#games .container--50.spotlight2 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/games/spotlight2.jpg");
}

#games .container--50.spotlight3 .spotlight__teaser {
  background-image: url("/resources/images/spotlights/games/spotlight3.jpg");
  height: 200px;
}

#games .container--50.spotlight3 .spotlight__content {
  vertical-align: middle;
}

.container--50.type3 .container__content.spotlight__teaser figure {
  transform: translate(0, -50%) rotate(0);
  -ms-transform: translate(0, -6%) rotate(0);
}

/* full width and no book */
.container--100.spotlight {
  width: 100%;
  display: block;
}

.container--100.spotlight a {
  display: block;
  position: relative;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

#home .container--100.spotlight.spotlight1 a {
  background-image: url("/resources/images/spotlights/homeSpotlight/spotlight.jpg");
}

#student .container--100.spotlight.spotlight1 a {
  background-image: url("/resources/images/spotlights/spmg/spotlight.jpg");
  background-color: #F6F6F6;
  height: 300px;
  background-position: left center;
  background-size: cover;
}

#student .container--100.spotlight.spotlight1 a span {
  text-indent: -1000px;
  display: block;
}

#home .container--100.spotlight.spotlight2 a {
  background-image: url("/resources/images/spotlights/homeSpotlight/spotlight2.jpg");
}

.container--100.spotlight .spotlight__teaser {
  display: block;
  background-position: center center;
}

.container--100.spotlight .spotlight__content.container__content {
  min-height: 220px;
  /*position: absolute;*/
  top: 0;
  text-align: center;
  display: block;
  margin: 0 !important;
  width: 100% !important;
}

.container--100.type1 footer, .container--100.type2 footer {
  /*bottom: 40px;
            position: absolute;*/
  width: 100%;
  padding: 10px 0;
  /*left: 0;*/
}

.container--100.type1.btn-2 .btn--secondary, .container--100.type2.btn-2 .btn--secondary {
  background-color: #fff;
  color: #002D62;
  box-shadow: 0px 0px 20px 0px rgba(0, 45, 98, 0.6);
}

.container--100.type1.btn-2 .btn--secondary:hover, .container--100.type1.btn-2 .btn--secondary:focus, .container--100.type2.btn-2 .btn--secondary:hover, .container--100.type2.btn-2 .btn--secondary:focus {
  background-color: #002D62;
  color: #fff;
}

.container--100.type1 .spotlight__content h2 {
  text-shadow: 0px 0px 10px white;
}

.container--100.type1 .btn--secondary {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: 50px;
}

.container--100.type2 .spotlight__content {
  /*position: relative;*/
}

.container--100.type2 .spotlight__content h2,
.container--100.type2 .spotlight__title,
.container--100.type2 .spotlight__author,
.container--100.type2 .spotlight__headline {
  text-shadow: 0px 0px 10px black;
}

.container--100.type2 figure {
  display: inline-block;
}

.container--100.type2 .spotlight__headline {
  font-size: 75px;
  font-size: 7.5rem;
}

.container--100.type3 {
  max-width: 100%;
}

.container--100.type3.spotlight1 {
  background-image: url("/resources/images/spotlights/homeSpotlight/spotlight.jpg");
  background-position: 50%;
  background-size: cover;
}

.container--100.type3 .container__content {
  display: inline-block !important;
}

.container--100.type3 .container__content.spotlight__teaser {
  width: 60% !important;
  vertical-align: middle;
}

.container--100.type3 .container__content.spotlight__teaser figure {
  transform: rotate(0);
  -ms-transform: rotate(0);
  right: 0;
  top: initial;
  bottom: initial;
  position: relative;
}

.container--100.type3 .container__content.spotlight__content {
  float: left;
  width: 40% !important;
}

.container--100.type3 .container__content .spotlight__title {
  font-size: 55px;
}

.container--100.type3 .container__content .spotlight__text p {
  font-size: 26px;
  color: #555;
}

.container--100.type3.left .container__content.spotlight__teaser {
  float: left;
}

.container--100.type3.left .container__content.spotlight__teaser figure {
  right: unset;
  left: 0;
}

.container--100.type3 a {
  background: none !important;
  max-width: 1050px;
  margin: 0 auto;
  border: 0;
  padding: 30px 0;
  overflow: hidden;
}

.container--100.type3 .container__content.spotlight__content, .container--100.type4 .container__content.spotlight__content {
  text-align: left;
  vertical-align: middle;
}

.container--100.type3 .container__content .spotlight__text p, .container--100.type4 .container__content .spotlight__text p {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.container--100.type3 .container__content .btn, .container--100.type4 .container__content .btn {
  font-size: 26px;
}

.container--100.type4 a {
  /*height: 340px;*/
  background-size: cover;
  background-repeat: no-repeat;
}

.container--100.type4 .container__content {
  padding: 40px 20px;
}

.container--100.type4 .container__content .spotlight__title {
  font-size: 40px;
}

.container--100.type4 .container__content .spotlight__text p {
  font-size: 24px;
}

.container--100.type4 .container__content .block__headline,
.container--100.type4 .container__content .spotlight__text p {
  width: 29% !important;
  color: #fff;
  text-shadow: 0px 0px 10px black;
}

.container--100.type4 .container__content .btn {
  background: #fff;
  color: #002D62;
  box-shadow: 0px 0px 10px black;
}

.container--100.type4.blue .block__headline {
  color: #002D62;
  text-shadow: none;
}

.container--100.type4.blue .spotlight__text p {
  color: #555;
  text-shadow: none;
}

.container--100.type4.blue .btn {
  background: #002D62;
  color: #fff;
  box-shadow: none;
}

@media all and (max-width: 1050px) {
  .container--100.spotlight.type3 .container__content .spotlight__title, .container--100.spotlight.type4 .container__content .spotlight__title {
    font-size: 4.8vw;
  }
  .container--100.spotlight.type3 .container__content .spotlight__text p, .container--100.spotlight.type4 .container__content .spotlight__text p {
    font-size: 2.5vw;
  }
  .container--100.spotlight.type3 .container__content .btn, .container--100.spotlight.type4 .container__content .btn {
    font-size: 2.5vw;
  }
  .container--100.spotlight.type4 .container__content {
    padding: 20px;
  }
}

@media all and (max-width: 988px) {
  .container--100.spotlight.type3 .container__content .spotlight__text p, .container--100.spotlight.type4 .container__content .spotlight__text p {
    width: 33% !important;
  }
}

@media all and (max-width: 768px) {
  .spotlight:not(.type2) footer {
    position: relative;
    bottom: 0;
  }
  .spotlight:not(.type2) .spotlight__teaser {
    width: 48% !important;
  }
  .spotlight:not(.type2) .spotlight--no-book-cover .spotlight__teaser {
    /*min-height: 0;*/
  }
  .spotlight .spotlight__img-teaser {
    /*top: 0;*/
  }
  .spotlight .promo-stamp {
    top: -30px;
  }
  .spotlight__content {
    /*padding: 10px !important;  Overwritte layout.scss */
    /*flex: 2;*/
    width: calc(100% - 195px) !important;
  }
  #student .container--100.spotlight.spotlight1 a {
    background-image: url("/resources/images/spotlights/spmg/spotlight-half.jpg") !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .container--100.spotlight.type2 .spotlight__content h2,
  .container--100.spotlight.type2 .spotlight__title,
  .container--100.spotlight.type2 .spotlight__author,
  .container--100.spotlight.type2 .spotlight__headline {
    /*text-shadow:0px 0px 10px rgba($black, 1);*/
  }
  .container--100.spotlight.type2 .spotlight__content {
    /*width: calc(100% - 195px)!important;*/
    position: relative;
    /*display: table-cell;*/
    margin: 0 auto !important;
  }
  .container--100.spotlight.type2 .spotlight__teaser {
    /*display: table-cell;*/
    /*float: left;*/
  }
  .container--100.spotlight.type2 .spotlight__headline {
    font-size: 55px;
    font-size: 5.5rem;
  }
  .container--100.spotlight.type3.spotlight1, .container--100.spotlight.type4.spotlight1 {
    background-size: cover;
    background-position: 50% 80%;
  }
  .container--100.spotlight.type3 .container__content.spotlight__teaser, .container--100.spotlight.type4 .container__content.spotlight__teaser {
    width: 100% !important;
    float: none !important;
  }
  .container--100.spotlight.type3 .container__content.spotlight__teaser figure, .container--100.spotlight.type4 .container__content.spotlight__teaser figure {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 80%;
    bottom: -150px;
  }
  .container--100.spotlight.type3 .container__content.spotlight__content, .container--100.spotlight.type4 .container__content.spotlight__content {
    width: 100% !important;
    text-align: center;
    position: absolute;
    left: 0;
  }
  .container--100.spotlight.type3 .container__content .spotlight__title, .container--100.spotlight.type4 .container__content .spotlight__title {
    font-size: 7vw;
  }
  .container--100.spotlight.type3 .container__content .spotlight__text p, .container--100.spotlight.type4 .container__content .spotlight__text p {
    font-size: 4vw;
    font-family: "blackwell", Times, "Times New Roman", serif;
    color: #555;
  }
  .container--100.spotlight.type3 .container__content .btn, .container--100.spotlight.type4 .container__content .btn {
    font-size: 4vw;
  }
  .container--100.spotlight.type3 a, .container--100.spotlight.type4 a {
    padding-bottom: 24%;
  }
  .container--100.spotlight.type4 .container__content .block__headline,
  .container--100.spotlight.type4 .container__content .spotlight__text p {
    width: 100% !important;
    text-shadow: none;
  }
  .container--100.spotlight.type4 .block__headline {
    color: #002D62;
  }
  .container--100.spotlight.type4 .container__content.spotlight__content {
    position: relative;
    padding-bottom: 40px;
    min-height: initial;
  }
  .container--100.spotlight.type4 .container__content .btn {
    background: #002D62;
    color: #fff;
    box-shadow: none;
  }
  .container--100.spotlight.type4 a {
    background-size: contain;
    background-position: 50% bottom;
    padding-bottom: 35%;
  }
  .container--100.spotlight.type4.spotlight2 a {
    background-image: url("/resources/images/spotlights/homeSpotlight/spotlight2-half.jpg") !important;
  }
}

/*======== Mobile component =============*/
@media all and (max-width: 480px) {
  .spotlight.container--50 {
    position: relative;
  }
  .spotlight.container--50 a {
    display: block;
    margin-top: 210px;
  }
  .spotlight.container--50 a.spotlight--no-book-cover {
    /*margin-top: 0;*/
    /*.spotlight__teaser {
                    background-size: 112%;
                    background-position: center top;
                }*/
  }
  .spotlight.container--50 .spotlight_secondLink {
    float: none;
    font-size: 12px;
    padding: 10px;
    text-align: center;
  }
  .spotlight.container--50 .spotlight_secondLink a {
    margin-top: 0;
  }
  .spotlight.container--50:not(.type3) .spotlight__teaser {
    background-image: none !important;
  }
  .spotlight.container--50 .spotlight__teaser {
    /*background-image: none !important; // Overwrite inline style*/
    /*width: 100% !important;*/
    background-size: cover;
    background-position: center top;
    width: 97% !important;
    position: absolute;
    top: 0;
  }
  .spotlight.container--50 .spotlight__teaser figure {
    display: block !important;
    text-align: center;
    right: 0;
    top: -20px;
    -ms-transform: unset;
        transform: unset;
    /*bottom: unset;*/
    left: 0;
    padding: 10px 0;
  }
  .container .spotlight.container--50 .spotlight__teaser.container__content {
    float: left;
  }
  .spotlight.container--50 .spotlight__img-teaser {
    /*right: auto;
            left: 50%;
            transform: translate(-50%, 0);
            top: -10px;
            position: absolute;*/
  }
  .spotlight.container--50 .spotlight__content {
    text-align: center;
    /*border: 1px solid $grey_light;*/
    width: 90% !important;
    margin: 0 5% !important;
    padding-bottom: 20px !important;
    padding-bottom: 2rem !important;
    z-index: -1;
  }
  .container:not(.type1) .spotlight__teaser.container__content {
    float: left;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.cssload {
  position: relative;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.cssload:after {
  content: "";
  position: absolute;
  height: 7px;
  width: 25px;
  background-color: #00AEEF;
  animation: cssload-bar-animate 2.3s linear infinite;
}

@keyframes cssload-bar-animate {
  0% {
    left: -25px;
  }
  100% {
    left: 100%;
  }
}

/* color will be of ttype rgba(color, alpha) */
/* r,g,b */
/* alpha 0 .. 1*/
/* number of circles x width of circles */
.cssload-loader-walk {
  width: 45px;
  height: 18px;
  position: relative;
}

.cssload-loader-walk > div {
  content: "";
  width: 9px;
  height: 9px;
  background: #00aeef;
  border-radius: 100%;
  position: absolute;
  animation: cssload-animate 2.3s linear infinite;
}

.cssload-loader-walk > div:nth-of-type(1) {
  animation-delay: -0.46s;
}

.cssload-loader-walk > div:nth-of-type(2) {
  animation-delay: -0.92s;
}

.cssload-loader-walk > div:nth-of-type(3) {
  animation-delay: -1.38s;
}

.cssload-loader-walk > div:nth-of-type(4) {
  animation-delay: -1.84s;
}

@keyframes cssload-animate {
  0% {
    left: 45px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -9px;
    width: 9px;
    height: 9px;
  }
  90% {
    /* speed effec on the circle */
    width: 18px;
    height: 7px;
  }
  95% {
    left: 45px;
    top: -9px;
    width: 9px;
    height: 9px;
  }
  100% {
    left: 45px;
    top: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket content

    - Basket item row


    markup:
    <section class="basket basket__content u-shadow-in">
        <section class="container">
            <table class="basket__item-list u-borderless">
                <tr class="basket__item">
                    <td class="column-item">
                        <div class="clearfix">
                            <div class="basket-item__picture">
                                <img src="http://www.placehold.it/80x110?text=Book" alt="do" ex="" aliqua="" width="80px" height="110px">
                            </div>
                            <div class="basket-item__info">
                                <h4><a href="product.html">do ex aliqua</a></h4>
                                <p>Lindsay Valdez</p>
                                <p class="basket-item__format"></p>
                                <p class="basket-item__links"><a href="#whishlist">Move to whishlist</a>&nbsp;|&nbsp;<a href="#save">Save for later</a></p>
                            </div>
                        </div>
                    </td>
                    <td class="column-qty">
                        <div>
                            <input type="number" step="1" min="0" max="9999" value="1">
                        </div>
                        <p><a href="#remove" class="js-remove-from-basket" data-isbn="338548213657">Remove</a></p>
                    </td>
                    <td class="column-reserve">
                        <i class="fa fa-check" aria-hidden="true"></i>
                        <p>Reserve now,
                            <br>collect at 4pm today</p>
                    </td>
                    <td class="column-deliver">
                        <i class="fa fa-times" aria-hidden="true"></i>
                        <p>Usually dispatched
                            <br>within 48 hours</p>
                    </td>
                    <td class="column-price">
                        <p class="item-price-full">£20.0</p>
                        <p class="item-price-discounted">£20.00</p>
                        <p class="item-price-saved">£5.00</p>
                    </td>
                    <td class="column-sub-total">
                        <p>£40.00</p>
                    </td>
                </tr>
            </table>
        </section>
    </section>

    Styleguide 4.6.3
*/
.basket__content {
  padding-top: 0;
}

.basket__content > .container {
  margin: 0 auto;
}

/* TEST MOBILE BASKET*/
.basket-mobile {
  padding: 0 10px;
  padding: 0 1rem;
}

.basket-mobile__item {
  padding: 10px 0;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}

.basket-mobile__item:last-child {
  border-bottom-color: transparent;
}

.basket-mobile__item .basket-mobile__item--wrapper {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.basket-mobile__item .mini-basket__thumb,
.basket-mobile__item .mini-basket__item-desc,
.basket-mobile__item .mini-basket__item-figure {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: flex-middle;
      align-self: flex-middle;
}

.basket-mobile__item .mini-basket__item-desc p {
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
}

.basket-mobile__item .mini-basket__item-desc .amount-saved {
  font-size: 11px;
  font-size: 1.1rem;
  color: #d21145;
}

.basket-mobile__item .mini-basket__item-desc .price-initial {
  color: #777;
  text-decoration: line-through;
}

.basket-mobile__item .mini-basket__item-desc input {
  padding: 6px;
  padding: 0.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket Head

    - Basket header row


    markup:
    <section class="container u-mb-sans basket__header">
        <table class="u-borderless">
            <tr class="basket__label">
                <td class="column-item">Item</td>
                <td class="column-qty">Quantity</td>
                <td class="column-reserve"><i class="fa fa-map-marker" aria-hidden="true"></i>Reserve &amp; collect</td>
                <td class="column-deliver"><i class="fa fa-truck" aria-hidden="true"></i>Delivery to</td>
                <td class="column-price">Price</td>
                <td class="column-sub-total">Sub-total</td>
            </tr>
        </table>
    </section>

    Styleguide 4.6.2
*/
.basket__label {
  height: 72px;
  vertical-align: middle;
}

.basket__label p {
  text-align: center;
}

.basket__label p:not(:first-child) {
  margin-bottom: 0;
}

.basket__label .fa {
  margin-right: 2.5px;
  margin-right: 0.25rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket Coupon

    - Basket coupon


    markup:
    <div class="coupon">
        <p>Do you have a coupon code?</p>
        <p>
            <input type="text" name="couponCode" id="couponCode" pattern="[A-Za-z][0-9]{4}-[A-Za-z][0-9]{4}-[A-Za-z][0-9]{4}">
            <button class="btn btn--secondary">Apply</button>
        </p>
        <i class="fa fa-scissors"></i>
    </div>

    Styleguide 4.6.4
*/
.coupon {
  padding: 15px 20px;
  padding: 1.5rem 2rem;
  margin: 40px 20px 20px 0;
  margin: 4rem 2rem 2rem 0;
  border: 1px dashed #ddd;
  width: 80%;
  position: relative;
}

.coupon p {
  margin: 0;
}

.coupon input[type="text"] {
  max-width: 320px;
  line-height: 24px;
  margin-right: 20px;
  margin-right: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.coupon .fa-scissors {
  position: absolute;
  right: 40px;
  top: -14px;
  top: -1.4rem;
  font-size: 24px;
  font-size: 2.4rem;
  transform: rotateY(180deg);
}

.coupon__applied {
  margin: 10px 0;
  margin: 1rem 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__footer {
  margin-top: 30px;
  margin-top: 3rem;
}

.basket__footer > div:first-child {
  width: 57.14286%;
  float: left;
  margin-right: 2.85714%;
}

.basket__footer > div {
  width: 40%;
  float: right;
  margin-right: 0;
}

.btn--submit {
  border: 1px solid #002D62;
}

.btn--submit:hover {
  border-color: #506794;
}

@media all and (max-width: 768px) {
  .basket__footer {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .basket__footer > div:first-child {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .basket__footer > div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .basket__bottom-line .figures {
    max-width: 100%;
    margin-left: 0;
  }
  .basket__bottom-line .figures--before-total {
    padding-left: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__item:first-child td {
  padding-top: 30px;
  padding-top: 3rem;
}

.basket__item td {
  vertical-align: top;
  padding-top: 20px;
  padding-top: 2rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}

.basket__item h4,
.mini-basket__item-desc h4 {
  font-family: "opensans", "Arial", sans-serif;
}

.basket__item h4::first-letter,
.mini-basket__item-desc h4::first-letter {
  text-transform: uppercase;
}

.basket__item .fa,
.mini-basket__item-desc .fa {
  font-size: 20px;
  font-size: 2rem;
  float: left;
}

.basket__item .fa-check,
.mini-basket__item-desc .fa-check {
  color: #8DC63F;
}

.basket__item .fa-times,
.mini-basket__item-desc .fa-times {
  color: #D31145;
}

.basket__item .fa + p,
.mini-basket__item-desc .fa + p {
  text-align: left;
  margin-bottom: 0;
  line-height: 20px;
  margin-left: 25px;
  margin-left: 2.5rem;
}

.basket__item .column-deliver,
.mini-basket__item-desc .column-deliver {
  position: relative;
}

.basket__item .lastDatesOver,
.mini-basket__item-desc .lastDatesOver {
  border: 3px solid #D31145;
  text-align: center;
  font-size: 12px;
  padding: 10px 6px 10px;
  background: #fff;
  color: #D31145;
  margin-top: 20px;
  position: relative;
  border-radius: 3px;
}

.basket__item .lastDatesOver:after,
.mini-basket__item-desc .lastDatesOver:after {
  content: "!";
  font-size: 120%;
  font-family: "opensansBold", "Arial", sans-serif;
  display: inline-block;
  border-radius: 100%;
  line-height: 18px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -12px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background: #D31145;
  color: #fff;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}

@media all and (max-width: 768px) {
  .basket__item .lastDatesOver,
  .mini-basket__item-desc .lastDatesOver {
    text-align: left;
    padding: 8px 12px;
  }
  .basket__item .lastDatesOver:after,
  .mini-basket__item-desc .lastDatesOver:after {
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    top: 50%;
    left: -12px;
  }
}

p.lineRef label input {
  width: auto;
}

.basket-mobile__item .fa {
  float: left;
}

.basket-mobile__item .fa + p {
  margin-left: 25px;
  margin-left: 2.5rem;
}

.basket-mobile__item .fa-check {
  color: #8DC63F;
}

.basket-mobile__item .fa-times {
  color: #D31145;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket

    Basket representation

    Styleguide 4.6.0
*/
/*
    Mini Basket - Header

    markup:
    <div class="order-recap">
        <div class="order-recap__summary">
            <i class="icon icon__order-recap"></i>
            <p class="qty hide-small">0 item</p>
            <p class="total hide-small">&pound;&thinsp;0.00</p>
        </div>
        <ul class="order-recap__list">
            <li class="order-recap__heading">Your basket</li>
            <li class="order-recap__item">
                <div class="order-recap__item--wrapper">
                    <div class="order-recap__thumb">
                        <a href="#">
                            <img class="jacket" title="ISBN: {{book.details.ISBN}} - {{book.title}}" alt="ISBN: {{book.details.ISBN}} - {{book.title}}" src="http://www.placehold.it/70x110?text={{book.thumbnail}}" />
                        </a>
                    </div>
                    <div class="order-recap__item-desc">
                        <h3><a href="books/{{book.title}}">{{book.title}}</a></h3>
                        <p class="author">{{book.author}}</p>
                        <p class="qty">Qty: 1</p>
                    </div>
                    <div class="order-recap__item-figures">
                        <p class="price-initial">&pound;&#8198;8&#8201;.&#8201;99</p>
                        <p>&pound;&#8198;6&#8201;.&#8201;29</p>
                        <p class="amount-saved">Save &pound;&#8198;1&#8201;.&#8201;25</p>
                    </div>
                </div>
            </li>
            <li class="order-recap__message">
                <p><i class="fa fa-truck"></i> Spend just <span class="delivery-free-value">&pound;&thinsp;10.00</span> more to get <span class="color-emphasis">FREE delivery</span> on your order!</p>
            </li>
            <li class="order-recap__value">
                <p class="order-recap__sub-total order-recap__sum"><span>Sub-total (6 items):</span><span>&pound;89.25</span></p>
                <p class="order-recap__delivery order-recap__sum"><span>Delivery:</span><span>&pound;2.50</span></p>
                <p><a href="basket.html" class="btn btn--primary">View basket</a></p>
            </li>
        </ul>
    </div>

    Styleguide
*/
.order-recap {
  position: relative;
  float: right;
}

.order-recap__summary {
  border: 1px solid #ccc;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 7px 5px 5px 30px;
  padding: 0.7rem 0.5rem 0.5rem 3rem;
}

.order-recap__summary p {
  margin: 0 0 0 1rem;
}

.order-recap__summary:before {
  background-color: #fff;
  height: 5px;
  width: 100%;
  width: calc(100% - 2px);
  position: absolute;
  bottom: -2px;
  right: 1px;
  z-index: 2;
}

.order-recap:hover .order-recap__summary {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.order-recap:hover .order-recap__summary:before {
  content: "";
}

/* IE pollyfilled sticky position */
.u-sticky.js-is-sticky {
  padding-top: 0.7rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 3rem !important;
  right: 6.42857%;
}

.order-recap-list {
  /* ul */
  background-color: #fff;
}

.order-recap__list {
  /* ul */
  position: absolute;
  right: 0;
  z-index: 1;
  height: 0;
  width: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  border-top-right-radius: 0;
  overflow-y: scroll;
}

.order-recap__list p {
  margin: 0;
  line-height: 20px;
  color: #333;
}

.order-recap:hover > .order-recap__list {
  padding: 10px;
  padding: 1rem;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
  min-width: 290px;
  height: 60vh;
  transition: height 0.6s;
}

.order-recap__heading {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 24px;
  font-size: 2.4rem;
}

.order-recap__back-link {
  line-height: 41px;
  line-height: 4.1rem;
  font-family: "opensans", "Arial", sans-serif;
}

.order-recap__item {
  /* li */
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.icon__order-recap {
  background: transparent url("../images/icons/mini_basket_icon.png") no-repeat 0 0;
  background-size: contain;
  width: 43px;
  height: 43px;
  margin-left: -40px;
  float: left;
}

.order-recap__item--wrapper {
  /* product container*/
  *zoom: 1;
}

.order-recap__item--wrapper:before, .order-recap__item--wrapper:after {
  content: "";
  display: table;
}

.order-recap__item--wrapper:after {
  clear: both;
}

.order-recap__thumb,
.order-recap__item-desc,
.order-recap__item-figures {
  float: left;
  max-width: 65%;
  min-width: 35%;
}

.order-recap__thumb {
  max-width: 35%;
  padding-right: 10px;
  padding-right: 1rem;
}

.order-recap__thumb a {
  display: block;
}

.order-recap__thumb a:hover {
  border-bottom-color: transparent;
}

.order-recap__item-desc h3 {
  font-size: 16px;
  line-height: 20px;
}

.order-recap__item-desc p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.order-recap__item-figures {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.order-recap__item-figures p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0;
}

.order-recap__item-figures .amount-saved {
  font-size: 14px;
  font-size: 1.4rem;
  color: #d21145;
}

.order-recap__item-figures .price-initial {
  color: #777;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.order-recap__item-dispach {
  margin-top: 10px;
  margin-top: 1rem;
  font-style: italic;
}

.order-recap__message {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.order-recap__message p {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  max-width: 80%;
  line-height: 1.5;
  margin: 10px auto 5px auto;
  margin: 1rem auto 0.5rem auto;
}

.order-recap__message p .color-emphasis {
  color: #F57B20;
}

.order-recap__value button {
  margin: 1 0 0 0;
  width: 100%;
  font-size: 21px;
  font-size: 2.1rem;
}

.order-recap__sum {
  *zoom: 1;
  margin-bottom: 0;
}

.order-recap__sum:before, .order-recap__sum:after {
  content: "";
  display: table;
}

.order-recap__sum:after {
  clear: both;
}

.order-recap__sum span {
  line-height: 2;
}

.order-recap__sum span:last-child {
  float: right;
}

/*    .order-recap__delivery{
        span:last-child{
            font-family: $font__bold
        }
    }*/
.order-recap__total {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-top: 5px;
  padding-top: 0.5rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
}

.total {
  font-size: 20px;
  font-size: 2rem;
}

.checkout--VIP .is-billing-recap {
  display: none;
}

.added-discount {
  background-color: #D31145;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
  padding: 0.5rem;
  font-size: 12px;
  font-size: 1.2rem;
}

.added-discount p {
  margin-bottom: 0;
}

.added-discount p:first-child {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.added-discount p span:last-child {
  font-family: "opensansBold", "Arial", sans-serif;
  float: right;
}

.added-discount .fa-close {
  margin-left: 7px;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
}

.no-js .checkout--VIP .ng-cloak.is-billing-recap,
.no-js .checkout--VIP .ng-cloak.ng-cloak.js-redeem-nbt,
.no-js .checkout--VIP .ng-cloak.ng-cloak.js-redeem-givex {
  display: none !important;
}

@media all and (max-width: 768px) {
  .order-recap-list {
    margin-top: 20px;
    margin-top: 2rem;
    padding-top: 20px;
    padding-top: 2rem;
    border-top: 1px solid #ccc;
  }
}

/*======== Mobile-header component =============*/
@media all and (max-width: 480px) {
  .order-recap {
    cursor: pointer;
  }
  .order-recap:hover > div {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }
  .order-recap:hover > div:before {
    display: none;
  }
  .order-recap > div {
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  .icon__order-recap {
    background: transparent url("/resources/images/icons/mini_basket_icon.png") no-repeat 0 0;
    background-size: contain;
    width: 43px;
    height: 43px;
    display: block;
    margin-left: 0;
    float: left;
    overflow: inherit;
    left: inherit;
    right: 15px;
  }
  .icon__order-recap:after {
    content: attr(basketItems);
    text-indent: -3px;
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: -5px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #00AEEF;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .order-recap__list {
    top: 1;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__lists {
  margin-bottom: 0;
}

.basket__lists + .main-sign-up {
  margin-top: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.page-header {
  /* Bookseller recommendations */
  /* Dungeons & Dragons */
  /* Halloween */
}

.page-header.type1 {
  background: #080808;
}

.page-header.type1 h1 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 5px;
  width: 100%;
}

@media (max-width: 530px) {
  .page-header.type1 h1:not(.fiveFoot) .page-header.type1 h1 {
    font-size: 25px;
  }
}

.page-header.type3 {
  padding: 0 !important;
}

.page-header.type3 h1 {
  margin: 0;
  padding: 0;
}

.page-header.head-banner {
  text-align: center;
  /*padding: 0;*/
  padding-top: 20px;
  max-width: 100%;
  position: relative;
  margin-top: 0;
}

.page-header.us-election {
  background: #f6f6f6;
  background: linear-gradient(0deg, #f6f6f6 0%, white 7%, white 93%, #f6f6f6 100%);
}

.page-header.us-election h1 {
  color: #cc1b30;
  margin-bottom: 10px;
  font-size: 30px;
}

.page-header.bboty2020 {
  background: #002E60 url("/resources/images/banners/catalogues/-186814_bg.png") center no-repeat;
}

.page-header.bboty2020 h1 {
  color: #fff;
}

.page-header.winterSale {
  margin-top: 0;
  background: #D31145 url("/resources/images/wigig/B-Background_red.gif") center repeat;
}

.page-header.winterSale h1 {
  color: #fff;
}

.page-header.chinese {
  background: #700D0D url("/resources/images/banners/catalogues/-186896_bg.png") center top repeat;
  padding-top: 0;
  padding-bottom: 20px;
}

.page-header.chinese img {
  margin-bottom: 10px;
}

.page-header.chinese h1 {
  color: #FDEB9A;
  text-shadow: 0px 0px 10px #000;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.page-header.wiredEvents {
  background: #dcdddf;
  padding: 0 20px 20px;
}

.page-header.wiredEvents h1 {
  color: #000;
}

.page-header.fiveFoot {
  background: #002D62 url("/resources/images/banners/catalogues/-186953_bg.jpg") center no-repeat;
  padding-top: 10px;
}

.page-header.fiveFoot .collection-header img {
  position: relative;
  margin-bottom: 40px;
}

@media (max-width: 444px) {
  .page-header.fiveFoot .collection-header img {
    width: 286px;
    margin-bottom: 30px;
  }
}

.page-header.fiveFoot h1 {
  position: absolute;
  top: 35px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  line-height: 24px;
  text-align: left;
  padding-left: 92px;
  width: 380px;
  text-transform: uppercase;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.page-header.fiveFoot h1 span.one {
  font-size: 21px;
  color: #000;
}

.page-header.fiveFoot h1 span.two {
  font-size: 44px;
  line-height: 40px;
}

.page-header.fiveFoot h1 span.three {
  text-align: center;
  font-size: 21px;
  color: #fff;
  position: absolute;
  bottom: -60px;
  left: 0;
  text-transform: capitalize;
  text-align: center;
  width: 100%;
}

@media (max-width: 444px) {
  .page-header.fiveFoot h1 {
    padding-left: 66px;
    width: 270px;
    line-height: 16px;
    top: 21px;
  }
  .page-header.fiveFoot h1 span.one {
    font-size: 14px;
  }
  .page-header.fiveFoot h1 span.two {
    font-size: 32px;
    line-height: 31px;
  }
  .page-header.fiveFoot h1 span.three {
    font-size: 15px;
    bottom: -45px;
  }
}

.page-header.secretSale {
  background: #F7F0D6 url("/resources/images/banners/catalogues/-187076_bg.gif") center no-repeat;
}

.page-header.secretSale h1 {
  width: 80%;
  text-align: center;
  margin: 0 auto 20px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 50px;
  border-radius: 10px;
}

@media (max-width: 480px) {
  .page-header.secretSale h1 {
    width: 90%;
  }
}

.page-header.secretSale h1 span {
  display: block;
  font-size: 20px;
  font-family: "opensans", "Arial", sans-serif;
  border-top: 1px solid #002D62;
  margin: 0 auto 20px;
  width: 250px;
  padding: 10px 0;
}

.page-header[class*="187865"] {
  margin-top: 0;
  padding: 0;
}

.page-header[class*="187865"]:before {
  background-image: url("/resources/images/banners/catalogues/-187865.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 150px;
  background-size: cover;
}

.page-header[class*="187865"] h1 {
  font-family: mina, serif;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 40px;
  line-height: 58px;
  color: #215F31;
  width: 100%;
}

.page-header[class*="187799"] {
  margin-top: 0;
  padding: 0;
}

.page-header[class*="187799"]:before {
  background-image: url("/resources/images/banners/catalogues/-187799.jpg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 150px;
  background-size: cover;
}

.page-header[class*="187799"] h1 {
  font-family: mina, serif;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 40px;
  line-height: 58px;
  color: #fff;
  width: 100%;
}

.page-header[class*="187890"] {
  margin-top: 0;
  padding: 0;
  height: 150px;
}

.page-header[class*="187890"]:before {
  background-image: url("/resources/images/banners/catalogues/-187890_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
}

.page-header[class*="186089"] {
  margin-top: 0;
  padding: 0;
  height: 150px;
  background: #000;
  color: #fff;
}

.page-header[class*="186089"]:before {
  background-image: url("/resources/images/banners/catalogues/-186089_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
}

.page-header[class*="186089"] h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 40px;
  line-height: 58px;
  color: #fff;
  width: 100%;
  text-shadow: 0px 0px 10px #000;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.page-header[class*="186818"] {
  margin-top: 0;
  background: #D31145 url("/resources/images/wigig/B-Background_red.gif") center repeat;
}

.page-header[class*="186818"] h1 {
  color: #fff;
  font-size: 8rem;
}

.collection-header {
  margin-bottom: 0;
}

.collection__user h1 {
  color: #002D62;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket Total

    - Basket total


    markup:
    <section class="basket__footer">
        <div class="basket__bottom-line" style="width: 100%">
            <p class="figures">Sub-total:&nbsp;
                <span class="js-basket-subTotal">
                    <span class="js-currency">&pound;&thinsp;</span>
                    87.83
                </span>
            </p>
            <p class="figures figures--before-total">Delivery:&nbsp;
                <span class="js-basket-subTotal">
                    <span class="js-currency"></span>
                    FREE
                </span>
            </p>
            <p class="figures">Total:&nbsp;
                <span class="js-basket-total">
                    <span class="js-currency">&pound;&thinsp;</span>
                    87.83</span>
                </span>
            </p>
            <p class="basket__bw-point"><span class="js-bw-point">Earn <i>440</i> Blackwell&rsquo;s reward card points with this purchase</span></p>
            <p><button class="btn btn--large">Checkout</button></p>
            <p><a href="#">continue shopping</a></p>
        </div>
    </section>

    Styleguide 4.6.5
*/
.basket__bottom-line {
  font-size: 16px;
  font-size: 1.6rem;
}

.basket__bottom-line p:not(.figures) {
  text-align: right;
}

.figures {
  max-width: 80%;
  margin-left: 20%;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.figures > span {
  text-align: right;
  float: right;
}

.figures--before-total {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ddd;
}

.basket__checkoput-btn {
  margin-top: 30px;
  margin-top: 3rem;
}

.basket__continue-shopping {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  padding: 1rem;
}

.basket__bw-point {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
  margin-top: 1rem;
}

.basket__bw-point i {
  font-style: normal;
}

.basket-discount {
  color: #D31145;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket

    Basket representation

    Styleguide 4.6.0
*/
/*
    Mini Basket - Header

    markup:
    <div class="mini-basket">
        <div class="mini-basket__summary">
            <i class="icon icon__mini-basket"></i>
            <p class="qty hide-small">0 item</p>
            <p class="total hide-small">&pound;&thinsp;0.00</p>
        </div>
        <ul class="mini-basket__list">
            <li class="mini-basket__heading">Your basket</li>
            <li class="mini-basket__item">
                <div class="mini-basket__item--wrapper">
                    <div class="mini-basket__thumb">
                        <a href="#">
                            <img class="jacket" title="ISBN: {{book.details.ISBN}} - {{book.title}}" alt="ISBN: {{book.details.ISBN}} - {{book.title}}" src="http://www.placehold.it/70x110?text={{book.thumbnail}}" />
                        </a>
                    </div>
                    <div class="mini-basket__item-desc">
                        <h3><a href="books/{{book.title}}">{{book.title}}</a></h3>
                        <p class="author">{{book.author}}</p>
                        <p class="qty">Qty: 1</p>
                    </div>
                    <div class="mini-basket__item-figures">
                        <p class="price-initial">&pound;&#8198;8&#8201;.&#8201;99</p>
                        <p>&pound;&#8198;6&#8201;.&#8201;29</p>
                        <p class="amount-saved">Save &pound;&#8198;1&#8201;.&#8201;25</p>
                    </div>
                </div>
            </li>
            <li class="mini-basket__message">
                <p><i class="fa fa-truck"></i> Spend just <span class="delivery-free-value">&pound;&thinsp;10.00</span> more to get <span class="color-emphasis">FREE delivery</span> on your order!</p>
            </li>
            <li class="mini-basket__value">
                <p class="mini-basket__sub-total mini-basket__sum"><span>Sub-total (6 items):</span><span>&pound;89.25</span></p>
                <p class="mini-basket__delivery mini-basket__sum"><span>Delivery:</span><span>&pound;2.50</span></p>
                <p><a href="basket.html" class="btn btn--primary">View basket</a></p>
            </li>
        </ul>
    </div>

    Styleguide 4.6.1
*/
.mini-basket {
  position: relative;
  float: right;
  min-width: 140px;
  text-align: right;
  z-index: 1001;
}

.mini-basket a:hover {
  text-decoration: none;
}

.mini-basket__top-btn {
  width: 100%;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 20px;
  margin: 0 0 20px;
  margin: 0 0 2rem;
}

.jump-to-basket {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.mini-basket__summary {
  border: 1px solid #ccc;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: block;
  padding: 7px 5px 5px 0;
  padding: 0.7rem 0.5rem 0.5rem 0;
}

.mini-basket__summary p:not(.icon) {
  margin: 0 0 0 1rem;
}

.mini-basket__summary:before {
  background-color: #fff;
  height: 5px;
  width: 100%;
  width: calc(100% - 2px);
  position: absolute;
  bottom: 0px;
  right: 1px;
  z-index: 2;
}

.mini-basket:hover .mini-basket__summary {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.mini-basket:hover .mini-basket__summary:before {
  content: "";
  z-index: 11;
}

.mini-basket__list {
  /* ul */
  position: absolute;
  right: 0;
  z-index: 10;
  height: 0;
  width: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  border-top-right-radius: 0;
  overflow-y: scroll;
}

.mini-basket__list p {
  margin: 0;
  line-height: 20px;
  color: #333;
}

.mini-basket:hover > .mini-basket__list {
  padding: 10px;
  padding: 1rem;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
  min-width: 320px;
  height: 60vh;
  transition: height 0.6s;
}

.mini-basket__heading {
  text-align: left;
  font-family: "opensansBold", "Arial", sans-serif;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.mini-basket__item {
  /* li */
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.icon__mini-basket {
  background: transparent url("../images/icons/mini_basket_icon.png") no-repeat 0 0;
  background-size: contain;
  width: 43px;
  height: 43px;
  margin-left: -18px;
  float: left;
  transition: height .3s, margin-left .3s, margin-top .3s;
}

.icon__mini-basket.basketAdded {
  height: 53px;
  margin-left: -21px;
  margin-top: -5px;
}

.mini-basket__item--wrapper {
  /* product container*/
  *zoom: 1;
}

.mini-basket__item--wrapper:before, .mini-basket__item--wrapper:after {
  content: "";
  display: table;
}

.mini-basket__item--wrapper:after {
  clear: both;
}

.mini-basket__thumb,
.mini-basket__item-desc {
  float: left;
  text-align: left;
}

.mini-basket__thumb {
  padding-right: 10px;
  padding-right: 1rem;
  max-width: 30%;
}

.mini-basket__thumb a:hover {
  border-bottom: 0;
}

.mini-basket__item-desc {
  max-width: 40%;
}

.mini-basket__item-desc h3 {
  font-size: 14px;
  line-height: 20px;
}

.mini-basket__item-desc p {
  font-size: 12px;
  font-size: 1.2rem;
}

.mini-basket__item-figures {
  float: right;
  text-align: right;
}

.mini-basket__item-figures p {
  font-size: 16px;
  font-size: 1.6rem;
}

.mini-basket__item-figures .amount-saved {
  font-size: 14px;
  font-size: 1.4rem;
  color: #d21145;
}

.mini-basket__item-figures .price-initial {
  color: #777;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.mini-basket__message {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.mini-basket__message p {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  color: #555;
  font-family: "opensansBold", "Arial", sans-serif;
  max-width: 80%;
  line-height: 1.5;
  margin: 10px auto 5px auto;
  margin: 1rem auto 0.5rem auto;
}

.mini-basket__message p .color-emphasis {
  color: #F57B20;
}

.mini-basket__message--empty {
  text-align: center;
  padding: 20px 0 40px 0;
  padding: 2rem 0 4rem 0;
}

.mini-basket__value .btn {
  margin: 1rem 0 0 0;
  width: 100%;
  font-size: 21px;
  font-size: 2.1rem;
}

.mini-basket__sum {
  *zoom: 1;
}

.mini-basket__sum:before, .mini-basket__sum:after {
  content: "";
  display: table;
}

.mini-basket__sum:after {
  clear: both;
}

.mini-basket__sum span {
  float: left;
  line-height: 2;
}

.mini-basket__sum span:last-child {
  float: right;
}

.mini-basket__sum span.u-right {
  float: right;
}

.mini-basket__sub-total span:last-child {
  font-family: "opensansBold", "Arial", sans-serif;
}

.total {
  font-size: 20px;
  font-size: 2rem;
}

/*======== Mobile-header component =============*/
@media all and (max-width: 768px) {
  .mini-basket {
    cursor: pointer;
    min-width: 0;
  }
  .mini-basket:hover > div {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }
  .mini-basket:hover > div:before {
    display: none;
  }
  .mini-basket > div {
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  .mini-basket:hover .mini-basket__list {
    display: none;
  }
  .icon__mini-basket {
    background: transparent url("/resources/images/icons/mini_basket_icon.png") no-repeat 0 0;
    background-size: contain;
    width: 48px;
    height: 48px;
    display: block;
    margin-left: 0;
    margin-top: -5px;
    float: left;
    overflow: inherit;
    left: inherit;
    right: 15px;
  }
  .icon__mini-basket:after {
    content: attr(basketitems);
    text-indent: -3px;
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: -5px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #00AEEF;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .icon__mini-basket.update:after {
    content: attr(basketitems);
  }
  .mini-basket__list {
    top: 1;
  }
}

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

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banner - Free Delivery

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="free-delivery-banner">
        <p>

        </p>
    </div>

    Styleguide
*/
.free-delivery-banner {
  padding: 20px 0 0 0;
  padding: 2rem 0 0 0;
  text-align: left;
  color: #333;
}

.free-delivery-banner p:first-child {
  margin-bottom: 1.0rem;
}

.free-delivery-banner p:last-child {
  margin-bottom: 0;
  line-height: 58px;
}

@media all and (max-width: 920px) {
  #games .free-delivery-banner p.u-font-double {
    font-size: 24px;
  }
}

@media all and (max-width: 768px) {
  .free-delivery-banner {
    text-align: center;
  }
  .free-delivery-banner p {
    font-size: 16px;
  }
  .free-delivery-banner p.u-font-double {
    font-size: 24px;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banner - Christmas Date

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="delivery-christmas-banner">
        <p>

        </p>
    </div>

    Styleguide 4.7.2
*/
.delivery-christmas-banner {
  padding: 20px 0;
  padding: 2rem 0;
  text-align: left;
  color: #333;
  max-height: 105px;
  /* height of the backgound */
  background-image: url("/resources/images/backgrounds/snow_bg.jpg");
}

.delivery-christmas-banner > div {
  text-align: left;
}

.delivery-christmas-banner p:first-child {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.delivery-christmas-banner a {
  text-decoration: underline;
  font-family: "opensans", "Arial", sans-serif;
}

.christmas-postbox {
  float: right;
  max-height: 104px;
  margin-top: -20px;
  margin-top: -2rem;
}

.christmas__title {
  margin-top: 30px;
  margin-top: 3rem;
}

.christmas__title h1 {
  font-size: 52px;
  font-size: 5.2rem;
}

.navigation.navigation--inline.christmas--navigation {
  display: block;
  width: calc(100% - 20px);
  font-size: 14px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin: 0;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding-right: 10px;
}

.navigation.navigation--inline.christmas--navigation li {
  position: relative;
  display: inline-block;
}

.navigation.navigation--inline.christmas--navigation li:not(.mobile_jump-link):after {
  /*content: "\00b7";*/
  content: "";
  position: absolute;
  top: 12%;
  /*right: -4px;*/
}

.navigation.navigation--inline.christmas--navigation li:last-child:after {
  content: "";
}

.navigation.navigation--inline.christmas--navigation li a {
  padding: 2.5px 5px;
  padding: 0.25rem 0.5rem;
}

.top-banner.christmas--banner > .container {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.top-banner.christmas--banner + .page-header {
  margin-top: 10px;
  margin-top: 1rem;
}

/*@media all and (max-width:$bp__tab){*/
.top-banner.christmas--banner > .container {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.top-banner.christmas--banner + .page-header {
  margin-top: 10px;
  margin-top: 1rem;
}

.navigation.navigation--inline.christmas--navigation {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
}

.navigation.navigation--inline.christmas--navigation .mobile_jump-link {
  width: 100%;
  margin: 0 auto;
}

.navigation.navigation--inline.christmas--navigation .mobile_jump-link label {
  width: 100%;
  border: 1px solid #999;
  border-radius: 5px;
  position: relative;
  display: block;
  margin: 0 auto;
  margin: 10px;
  margin: 1rem;
  padding: 5px 0;
  padding: 0.5rem 0;
}

.navigation.navigation--inline.christmas--navigation .mobile_jump-link label:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #999;
  font-size: 0;
  line-height: 0;
}

.navigation.navigation--inline.christmas--navigation .mobile_jump-link,
.navigation.navigation--inline.christmas--navigation .mobile_jump-link label {
  cursor: pointer;
}

.navigation.navigation--inline.christmas--navigation a {
  padding: 5px 10px;
  padding: 0.5rem 1rem;
}

.navigation.navigation--inline.christmas--navigation [id="showMobileLinks"] ~ li:not(.mobile_jump-link) {
  display: none;
}

.navigation.navigation--inline.christmas--navigation [id="showMobileLinks"]:checked ~ li {
  display: initial;
}

.navigation.navigation--inline.christmas--navigation li:not(.mobile_jump-link):after {
  content: "";
}

/*}*/
@media (max-width: 710px) {
  .christmas-postbox {
    display: none;
  }
}

@media (max-width: 913px) and (min-width: 768px) {
  .top-banner.christmas--banner > .container {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  .top-banner.christmas--banner + .page-header {
    margin-top: 10px;
    margin-top: 1rem;
  }
  .navigation.navigation--inline.christmas--navigation li a {
    font-size: inherit;
    padding: 5px 10px;
    padding: 0.5rem 1rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

#games .free-delivery-banner p:last-child {
  line-height: 78px;
}

.game-finder-map {
  float: right;
}

.finder-link {
  display: inline-block;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #333;
  position: absolute;
  left: 30%;
  top: 30%;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
}

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

@media all and (max-width: 768px) {
  .game-finder-map {
    float: none;
  }
}

@media all and (max-width: 480px) {
  .finder-link {
    left: 25%;
    top: 45%;
    font-size: 14px;
    padding: 3px 10px;
    padding: 0.3rem 1rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banner - Free delivery

    .delivery-free-banner           - Banner top
    .delivery-free-banner--alt      - Banner basket

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="{$modifiers}">
        <p>
            <i class="fa fa-truck"></i>
            <span>Free delivery on orders over &pound;10</span>
            <span>&nbsp;|&nbsp;</span>
            <span>Free reserve &amp; collect in our bookshops</span>
            <i class="fa fa-book"></i>
        </p>
    </div>


*/
.page-banner.delivery-free-banner {
  background: #F57B20;
  color: #fff;
  text-transform: uppercase;
  word-spacing: .15em;
  letter-spacing: .15em;
}

.page-banner.covid {
  background: #f2f4f7;
  /*font-size: 12px;*/
}

.page-banner.covid a {
  text-decoration: underline;
}

.page-banner.covid a:hover {
  text-decoration: none;
}

.page-banner.delivery-free-banner, .page-banner.covid {
  padding: 8px 0;
  padding: 0.8rem 0;
  border-bottom: 0px;
}

.page-banner.jubilee22 {
  background: #531978;
  background: linear-gradient(0deg, #531978 0%, #692e82 100%);
  text-align: left;
  color: #fff;
  padding: 0;
}

.page-banner.jubilee22 .u-font-alt {
  font-size: 20px;
}

.page-banner.jubilee22 .container {
  padding: 20px;
  margin-bottom: 0;
  background-image: url("/resources/images/banners/Jubilee-back.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 50px;
}

@media all and (max-width: 630px) {
  .page-banner.jubilee22 .container {
    background-size: cover;
  }
}

.page-banner.jubilee22 .btn {
  font-size: 14px;
  background: #fff;
  color: #61007D;
  display: inline-block;
  margin-left: 10px;
}

@media all and (max-width: 490px) {
  .page-banner.jubilee22 .btn {
    margin-top: 10px;
  }
}

.delivery-free-banner--alt {
  padding: 5px 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
}

.delivery-free-banner--alt p {
  font-family: "opensansBold", "Arial", sans-serif;
}

.delivery-free-banner--alt .color-emphasis {
  color: #F57B20;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banner - NBT

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="nbt-banner">
        <p>

        </p>
    </div>

    Styleguide
*/
.nbt-banner {
  padding: 20px 0 0 0;
  padding: 2rem 0 0 0;
}

.nbt-banner p:last-child {
  margin-bottom: 0;
}

@media all and (max-width: 768px) {
  .nbt-banner p {
    font-size: 16px;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Banner - NBT

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>


    markup:
    <div class="student-banner">
        <p>

        </p>
    </div>

    Styleguide
*/
.student-banner {
  background-color: #de8304;
}

.student__intro {
  color: #000;
  min-height: 280px;
}

.student__intro > header {
  padding-bottom: 30px;
  padding-bottom: 3rem;
}

.student__intro > .spmg-square {
  padding-top: 30px;
  padding-top: 3rem;
  margin-right: 0;
}

.student__intro > .spmg-square img {
  max-width: 280px;
}

.student__intro h1 {
  font-size: 70px;
  font-size: 7rem;
  padding-top: 30px;
  padding-top: 3rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  line-height: 1;
}

.student__intro h1 > span {
  display: block;
}

.student__intro p {
  font-family: "opensans", "Arial", sans-serif;
}

.btn.btn--spmg {
  font-family: "opensans", "Arial", sans-serif;
  text-shadow: none;
  color: #de8304;
  background-color: #FFF;
  border: 1px solid #fff;
}

.btn.btn--spmg:hover {
  color: #fff;
  background-color: #de8304;
}

@media all and (max-width: 768px) {
  .student-banner {
    text-align: center;
  }
  .student-banner .container {
    margin-bottom: 0;
  }
  .student__intro {
    min-height: 0;
  }
  .student__intro h1 {
    padding-top: 24px;
    padding-top: 2.4rem;
    font-size: 50px;
    font-size: 5rem;
  }
  .student__intro > .spmg-square {
    display: none;
  }
}


/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.event__dropdown {
  float: left;
}

.event__filters {
  margin-bottom: 0;
}

.event__filters [type="submit"] {
  margin-top: 5px;
  margin-top: 0.5rem;
  line-height: 29px;
}

.event__filter-by {
  float: left;
}

.event__filter-by .dropdown-sort-by__head {
  width: 200px;
  margin: 1em 1em 1em 0;
}

.event__filter-by:hover .dropdown-sort-by__body {
  top: 43px;
  right: 14px;
}

.event__filter-by .fa-calendar:before,
.event__filter-by .fa-map-marker:before {
  margin-right: 5px;
}

.event__filter-by.dropdown-sort-by .fa-caret-down {
  right: 1.5em;
}

.event__remove-filter {
  line-height: 37px;
  display: inline-block;
}

.event__remove-filter a {
  display: inline-block;
  padding: 5px;
  padding: 0.5rem;
}

.event__dropdown {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.event__dropdown.dropdown__trigger {
  color: #555;
  padding: 5px;
  padding: 0.5rem;
  border-color: #ddd;
  height: 39px;
  -webkit-appearance: menulist;
}

.event__dropdown.dropdown__trigger .fa-caret-down {
  right: 5px;
  right: 0.5rem;
  top: 9px;
  top: 0.9rem;
}

.event__dropdown .dropdown__selected {
  padding: 5px;
  padding: 0.5rem;
}

.event__dropdown .dropdown__item label {
  display: block;
  cursor: pointer;
}

.event__dropdown .dropdown__item input[type="radio"]:checked + label, .event__dropdown .dropdown__item:hover {
  background-color: #ddd;
  color: #808080;
}

.event__date {
  width: 14.28571%;
  float: left;
  margin-right: 2.85714%;
  width: auto;
}

.event__date:last-child {
  margin-right: 0;
}

.event__date [type="date"] {
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  color: #777;
  line-height: 25px;
}

.event__date [type="text"] {
  line-height: 26px;
}

.event__date-wrapper {
  position: relative;
}

.event__date-wrapper label {
  position: absolute;
  pointer-events: none;
  top: 10px;
  top: 1rem;
  left: 10px;
  left: 1rem;
  pointer-events: none;
}

.event__date-wrapper input[type="date"] + label {
  color: transparent;
}

.event__date-wrapper input::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.event__date-wrapper input::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.event__date-wrapper input::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

@media all and (max-width: 768px) {
  .event__dropdown.dropdown__trigger,
  .event__date {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
  .event__date + .event__date {
    width: 31.42857%;
    float: right;
    margin-right: 0;
  }
  .event__dropdown.dropdown__trigger {
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  .event__filters [type="submit"] {
    padding: 5px 50px;
    padding: 0.5rem 5rem;
  }
  .event__filters .field-container {
    text-align: center;
  }
  .event__filters .event__remove-filter {
    min-width: 50px;
  }
  .event__filters .event__remove-filter a {
    padding: 0;
  }
  .event__filters .fa.fa-close {
    font-size: 32px;
    vertical-align: middle;
  }
}

@media all and (max-width: 480px) {
  .event__dropdown.dropdown__trigger,
  .event__date {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .event__date + .event__date {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .event__filters [type="submit"] {
    padding: 5px 50px;
    padding: 0.5rem 5rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.event__browse-by {
  *zoom: 1;
}

.event__browse-by:before, .event__browse-by:after {
  content: "";
  display: table;
}

.event__browse-by:after {
  clear: both;
}

.event__browse-by > p:first-child {
  font-family: "blackwell", Times, "Times New Roman", serif;
  float: left;
  margin-right: 1rem;
}

.event__browse-by ul {
  *zoom: 1;
}

.event__browse-by ul:before, .event__browse-by ul:after {
  content: "";
  display: table;
}

.event__browse-by ul:after {
  clear: both;
}

.event__browse-by li {
  float: left;
}

.event__browse-by a {
  display: inline-block;
}

.event__browse-by a:hover {
  border-bottom-color: transparent;
}

.event__browse-by div {
  float: left;
}

.event__browse-by div p {
  margin: 0 1rem;
}

.event__doodle img {
  vertical-align: text-top;
}

.category-count {
  font-size: 12px;
  font-size: 1.2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Feedback reviews

    markup:
    <div class="teaser media" itemscope="" itemtype="https://schema.org/Event">
        <img src="https://img.evbuc.com/https%3A%2F%2Fcdn.evbuc.com%2Fimages%2F24913072%2F186900437603%2F1%2Foriginal.jpg?h=200&amp;w=450&amp;rect=0%2C87%2C640%2C320&amp;s=e70c758e8d4038cef635179f4f545a4a" alt="Event images..." itemprop="image" content="Johnny Herbert's London Launch" class="media__figure">
        <div class="media__body">
            <header>
                <h2 class="teaser__header">
                    <a itemprop="url" href="http://www.eventbrite.co.uk/e/johnny-herberts-london-launch-tickets-28504613065">
                        <span itemprop="name">Johnny Herbert's London Launch</span>
                    </a>
                </h2>
                <p class="teaser__meta">
                    <span itemprop="startDate" content="2016-11-03T18:30:00Z">2016-11-03T18:30:00Z</span> - <span itemprop="endDate" content="2016-11-03T20:30:00Z">2016-11-03T20:30:00Z</span>
                     |
                    <a href="http://maps.google.com/?q=51.51829590000001,-0.11489630000005491" target="_blank" itemprop="location" itemscope="" itemtype="https://schema.org/Place">
                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                        <span itemprop="address">50-51 High Holborn, London, WC1V 6EP</span>
                        <span itemprop="name" class="visuallyhidden">Johnny Herbert's London Launch</span>
                    </a>
                </p>
            </header>
            <section itemprop="description" class="teaser__description">
                <p>Join us for the London launch of Johnny Herbert's autobiography,&nbsp;<em><a href="http://bookshop.blackwell.co.uk/jsp/id/What_Doesnt_Kill_You/9780593078389" target="_blank" rel="noreferrer noopener nofollow noopener noreferrer nofollow">What Doesn't Kill You</a></em>. Told with his trademark humour, this book contains a wealth of stories from Herbert's life in formula one, from the horrific crashes to the highs of the podium. Johnny Herbert will be joining us in the shop to share his incredible knowledge and love of the sport in a Q&amp;A and signing session, an occasion not to be missed by any F1 fan. Plus, to celebrate Johnny's launch, you'll also be able to enjoy a glass of free prosecco with this motor racing legend.</p>
                <p>Can't make it? Not to worry, drop us a line at events.london@blackwell.co.uk&nbsp;to reserve a signed copy!</p>
            </section>
            <footer class="media__cta"><a href="http://www.eventbrite.co.uk/e/johnny-herberts-london-launch-tickets-28504613065" class="btn btn--secondary">View event details</a></footer>
        </div>
    </div>

    Styleguide 4.14
*/
.container.event__coming h2, .container.event__coming h3 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.container.event__coming p:not(.gallery__item-title) {
  margin: 0 0 10px;
  margin: 0 0 1.2rem;
  line-height: 1.5;
}

.teaser {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.teaser__header {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
}

.teaser__description {
  line-height: 1.2;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.event__headline h2 {
  font-family: "opensansBold", "Arial", sans-serif;
}

.event__headline p {
  font-size: 16px;
  font-size: 1.6rem;
}

.event__info p {
  margin: 0;
}

.event__info a {
  margin-right: 1rem;
}

.event__info .fa {
  margin-right: 0.5rem;
}

.event__info .btn {
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.event__offer {
  border: 1px solid #ddd;
  padding: 1rem;
  margin: 1rem 0;
  *zoom: 1;
}

.event__offer:before, .event__offer:after {
  content: "";
  display: table;
}

.event__offer:after {
  clear: both;
}

.event__offer div {
  float: left;
}

.event__offer .event__ticket--action {
  float: right;
}

.event__offer p {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  line-height: 1;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.event-video {
  text-align: center;
  border: 1px solid #ddd;
}

.event-video__description p {
  max-width: 80%;
  margin: 0 auto 1rem auto;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Gallery item reviews

    markup:
    <figure class="gallery__item" itemscope="" itemtype="https://schema.org/Event">
        <a itemprop="url" href="#event-specific-page.html">
            <img src="https://img.evbuc.com/https%3A%2F%2Fcdn.evbuc.com%2Fimages%2F25961021%2F194524627947%2F1%2Foriginal.jpg?h=200&amp;w=450&amp;rect=0%2C0%2C340%2C170&amp;s=1f7808ff3dbbe07514ebb6290704143b" alt="Join us to celebrate the publication ..." itemprop="image" content="Join us to celebrate the publication ..." class="media__figure">
        </a>
        <figcaption>
            <p class="gallery__item-title">
                <a itemprop="url" href="#">
                    <span itemprop="name">Scotland the Dreich</span>
                </a>
            </p>
            <p>
                <span itemprop="startDate" content="2016-12-02T18:30:00">2016-12-02T18:30:00</span> - <span itemprop="endDate" content="2016-12-02T20:00:00">2016-12-02T20:00:00</span>
            </p>
            <p>
                <a target="_blank" itemprop="location" itemscope="" itemtype="https://schema.org/Place">
                    <i class="fa fa-map-marker"></i>
                    <span itemprop="address">53 - 62 South Bridge, Edinburgh, EH1 1YS</span>
                    <span itemprop="name" class="visuallyhidden">Scotland the Dreich</span>
                </a>
            </p>
            <p>
                <a href="#" class="btn btn--secondary">View event details</a>
            </p>
        </figcaption>
    </figure>


*/
.gallery {
  *zoom: 1;
}

.gallery:before, .gallery:after {
  content: "";
  display: table;
}

.gallery:after {
  clear: both;
}

.gallery__item {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  text-align: center;
  border: 1px solid #ddd;
}

.gallery__item:nth-of-type(4n), .gallery__item.omega {
  margin-right: 0;
}

.gallery__item figcaption {
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 1rem;
  font-style: normal;
}

.gallery__item > a {
  display: inline-block;
}

.gallery__item > a:hover {
  border-color: transparent;
}

.gallery__item img {
  margin-bottom: 0;
  max-height: 119px;
}

.gallery__item img.u-shadow-in {
  padding: 5px;
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gallery__item figcaption {
    min-height: 235px;
    /* IE10-11 issue*/
  }
  .gallery__item figcaption p {
    -ms-flex: none;
        flex: none;
    /* IE10-11 issue*/
  }
  .gallery__item > a {
    max-width: 100%;
    /* IE10-11 issue*/
  }
}

.gallery__item-title {
  font-family: "opensansBold", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 15px;
  margin-top: 1.5rem;
  height: 62px;
  /* 3 line-height + mb */
}

.tile__event-location,
.tile__event-date {
  font-size: 13px;
  font-size: 1.3rem;
}

.gallery__item-location {
  height: 65px;
  /* 3 line-height + mb */
}

.gallery__item-location + p:last-child {
  margin-bottom: 20px !important;
}

.flex-product .product-picture {
  height: 192px;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-product .product-picture .product-name {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -ms-flex: 1;
      flex: 1;
}

.flex-product .carousel__item .product-picture img {
  width: auto !important;
  height: auto;
  max-height: 192px;
}

.animated-in {
  animation: fadeIn 1000ms;
}

.animated-out {
  animation: fadeOut 1000ms;
}

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

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

@media all and (max-width: 768px) {
  .gallery__item {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }
  .gallery__item:nth-child(4n) {
    margin-right: 2.85714%;
  }
  .gallery__item:nth-child(3n), .gallery__item.omega {
    margin-right: 0;
  }
}

@media all and (max-width: 600px) {
  .gallery__item {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
  .gallery__item:nth-child(3n), .gallery__item:nth-child(4n) {
    margin-right: 2.85714%;
  }
  .gallery__item:nth-child(2n), .gallery__item.omega {
    margin-right: 0;
  }
  .gallery__item img {
    max-height: initial;
  }
}

@media all and (max-width: 480px) {
  .gallery__item {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .gallery__item:nth-child(2n), .gallery__item:nth-child(3n), .gallery__item:nth-child(4n), .gallery__item.omega {
    margin-right: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Feedback reviews

    markup:
    <div class="review-feedback">
        <p><strong>3 people</strong> found this review helpful</p>
        <div>
            <span class="review-label">Was this review helpful?</span>
            <ul class="list--inline">
                <li>
                    <span class="review-action u-link js-reader-review-answer" data-answer="yes"><i class="fa fa-thumbs-up"></i>Yes</span>
                </li>
                <li>
                    <span class="review-action u-link js-reader-review-answer" data-answer="no"><i class="fa fa-thumbs-down"></i>No</span>
                </li>
                <li>
                    <span class="review-action u-link js-reader-review-report"><i class="fa fa-exclamation-triangle"></i>Report this review</span>
                </li>
            </ul>
        </div>
    </div>

    Styleguide 4.14
*/
.review-feedback li:last-child .review-action:after {
  content: none;
}

.review-feedback p {
  margin: 0;
}

.review-label {
  float: left;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.review-action .fa {
  margin-right: 2.5px;
  margin-right: 0.25rem;
}

.review-action:after {
  content: "|";
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.speech {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  padding: 3px 10px;
  margin-bottom: 0.5rem;
}

.speech:before, .speech:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border: 1px solid transparent;
  -ms-transform: rotate(10deg);
      transform: rotate(10deg);
}

.speech:before {
  border-width: 7px;
  border-left-color: #ddd;
  left: 0px;
  bottom: -7px;
}

.speech:after {
  border-width: 8px;
  border-left-color: #fff;
  left: 1px;
  bottom: -6px;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.footer-copyright {
  color: #777;
  margin-top: -60px;
  margin-top: -6rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  text-align: center;
}

.footer-copyright a {
  color: #777;
}

.footer-copyright a:hover {
  color: #555;
  border-color: inherit;
}

.footer-copyright .no-flex .navigation--inline a {
  border: 0;
}

.footer-copyright .dropdown.dropdown--currency {
  float: none;
  display: none;
  margin: 0;
}

@media (max-width: 768px) {
  .footer-copyright .dropdown.dropdown--currency {
    display: block;
    margin-bottom: 10px;
  }
}

.footer-copyright .dropdown__trigger {
  display: inline-block;
  border-color: #ccc;
}

.footer-copyright .dropdown__trigger .dropdown__selected {
  padding: 5px;
  padding-right: 1.5em;
  width: 290px;
}

.footer-copyright .dropdown__trigger .fa-caret-down {
  top: 1rem;
}

.footer-copyright .dropdown__trigger .dropdown__inner {
  text-align: left;
  left: -1px;
  top: -318px;
  border-radius: 3px 3px 3px 0;
}

.footer-copyright .dropdown__trigger a:link, .footer-copyright .dropdown__trigger a:visited,
.footer-copyright .dropdown__trigger a:hover, .footer-copyright .dropdown__trigger a:focus {
  text-decoration: none;
  border: 0;
}

.footer-copyright .dropdown__trigger:hover:before {
  bottom: unset;
  top: 0;
}

.footer-separator {
  *zoom: 1;
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.footer-separator:before, .footer-separator:after {
  content: "";
  display: table;
}

.footer-separator:after {
  clear: both;
}

.footer-separator img {
  float: right;
  margin: 15px 0 -1px;
}

.footer-legal {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 14px;
}

.footer-legal > p {
  color: #555;
  font-family: "blackwell", Times, "Times New Roman", serif;
  float: left;
  padding-right: 5px;
  padding-right: 0.5rem;
  line-height: inherit;
}

.footer-legal > p:after {
  content: "\00b7";
  margin-left: 5px;
  margin-left: 0.5rem;
}

.footer-version {
  display: block;
  clear: both;
  font-size: 10px;
}

.footer-legal .footer-version {
  text-align: left;
}

.footer-icon {
  float: right;
  margin-top: -36px;
}

.footer-icon > div {
  display: inline-block;
}

.footer-icon img {
  vertical-align: middle;
  margin: 0 0.1em;
}

.ie8 .footer-icon {
  text-align: right;
  width: 60%;
}

.ie8 .footer-icon > div {
  width: 11%;
}

.ie8 .footer-icon > div.footer-payement {
  width: 80%;
}

.footer-icon .icon {
  background-size: contain;
  display: inline-block;
  max-height: 30px;
  margin-right: 10px;
  margin-right: 1rem;
}

.footer-icon .icon__BA,
.footer-icon .icon__library {
  margin-right: 0;
  margin-left: 10px;
  margin-left: 1rem;
}

.icon__amex {
  background: transparent url("../images/icons/amex_icon.gif") no-repeat 0 0;
  width: 34px;
  height: 33px;
}

.icon__visa {
  background: transparent url("../images/icons/visa_icon.jpg") no-repeat 0 0;
  width: 78px;
  height: 33px;
}

.icon__master-card {
  background: transparent url("../images/icons/master_card_icon.jpg") no-repeat 0 0;
  width: 54px;
  height: 33px;
}

.icon__maestro {
  background: transparent url("../images/icons/maestro_icon.jpg") no-repeat 0 0;
  width: 55px;
  height: 33px;
}

.icon__paypal {
  background: transparent url("../images/icons/paypal_icon.jpg") no-repeat 0 0;
  width: 122px;
  height: 33px;
}

.icon__BA {
  background: transparent url("../images/icons/BA_icon.jpg") no-repeat 0 0;
  width: 28px;
  height: 40px;
}

.icon__library {
  background: transparent url("../images/icons/library_icon.jpg") no-repeat 0 0;
  width: 30px;
  height: 40px;
}

.icon__nbt {
  background: transparent url("../images/icons/nbt_icon.jpg") no-repeat 0 0;
  width: 45px;
  height: 33px;
}

/*======== Mobile-footer component =============*/
@media all and (max-width: 1024px) {
  .footer-copyright {
    margin-top: 0;
  }
}

/*======== Mobile-footer component =============*/
@media all and (max-width: 480px) {
  .secondary-navigation {
    margin-bottom: 0;
  }
  .secondary-navigation a i {
    margin-right: 0;
  }
  .secondary-navigation__column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .secondary-navigation__column p {
    padding: 5px 10px;
    padding: 0.5rem 1rem;
    font-family: "blackwellBold", Times, "Times New Roman", serif;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .secondary-navigation__column li {
    border-bottom: 1px solid #ddd;
  }
  .secondary-navigation__column a {
    padding: 0.5rem 1rem;
    display: block;
  }
  .secondary-navigation__column a:hover {
    border-color: transparent;
    color: #ccc;
  }
  .secondary-navigation__column:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .secondary-navigation__column.follow-links {
    width: 70%;
  }
  .secondary-navigation__column.follow-links p {
    display: none;
  }
  .secondary-navigation__column.follow-links li {
    border-bottom: 1px solid transparent;
    float: left;
  }
  .secondary-navigation__column.follow-links li a {
    padding: 1.5rem 1rem 1rem 1rem;
  }
  .secondary-navigation__column.follow-links li span {
    display: block;
    display: inline-block;
    text-indent: -999999px;
  }
  .secondary-navigation__column.follow-links i {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .footer-copyright a:hover {
    border-bottom-color: transparent;
  }
  .footer-copyright > p img {
    margin: -30px 0 0 0;
    max-height: 45px;
  }
  .footer-copyright > section,
  .footer-copyright > section p {
    float: initial;
    margin: 0 0 0 0;
    line-height: 2;
  }
  .footer-legal {
    width: 100%;
    margin-bottom: 15px;
  }
  .legal-links {
    text-align: center;
    float: initial;
    display: inline-block;
  }
  .footer-icon {
    *zoom: 1;
    padding-bottom: 10px;
    padding-bottom: 1rem;
  }
  .footer-icon:before, .footer-icon:after {
    content: "";
    display: table;
  }
  .footer-icon:after {
    clear: both;
  }
  .footer-icon .icon {
    max-width: 60px;
  }
  .footer-icon .icon__paypal {
    margin-top: 5px;
  }
  .footer-icon .icon__BA,
  .footer-icon .icon__library {
    margin-left: 0;
  }
  .footer-payement {
    padding-right: 0;
    margin-right: 0;
    *zoom: 1;
  }
  .footer-payement:before, .footer-payement:after {
    content: "";
    display: table;
  }
  .footer-payement:after {
    clear: both;
  }
  .footer-payement + div {
    width: 100%;
    margin-top: 0.5rem;
  }
}

.footer-copyright > section,
.footer-copyright > section p,
.footer-copyright > section ul {
  float: none;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

@media all and (max-width: 465px) {
  .footer-legal > p:after {
    color: white;
  }
}

@media all and (max-width: 1040px) {
  .footer-copyright > section,
  .footer-copyright > section p {
    line-height: 2;
  }
  .footer-legal {
    padding-bottom: 10px;
  }
}

@media all and (min-width: 1041px) {
  .footer-copyright > section.footer-icon {
    float: right;
    margin: 0 0 15px;
  }
  .footer-copyright > section.footer-legal {
    float: left;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.block-filter__input input:valid {
  background-color: transparent;
}

.block-filter__input input + label {
  top: -5rem;
}

.block-filter__input input:valid + label {
  top: -5rem;
}

.block-filter__input input:focus + label {
  top: -6.5rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.block-filter__content--price {
  min-height: 50px;
  padding: 20px 0;
  padding: 2rem 0;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

#priceRange {
  position: relative;
}

#priceRange.noUi-horizontal {
  height: 10px;
}

#priceRange.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: initial;
  bottom: -42px;
}

#priceRange.noUi-horizontal .noUi-handle-upper .noUi-tooltip,
#priceRange.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  border: 0;
}

#priceRange.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -42px;
  right: 0;
}

#priceRange .noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
}

#priceRange.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  left: -12px;
  top: -9px;
}

#priceRange .noUi-handle:after,
#priceRange .noUi-handle:before {
  height: auto;
  width: auto;
  background-color: transparent;
  left: 10px;
  top: 3px;
}

#priceRange .noUi-handle-upper.noUi-handle:before {
  content: " > ";
  top: 0;
  left: 8px;
}

#priceRange .noUi-handle-lower.noUi-handle:before {
  content: " < ";
  left: 6px;
  top: 0;
}

#priceRange .noUi-connect {
  background: #002D62;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  transition: background .45s;
}

@media all and (max-width: 1024px) {
  .block-filter__content--price {
    padding-left: 20px;
    padding-left: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-collect__shop {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.checkout-collect__shop-info {
  *zoom: 1;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 20px;
  padding: 1.5rem 2rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.checkout-collect__shop-info:before, .checkout-collect__shop-info:after {
  content: "";
  display: table;
}

.checkout-collect__shop-info:after {
  clear: both;
}

.collect-shop__address {
  width: 30.76923%;
  float: left;
  margin-right: 3.84615%;
}

.collect-shop__info {
  width: 42.30769%;
  float: left;
  margin-right: 3.84615%;
}

.collect-shop__info input {
  margin: 0;
}

.collect-shop__select {
  width: 19.23077%;
  float: right;
  margin-right: 0;
}

[name="shopOpeningTime"] + .hours-details {
  display: none;
}

[name="shopOpeningTime"]:checked + .hours-details {
  display: block;
}

.checkout-collect__shop-nearest {
  *zoom: 1;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.checkout-collect__shop-nearest:before, .checkout-collect__shop-nearest:after {
  content: "";
  display: table;
}

.checkout-collect__shop-nearest:after {
  clear: both;
}

.checkout-collect__shop-nearest input {
  width: 42.30769%;
  float: right;
  margin-right: 0;
}

[id="shopList"] {
  /*float: left;*/
  /*width: 50%;*/
}

[id="shopList"] + input[type="submit"] {
  margin: 5px 0 0;
  margin: 0.5rem 0 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-form .checkout-address.field-container {
  max-width: 100%;
}

.checkout-form .checkout-address.field-container input {
  width: 30.76923%;
  float: left;
  margin-right: 3.84615%;
}

.checkout-form .checkout-address.field-container label {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.checkout-form .checkout-address.field-container button {
  width: 30.76923%;
  float: left;
  margin-right: 3.84615%;
}

@media (max-width: 768px) {
  .checkout-form .field-container {
    max-width: 100%;
  }
  .checkout-form .checkout-address.field-container label,
  .checkout-form .checkout-address.field-container input {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .checkout-form .checkout-address.field-container button {
    width: 42.30769%;
    float: right;
    margin-right: 0;
  }
  .checkout-form .checkout-address.field-container .billing_zip,
  .checkout-form .checkout-address.field-container .delivery_zip {
    max-width: 50%;
  }
  #checkout-same-as-billing + label {
    display: initial;
    margin-left: 10px;
    margin-left: 1rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-delivery-options__item {
  position: relative;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.checkout-delivery-options__item label + p:last-child {
  margin-left: 20px;
  margin-left: 2rem;
  /* width of the radio button above */
}

.checkout-delivery-options__item.alibris {
  padding-top: 10px;
}

.book-overview {
  background-color: #fff;
  padding: 5px;
  position: absolute;
  top: -17px;
  left: 1px;
}

.alibris .book-overview .is-information {
  margin: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.address-book__list {
  *zoom: 1;
}

.address-book__list:before, .address-book__list:after {
  content: "";
  display: table;
}

.address-book__list:after {
  clear: both;
}

.address-book__list-item {
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%;
}

.address-book__list-item:nth-child(3n) {
  width: 31.42857%;
  float: right;
  margin-right: 0;
}

.address-card {
  width: 30.76923%;
  float: left;
  margin-right: 3.84615%;
  padding: 20px;
  padding: 2rem;
  min-height: 359px;
  border: 1px solid #ddd;
}

.address-card .card__head, .address-card .card__body {
  text-align: center;
}

.address-card .card__body .btn {
  margin: 20px auto;
  margin: 2rem auto;
}

.address-card p:not(.title__head) {
  margin: 0;
}

.address-card:last-of-type {
  margin-right: 34.61538%;
}

input[name="sameAsBillingAddress"] + .address-card .btn--selected {
  display: none;
}

input[name="clickAndCollect"]:checked + .checkout-dispach__choice {
  border-color: #00AEEF;
}

input[name="sameAsBillingAddress"]:checked + .address-card {
  border-color: #00AEEF;
}

input[name="sameAsBillingAddress"]:checked + .address-card .btn--selected {
  display: block;
}

.checkout-personal-info,
.new-delivery-address {
  overflow: hidden;
}

.new-delivery-address {
  display: none;
  width: 100%;
}

#is-another-address:checked ~ .new-delivery-address {
  display: block !important;
}

.icon__head {
  font-size: 60px;
  font-size: 6rem;
  line-height: 60px;
  line-height: 6rem;
  color: #ccc;
}

.title__head {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.address-card--add .title__head {
  font-size: 18px;
  font-size: 1.8rem;
}

.address-card--add {
  position: relative;
  cursor: pointer;
}

@media (max-width: 768px) {
  .address-card {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%;
  }
  .address-card.address-card--add {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .address-card {
    width: 82.85714%;
    float: left;
    margin-right: 2.85714%;
    margin-left: 8.57143%;
    margin-right: 8.57143%;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-dispach__select {
  position: relative;
  /* show selected section */
}

.checkout-dispach__select [name="deliveryMethod"]:checked {
  /* Change "card" design for selected option */
}

.checkout-dispach__select [name="deliveryMethod"]:checked + .checkout-dispach__choice {
  border-color: #00AEEF;
  background-color: rgba(0, 174, 239, 0.1);
}

.checkout-dispach__select [name="deliveryMethod"]:checked + .checkout-dispach__choice label {
  background-color: #00AEEF;
}

.checkout-dispach__select [name="deliveryMethod"]:checked + .checkout-dispach__choice label i {
  color: inherit;
  visibility: visible;
}

.checkout-dispach__select [name="deliveryMethod"]:checked + .checkout-dispach__choice label span {
  margin-left: 0;
}

.checkout-dispach__select .checkout-dispach__reserve,
.checkout-dispach__select .checkout-dispach__delivery {
  float: left;
  width: 100%;
}

.checkout-dispach__select .checkout-dispach__reserve {
  display: none;
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__reserve {
  display: block;
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method {
  display: block;
  /*position: absolute;
            top: 280px;*/
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .checkout-delivery-options,
.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .checkout-dispach__delivery-head,
.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .address-card,
.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .new-delivery-address.VIP-new-address {
  display: none;
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .new-delivery-address.no-js-show p.field-container {
  display: none;
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .new-delivery-address.no-js-show p.field-container.delivery-firstName, .checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__delivery.js-checkout-delivery-method .new-delivery-address.no-js-show p.field-container.delivery-lastName {
  display: block;
}

.checkout-dispach__select [data-show="checkout-dispach__reserve"]:checked ~ .checkout-dispach__reserve.js-checkout-delivery-method .checkout-collect__shop-info {
  /*margin-top: 120px;*/
}

.checkout-dispach__select [data-show="checkout-dispach__delivery"]:checked ~ .checkout-dispach__delivery {
  display: block;
}

input[name="clickAndCollect"]:checked + .checkout-dispach__choice label {
  background-color: #00AEEF;
}

input[name="clickAndCollect"]:checked + .checkout-dispach__choice label i {
  color: #fff;
  visibility: visible;
}

input[name="clickAndCollect"]:checked + .checkout-dispach__choice label span {
  background-color: transparent;
}

.checkout-dispach__choice {
  width: 48.07692%;
  float: left;
  margin-right: 3.84615%;
  padding: 35px 14px;
  padding: 3.5rem 1.4rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 27px;
  font-size: 2.7rem;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.checkout-dispach__choice:not(:first-of-type) {
  width: 48.07692%;
  float: right;
  margin-right: 0;
}

.checkout-dispach__choice:hover {
  border-color: #00AEEF;
  background-color: rgba(0, 174, 239, 0.1);
}

.checkout-dispach__choice p {
  margin: 0;
}

.checkout-dispach__choice label {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 20px;
  margin-top: 2rem;
}

.checkout-dispach__choice label i {
  color: #002D62;
  visibility: hidden;
}

.checkout-dispach__choice label span {
  margin-left: -18px;
  margin-left: -1.8rem;
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  background-color: transparent;
  cursor: pointer;
}

.checkout-dispach__choice label:hover i {
  color: #506794;
}

.checkout-dispach__choice .is-information {
  font-size: 14px;
  font-size: 1.4rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* Redeem Card */
.has-sliding-content ~ .is-sliding-content {
  height: 0;
  width: 0;
  text-indent: -999999;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  transition: height 0.2s;
}

.has-sliding-content:checked ~ .is-sliding-content {
  height: 210px;
  width: 650px;
  text-indent: initial;
  overflow: initial;
  padding: 20px;
  padding: 2rem;
  padding-left: 0;
  transition: height 0.2s;
}

.has-sliding-content:checked ~ .is-sliding-content--smaller {
  height: 110px;
}

.checkout-more-info__element .form__checkout-info-head {
  width: 75%;
}

.checkout-more-info__element .custom-input {
  margin: 0;
}

.checkout-more-info__element .custom-input + .custom-radio-input {
  margin-right: 10px;
  margin-right: 1rem;
}

@media (max-width: 768px) {
  .has-sliding-content:checked ~ .is-sliding-content {
    width: 100%;
    text-indent: initial;
    transition: height 0.2s;
  }
  .checkout-more-info__element .form__checkout-info-head {
    width: 100%;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-login {
  border: 1px solid #ddd;
  padding: 20px;
  padding: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.checkout-login__form .field-container {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%;
  margin-bottom: 0;
}

.checkout-login__form .field-container:last-child {
  margin-right: 0;
}

.checkout-form {
  counter-reset: section;
}

.checkout-form header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-weight: normal;
}

.checkout-form h2 {
  font-size: 24px;
  font-size: 2.4rem;
}

.checkout-form h2::before {
  counter-increment: section;
  content: counter(section);
  background-color: #002D62;
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 15px;
  margin-right: 1.5rem;
}

.login__action {
  margin-top: 20px;
  margin-top: 2rem;
}

@media (max-width: 768px) {
  .checkout-login__form .field-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .login__action input {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  /*
        using :before/:after is not rendered correctly on mobile safary
        with "custom-input"
    */
  /* Safari hack as input:before/:after doesn't work */
  _::-moz-svg-foreign-content, :root [type=radio] {
    overflow: hidden;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.vip-discount {
  margin: 0 0 30px 0;
  margin: 0 0 3rem 0;
}

.vip-discount [type="number"],
.vip-discount [type="text"] {
  float: left;
}

.vip-discount label {
  margin: 0;
}

.vip-discount select[name="discountType"],
.vip-discount select[name="discountReason"] {
  height: 40px;
  float: left;
  margin-top: 0;
  margin-right: 15px;
}

.vip-discount select[name="discountType"] {
  width: 100px;
}

.vip-discount.popup {
  background-color: #fff;
  border: 5px solid #ddd;
  border-radius: 5px;
  z-index: 1;
  top: 20px;
  left: 13%;
  width: 100%;
  padding: 20px 50px;
}

.vip-discount.popup .heading {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.vip-discount.popup .heading span {
  font-family: "opensansBold", "Arial", sans-serif;
  cursor: pointer;
}

.vip-discount.popup .product-picture {
  margin-right: 10px;
  margin-right: 1rem;
  height: auto;
}

.vip-discount.popup img {
  height: 96px;
  width: 60px;
}

.vip-discount.popup .popup__qty {
  vertical-align: text-top;
}

.vip-discount.popup p.item-price-saved, .vip-discount.popup p.item-price-full {
  font-size: 12px;
  font-size: 1.2rem;
}

.vip-discount.popup p.item-price-discounted {
  font-size: 16px;
  font-size: 1.6rem;
}

.vip-discount .discountAmount {
  width: 30%;
}

.vip-discount .discountAmount input {
  width: 65px;
  margin-top: 5px;
  margin-top: 0.5rem;
}

.vip-discount .discountAmount select {
  width: 65px;
}

.vip-discount .discountReason {
  width: 40%;
}

.vip-discount .discountSPMG {
  float: left;
}

.discount__item-list {
  border-color: #ddd;
}

.discount__item-list th {
  padding: 5px;
  padding: 0.5rem;
  border-color: #ddd;
  font-family: "opensansBold", "Arial", sans-serif;
}

.discount__item-list td {
  padding: 5px;
  padding: 0.5rem;
  border-color: #ddd;
  border-bottom: 0;
  border-top: 0;
}

.discount__item-list .column-price,
.discount__item-list .column-qty,
.discount__item-list .column-sub-total,
.discount__item-list .column-add-discount {
  width: auto;
}

.discount__item-list .column-price,
.discount__item-list .column-qty,
.discount__item-list .column-sub-total,
.discount__item-list .column-add-discount {
  text-align: center;
}

.discount__item-list .column-item {
  width: 50%;
}

.discount__item-list .basket-item__info {
  min-height: 0;
  width: auto;
  float: none;
}

.discount__item-list .basket-item__info p {
  margin: 0 0 5px 0;
  margin: 0 0 0.5rem 0;
  text-transform: capitalize;
}

.discount__item-list .product-author {
  color: #777;
}

.discount__item-list .discounted-price {
  color: #d21145;
}

.discount-input {
  margin: 0 10px 10px 0;
  margin: 0 1rem 1rem 0;
}

#VIPDiscountClear {
  background-color: transparent;
  text-shadow: none;
}

/* Width of input fields */
[name="discountValue"] {
  width: 100px;
}

[name="discountReason"] {
  width: 300px;
}

[type="submit"].discount-input {
  height: 39px;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-redeem {
  *zoom: 1;
  max-width: 500px;
  position: relative;
}

.checkout-redeem:before, .checkout-redeem:after {
  content: "";
  display: table;
}

.checkout-redeem:after {
  clear: both;
}

.checkout-redeem li {
  *zoom: 1;
}

.checkout-redeem li:before, .checkout-redeem li:after {
  content: "";
  display: table;
}

.checkout-redeem li:after {
  clear: both;
}

.checkout-redeem .custom-input {
  margin: 0;
}

.checkout-redeem .custom-input + .custom-radio-input {
  margin-right: 10px;
  margin-right: 1rem;
}

.btn-gradient {
  width: 30.76923%;
  float: left;
  margin-right: 3.84615%;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  min-height: 63px;
  border-style: solid;
  border: 1px solid #cccccc;
  border-radius: 7px;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.btn-gradient:nth-child(3n) {
  width: 30.76923%;
  float: right;
  margin-right: 0;
}

.btn-gradient:hover, .btn-gradient.is-selected {
  border-color: #00aeef;
  box-shadow: 0 0 10px 2px #00aeef;
  border-width: 1px;
}

.btn-gradient label {
  display: block;
  width: 100%;
  height: 63px;
  line-height: 63px;
  cursor: pointer;
}

.btn-gradient label span {
  display: block;
  text-align: center;
}

.btn-gradient input {
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  font-size: 0;
  text-align: start;
}

.redeem-label-title {
  width: 75%;
  display: inline-block;
}

.redeem-label-title + div {
  float: right;
}

.redeem-label-title img {
  margin-right: 10px;
}

.module-form__leading {
  max-width: 400px;
  margin: 0 auto;
}

/* Redeem Card */
.has-redeem-form ~ .redeem-form {
  height: 0;
  width: 0;
  text-indent: -999999;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 20px 0;
  margin: 2rem 0;
  background-color: #f4f4f4;
  overflow: hidden;
  border-radius: 10px;
  transition: height 0.2s;
}

.has-redeem-form:checked ~ .redeem-form {
  height: 355px;
  height: initial;
  width: 100%;
  max-width: 650px;
  text-indent: initial;
  overflow: initial;
  padding: 20px;
  padding: 2rem;
  transition: height 0.2s;
}

.redeem-card-style {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  margin: 10px auto;
  margin: 1rem auto;
  padding: 10px 0;
  padding: 1rem 0;
  max-width: 400px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

.redeem-card-style input::-webkit-outer-spin-button,
.redeem-card-style input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.redeem-card-style input[type=number] {
  -moz-appearance: textfield;
}

.redeem-card-style .input-line {
  padding: 10px 0;
  padding: 1rem 0;
}

.redeem-card-style label {
  margin: 0;
}

.redeem-card-style .pin-input {
  text-align: right;
  padding: 0;
  margin: 0;
}

.redeem-card-style label[for$="cardPIN"] {
  *zoom: 1;
}

.redeem-card-style label[for$="cardPIN"]:before, .redeem-card-style label[for$="cardPIN"]:after {
  content: "";
  display: table;
}

.redeem-card-style label[for$="cardPIN"]:after {
  clear: both;
}

.redeem-card-style label[for$="cardPIN"] span {
  float: left;
  display: inline-block;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.redeem-card-style label[for$="cardPIN"] input {
  float: left;
  width: 75px;
  margin-left: 1rem;
  margin-right: 1rem;
}

.redeem-card-style .pin-tip {
  text-align: right;
  padding: 0;
}

.redeem-card-style .pin-tip .u-small {
  font-size: 10px;
  text-align: left;
  display: inline-block;
  max-width: 75px;
  margin-right: 10px;
  margin-right: 1rem;
}

.card-magnetique-stripe {
  padding: 10px 0;
  padding: 1rem 0;
  background-color: #000;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.redeem-card-style--results {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

.redeem-card-style--results label[for$="amountRedeem"] span {
  font-size: 28px;
}

.redeem-card-style--results .redeem-value-input {
  width: initial;
  line-height: 28px;
  margin-top: 0;
  vertical-align: super;
}

.redeem-card-style--back {
  position: absolute;
  top: -16px;
  right: 0;
}

.redeem-card-style--back:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  .checkout-redeem {
    max-width: 100%;
  }
  .redeem-label-title {
    width: 100%;
    margin-bottom: 0;
  }
  .redeem-label-title + div {
    float: none;
  }
  .has-redeem-form:checked ~ .redeem-form {
    width: 100%;
    text-indent: initial;
    transition: height 0.2s;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.receipt--ticket {
  background-color: #f4f4f4;
  max-width: none;
  padding: 20px;
  padding: 2rem;
  margin-bottom: 0;
}

.ticket {
  background-color: #fff;
  max-width: 70%;
  margin: 0 auto;
  padding: 20px;
  padding: 2rem;
}

.ticket .u-no-width {
  width: auto;
}

.ticket .ticket__logo {
  margin: 20px;
  margin: 2rem;
}

.ticket .collect-shop__address {
  float: initial;
  margin-right: 0;
}

.ticket .inputLabel {
  margin-bottom: 0;
}

.ticket label {
  margin-bottom: 0;
}

.ticket .receipt--information {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}

.ticket--stripes {
  height: 100px;
  max-width: 70%;
  margin: 0 auto;
  background: linear-gradient(135deg, #fff 25%, transparent 25%) -25px 0, linear-gradient(225deg, #fff 25%, transparent 25%) -25px 0;
  background-size: 50px 100px;
  background-color: #f4f4f4;
}

[name="receiptNumber"] {
  border-color: #eee;
  font-size: 14px;
  text-align: center;
  color: #000;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-payment {
  margin-top: 30px;
  margin-top: 3rem;
}

.checkout-payment .icon {
  background-size: contain;
  max-height: 25px;
  vertical-align: sub;
  margin-left: 10px;
  margin-left: 1rem;
}

.checkout-payment .noPay {
  /*        border: 1px solid $orange;
        padding: 6px 12px;*/
}

.checkout-payment .noPay .help {
  color: #F57B20;
}

.checkout-payment .noPay small {
  clear: both;
  display: block;
}

.icon.icon__amex.noPay {
  opacity: 0.2;
}

.iAccount-login {
  /*height: 0;*/
  width: 70%;
  /*text-indent: -999999;*/
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  /*    overflow: hidden;



    transition: height 0.2s;*/
}

/*input:checked ~ .iAccount-login{
    height: initial;
    text-indent: initial;
    overflow: initial;


    transition: height 0.2s;
}*/
.icon__amex {
  background: transparent url("../images/icons/amex_icon.gif") no-repeat 0 0;
  width: 34px;
  height: 33px;
}

.icon__visa {
  background: transparent url("../images/icons/visa_icon.jpg") no-repeat 0 0;
  width: 78px;
  height: 33px;
}

.icon__master-card {
  background: transparent url("../images/icons/master_card_icon.jpg") no-repeat 0 0;
  width: 54px;
  height: 33px;
}

.icon__maestro {
  background: transparent url("../images/icons/maestro_icon.jpg") no-repeat 0 0;
  width: 55px;
  height: 33px;
}

.icon__paypal {
  background: transparent url("../images/icons/paypal_icon.jpg") no-repeat 0 0;
  width: 122px;
  height: 33px;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-personal-info {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.checkout-personal-info .field-container {
  width: 42.30769%;
  float: left;
  margin-right: 3.84615%;
}

.checkout-personal-info label {
  display: block;
}

.checkout-personal-info select {
  height: 30px;
}

.checkout-form .checkout-personal-info .field-container {
  max-width: 100%;
}

.checkout-form .checkout-personal-info .field-container.full {
  width: 100%;
}

.checkout-personal-info textarea {
  margin: 0;
}

@media (max-width: 768px) {
  .checkout-personal-info .field-container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-bottom: 1rem;
  }
  .checkout-personal-info .field-container:first-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .checkout-personal-info .field-container:last-child {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Breadcrumb navigation

    Breadcrumb on pages of the site

    .default                 - default
    .breadcrumb--alt         - alternate

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <nav>
        <ul class="breadcrumb {$modifiers}">
            <li><a href="/">home</a></li>
            <li><a href="#prev">prev</a></li>
            <li>here</li>
        </ul>
    </nav>

    Styleguide 4.2.4
*/
.breadcrumb {
  color: #333;
  *zoom: 1;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 5px 0;
  margin: 0.5rem 0;
}

.breadcrumb:before, .breadcrumb:after {
  content: "";
  display: table;
}

.breadcrumb:after {
  clear: both;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li:last-child a:after {
  content: "";
}

.breadcrumb li:first-child a {
  margin-left: 0;
}

.breadcrumb a {
  color: #333;
  position: relative;
  padding: 0 10px;
  padding: 0 1rem;
  transition: all 0.6s;
}

.breadcrumb a:after {
  content: ">";
  top: -1px;
  right: -2px;
  position: absolute;
  transition: all 0.6s;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
  color: #002D62;
  border-bottom-color: transparent;
  transition: all 0.6s;
}

.breadcrumb a:hover:after, .breadcrumb a:active:after, .breadcrumb a:focus:after {
  color: #002D62;
}

.breadcrumb a:first-letter {
  text-transform: uppercase;
}

.no-flex .breadcrumb {
  display: block;
  *zoom: 1;
}

.no-flex .breadcrumb:before, .no-flex .breadcrumb:after {
  content: "";
  display: table;
}

.no-flex .breadcrumb:after {
  clear: both;
}

.no-flex .breadcrumb li {
  float: left;
}

.breadcrumb--alt li:last-child {
  margin-left: 12px;
  margin-left: 1.2rem;
}

.breadcrumb--alt a {
  background-color: #00AEEF;
  color: #fff;
  border: none;
  position: relative;
  padding: 0 10px;
  padding: 0 1rem;
  margin-left: 12px;
  margin-left: 1.2rem;
}

.breadcrumb--alt a:after {
  content: "";
  border-width: 12px;
  border-width: 1.2rem;
  right: -24px;
  right: -2.4rem;
  top: 0;
  width: 0;
  height: 0;
  border-color: transparent;
  border-left-color: #00AEEF;
  border-style: solid;
  transition: all 0.6s;
}

.breadcrumb--alt a:hover, .breadcrumb--alt a:active, .breadcrumb--alt a:focus {
  background-color: transparent;
  border-bottom-color: inherit;
}

.breadcrumb--alt a:hover:after, .breadcrumb--alt a:active:after, .breadcrumb--alt a:focus:after {
  border-left-color: transparent;
  color: #002D62;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Breadcrumb

    Breadcrumb checkout

    .breadcrumb--checkout     - mobile nav

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup: <nav> <ul class="container container--333 breadcrumb--checkout">
    <li class="container__content breadcrumb__item"> <i class="fa fa-shopping-
    cart"></i> <span>Checkout</span> </li> <li class="container__content
    breadcrumb__item"> <i class="fa fa-credit-card"></i> <span>Payment</span>
    </li> <li class="container__content breadcrumb__item"> <i class="fa fa-
    check"></i> <span>Order complete</span> </li> </ul> </nav>

    Styleguide
*/
.breadcrumb--checkout {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.breadcrumb__item {
  float: left;
  width: 33%;
  background-color: #ddd;
  padding: 5px 10px 5px 20px;
  padding: 0.5rem 1rem 0.5rem 2rem;
  position: relative;
}

.breadcrumb__item:after {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: -10px;
  border: 18px solid transparent;
  z-index: 1;
  border-left-color: #ddd;
  border-right-width: 0;
  border-left-width: 10px;
}

.breadcrumb__item:first-child {
  border-radius: 5px 0 0 5px;
  padding-left: 10px;
  padding-left: 1rem;
}

.breadcrumb__item:last-child {
  background-color: #fafafa;
  width: 34%;
  border-radius: 0 5px 5px 0;
}

.breadcrumb__item:last-child:after {
  border-left-color: transparent;
}

.breadcrumb__item.is-done, .breadcrumb__item.is-active {
  background-color: #8DC63F;
  color: #fff;
}

.breadcrumb__item.is-done:after, .breadcrumb__item.is-active:after {
  border-left-color: #8DC63F;
}

/* IE EDGE ::after has 1px difference for arrow-shapes */
@supports (-ms-ime-align: auto) {
  .breadcrumb__item:after {
    right: -9px;
  }
}

@media (max-width: 480px) {
  .breadcrumb__item {
    width: 15%;
  }
  .breadcrumb__item .fa {
    margin-right: 10px;
    margin-right: 1rem;
  }
  .breadcrumb__item span {
    display: none;
  }
  .breadcrumb__item:last-child {
    width: 15%;
  }
  .breadcrumb__item.is-active {
    width: 70%;
  }
  .breadcrumb__item.is-active span {
    display: inline-block;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/**
 *
 * Static link in subnavigation box
 *
 **/
.primary-navigation__sub-items-generiq {
  float: left;
  width: 29%;
  width: calc(30% - 1px);
  padding: 10px 0;
  padding: 1rem 0;
}

.primary-navigation__sub-items-generiq a:not(.btn) {
  color: #777;
  text-align: left;
  border-bottom: 0;
}

.primary-navigation__sub-items-generiq a:not(.btn):hover {
  color: #000;
  background-color: transparent;
}

.primary-navigation__sub-items-generiq .short-links p {
  margin: 0;
}

.primary-navigation__sub-items-generiq .short-links .fa {
  margin-right: 5px;
  margin-right: 0.5rem;
  width: 1em;
}

.primary-navigation__sub-items-generiq .promo {
  border-top: 1px solid #ddd;
  padding: 10px;
  padding: 1rem;
  padding-top: 30px;
  padding-top: 3rem;
}

.primary-navigation__sub-items-generiq .promo p {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 0;
}

.primary-navigation__sub-items-generiq .promo figure > a:first-of-type {
  float: left;
  margin: -1em 0 0 -5em;
  display: inline-block;
}

.primary-navigation__sub-items-generiq .promo figure > a:first-of-type:focus {
  background: none;
}

.primary-navigation__sub-items-generiq .promo figure img {
  width: 100px;
}

.primary-navigation__sub-items-generiq .promo.t2 img {
  border: 1px solid #ccc;
}

.primary-navigation__sub-items-generiq .promo figcaption {
  font-style: normal;
  text-align: left;
}

.primary-navigation__sub-items-generiq .promo figcaption a.btn {
  display: inline-block;
  margin-top: 10px;
  margin-top: 1rem;
  padding: 0 15px;
  padding: 0 1.5rem;
  border: 0;
  line-height: 2.3;
}

.primary-navigation__sub-items-generiq .promo figcaption a.btn:hover, .primary-navigation__sub-items-generiq .promo figcaption a.btn:focus {
  background-color: #506794;
  transition: background-color 0.6s;
  color: #fff;
  text-decoration: none;
  border-bottom-color: transparent;
}

.primary-navigation__sub-items-generiq .promo figcaption span {
  display: block;
  line-height: 23px;
}

.primary-navigation__sub-items-generiq .promo .color-emphasis {
  color: #F57B20;
  font-style: italic;
  font-weight: bold;
}

.primary-navigation__sub-items-generiq .promo .color-emphasis.color-emphasis--alt {
  color: #ba393c;
}

.primary-navigation__sub-items-generiq .promo__book-title {
  color: #555;
  font-size: 24px;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.primary-navigation__sub-items-generiq .promo__book-author {
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Mobile navigation

    Mobile navigation

    .mobile-navigation      - mobile nav

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <nav>
        <ul class="navigation navigation--inline primary-navigation {$modifiers}">
            <li class="primary-navigation__item"><a href="link-1">Browse</a></li>
            <li class="primary-navigation__item"><a class="mobile-icon-event" href="link-2">Events</a></li>
            <li class="primary-navigation__item"><a class="mobile-icon-account" href="link-3">Login</a></li>
            <li class="primary-navigation__item"><a class="mobile-icon-shop" href="link-4">Shops</a></li>
            <li class="primary-navigation__item"><a class="mobile-icon-contact" href="link-4">Contact</a></li>
        </ul>
    </nav>

    Styleguide 4.2.5
*/
/*======== Mobile-navigation component =============*/
@media all and (max-width: 768px) {
  .primary-navigation__item {
    width: 20%;
    /*label{
            width: 100%;
            cursor: pointer;
            margin: 0;
            display: block;
            border-bottom: 3px solid transparent;
            &:hover{
                border-bottom-color: $blue--alt;
            }
        }*/
    /*.mobile-icon-event:before{
            background-image: url("../images/mobileNav/event_icon.png");
        }
        .mobile-icon-account:before{
            background-image: url("../images/mobileNav/account_icon.png");
        }
        .mobile-icon-shop:before{
            background-image: url("../images/mobileNav/shop_icon.png");
        }
        .mobile-icon-contact:before{
            background-image: url("../images/mobileNav/contact_icon.png");
        }*/
  }
  .primary-navigation__item label {
    margin: 0;
  }
  .primary-navigation__item label, .primary-navigation__item a {
    /*color: $color__copy;*/
    /*font-family: pixeltyperegular;*/
    /*text-transform: uppercase;*/
    /*padding: 0;*/
    /*@include rem(padding-top, $pad*1.0rem);*/
    /*border-bottom-width: 1px;*/
    /*position: relative;*/
    /*@include rem(font-size, 2.0rem);*/
    /*&:before{
                content: " ";
                font-size: 1rem;
                position: absolute;
                height: 21px;
                display: block;
                @include rem(top, $pad*1.0rem);
                left: 0;
                width: 100%;
                background: transparent url("../images/mobileNav/browse_icon.png") top center no-repeat;
            }
            &:hover{
                border-bottom-color: inherit;
                box-shadow: none;

            }*/
  }
  /*.primary-navigation__item:hover .site-navigation__body{
        display: none;
    }*/
}

/*.mobile-nav-wrapper{

    border-top: 1px solid $grey-light;
    padding-left: 0;
    padding-right: 0;
}*/
.mobile-navigation {
  /*    font-family: pixeltyperegular;
    border-bottom: 1px solid $grey-light;
*/
  /*    &.primary-navigation label,
    &.primary-navigation a{
        color: $black;
        @include rem(padding-top, 2.5*1.0rem);
        padding-bottom: 0;
    }*/
  /*    &.primary-navigation label,
    &.primary-navigation a,
    &.primary-navigation a:hover,
    &.primary-navigation a:focus{
        background-color: transparent;
        // border-bottom-color: transparent;
    }*/
}

.mobile-navigation.primary-navigation a.is-active {
  color: #00AEEF;
}

#toggle-browse {
  position: absolute;
  top: -9999px;
  left: -9999px;
  /* For mobile, it's typically better to position checkbox on top of clickable
      area and turn opacity to 0 instead. */
}

/* Default State */
.mobile--open {
  display: none;
  width: 400px;
  height: 100%;
  /*line-height: 100px;*/
  color: white;
  text-align: center;
}

.mobile--open a {
  background: rgba(0, 123, 181, 0.6);
}

.mobile--open .primary-navigation__item {
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

.mobile--open .primary-navigation__item:first-of-type {
  border-top: 1px solid #ccc;
}

.mobile--open .primary-navigation__item a:before {
  content: initial;
}

.mobile-navigation.primary-navigation .mobile--open a {
  color: #ccc;
  text-transform: capitalize;
  padding: 0.5rem 1.5rem;
  font-family: blackwell;
  font-size: 14px;
  line-height: 1.2;
}

.mobile-navigation.primary-navigation .mobile--open a:hover {
  border-bottom-color: transparent;
}

/* Toggled State */
#toggle-browse:checked ~ .mobile--open {
  display: block;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Secondary navigation

    secondary navigation of the site ( Footer )

    .secondary-navigation      - secondary nav

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <div class="secondary-navigation">
        <nav class="secondary-navigation__column">
            <ul>
                <li><a href="#">Discover Blackwell&rsquo;s</a></li>
                <li><a href="#">Our shops</a></li>
                <li><a href="#">Our booksellers</a></li>
                <li><a href="#">Careers at Blackwell&rsquo;s</a></li>
                <li><a href="#">Blackwell&rsquo;s Rewards</a></li>
                <li><a href="#">Book gift club</a></li>
                <li><a href="#">Affiliates</a></li>
                <li><a href="#">Business</a></li>
                <li><a href="#">University</a></li>
                <li><a href="#">Student</a></li>
            </ul>
        </nav>
    </div>

    Styleguide 4.2.3
*/
.secondary-navigation {
  padding-top: 30px;
  padding-top: 3rem;
}

.secondary-navigation a {
  padding: 0;
  color: #777;
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 15px;
  font-size: 1.5rem;
}

.secondary-navigation a:hover {
  color: #555;
  border-color: inherit;
  text-decoration: none;
}

.secondary-navigation a i {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.secondary-navigation .fa-facebook-square {
  color: inherit;
  color: currentColor;
}

.secondary-navigation .fa-twitter-square {
  color: inherit;
  color: currentColor;
}

.secondary-navigation .fa-linkedin-square {
  color: inherit;
  color: currentColor;
}

.secondary-navigation .fa-youtube-square {
  color: inherit;
  color: currentColor;
}

.secondary-navigation .fa-google-plus-square {
  color: inherit;
  color: currentColor;
}

.secondary-navigation .fa-pinterest-square {
  color: inherit;
  color: currentColor;
}

.list__head {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

.footer-img__links {
  padding: 0.5rem 0;
  width: 100%;
}

.footer-img__links:last-child {
  /*padding-top: 0.5rem;*/
}

.footer-img__links a {
  display: inline-block;
  padding-bottom: 2.0rem;
}

.footer-img__links a:hover {
  border-color: transparent;
}

.footer-img__links a:hover img {
  opacity: 0.7;
}

.footer-img__links .has-border {
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 749px) {
  .secondary-navigation nav:first-of-type li:last-child {
    border-bottom: 0;
  }
  .secondary-navigation li {
    border-top: 0;
    padding: 2px 0;
    padding: 0.2rem 0;
  }
  .secondary-navigation li a {
    display: block;
    border-color: transparent;
  }
  .secondary-navigation li a:hover {
    border-color: transparent;
    text-decoration: underline;
  }
  .secondary-navigation .list__head {
    border-top: 0;
    padding-top: 10px;
    padding-top: 1rem;
  }
}

@media all and (min-width: 750px) and (max-width: 1024px) {
  .secondary-navigation .container__content.container__content--small {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%;
  }
  .secondary-navigation .container__content.container__content--small:last-child {
    margin-right: 0;
    float: right;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Navigation

    Navigation element

    Styleguide 4.2.0
*/
/*
    Site navigation's lists

    Basic navigation for the site

    .navigation                - default
    .navigation--inline        - inline list

    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <nav>
        <ul class="navigation {$modifiers}">
            <li><a href="link-1">link 1</a></li>
            <li><a href="link-2">link 2</a></li>
            <li><a href="link-3">link 3</a></li>
            <li><a href="link-4">link 4</a></li>
        </ul>
    </nav>

    Styleguide 4.2.1
*/
.navigation a, .navigation label {
  display: block;
  padding: 10px;
  padding: 1rem;
}

.navigation--inline {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.navigation--inline li {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.dot-separated li:not(:last-child):after {
  content: "\00b7";
  margin-right: 5px;
  margin-right: 0.5rem;
}

.no-flex .navigation--inline {
  display: inline-block;
  *zoom: 1;
}

.no-flex .navigation--inline:before, .no-flex .navigation--inline:after {
  content: "";
  display: table;
}

.no-flex .navigation--inline:after {
  clear: both;
}

.no-flex .navigation--inline li {
  float: left;
}

.no-flex .navigation--inline a {
  display: inline-block;
  padding: 0 5px 0 0;
  padding: 0 0.5rem 0 0;
  border-color: transparent;
}

/*
    Primary navigation

    Main navigation of the site

    .primary-navigation        - primary navigation

    sg-wrapper:
    <div class="sg main-navigation" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <nav>
        <ul class="navigation navigation--inline {$modifiers}">
            <li><a href="link-1">link 1</a></li>
            <li><a href="link-2">link 2</a></li>
            <li><a href="link-3">link 3</a></li>
            <li><a href="link-4">link 4</a></li>
        </ul>
    </nav>

    Styleguide 4.2.2.0
*/
.main-navigation {
  background: #002D62 url("../images/backgrounds/bg_nav.jpg") repeat-x 50% 50%;
  background-size: cover;
}

.primary-navigation li {
  -ms-flex: none;
      flex: none;
}

.primary-navigation a, .primary-navigation label {
  color: #fff;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}

.primary-navigation a:focus, .primary-navigation a:hover, .primary-navigation a.is-active, .primary-navigation label:focus, .primary-navigation label:hover, .primary-navigation label.is-active {
  background-color: #002D62;
  border-bottom-color: #00AEEF;
  text-decoration: none;
}

/*
    Primary navigation - sub items

    Second level of primary navigation

    <img src="/assets/img/sub-navigation.png" />

    sg-wrapper:
    <div class="sg main-navigation" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <nav style="min-height 600px;">
        <ul class="navigation navigation--inline primary-navigation">
            <li><a href="link-1">link 1</a></li>
            <li class="primary-navigation__item">
                <div class="primary-navigation__head js-categories-trigger">
                    <a href="#">2nd Level</a>
                </div>
                <div class="primary-navigation__body">
                    <div class="primary-navigation__sub-items-generiq">
                        <div class="short-links">
                            <p><a href="#"><i class="fa fa-bolt"></i>Trending now</a></p>
                            <p><a href="#"><i class="fa fa-calendar"></i>Coming soon</a></p>
                            <p><a href="#"><i class="fa fa-line-chart"></i>Bestsellers</a></p>
                            <p><a href="#"><i class="fa fa-star"></i>Recommended</a></p>
                        </div>
                        <div class="promo">
                            <figure>
                                <img src="http://www.placehold.it/100x150" alt="Promo photo" />
                                <figcaption>
                                    <p>
                                        <span class="color-emphasis">Out today!</span>
                                        <span class="promo__book-title">Go Set a Watchman</span>
                                        <span class="promo__book-author">by Harper Lee</span>
                                    </p>
                                    <p><button class="btn btn--third btn--small">Buy now</button></p>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <ul class="primary-navigation__sub-items primary-navigation__sub-items--categories">
                        <li class="primary-navigation__heading">Browse by category</li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page1</a></li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page2</a></li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page3</a></li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page4</a></li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page5</a></li>
                        <li class="primary-navigation__sub-item"><a href="#">Sub page6</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="link-1">link 3</a></li>
            <li><a href="link-1">link 4</a></li>
            <li><a href="link-1">link 5</a></li>
            <li><a href="link-1">link 6</a></li>
        </ul>
    </nav>

    Styleguide 4.2.2.1
*/
.primary-navigation__heading {
  margin: 0 auto;
  padding-top: 1rem;
  text-align: center;
  float: left;
  width: 65%;
  border-left: 1px solid #ddd;
}

/* li */
.primary-navigation__item {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0;
}

.primary-navigation__item:hover .primary-navigation__body {
  display: block;
}

.primary-navigation__item button {
  font-size: 13px;
  color: #fff;
  padding: .8em;
}

/* li > div */
.primary-navigation__head a:focus ~ .primary-navigation__body,
.primary-navigation__head a ~ .primary-navigation__body a:focus {
  display: block;
}

/* li > div + div */
.primary-navigation__body {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  border-radius: 3px;
  border-top-left-radius: 0;
  min-width: 660px;
}

.primary-navigation__sub-items--categories {
  *zoom: 1;
  padding: 10px;
  padding: 1rem;
  border-left: 1px solid #ddd;
  float: left;
  width: 32.5%;
  width: calc(width - 2em);
}

.primary-navigation__sub-items--categories:before, .primary-navigation__sub-items--categories:after {
  content: "";
  display: table;
}

.primary-navigation__sub-items--categories:after {
  clear: both;
}

.primary-navigation__sub-items--categories a {
  text-align: left;
  color: #777;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.2px 0;
  padding: 0.02rem 0;
  border-bottom-width: 0;
}

.primary-navigation__sub-items--categories a:hover {
  color: #000;
  box-shadow: none;
  background-color: transparent;
}

.primary-navigation__sub-items--categories:last-child {
  border-left: 0;
}

/**
             *    li.primary-navigation__item
             *        > div.primary-navigation__body
             *            > ul.primary-navigation__sub-items
             *                > li.primary-navigation__sub-item
             **/
/*======== Mobile-navigation component =============*/
@media all and (max-width: 768px) {
  .main-navigation {
    /*background-color: $white !important;*/
    /*background-image: none !important;*/
  }
}

@media all and (max-width: 913px) {
  .navigation--inline li {
    /*        &.signed {
            a {
                font-size: 16px;
                line-height: 22px;
            }
        }*/
  }
  .navigation--inline li a, .navigation--inline li label {
    font-size: 13px;
  }
}

@media all and (min-width: 769px) and (max-width: 1050px) {
  .navigation--inline li {
    -ms-flex: initial;
        flex: initial;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.top-links {
  float: left;
}

.top-links form[name="Logout"] {
  display: inline-block;
}

.top-links .navigation {
  display: inline-block;
  min-width: 320px;
  *zoom: 1;
}

.top-links .navigation:before, .top-links .navigation:after {
  content: "";
  display: table;
}

.top-links .navigation:after {
  clear: both;
}

.top-links .navigation li {
  float: left;
}

.top-links .navigation a, .top-links .navigation button.btn-link1 {
  display: inline-block;
  padding: 0 5px 0 0;
  padding: 0 0.5rem 0 0;
}

.navigation--inline .greeting span {
  display: inline-block;
  padding: 0 5px 0 0;
  padding: 0 0.5rem 0 0;
}

.navigation--inline .greeting:after {
  content: "\00b7";
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__footer {
  margin-top: 30px;
  margin-top: 3rem;
}

.basket__footer > div:first-child {
  width: 57.14286%;
  float: left;
  margin-right: 2.85714%;
}

.basket__footer > div {
  width: 40%;
  float: right;
  margin-right: 0;
}

.btn--submit {
  border: 1px solid #002D62;
}

.btn--submit:hover {
  border-color: #506794;
}

@media all and (max-width: 768px) {
  .basket__footer {
    margin-top: 30px;
    margin-top: 3rem;
  }
  .basket__footer > div:first-child {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .basket__footer > div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .basket__bottom-line .figures {
    max-width: 100%;
    margin-left: 0;
  }
  .basket__bottom-line .figures--before-total {
    padding-left: 0;
  }
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket content

    - Basket item row


    markup:
    <section class="basket basket__content u-shadow-in">
        <section class="container">
            <table class="basket__item-list u-borderless">
                <tr class="basket__item">
                    <td class="column-item">
                        <div class="clearfix">
                            <div class="basket-item__picture">
                                <img src="http://www.placehold.it/80x110?text=Book" alt="do" ex="" aliqua="" width="80px" height="110px">
                            </div>
                            <div class="basket-item__info">
                                <h4><a href="product.html">do ex aliqua</a></h4>
                                <p>Lindsay Valdez</p>
                                <p class="basket-item__format"></p>
                                <p class="basket-item__links"><a href="#whishlist">Move to whishlist</a>&nbsp;|&nbsp;<a href="#save">Save for later</a></p>
                            </div>
                        </div>
                    </td>
                    <td class="column-qty">
                        <div>
                            <input type="number" step="1" min="0" max="9999" value="1">
                        </div>
                        <p><a href="#remove" class="js-remove-from-basket" data-isbn="338548213657">Remove</a></p>
                    </td>
                    <td class="column-reserve">
                        <i class="fa fa-check" aria-hidden="true"></i>
                        <p>Reserve now,
                            <br>collect at 4pm today</p>
                    </td>
                    <td class="column-deliver">
                        <i class="fa fa-times" aria-hidden="true"></i>
                        <p>Usually dispatched
                            <br>within 48 hours</p>
                    </td>
                    <td class="column-price">
                        <p class="item-price-full">£20.0</p>
                        <p class="item-price-discounted">£20.00</p>
                        <p class="item-price-saved">£5.00</p>
                    </td>
                    <td class="column-sub-total">
                        <p>£40.00</p>
                    </td>
                </tr>
            </table>
        </section>
    </section>

    Styleguide 4.6.3
*/
.basket__content {
  padding-top: 0;
}

.basket__content > .container {
  margin: 0 auto;
}

/* TEST MOBILE BASKET*/
.basket-mobile {
  padding: 0 10px;
  padding: 0 1rem;
}

.basket-mobile__item {
  padding: 10px 0;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}

.basket-mobile__item:last-child {
  border-bottom-color: transparent;
}

.basket-mobile__item .basket-mobile__item--wrapper {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.basket-mobile__item .mini-basket__thumb,
.basket-mobile__item .mini-basket__item-desc,
.basket-mobile__item .mini-basket__item-figure {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: flex-middle;
      align-self: flex-middle;
}

.basket-mobile__item .mini-basket__item-desc p {
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
}

.basket-mobile__item .mini-basket__item-desc .amount-saved {
  font-size: 11px;
  font-size: 1.1rem;
  color: #d21145;
}

.basket-mobile__item .mini-basket__item-desc .price-initial {
  color: #777;
  text-decoration: line-through;
}

.basket-mobile__item .mini-basket__item-desc input {
  padding: 6px;
  padding: 0.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket Head

    - Basket header row


    markup:
    <section class="container u-mb-sans basket__header">
        <table class="u-borderless">
            <tr class="basket__label">
                <td class="column-item">Item</td>
                <td class="column-qty">Quantity</td>
                <td class="column-reserve"><i class="fa fa-map-marker" aria-hidden="true"></i>Reserve &amp; collect</td>
                <td class="column-deliver"><i class="fa fa-truck" aria-hidden="true"></i>Delivery to</td>
                <td class="column-price">Price</td>
                <td class="column-sub-total">Sub-total</td>
            </tr>
        </table>
    </section>

    Styleguide 4.6.2
*/
.basket__label {
  height: 72px;
  vertical-align: middle;
}

.basket__label p {
  text-align: center;
}

.basket__label p:not(:first-child) {
  margin-bottom: 0;
}

.basket__label .fa {
  margin-right: 2.5px;
  margin-right: 0.25rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__item.order__item .fa {
  font-size: 10px;
  font-size: 1rem;
  height: auto;
  margin: 3px 5px 0 0;
  margin: 0.3rem 0.5rem 0 0;
  float: initial;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket__lists {
  margin-bottom: 0;
}

.basket__lists + .main-sign-up {
  margin-top: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket

    Basket representation

    Styleguide 4.6.0
*/
/*
    Mini Basket - Header

    markup:
    <div class="order-recap">
        <div class="order-recap__summary">
            <i class="icon icon__order-recap"></i>
            <p class="qty hide-small">0 item</p>
            <p class="total hide-small">&pound;&thinsp;0.00</p>
        </div>
        <ul class="order-recap__list">
            <li class="order-recap__heading">Your basket</li>
            <li class="order-recap__item">
                <div class="order-recap__item--wrapper">
                    <div class="order-recap__thumb">
                        <a href="#">
                            <img class="jacket" title="ISBN: {{book.details.ISBN}} - {{book.title}}" alt="ISBN: {{book.details.ISBN}} - {{book.title}}" src="http://www.placehold.it/70x110?text={{book.thumbnail}}" />
                        </a>
                    </div>
                    <div class="order-recap__item-desc">
                        <h3><a href="books/{{book.title}}">{{book.title}}</a></h3>
                        <p class="author">{{book.author}}</p>
                        <p class="qty">Qty: 1</p>
                    </div>
                    <div class="order-recap__item-figures">
                        <p class="price-initial">&pound;&#8198;8&#8201;.&#8201;99</p>
                        <p>&pound;&#8198;6&#8201;.&#8201;29</p>
                        <p class="amount-saved">Save &pound;&#8198;1&#8201;.&#8201;25</p>
                    </div>
                </div>
            </li>
            <li class="order-recap__message">
                <p><i class="fa fa-truck"></i> Spend just <span class="delivery-free-value">&pound;&thinsp;10.00</span> more to get <span class="color-emphasis">FREE delivery</span> on your order!</p>
            </li>
            <li class="order-recap__value">
                <p class="order-recap__sub-total order-recap__sum"><span>Sub-total (6 items):</span><span>&pound;89.25</span></p>
                <p class="order-recap__delivery order-recap__sum"><span>Delivery:</span><span>&pound;2.50</span></p>
                <p><a href="basket.html" class="btn btn--primary">View basket</a></p>
            </li>
        </ul>
    </div>

    Styleguide
*/
.order-recap {
  position: relative;
  float: right;
}

.order-recap__summary {
  border: 1px solid #ccc;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 7px 5px 5px 30px;
  padding: 0.7rem 0.5rem 0.5rem 3rem;
}

.order-recap__summary p {
  margin: 0 0 0 1rem;
}

.order-recap__summary:before {
  background-color: #fff;
  height: 5px;
  width: 100%;
  width: calc(100% - 2px);
  position: absolute;
  bottom: -2px;
  right: 1px;
  z-index: 2;
}

.order-recap:hover .order-recap__summary {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.order-recap:hover .order-recap__summary:before {
  content: "";
}

.order-recap__list {
  /* ul */
  position: absolute;
  right: 0;
  z-index: 1;
  height: 0;
  width: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
  border-top-right-radius: 0;
  overflow-y: scroll;
}

.order-recap__list p {
  margin: 0;
  line-height: 20px;
  color: #333;
}

.order-recap:hover > .order-recap__list {
  padding: 10px;
  padding: 1rem;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-color: #ccc;
  min-width: 290px;
  height: 60vh;
  transition: height 0.6s;
}

.order-recap__heading {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 24px;
  font-size: 2.4rem;
}

.order-recap__item {
  /* li */
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.icon__order-recap {
  background: transparent url("../images/icons/mini_basket_icon.png") no-repeat 0 0;
  background-size: contain;
  width: 43px;
  height: 43px;
  margin-left: -40px;
  float: left;
}

.order-recap__item--wrapper {
  /* product container*/
  *zoom: 1;
}

.order-recap__item--wrapper:before, .order-recap__item--wrapper:after {
  content: "";
  display: table;
}

.order-recap__item--wrapper:after {
  clear: both;
}

.order-recap__thumb,
.order-recap__item-desc,
.order-recap__item-figures {
  float: left;
  max-width: 65%;
}

.order-recap__thumb {
  max-width: 35%;
  padding-right: 10px;
  padding-right: 1rem;
}

.order-recap__thumb a {
  display: block;
}

.order-recap__thumb a:hover {
  border-bottom-color: transparent;
}

.order-recap__item-desc h3 {
  font-size: 16px;
  line-height: 20px;
}

.order-recap__item-desc p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.order-recap__item-figures {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.order-recap__item-figures p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0;
}

.order-recap__item-figures .amount-saved {
  font-size: 14px;
  font-size: 1.4rem;
  color: #d21145;
}

.order-recap__item-figures .price-initial {
  color: #777;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.order-recap__message {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.8em;
}

.order-recap__message p {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  max-width: 80%;
  line-height: 1.5;
  margin: 10px auto 5px auto;
  margin: 1rem auto 0.5rem auto;
}

.order-recap__message p .color-emphasis {
  color: #F57B20;
}

.order-recap__value button {
  margin: 1 0 0 0;
  width: 100%;
  font-size: 21px;
  font-size: 2.1rem;
}

.order-recap__sum {
  *zoom: 1;
  margin-bottom: 0;
}

.order-recap__sum:before, .order-recap__sum:after {
  content: "";
  display: table;
}

.order-recap__sum:after {
  clear: both;
}

.order-recap__sum span {
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
  width: 68%;
}

.order-recap__sum span:last-child {
  text-align: right;
  width: 30%;
  float: none;
}

.order-recap__delivery span {
  line-height: 1.5;
}

.order-recap__total {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-top: 5px;
  padding-top: 0.5rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
}

.order-recap__total span {
  width: 40%;
}

.order-recap__total span:last-child {
  width: 57%;
}

.total {
  font-size: 20px;
  font-size: 2rem;
}

.order__summary {
  border: 1px solid #ccc;
  padding: 10px 30px;
  padding: 1rem 3rem;
}

.order__summary .order-payment-icon {
  line-height: 30px;
  /* max-height of icons */
}

.order__summary .icon {
  background-size: contain;
  float: left;
  max-height: 30px;
  margin-right: 10px;
  margin-right: 1rem;
}

body.confirmation .page-header form {
  border: 1px solid #00AEEF;
  padding: 0;
  z-index: 0;
  margin-top: 20px;
}

body.confirmation .page-header form h2, body.confirmation .page-header form section {
  vertical-align: middle;
  display: table-cell;
}

body.confirmation .page-header form h2 {
  width: 240px;
  text-align: center;
  color: #fff;
  background: #00AEEF;
  font-family: "opensans", "Arial", sans-serif;
  position: relative;
  padding: 0 60px 0 10px;
  overflow: hidden;
}

body.confirmation .page-header form h2:before, body.confirmation .page-header form h2:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 240px;
  height: 50%;
  border-right: 120px solid #fff;
}

body.confirmation .page-header form h2:before {
  bottom: 0;
  -ms-transform: skew(-30deg);
      transform: skew(-30deg);
  -ms-transform-origin: top;
      transform-origin: top;
}

body.confirmation .page-header form h2:after {
  top: 0;
  -ms-transform: skew(30deg);
      transform: skew(30deg);
  -ms-transform-origin: bottom;
      transform-origin: bottom;
}

body.confirmation .page-header form h2 span {
  display: block;
  font-size: 40px;
  font-style: italic;
  font-family: "opensansBold", "Arial", sans-serif;
}

body.confirmation .page-header form section {
  padding: 20px 20px 55px;
}

body.confirmation .page-header form section a {
  text-decoration: underline;
}

body.confirmation .page-header form section a:hover {
  text-decoration: none;
}

body.confirmation .page-header form section p:first-child {
  margin-bottom: 20px;
  line-height: 1.5;
}

body.confirmation .page-header form section p:first-child br {
  display: none;
}

body.confirmation .page-header form section p:first-child br:nth-child(3) {
  display: block;
}

body.confirmation .page-header form section p.field-container {
  display: inline-block;
  width: 30%;
  vertical-align: bottom;
  position: relative;
  text-align: left;
  margin-right: 18px;
}

body.confirmation .page-header form section p.field-container small {
  position: absolute;
  left: 0;
  width: 200%;
  z-index: 1;
  top: 75px;
}

body.confirmation .page-header form section p button {
  margin: 0;
  color: #002D62;
  font-family: "opensans", "Arial", sans-serif;
  text-decoration: underline;
  padding: 0;
  background: none;
  text-shadow: none;
}

body.confirmation .page-header form section p button:hover {
  text-decoration: none;
  color: #506794;
  background: none;
  text-shadow: none;
}

body.confirmation .page-header form section button {
  margin-bottom: 5px;
}

@media all and (max-width: 1040px) {
  body.confirmation .page-header form section p:first-child br {
    display: block;
  }
}

@media all and (max-width: 840px) {
  body.confirmation .page-header form h2, body.confirmation .page-header form section {
    display: block;
  }
  body.confirmation .page-header form h2 {
    width: 100%;
    padding: 10px;
    line-height: 30px;
  }
  body.confirmation .page-header form h2 span {
    display: inline-block;
  }
  body.confirmation .page-header form h2:before, body.confirmation .page-header form h2:after {
    display: none;
  }
}

@media all and (max-width: 590px) {
  body.confirmation .page-header form h2 span {
    display: block;
  }
  body.confirmation .page-header form section {
    padding: 20px;
  }
  body.confirmation .page-header form section p:first-child br {
    display: none;
  }
  body.confirmation .page-header form section p:first-child br:nth-child(3) {
    display: block;
  }
  body.confirmation .page-header form section p.field-container {
    width: 100%;
  }
  body.confirmation .page-header form section p.field-container small {
    position: relative;
    width: 100%;
    top: 0;
  }
  body.confirmation .page-header form section button {
    margin: 20px 0 10px;
  }
}

body.confirmation #registerConfirm {
  text-align: left;
  overflow: hidden;
  margin: 0 auto;
}

body.confirmation #registerConfirm h2 {
  margin: 0 0 20px 0;
}

body.confirmation #registerConfirm legend {
  font-weight: 700;
}

body.confirmation #registerConfirm .field-container[class*="register"] {
  display: inline-block;
  width: 49%;
}

body.confirmation #registerConfirm .field-container.haveAccount label {
  margin: .5rem .5rem .5rem 0;
}

body.confirmation #registerConfirm .field-container [type="checkbox"] {
  vertical-align: middle;
  margin-bottom: .3rem;
}

@media all and (max-width: 480px) {
  body.confirmation #registerConfirm .field-container {
    width: 100%;
  }
}

body.confirmation #registerConfirm .field-container.register-pass-confirm {
  float: right;
}

body.confirmation #registerConfirm button {
  float: right;
}

.section__head {
  margin-top: 20px;
  margin-top: 2rem;
}

.section__head h2 {
  font-family: "opensansBold", "Arial", sans-serif;
  border-bottom: 1px solid #ccc;
  font-size: inherit;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

@media all and (max-width: 768px) {
  .order-recap-list {
    margin-top: 20px;
    margin-top: 2rem;
    padding-top: 20px;
    padding-top: 2rem;
    border-top: 1px solid #ccc;
  }
}

/*======== Mobile-header component =============*/
@media all and (max-width: 480px) {
  .order-recap {
    cursor: pointer;
  }
  .order-recap:hover > div {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }
  .order-recap:hover > div:before {
    display: none;
  }
  .order-recap > div {
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  .icon__order-recap {
    background: transparent url("/resources/images/icons/mini_basket_icon.png") no-repeat 0 0;
    background-size: contain;
    width: 43px;
    height: 43px;
    display: block;
    margin-left: 0;
    float: left;
    overflow: inherit;
    left: inherit;
    right: 15px;
  }
  .icon__order-recap:after {
    content: attr(basketItems);
    text-indent: -3px;
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: -5px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #00AEEF;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .order-recap__list {
    top: 1;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Product-detail

    markup:
    <section class="product-detail">
        <header>
            <h2 class="product-detail__headline">Book information</h2>
        </header>
        <table itemscope="" itemtype="https://schema.org/Book">
            <tr>
                <td>ISBN: </td>
                <td itemprop="isbn">338548213657</td>
            </tr>
            <tr>
                <td>ISBN13:</td>
                <td>8250857535284</td>
            </tr>
            <tr>
                <td>Publisher:</td>
                <td itemprop="publisher">Ecrater</td>
            </tr>
            <tr>
                <td>Imprint:</td>
                <td>Prosely</td>
            </tr>
            <tr>
                <td>Published in:</td>
                <td>
                    <ul>
                        <li itemprop="inLanguage">Tanzania</li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td>Publish date:</td>
                <td itemprop="datePublished" content="1991-05-01">Wed Feb 28 1996</td>
            </tr>
            <tr>
                <td>DEWEY:</td>
                <td>880.0731</td>
            </tr>
            <tr>
                <td>DEWEY edition:</td>
                <td>10</td>
            </tr>
            <tr>
                <td>Sales rank:</td>
                <td>???</td>
            </tr>
            <tr>
                <td>Number of pages:</td>
                <td itemprop="numberOfPages">831</td>
            </tr>
            <tr>
                <td>Weight:</td>
                <td itemprop="weight"></td>
            </tr>
            <tr>
                <td>Height:</td>
                <td>189mm</td>
            </tr>
            <tr>
                <td>Width:</td>
                <td>120mm</td>
            </tr>
            <tr>
                <td>Spine width:</td>
                <td>mm</td>
            </tr>
        </table>
    </section>

    Styleguide 4.5.5
*/
.product-detail {
  color: #777;
}

.product-detail table, .product-detail tr, .product-detail td {
  border: none;
}

.product-detail td {
  font-family: "opensansBold", "Arial", sans-serif;
  color: #555;
  padding: 0;
}

.product-detail td:last-child {
  font-family: "opensans", "Arial", sans-serif;
  text-align: right;
  color: #777;
  padding-right: 10px;
  padding-right: 1rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.overflow-tentacle {
  bottom: 3px;
  left: 0;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Product-picture

    Styleguide 4.5.3
*/
.product__picture {
  overflow: hidden;
}

.produtct__picture--ebook {
  position: relative;
}

.produtct__picture--ebook:before {
  position: absolute;
  content: "";
  width: 45px;
  height: 45px;
  top: 0;
  left: 0;
  border-top: 45px solid #777;
  border-right: 45px solid transparent;
  border-bottom: 45px solid transparent;
  border-left: 45px solid #777;
}

.produtct__picture--ebook .fa-tablet {
  color: #fff;
  float: left;
  font-size: 33px;
  position: relative;
  margin-left: 12px;
  margin-left: 1.2rem;
}

.produtct__picture--ebook .fa-tablet:before {
  position: absolute;
  font-size: 46px;
  left: -7px;
  top: 1px;
}

.picture-wrapper {
  text-align: center;
  border: 1px solid #efefef;
  padding: 0;
  margin: 0 0 10px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.picture-wrapper img {
  vertical-align: middle;
  margin: 0 auto;
  display: block;
  max-height: 500px;
}

/*.product__thumbnails{
    @include clearfix;
    overflow: hidden;
    position: relative;
    width: 90%;
    margin: 10px auto;

    & + .carousel-controls{
        position: relative;
        top: -85px;
    }
}*/
.thumbnail__item {
  padding: 0 5px 0;
  text-align: center;
  width: 136px;
  /*min-width: $thumb-box-width;*/
}

.thumbnail__item a {
  border: 10px solid #fff;
  display: block;
}

.thumbnail__item img {
  vertical-align: middle;
  margin: 0;
  height: 100px;
  border: 1px solid #efefef;
}

.thumbnail__item--video {
  height: 120px;
}

.thumbnail__item--video a {
  border: none;
  display: block;
  position: relative;
}

.thumbnail__item--video .fa-play-circle {
  position: absolute;
  top: 25%;
  left: 30%;
  font-size: 62px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: #fff;
  background-color: #002D62;
}

.thumbnail__item--video .fa-play-circle:hover {
  background-color: #00AEEF;
}

@media all and (max-width: 53.5rem) {
  .picture-wrapper {
    /*@include rem(margin-bottom, $space*1.0rem);*/
  }
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Product-item

    markup:
    <div itemscope itemtype="https://schema.org/Book" class="carousel__item ">
        <link itemprop="additionalType" href="https://schema.org/Product"/>
        <div class="product-picture">
            <img src="http://catmantest1.blackwell.co.uk/cm/jacket/s/9780692483619.jpg" alt="cover art, {{book.title}}" itemprop="image" />
        </div>
        <div class="product-info">
            <h4 itemprop="name"><a href="product.html" class="product-name">book.title</a></h4>
            <p itemprop="author" class="product-author">book.author</p>
            <p class="product-format" itemprop="bookFormat">book.details.format</p>
            <div class="product__price">
            <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
                <p class="product-price--discount">Save £5</p>
                <ul class="list--inline">
                    <li class="product-price--old">£25</li>
                    <li class="product-price--current" itemprop="price">
                        <meta itemprop="priceCurrency" content="GBP">£20</li>
                </ul>
            </div>
        </div>
    </div>

    Styleguide 4.5.4
*/
.product-info a,
.product-picture a {
  display: inline-block;
  padding: 5px 0;
  padding: 0.5rem 0;
}

.product-info a:hover,
.product-picture a:hover {
  border-color: transparent;
}

.product-picture {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  height: 245px;
}

.product-picture a {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 16px;
}

.product-info {
  padding-bottom: 30px;
  position: relative;
}

.carousel__item .product-info {
  height: 220px !important;
}

.product-info h4 {
  font-family: "opensans", "Arial", sans-serif;
}

.product-info p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 16px;
  line-height: 1.6rem;
}

.product-info .product-author {
  color: #777;
  margin: 0 0 5px;
}

.product-info .product-format {
  color: #555;
}

.product-info .product-format span:first-child {
  color: #333;
}

.carousel__item .product-info .product-price,
.tns-item .product-info .product-price {
  z-index: -1;
  position: absolute;
  bottom: -50px;
  display: block;
  /* top: 0; */
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 100%;
  /*background: #f0f0f0;*/
  padding: 5px 0 50px;
  border-radius: 5px;
}

/*
    Promo Stamp

    Display promotion on product


    sg-wrapper:
    <div class="sg" style="padding: 1em;">
        <sg-wrapper-content/>
    </div>

    markup:
    <p class="promo-stamp"><span>20%</span><span>off</span></p>
    <p class="promo-stamp"><span>{{ displayPromoAmount }}</span><span>off</span></p>

    {{ displayPromoAmount }} will contain the currency symbol
    Styleguide
*/
/* For each key in the map, created an own class */
body[data-currency='EUR'] .promo-stamp span {
  font-size: 14px;
  font-size: 1.4rem;
}

body[data-currency='EUR'] .promo-stamp span:first-child {
  margin-top: 15px;
  margin-top: 1.5rem;
}

body[data-currency='GBP'] .promo-stamp span {
  font-size: 14px;
  font-size: 1.4rem;
}

body[data-currency='GBP'] .promo-stamp span:first-child {
  margin-top: 15px;
  margin-top: 1.5rem;
}

body[data-currency='AUD'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='AUD'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='CAD'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='CAD'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='USD'] .promo-stamp span {
  font-size: 14px;
  font-size: 1.4rem;
}

body[data-currency='USD'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='CHF'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='CHF'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='DKK'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='DKK'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='JPY'] .promo-stamp span {
  font-size: 14px;
  font-size: 1.4rem;
}

body[data-currency='JPY'] .promo-stamp span:first-child {
  margin-top: 15px;
  margin-top: 1.5rem;
}

body[data-currency='NOK'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='NOK'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

body[data-currency='SEK'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='SEK'] .promo-stamp span:first-child {
  margin-top: 15px;
  margin-top: 1.5rem;
}

body[data-currency='NZD'] .promo-stamp span {
  font-size: 12px;
  font-size: 1.2rem;
}

body[data-currency='NZD'] .promo-stamp span:first-child {
  margin-top: 17px;
  margin-top: 1.7rem;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Products

    Definition of the different product information

    Styleguide 4.5.0
*/
/*
    Price

    markup:
    <div class="product-price-wrapper u-center" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
        <p class="product-price--discount">Save £5.00</p>
        <ul class="list--inline">
            <li class="product-price--old">£25.00</li>
            <li class="product-price--current" itemprop="price">
                <meta itemprop="priceCurrency" content="GBP" />£20.00
            </li>
        </ul>
    </div>

    Styleguide 4.5.1
*/
.product-price--discount {
  color: #D31145;
}

.product-price--old {
  color: #777;
  text-decoration: line-through;
  font-size: 13px;
  font-size: 1.3rem;
}

.product-price--current {
  color: #002D62;
  margin-left: 0.5rem;
}

.product-price--old + .product-price--current {
  /*margin-bottom: 2.0rem;*/
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Product-size

    Compare product to selected list of common items

    markup:
    <section class="product-size">
        <header>
            <h2 class="headline">Size guide</h2>
        </header>
        <section class="u-separator-right u-cf" style="min-height: 336px">
            <p>How this item compares to a:</p>
            <div class="dropdown">
                <div class="dropdown__trigger">
                        <p class="dropdown__selected js-dropdown__selected">
                            <span>Selected val</span>
                            <i class="fa fa-caret-down" aria-hidden="true"></i>
                        </p>
                        <div class="dropdown__inner">
                            <p class="dropdown__head">Choose your ...</p>
                            <ul class="dropdown__list">
                                <li class="dropdown__item"><a href="#" class="dropdown__link">News</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Sport</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Weather</a></li>
                                <li class="dropdown__divider"><span>---</span></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">TV</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Radio</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Travel</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Music</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Food</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Arts</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Earth</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Local</a></li>
                            </ul>
                        </div>
                </div>
            </div>
            <div class="product-size__picture">
                <figure>
                    <span class="book-height">{{book.details.height}}mm</span>
                    <img src="http://www.placehold.it/140x210?text=Book" alt="" width="140px" height="210px" />
                    <span class="book-width">{{book.details.height}}mm</span>
                </figure>
            </div>
            <div class="product-size__picture--compare">
                <figure>
                    <img src="http://www.placehold.it/140x210?text=cola%20can" alt="" width="140px" height="210px" />
                </figure>
            </div>
        </section>
    </section>


    Styleguide 4.5.6
*/
.product-size {
  color: #777;
}

.product-size .dropdown {
  width: 100%;
}

.size-compare-wrapper {
  display: none;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 40px;
  top: 4rem;
  width: 100%;
}

.size-compare__item {
  padding: 0.2em;
  cursor: pointer;
}

.size-compare__item:hover {
  background-color: #ddd;
}

.product-size__picture,
.product-size__picture--compare {
  float: left;
  width: 50%;
}

.product-size__picture figure,
.product-size__picture--compare figure {
  padding: 10px;
  padding: 1rem;
}

.product-size__picture figure {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.product-size__picture figure span {
  color: #555;
  float: left;
  position: absolute;
  padding: 2px 10px;
  background-color: #fff;
}

.product-size__picture figure .book-height {
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  left: -44px;
  top: 40%;
}

.product-size__picture figure .book-width {
  bottom: -20px;
  left: 30%;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Quotes

    markup:
    <blockquote>
        <p>&ldquo;A taut, suspenseful race-against-time book . . . [Douglas-Fairhurst is] in reliably fine form.&rdquo;</p>
        <cite class="quote-source">The New York Times</cite>
    </blockquote>

    Styleguide 4.13
*/
.quote-source {
  font-family: "opensansBold", "Arial", sans-serif;
  font-style: normal;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Delivery dates

    Christmas dates table

    markup:
    <section class="container christmas-section">
        <header class="u-center">
            <h1>Christmas Last Orders Dates</h1>
            <p>Recommended last order dates for items which are available for dispatch within 24 hours from the UK. <sup>*</sup></p>
        </header>
        <table>
            <tr>
                <td>Africa &amp; Middle East</td>
                <td>Thursday 29<sup>th</sup> November</td>
            </tr>
            <tr>
                <td>Caribbean, Central &amp; South America</td>
                <td>Wednesday 2<sup>nd</sup> December</td>
            </tr>
            <tr>
                <td>Asia &amp; Central Europe</td>
                <td>Tuesday 6<sup>th</sup> December</td>
            </tr>
            <tr>
                <td>Australia, Greece, New Zealand</td>
                <td>Tuesday 6<sup>th</sup> December</td>
            </tr>
            <tr>
                <td>Europe &amp; UK</td>
                <td>Thursday 14<sup>th</sup> December</td>
            </tr>
        </table>
        <p><sup>*</sup>These dates are not guaranteed and we always recommend to order in good time to get your books before Christmas</p>
    </section>

    Styleguide
*/
.christmas-section {
  border-top: 1px solid #dddddd;
  position: relative;
  max-width: 100%;
  padding-top: 20px;
  padding-top: 2rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.christmas-section:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url("/resources/images/backgrounds/bg_snow.gif"), linear-gradient(#e5f4fa 0%, rgba(255, 255, 255, 0) 100%);
  /*background-size: cover;*/
  left: 0;
  z-index: -1;
}

#home .christmas-section {
  /*        padding: 20px 1.42857%;
        line-height: 30px;
        text-align: center;
        font-size: 25px;
        margin: 0 0 -15px;*/
  padding: 0;
  border: 0;
  margin-bottom: -20px;
}

#home .christmas-section .u-font-double {
  line-height: initial;
}

@media all and (max-width: 768px) {
  #home .christmas-section .u-font-double {
    margin-bottom: 40px;
  }
}

#home .christmas-section .last-dates {
  padding: 20px 0;
  line-height: 30px;
  /*text-align: center;*/
  font-size: 20px;
  margin: 0 auto;
  max-width: 1050px;
}

@media all and (max-width: 1050px) {
  #home .christmas-section .last-dates {
    padding: 20px 1.42857%;
  }
}

#home .christmas-section.xmasAbs {
  margin-bottom: 0;
}

#home .christmas-section.xmasAbs .container__content--small {
  margin-right: 0;
}

#home .christmas-section.xmasAbs .last-dates {
  padding: 0;
  position: absolute;
  bottom: 15px;
  line-height: initial;
}

@media all and (max-width: 768px) {
  #home .christmas-section.xmasAbs .last-dates {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    bottom: 97px;
    font-size: 22px;
    width: 100%;
  }
}

.delivery__date {
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.delivery__date td {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Delivery dates

    Christmas dates table

    markup:
    <header class="u-center">
        <h1>Delivery Information</h1>
        <p>Please find our delivery times &amp; prices below.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum fuga eveniet, obcaecati laboriosam atque et sapiente! Quam minus odit facere consequatur facilis harum ratione expedita cumque nam, sunt vitae maxime.</p>
    </header>
    <table>
        <tr>
            <th>Destination</th>
            <th>Price</th>
            <th>Delivery from dispatch date</th>
        </tr>
        <tr>
            <td>UK-Standard</td>
            <td>
                <p>£2.50 + £0.50 <small>per additional item</small></p>
                <p><strong>Free</strong> on orders over £10</p>
            </td>
            <td>2-4 business days</td>
        </tr>
        <tr>
            <td>UK-Priority</td>
            <td>£3.50 per item</td>
            <td>1-2 business days</td>
        </tr>
        <tr>
            <td>Europe</td>
            <td>£3.50 per item</td>
            <td>4-9 business days</td>
        </tr>
        <tr>
            <td>US</td>
            <td>£3.50 per item</td>
            <td>10-15 business days</td>
        </tr>
        <tr>
            <td>Canada</td>
            <td>£3.50 per item</td>
            <td>10-15 business days</td>
        </tr>
        <tr>
            <td>Rest of World</td>
            <td>£4.50 per item</td>
            <td>10-15 business days</td>
        </tr>
    </table>

    Styleguide
*/
.delivery__price th {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.delivery__price td {
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
}

.delivery__price td p {
  margin-bottom: 0;
}

.delivery__price strong {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Error pages

    Default errors pages

    markup:
    <div class="error-container">
        <h1>Sorry !</h1>
        <p>It looks like you&rsquo;ve stumbled across a page that doesn&rsquo;t exist on our site. We&rsquo;re really sorry about this and will work hard to get this resolved as soon as possible.</p>
        <p>For now, try checking the URL and pressing refresh or simply return to <a href="/">Blackwells.co.uk</a></p>
        <div class="logo"><img src="/images/logo.png" alt="brand logo"></div>
    </div>

    Styleguide 5.11.0

*/
.error-page {
  padding: 0;
  padding-bottom: 100px;
}

.error-container {
  text-align: center;
}

.error-container h1 {
  margin: 50px auto 30px auto;
  margin: 5rem auto 3rem auto;
  font-size: 30px;
  font-size: 3rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
  width: 300px;
}

.error-container p {
  font-size: 16px;
  font-size: 1.6rem;
  width: 60%;
  margin: 10px auto 30px auto;
  margin: 1rem auto 3rem auto;
}

.u-bg-placeholder {
  min-height: 405px;
  position: relative;
}

.u-bg-placeholder:after {
  content: "";
  background: linear-gradient(135deg, transparent 25%, transparent 25%) -50px 0, linear-gradient(225deg, transparent 25%, transparent 25%) -50px 0, linear-gradient(315deg, #FFFFFF 25%, transparent 25%), linear-gradient(45deg, #FFFFFF 25%, transparent 25%);
  background-size: 25px 25px;
  background-color: transparent;
  width: 100%;
  height: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
    500

    Styleguide 5.11.2

*/
.bg-maintenance {
  background-image: url("../images/backgrounds/bg_maintenance.jpg");
}

/*
    500

    Styleguide 5.11.2

*/
.bg-500 {
  background-image: url("../images/backgrounds/bg_500.jpg");
}

/*
    404

    Styleguide 5.11.1

*/
.bg-404 {
  background-image: url("../images/backgrounds/bg_404.jpg");
}

/*
    410

    Styleguide 5.11.1

*/
.bg-410 {
  background-image: url("../images/backgrounds/bg_410.jpg");
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.company-statement-list dl {
  margin: 0 auto;
  width: 80%;
}

.company-statement-list dl dt {
  font-size: 20px;
  font-size: 2rem;
  padding-top: 20px;
}

.company-statement-list dl dd {
  padding-left: 30px;
  display: inline;
}

.company-statement-list .list-title span {
  margin-right: 10px;
  margin-right: 1rem;
  width: 12rem;
}

.company-statement-list .list-title span, .company-statement-list .list-title a {
  vertical-align: middle;
  display: inline-block;
}

.editorial__container p, .editorial__container h2 {
  line-height: 1.7;
}

.editorial__container p.list-title, .editorial__container h2.list-title {
  line-height: 3rem;
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 20px;
  font-size: 2rem;
}

.editorial__container p {
  line-height: inherit;
  margin: 0 0 20px;
  margin: 0 0 2rem;
}

.editorial__container .editorial__intro p {
  margin: 0 0 10px;
  margin: 0 0 1rem;
}

.editorial__container ul.list {
  list-style: disc;
  padding-left: 4rem;
  margin: -1rem 0 2rem;
}

.editorial__container table.statements {
  margin: 2rem 0;
}

.editorial__container table .number {
  width: 6rem;
  text-align: center;
}

.editorial__container table .totals {
  width: 11rem;
  text-align: center;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.books-of-year__banner {
  text-align: center;
}

.books-of-year__banner h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin-top: 50px;
  margin-top: 5rem;
  margin-bottom: 36px;
  margin-bottom: 3.6rem;
}

.books-of-year__banner p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.book-of-year__ribbon {
  color: #fff;
  background-color: #002D62;
  position: relative;
  margin: 0 auto 50px;
  padding: 10px 0;
  max-width: 400px;
}

.book-of-year__ribbon:before, .book-of-year__ribbon:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 50px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.book-of-year__ribbon:before {
  left: -40px;
  background-image: url("../images/big-ribbon_left.gif");
}

.book-of-year__ribbon:after {
  right: -40px;
  background-image: url("../images/big-ribbon_right.gif");
}

.book-of-year__ribbon p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
}

.book-of-year__ribbon--list {
  margin: 0 auto 20px;
  padding: 7px 5px;
  max-width: calc(100% - 60px);
}

.book-of-year__ribbon--list:before, .book-of-year__ribbon--list:after {
  width: 30px;
  height: 30px;
  top: 10px;
}

.book-of-year__ribbon--list:before {
  left: -24px;
}

.book-of-year__ribbon--list:after {
  right: -30px;
}

.book-of-year__ribbon--list p {
  font-size: 14px;
  font-size: 1.4rem;
}

.book-of-year__ribbon--list p span {
  display: block;
}

.books-of-year__container {
  text-align: center;
  margin-bottom: 75px;
  margin-bottom: 7.5rem;
}

.book-of-year__product-picture {
  width: 278px;
  height: 385px;
  margin: auto;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.book-of-year__product-name {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 3.6rem;
}

.book-of-year__product-author {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 3.6rem;
}

.books-of-year__list header {
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
}

.books-of-year__list header h2 {
  font-size: 30px;
  font-size: 3rem;
}

.books-of-year__list > div {
  margin-bottom: 30px;
  margin-bottom: 3rem;
  text-align: center;
  position: relative;
}

@media all and (max-width: 1024px) {
  .books-of-year__list > div {
    /*margin-right: 0!important;*/
  }
  .books-of-year__list > div:last-child {
    float: left !important;
  }
}

.books-of-year__list .product-info {
  padding-bottom: 0;
}

.books-of-year__list .promo-stamp {
  top: 50px;
}

@media all and (max-width: 1024px) {
  .books-of-year__list .promo-stamp {
    right: 20%;
  }
}

.youTube {
  position: relative;
  padding-bottom: 50%;
  padding-top: 50px;
  height: 0;
  overflow: hidden;
  width: 85%;
  margin: 30px auto;
}

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

@media all and (max-width: 1024px) {
  .book-of-year__ribbon--list {
    max-width: calc(70% - 60px);
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
Games landing
*/
.game-page-title {
  font-size: 45px;
  font-size: 4.5rem;
}

.game-page-intro {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
}

.game-bg-container {
  background: transparent url("../images/game-landing-page/games-map_bg_v4.jpg") center 0 no-repeat;
  background-size: contain;
  height: 1388px;
  width: 1050px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  overflow: hidden;
}

.game-bg-container a {
  color: #663300;
}

.game-bg-container a:hover {
  color: #331a00;
}

.game-bg-container .fa-gbp {
  font-size: 13px;
  font-size: 1.3rem;
}

.game-bg-container .fa-gbp:first-child {
  margin-left: 5px;
}

.game-list {
  color: #663300;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.4;
}

.game-list ul > li:first-child {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  font-size: 15px;
  font-size: 1.5rem;
}

.game-list .noLink {
  background-color: red;
}

.game-list .noLink a {
  color: #fff;
}

.game-list .OOS a {
  color: #F57B20;
}

.list-title {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
}

#one-player {
  top: 233px;
  left: 95px;
}

#one-player .game-thumbnail {
  top: -50px;
  width: 110px;
  right: -70px;
}

#one-player li {
  line-height: 1.35;
}

#two-players {
  top: 380px;
  left: 95px;
  width: 150px;
}

#two-players .game-thumbnail {
  top: 130px;
  right: -49px;
  max-width: 60%;
}

#long-haul {
  top: 624px;
  left: 90px;
  width: 200px;
}

#long-haul .list-title {
  width: 74%;
}

#long-haul .game-thumbnail {
  bottom: 12px;
  right: -32px;
}

#problem-solver {
  top: 825px;
  left: 90px;
  width: 190px;
}

#problem-solver .game-image-positionning {
  height: 130px;
}

#problem-solver .game-thumbnail {
  top: 10px;
  right: -20px;
}

#problem-solver ul {
  max-width: 80%;
  line-height: 1.3;
}

#strategist {
  top: 978px;
  left: 90px;
  width: 160px;
}

#strategist .game-thumbnail {
  top: 22px;
  right: -50px;
  width: 90px;
}

#ultimate-family {
  top: 166px;
  left: 585px;
  width: 170px;
}

#ultimate-family .game-thumbnail {
  top: 0;
  right: -27px;
  max-width: 57%;
}

#ultimate-family .list-title {
  max-width: 75%;
}

#drive-right {
  top: 205px;
  left: 779px;
  line-height: 1.6;
  width: 160px;
}

#drive-right .game-thumbnail {
  top: 16px;
  right: -51px;
  max-width: 71%;
}

#party-time {
  top: 420px;
  left: 815px;
  width: 170px;
}

#party-time .game-thumbnail {
  top: -42px;
  right: -14px;
  max-width: 50%;
}

#board-game {
  top: 484px;
  left: 602px;
  line-height: 1.5;
  width: 155px;
}

#board-game .game-thumbnail {
  top: -12px;
  right: -55px;
  max-width: 82%;
}

#under-30-minutes {
  top: 618px;
  left: 403px;
  width: 145px;
}

#under-30-minutes .game-thumbnail {
  bottom: 22px;
  right: -66px;
}

#under-30-minutes .list-title {
  max-width: 80%;
}

#artist {
  top: 830px;
  left: 428px;
  width: 145px;
}

#artist .game-thumbnail {
  top: 110px;
  right: -30px;
  max-width: 64%;
}

#artist ul {
  max-width: 80%;
}

#storyteller {
  top: 772px;
  left: 612px;
  line-height: 1.5;
  width: 160px;
}

#storyteller .game-thumbnail {
  top: 90px;
  left: 82px;
  max-width: 65%;
}

#storyteller ul > li:last-child {
  letter-spacing: -0.3px;
}

#all-for-one {
  top: 635px;
  left: 794px;
  line-height: 1.5;
  width: 190px;
}

#all-for-one .game-thumbnail.u-absolute {
  top: -25px;
  right: -36px;
  margin-top: 0;
  margin-left: 0;
  max-width: 60%;
}

#all-for-one .list-title {
  max-width: 55%;
}

#all-for-one ul {
  max-width: 85%;
}

#all-for-one .text-separator {
  display: inline-block;
  max-width: 100%;
  padding-top: 19px;
}

#all-for-one .verses {
  width: 85px;
}

#all-for-one .verses img {
  top: 330px !important;
  right: -10px !important;
}

#campaigner {
  top: 1110px;
  left: 280px;
  line-height: 1.6;
  width: 155px;
}

#campaigner .game-thumbnail {
  top: -84px;
  right: 0px;
}

#bluffer {
  top: 1102px;
  left: 450px;
  line-height: 1.45;
  width: 165px;
}

#bluffer .game-thumbnail {
  top: -10px;
  right: -13px;
  max-width: 53%;
}

#linguist {
  top: 1068px;
  left: 630px;
  width: 140px;
}

#linguist .list-title {
  margin-bottom: 65px;
}

#linguist .game-thumbnail {
  top: 15px;
  left: -5px;
}

/* Text Positionning */
#question-wrapper p {
  margin: 0;
  color: #663300;
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 18px;
  font-size: 1.8rem;
}

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

.fa-male, .fa-user, .fa-users, .fa-trophy {
  font-size: 25px;
}

#start {
  top: 102px;
  left: 354px;
}

#start p {
  text-transform: uppercase;
  font-size: 25px;
}

#age-question {
  top: 170px;
  left: 362px;
}

#age-question p {
  width: 130px;
}

#age-over {
  top: 283px;
  left: 329px;
}

#age-under {
  top: 283px;
  left: 455px;
}

#players-question {
  top: 354px;
  left: 312px;
  width: 100px;
}

#players-more {
  top: 390px;
  left: 456px;
}

#game-question {
  top: 404px;
  left: 627px;
  width: 139px;
}

#players-less {
  top: 459px;
  left: 319px;
}

#solo-win {
  top: 537px;
  left: 313px;
}

#team-win {
  top: 537px;
  left: 463px;
}

#time-question {
  top: 754px;
  left: 293px;
  width: 100px;
}

#gamer-question {
  top: 960px;
  left: 289px;
  width: 125px;
}

/* Legend positionning */
#legend {
  top: 1175px;
  left: 793px;
  width: 200px;
}

#legend .fa-gbp {
  font-size: 25px;
  font-size: 2.5rem;
  vertical-align: middle;
}

#legend ul > li:first-child {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#legend span {
  width: 75px;
  margin-left: -30px;
  display: inline-block;
  text-align: right;
}

#legend span.game-name {
  text-align: left;
  margin-left: 15px;
  margin-left: 1.5rem;
}

.icon-bw-blue {
  color: #002D62;
  margin-right: 5px;
  margin-right: 0.5rem;
}

/* gdpr.scss
*
*/
.page-banner.gdpr-banner {
  padding: 0;
  border-bottom: 0;
}

.page-banner.gdpr-banner p {
  font-size: 1.8rem;
}

.page-banner.gdpr-banner p em {
  color: #fc392e;
  font-style: normal;
}

.page-banner.gdpr-banner .gdpr-sale {
  margin: 5rem 0 2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Gender pay gap statement page

    markup:

*/
/*.slavery-statement-list ol {
    @include rem(font-size, 2.0rem);
}

.slavery-statement-list ol ol{
    @include rem(font-size, 1.6rem);
}

.slavery-statement-list ol {
    counter-reset: item;
}

.slavery-statement-list ol > li {
    display: block;
    @include rem(margin-bottom, $space_double*1.0rem);
    margin-left: 0;
}
.slavery-statement-list ol> li:before {
    content: counters(item, ".");
    counter-increment: item;
    float: left;
    @include rem(margin-right, $space*1.0rem);
    margin-right: 10px;
}*/

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	Competition page

	markup:

*/
.competition__banner {
  background-color: #002d62;
  box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.32);
  text-align: center;
  position: relative;
  color: #fff;
  min-height: 115px;
}

.competition__banner:before, .competition__banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 200px;
}

.competition__banner:before {
  left: 0;
  background: transparent url("../images/backgrounds/stars_left.gif") 0 0 no-repeat;
  background-size: cover;
}

.competition__banner:after {
  right: 0;
  background: transparent url("../images/backgrounds/stars_right.gif") 0 0 no-repeat;
  background-size: cover;
}

.competition__promo-text {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.competition__promo-text h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 42px;
}

.competition__promo-text p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  width: 70%;
  margin: 0 auto 10px;
}

.competition__promo-text--big {
  font-size: 80px;
  font-size: 8rem;
  text-transform: uppercase;
  letter-spacing: 7px;
}

.competition-align {
  margin-top: 12px;
  vertical-align: middle;
  display: inline-block;
}

.competition__container {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.competition__container h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.competition__container h3 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.competition__container .field-container {
  max-width: 620px;
  margin: 2rem auto;
}

.competition__container input[type="email"] {
  text-align: center;
}

.competition__container [type="submit"] {
  padding: 10px 30px;
  padding: 1rem 3rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.competition__promo-intro {
  font-size: 18px;
  font-size: 1.8rem;
}

.fz-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fz-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

#competition_optin {
  vertical-align: middle;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.competition__terms {
  list-style-position: inside;
  list-style-type: decimal;
}

.competition__terms li > p {
  margin-bottom: 0;
  font-family: "opensans", "Arial", sans-serif;
  display: inline;
}

@media all and (max-width: 768px) {
  .competition__promo-text {
    /*left: 0;*/
    /*top: 8px;*/
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .competition__promo-text--big {
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .competition__terms {
    margin-left: 2rem;
  }
}

/*
	Modal -- competition


	Styleguide
*/
.modal--competition {
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px rgba(100, 100, 100, 0.1);
  position: relative;
  top: 15%;
  min-height: 100px;
  padding: 30px 40px;
  padding: 3rem 4rem;
  margin-left: 3%;
  margin-right: 3%;
  transition: opacity 300ms;
}

.modal--competition__title {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
  font-weight: 400;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    slavery statement page

    markup:

*/
#SlaveryStatement .editorial__container h1 {
  padding: 40px;
  padding: 4rem;
  margin-bottom: 0;
}

#SlaveryStatement .editorial__container object {
  width: 100%;
  height: 1000px;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* Navigation box*/
.mmu-top-nav {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  border-left: 1px solid #ddd;
  padding-left: 20px !important;
  font-size: 22px;
  font-size: 2.2rem;
}

.navigation.shop--navigation {
  display: block;
  width: 100%;
  font-size: 16px;
  margin: 0;
  padding-right: 10px;
}

.shop--navigation li {
  position: relative;
  display: inline-block;
}

.shop--navigation li:after {
  content: "\00b7";
  position: absolute;
  top: 0;
  right: 0;
}

.shop--navigation li a {
  padding: 0 10px 0 0;
}

.shop--navigation li:last-child:after {
  content: "";
}

.top-banner {
  text-align: center;
  /*background-color: #ddd;*/
  margin-bottom: 4rem;
}

.mmu--banner {
  background-color: #FFF;
  padding-top: 20px;
}

.mmu-intro {
  font-size: 22px;
  font-size: 2.2rem;
}

.mmu--how-to {
  background-color: #7d0f65;
  color: #fff;
  padding: 15px 20px 20px;
  padding: 1.5rem 2rem 2rem;
}

.mmu--how-to h2 {
  font-family: "opensans", "Arial", sans-serif;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mmu--how-to .step-container {
  color: #555;
  background-color: #fff;
  padding: 15px 10px 0 10px;
  padding: 1.5rem 1rem 0 1rem;
  margin: 0;
}

.mmu--how-to .step-container .container__content {
  text-align: center;
}

.mmu--how-to .step-container img {
  max-width: none;
}

.mmu--how-to .step--content {
  text-align: left;
}

.mmu--how-to .step {
  float: left;
  color: #e0158a;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 54px;
  line-height: 5.4rem;
  margin-right: 5px;
}

.mmu--how-to .step + div {
  margin-top: 5px;
}

/* Student box */
@font-face {
  font-family: 'studentFont';
  src: url("/resources/fonts/nexaslab/Nexa_Slab_Black-webfont.woff") format("woff2"), url("/resources/fonts/nexaslab/Nexa_Slab_Black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.student-banner {
  background-color: #de8304;
}

.student__intro {
  color: #000;
  min-height: 280px;
  padding: 20px;
  padding: 2rem;
}

.student__intro > header {
  padding-bottom: 30px;
  padding-bottom: 3rem;
}

.student__intro > .spmg-square {
  padding-top: 30px;
  padding-top: 3rem;
  margin-right: 0;
}

.student__intro > .spmg-square img {
  max-width: 280px;
}

.student__intro h1 {
  font-family: studentFont;
  font-size: 70px;
  font-size: 7rem;
  padding-top: 30px;
  padding-top: 3rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  line-height: 1;
}

.student__intro h1 > span {
  display: block;
}

.student__intro p {
  font-family: "opensans", "Arial", sans-serif;
}

.btn.btn--spmg {
  font-family: "opensans", "Arial", sans-serif;
  text-shadow: none;
  color: #de8304;
  background-color: #FFF;
  border: 1px solid #fff;
}

.btn.btn--spmg:hover {
  color: #fff;
  background-color: #de8304;
}

.student-color-light.student-color-light {
  color: #FFF;
}

@media all and (max-width: 768px) {
  .student-banner {
    text-align: center;
  }
  .student-banner .container {
    margin-bottom: 0;
  }
  .student__intro {
    min-height: 0;
  }
  .student__intro h1 {
    padding-top: 24px;
    padding-top: 2.4rem;
    font-size: 50px;
    font-size: 5rem;
  }
  .student__intro > .spmg-square {
    display: none;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.top-banner {
  text-align: center;
  padding-bottom: 0 !important;
}

.oxlib_bg {
  background: transparent url("/resources/images/shopsImages/oxfordLib/oxford-college-libraries_bg.jpg") top right;
  min-height: 100px;
}

.oxlib-title {
  margin: 55px 60px 0 0;
  margin: 5.5rem 6rem 0 0;
  font-size: 32px;
  font-size: 3.2rem;
}

.oxlib-action-wrapper {
  padding: 20px 30px;
  padding: 2rem 3rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2);
  max-width: 60%;
  margin: 0 auto;
}

.oxlib-action-wrapper:before, .oxlib-action-wrapper:after {
  content: " ";
  box-shadow: 10px 10px 0px 10px #fff;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0px;
  height: 100%;
}

.oxlib-action-wrapper:before {
  left: -20px;
}

.oxlib-action-wrapper:after {
  right: 0;
}

.oxlib-action-wrapper a {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 20px;
  margin: 0 2rem;
}

@media all and (max-width: 768px) {
  .oxlib--banner.oxlib--banner {
    background-color: #fff;
  }
  .oxlib_bg {
    background: none;
    min-height: 0;
    text-align: center;
  }
  .oxlib-logo {
    min-width: 100%;
  }
  .oxlib-title {
    margin: 15px auto;
    margin: 1.5rem auto;
    float: none;
  }
  .oxlib-intro .u-separator-right {
    border-right-color: transparent !important;
  }
  .oxlib-intro .container--25 .container__content p {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 5px;
    margin-left: 0.5rem;
  }
  .oxlib-action-wrapper {
    padding: 20px 0;
    padding: 2rem 0;
    max-width: none;
  }
  .alpha {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .oxlib-outro .alpha {
    text-align: left !important;
  }
  .oxlib-outro .container--50 .container__content p {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 2px;
    margin-left: 0.2rem;
  }
  .oxlib-outro .container--50 .container__content p:first-child {
    font-family: "opensansBold", "Arial", sans-serif;
  }
  .oxlib-outro .container--50 .container__content p:first-child:after {
    content: " :";
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.page-banner.kitshes-banner {
  border-bottom-color: transparent;
  padding-bottom: 50px;
  padding-bottom: 5rem;
}

.page-banner.kitshes-banner h1 {
  position: relative;
}

.page-banner.kitshes-banner small {
  position: absolute;
  bottom: -10px;
  margin-left: -223px;
  color: #000;
}

.page-banner.kitshes-banner .u-limit-width.u-limit-width--70 {
  max-width: 735px;
  max-width: calc( 70 * 1050 / 100);
}

.kitschies-full-screen_bg {
  position: relative;
}

.kitschies-full-screen_bg:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent url("/resources/images/kitsches/tentacle_bg.svg") left center no-repeat;
  background-size: cover;
}

@media (min-width: 1090px) {
  .kitschies-full-screen_bg:before {
    background-size: contain;
  }
}

@media (max-width: 660px) {
  .kitschies-full-screen_bg:before {
    background-size: cover;
  }
}

.kitschies-full-screen_bg.right:before {
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
}

.kitschies-full-screen_bg p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
}

.kitschies-full-screen_bg h3 {
  background: #000;
  display: inline;
  color: white;
  line-height: 37px;
  font-size: 25px;
  -ms-transform: translate(0, -60%);
      transform: translate(0, -60%);
  position: absolute;
  top: 50%;
  margin: 0 auto;
}

.kitschies-full-screen_bg h3 small, .kitschies-full-screen_bg h3 a {
  display: block;
  font-size: 16px;
  line-height: 18px;
  width: -webkit-fit-content;
  width: fit-content;
  background: #000;
}

@media (max-width: 840px) {
  .kitschies-full-screen_bg h3 {
    line-height: 27px;
    font-size: 18px;
  }
  .kitschies-full-screen_bg h3 small, .kitschies-full-screen_bg h3 a {
    font-size: 12px;
    line-height: 16px;
  }
}

.kitschies-full-screen_bg h3 a {
  color: #fff;
}

.kitschies-full-screen_bg.right h3 {
  text-align: right;
  width: 200px;
  right: 2%;
}

.kitschies-full-screen_bg.right h3 small {
  float: right;
}

.kitschies-full-screen_bg > .container:first-child {
  position: relative;
  min-height: 20vw;
  margin-bottom: -50px;
}

@media (min-width: 1090px) {
  .kitschies-full-screen_bg > .container:first-child {
    min-height: 18vw;
  }
}

@media (max-width: 660px) {
  .kitschies-full-screen_bg > .container:first-child {
    min-height: 130px;
    margin-bottom: -22px;
  }
}

.kitschies-full-screen_bg .btn--black {
  font-size: 24px;
  font-size: 2.4rem;
  background-color: #000;
  border: 2px solid #000;
}

.kitschies-full-screen_bg .btn--black:hover {
  background-color: #fff;
  color: #000;
}

.kitschies-winners {
  padding-top: 50px;
  padding-top: 5rem;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  background: #161616;
  color: #fff;
}

.kitschies-winners h2 {
  font-size: 30px;
  font-size: 3rem;
}

.kitschies-winners h2 + p {
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.kitschies-winners .kitschies__product-info {
  padding-bottom: 0;
}

.kitschies-winners .kitschies__product-info .product-price--old + .product-price--current {
  margin-bottom: 0;
}

.kitschies-winners + .container {
  padding-bottom: 20px;
  padding-bottom: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.kitschies_list--winners {
  text-align: center;
}

.kitschies_list--winners .product-info a,
.kitschies_list--winners .product-info p:not(.product-price--discount),
.kitschies_list--winners .product-info .product-format,
.kitschies_list--winners .product-info .product-format span:first-child {
  color: #fff;
}

.kitschies_list--winners .product-price--current {
  color: #fff;
}

.kitschies_list--winners .container__content {
  display: inline-block;
  margin-bottom: 20px;
}

.kitschies-glentacle {
  display: block;
  clear: both;
  background: url("/resources/images/kitsches/tentaclesHeader/blackTentacle_head.png") calc(100% - -9px) 0 no-repeat;
  background-size: 30%;
  position: relative;
  padding: 30px 80px 40px 140px;
  text-align: center;
  width: 530px;
  margin: 10px auto 0;
}

.kitschies-glentacle h3 {
  font-size: 30px;
  margin-bottom: 5px;
}

.kitschies-glentacle img {
  position: absolute;
  left: 0;
  top: 18px;
  border: 1px solid #fff;
}

@media (max-width: 580px) {
  .kitschies-glentacle {
    width: 100%;
    padding: 30px 0 0;
    background-size: contain;
    background-position: right 130px;
  }
  .kitschies-glentacle img {
    position: relative;
    top: 0;
    margin: 5px 5px 10px;
  }
  .kitschies-glentacle .description {
    padding-bottom: 25px;
    margin-bottom: 0;
    text-shadow: 0px 0px 10px black;
  }
}

.kitschies-position-winners-tentacles {
  max-width: 90%;
  margin: 0 auto;
}

.winner-category {
  margin: 0 0 10px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-top: 2rem;
}

.kitschies--carousel .carousel-controls {
  display: none;
}

.category {
  text-align: center;
}

.category__list {
  margin-bottom: 0;
}

.category-info {
  margin-top: 25px;
  margin-top: 2.5rem;
}

.category-info h4 {
  font-size: 21px;
  font-size: 2.1rem;
}

.category-focus {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.category-description {
  margin-top: 25px;
  margin-top: 2.5rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  min-height: 150px;
}

.category-prize {
  font-size: 14px;
  font-size: 1.4rem;
}

.category-prize p:first-child {
  text-transform: uppercase;
  font-family: "opensansBold", "Arial", sans-serif;
}

.kitsches--page .carousel__header {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.kitsches--page .carousel__wrapper {
  float: none;
}

.kitsches--page .product-picture {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.kitsches--page .overflow-tentacle {
  left: -14px;
}

.carousel--judges .carousel__item .product-picture {
  height: auto !important;
  /* overwrite height js*/
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.carousel--judges .product-info {
  height: auto !important;
  /* overwrite height js*/
  padding-bottom: 0;
}

.carousel--judges h4 {
  /*
            line-heigh = 1.2 x 16px = 19.2px
            over 2 lines => 38.4px
        */
  min-height: 39px;
}

.judge-cat {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .category-description {
    min-height: 100px;
  }
  .page-banner.kitshes-banner small {
    position: relative;
    margin-left: 20px;
    display: block;
  }
}

@media (max-width: 480px) {
  min-height: 0;
  .kitschies-full-screen_bg {
    background: none;
    min-height: 0;
    text-align: center;
  }
  .kitschies-full-screen_bg p {
    color: #555;
  }
  .kitschies-full-screen_bg .h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .kitschies-full-screen_bg > .container:first-child {
    padding-top: 0rem;
  }
  .kitschies-full-screen_bg .container__content--small {
    text-align: center;
  }
  .kitschies-full-screen_bg .btn--black {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #000;
    border: 2px solid #000;
  }
  .kitschies-full-screen_bg .btn--black:hover {
    background-color: #fff;
    color: #000;
  }
  .kitschies--carousel .carousel-controls {
    display: block;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Waitrose page

    markup:

*/
.waitrose__banner {
  background-color: #002d62;
  box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.32);
  text-align: center;
  position: relative;
  color: #fff;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.waitrose__promo-text {
  position: absolute;
  left: 30%;
  top: 34px;
  line-height: 1;
  width: 40%;
  font-size: 22px;
  font-size: 2.2rem;
}

.waitrose__promo-text p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin: 0;
}

.waitrose__promo-text--big {
  font-size: 80px;
  font-size: 8rem;
  text-transform: uppercase;
  letter-spacing: 7px;
}

.waitrose__container {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.waitrose__container h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.waitrose__container h3 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.waitrose__container .field-container {
  max-width: 620px;
  margin: 2rem auto;
}

.waitrose__container input[type="email"] {
  text-align: center;
}

.waitrose__container [type="submit"] {
  padding: 10px 30px;
  padding: 1rem 3rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.waitrose__promo-intro {
  font-size: 18px;
  font-size: 1.8rem;
}

.fz-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fz-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

#waitrose_optin {
  vertical-align: middle;
  margin-right: 5px;
  margin-right: 0.5rem;
}

.waitrose__terms {
  list-style-position: inside;
  list-style-type: decimal;
}

.waitrose__terms li > p {
  margin-bottom: 0;
  font-family: "opensans", "Arial", sans-serif;
  display: inline;
}

@media all and (max-width: 768px) {
  .waitrose__promo-text {
    left: 0;
    top: 8px;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .waitrose__promo-text--big {
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .waitrose__terms {
    margin-left: 2rem;
  }
}

/*
    Modal -- waitrose


    Styleguide
*/
.modal--waitrose {
  border: 1px solid #777;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 3px rgba(100, 100, 100, 0.1);
  position: relative;
  top: 15%;
  min-height: 100px;
  padding: 30px 40px;
  padding: 3rem 4rem;
  margin-left: 3%;
  margin-right: 3%;
  transition: opacity 300ms;
}

.modal--waitrose__title {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 28px;
  margin-bottom: 2.8rem;
  font-weight: 400;
  font-family: "blackwell", Times, "Times New Roman", serif;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    terms and conditions page

    markup:

*/
.editorial__container {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.editorial__container h1 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 60px;
  padding: 6rem;
}

.editorial__container h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.editorial__container ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.editorial__container p {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

.editorial__container b {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
}

.in-page-links li > a {
  margin-left: 20px;
  margin-left: 2rem;
}

.scroll-top-links {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 3rem;
  color: #808080;
  float: right;
}

.scroll-top-links .fa-caret-up {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.section-counter {
  counter-reset: section;
}

.block--term {
  margin: 40px auto 20px auto;
  margin: 4rem auto 2rem auto;
  counter-increment: section;
}

.block--term p {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.block--term ul, .block--term ol {
  margin-left: 40px;
  margin-left: 4rem;
}

.block--term ul li, .block--term ol li {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.item-number:before {
  content: counters(section, ".") " ";
}

.fz-14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fz-24 {
  font-size: 24px;
  font-size: 2.4rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.technology__banner h1 {
  font-family: "blackwellBold", Times, "Times New Roman", serif;
  color: #333;
  font-size: 36px;
  font-size: 3.6rem;
}

.technology__banner p {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.technology__banner p + p {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.technology__banner .card__banner {
  text-align: left;
}

.technology__banner .card__banner img {
  margin-right: 10px;
  margin-right: 1rem;
}

.technology__banner .card__banner p {
  font-family: "opensans", "Arial", sans-serif;
  margin-top: 14px;
  margin-top: 1.4rem;
}

.technology-product__container h2 {
  font-size: 30px;
  font-size: 3rem;
}

.technology-product__container .media {
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.technology-product__container .media__figure {
  border: 0;
}

.technology-product__container .media__body--technology tr {
  border-bottom: 1px solid #ddd;
}

.technology-product__container .media__body--technology tr:last-child {
  border-bottom: 0;
}

.technology-product__container .media__body--technology td:first-child {
  width: 35%;
  font-family: "opensansBold", "Arial", sans-serif;
}

.technology-product__container .media__title {
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  color: #333;
}

.technology-product__container .media__title span {
  color: #555;
  font-family: "opensans", "Arial", sans-serif;
  text-transform: uppercase;
  margin-left: 10px;
  margin-left: 1rem;
  font-size: 20px;
  font-size: 2rem;
}

.technology-product__container h4 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 18px;
  margin-bottom: 1.8rem;
}

.technology-product__container table + p {
  margin: 15px 0;
  margin: 1.5rem 0;
}

@media all and (max-width: 768px) {
  .technology-product__container .media {
    display: block;
    padding: 0 10px;
    padding: 0 1rem;
    text-align: center;
  }
  .technology-product__container .media__figure {
    max-width: 50%;
  }
  .technology-product__container .media__title {
    margin-top: 20px;
    margin-top: 2rem;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.william-morris-banner {
  padding-top: 10px;
}

.william-morris-banner .container {
  margin-bottom: 0;
}

.william-morris-banner .container--25 .container__content--small {
  text-align: left;
  width: 15.85714%;
}

.william-morris-banner .william-morris-top-nav {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  border-left: 1px solid #ddd;
  padding-left: 20px !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
  width: 81.28571%;
}

.william-morris-banner .william-morris-top-nav > p:first-child {
  font-family: "blackwell", Times, "Times New Roman", serif;
  margin-bottom: 1rem;
}

.william-morris-banner .william-morris-top-nav > p:first-child span {
  font-style: italic;
}

.william-morris-banner .william-morris-top-nav > ul {
  display: block;
  width: 100%;
  font-size: 14px;
  margin: 0;
  padding-right: 10px;
}

.william-morris-banner .william-morris-top-nav > ul li {
  float: left;
}

.william-morris-banner .william-morris-top-nav > ul li a {
  padding: 10px 0;
  padding: 1rem 0;
  display: inline;
}

.william-morris-signup {
  color: #fff;
  background-color: #C41233;
}

.william-morris-signup .container {
  margin-bottom: 0;
}

.william-morris-signup .container__content--small {
  margin: 0;
  background: url("/resources/images/banners/william-morris-tote-bag.png") no-repeat 0 0 #C41233;
  background-size: cover;
  min-height: 301px;
  position: relative;
}

.william-morris-signup .container__content--small:after {
  content: "FREE tote bag";
  position: absolute;
  right: -60px;
  top: 30%;
  background: #fff;
  border-radius: 50%;
  color: #C41233;
  width: 105px;
  height: 105px;
  text-align: center;
  font-size: 23px;
  padding: 25px 5px;
  line-height: 1;
}

.william-morris-signup .container__content--large {
  margin: 0;
  padding: 3rem 1rem;
  background: #C41233;
  text-align: center;
  margin: 0 auto;
}

.william-morris-signup .container__content--large p.alpha.u-capital + p {
  margin-bottom: 5px;
}

.william-morris-signup .container__content--large p:last-child {
  line-height: 1.3;
  max-width: 90%;
  margin: 0 auto;
}

.william-morris-signup .container__content--large p:last-child a {
  color: #fff;
  text-decoration: underline;
}

.william-morris-signup .container__content--large p:last-child a:hover {
  color: #0089bc;
}

.william-morris-signup .alpha {
  letter-spacing: 0.1em;
}

.william-morris-signup .btn {
  margin: 20px 0;
  margin: 2rem 0;
  font-family: "opensans", "Arial", sans-serif;
}

@media (max-width: 768px) {
  .william-morris-signup .container__content--small:after {
    top: inherit;
    right: inherit;
    left: 46%;
    bottom: -68px;
  }
  .william-morris-signup .container__content--large p.alpha.u-capital {
    margin-top: 50px;
    margin-top: 5rem;
  }
}

@media (max-width: 480px) {
  .william-morris-signup .container__content--small:after {
    left: 40%;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.checkout-iAccount-info {
  color: #777;
}

.checkout-delivery-msg {
  border: 1px solid #F57B20;
  padding: 10px 10px 10px 50px;
  padding: 1rem 1rem 1rem 5rem;
  position: relative;
  font-family: "opensans", "Arial", sans-serif;
  line-height: 1.2;
}

.checkout-delivery-msg:before {
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
  left: 1rem;
  /*@include rem(top, 2rem);*/
  font-size: 35px;
  font-size: 3.5rem;
  color: #F57B20;
}

.checkout-delivery-msg strong {
  display: block;
  /*@include rem(font-size, 1.6rem);*/
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.checkout-form .field-container {
  max-width: 54%;
}

.checkout-form select {
  /*height: 31px;*/
}

.checkout-form [type="submit"].btn--xlarge {
  padding: 10px 30px;
  padding: 1rem 3rem;
}

.checkout-form [type="submit"].btn--large {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
}

/*
 * EDGE targeted only
 * Height of select box not displaing correctly
*/
@supports (-ms-ime-align: auto) {
  .checkout-form select {
    height: 36px;
  }
}

.checkout-step {
  margin-bottom: 40px;
  margin-bottom: 4rem;
  *zoom: 1;
}

.checkout-step:before, .checkout-step:after {
  content: "";
  display: table;
}

.checkout-step:after {
  clear: both;
}

.form__checkout-info-head {
  margin: 5px 5px 20px 0;
  margin: 0.5rem 0.5rem 2rem 0;
}

.form__checkout-info-head + .field-container {
  max-width: 100%;
}

.form__checkout-info-head + .field-container .custom-input {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.field-container {
  *zoom: 1;
}

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

.field-container:after {
  clear: both;
}

.field-container input, .field-container select, .field-container textarea {
  margin: 0;
}

.input-tip {
  margin: 5px 0;
  display: block;
  clear: both;
}

.checkout-dispach__select {
  *zoom: 1;
}

.checkout-dispach__select:before, .checkout-dispach__select:after {
  content: "";
  display: table;
}

.checkout-dispach__select:after {
  clear: both;
}

.checkout-form.VIP-form [type="submit"].btn--xlarge {
  padding: 15px 35px;
  padding: 1.5rem 3.5rem;
}

.VIP-new-address.new-delivery-address {
  display: block;
  /* Overwrite the default address form on normal checkout */
}

.checkout-dispach__delivery-head {
  margin-top: 20px;
  margin-top: 2rem;
}

.delivery-method-title b {
  color: #002D62;
}

.checkout-form .checkout-same-as-billing .field-container {
  max-width: 100%;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.checkout-form .checkout-same-as-billing .field-container input[type="checkbox"] {
  vertical-align: baseline;
}

.checkout-more-info__element {
  max-width: 500px;
  margin-left: 0;
}

.checkout-disclaimer {
  margin-top: 30px;
  margin-top: 3rem;
}

.testCards {
  border: 3px solid rgba(141, 198, 63, 0.8);
  border-radius: 10px;
}

.testCards p {
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
  background: rgba(141, 198, 63, 0.8);
  color: #fff;
  border-radius: 7px 7px 0 0;
}

.testCards p a {
  text-decoration: underline;
  color: #fff;
}

.testCards p a:hover {
  text-decoration: none;
}

.testCards small {
  display: none;
  padding: 10px;
  width: 100%;
}

.testCards small b {
  display: block;
}

.testCards:hover > small {
  display: inline-block;
}

@media (max-width: 480px) {
  .form__checkout-info-head {
    float: initial !important;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    color: #000;
  }
  .checkout-form [type="submit"].btn--xlarge {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .checkout-form .field-container {
    max-width: 90%;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.login-form .login__email {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.login-form .login__remember input {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.login-form .login__action {
  text-align: center;
}

.login-form .btn {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  margin: 10px 0;
  margin: 1rem 0;
  padding: 10px;
  padding: 1rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.forgotten-form .login__email {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.forgotten-form .login__remember input {
  margin-right: 5px;
  margin-right: 0.5rem;
}

.forgotten-form .login__action {
  text-align: center;
}

.forgotten-form .btn {
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  margin: 10px 0;
  margin: 1rem 0;
  padding: 10px;
  padding: 1rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.register-why {
  border: 1px solid #ddd;
  box-shadow: inset 0 0 15px -1px rgba(0, 0, 0, 0.1);
  float: left;
}

.register-why.container__content {
  padding: 15px;
  padding: 1.5rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.register-why li {
  color: #777;
  font-size: 14px;
}

.register-why .fa {
  display: block;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  line-height: 22px;
  line-height: 2.2rem;
  position: relative;
  padding-left: 22px;
  padding-left: 2.2rem;
  font-family: "opensans", "Arial", sans-serif;
}

.register-why .fa:before {
  font-family: fontawesome;
  position: absolute;
  left: 0;
  color: #555;
}

.register-form__firstname {
  width: 34.78261%;
  float: left;
  margin-right: 4.34783%;
}

.register-form__lastname {
  width: 34.78261%;
  float: left;
  margin-right: 4.34783%;
}

.register-form__email,
.register-form__password,
.register-form__password-confirm {
  width: 47.82609%;
}

.has-validation {
  position: relative;
}

.has-validation .validation--message {
  position: absolute;
  left: 105%;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.container.bundleChoice {
  margin-bottom: 20px;
}

#bundleChoice {
  padding: 5vw;
  background: url("../images/backgrounds/student-books.gif") 9vw center no-repeat;
  background-size: auto 90%;
  padding-left: 250px;
  text-align: center;
  margin-top: 10px;
}

#bundleChoice .container {
  margin-bottom: 0;
}

#bundleChoice h2 {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 20px;
  margin-bottom: 20px;
}

#bundleChoice select, #bundleChoice .btn {
  display: block;
  margin: 5px auto;
}

#bundleChoice select {
  width: auto;
}

@media screen and (max-width: 768px) {
  #bundleChoice {
    background-position: center 20px;
    background-size: auto;
    padding: 10px;
    text-align: center;
    padding-top: 250px;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Modal: reserveInStore

    markup:
    <ul class="reserveList">
        <li>
            <input type="checkbox" id="shop_0" name="selectedShop" value="null" class="visuallyhidden">
            <label class="" for="shop_0" onclick="initMap(53.8074, -1.551158)">
                <span class=""><i class="fa fa-map-marker" aria-hidden="true"></i>Leeds University</span>
                <span class=""><i class="fa fa-check" aria-hidden="true"></i>Reserve now, collect from 4pm Today</span>
            </label>
            <div class="shop--detail" data-pos="shop_0">
                <p>Leeds University</p>
                <p>21 Blenheim Terrace</p>
                <p>Woodhouse Lane</p>
                <p>Leeds</p>
                <p>LS2 9HJ</p>
            </div>
        </li>
        <li>
            <input type="checkbox" id="shop_1" name="selectedShop" value="null" class="visuallyhidden">
            <label class="" for="shop_1" onclick="initMap(51.754604, -1.255536)">
                <span class=""><i class="fa fa-map-marker" aria-hidden="true"></i>Oxford Broad Street</span>
                <span class=""><i class="fa fa-check" aria-hidden="true"></i>Reserve now, collect from 4pm Today</span>
            </label>
            <div class="shop--detail" data-pos="shop_1">
                <p>Oxford Broad Street</p>
                <p>48-51 Broad Street</p>
                <p></p>
                <p>Oxford</p>
                <p>OX1 3BQ</p>
            </div>
        </li>
        <li>
            <input type="checkbox" id="shop_5" name="selectedShop" value="null" class="visuallyhidden">
            <label class="" for="shop_5" onclick="initMap(52.207031, 0.118307)">
                <span class=""><i class="fa fa-map-marker" aria-hidden="true"></i>Cambridge, Heffers</span>
                <span class=""><i class="fa fa-check" aria-hidden="true"></i>Reserve now, collect from 4pm Today</span>
            </label>
            <div class="shop--detail" data-pos="shop_5">
                <p>Cambridge, Heffers</p>
                <p>20 Trinity Street</p>
                <p></p>
                <p>Cambridge</p>
                <p>CB2 1TY</p>
            </div>
        </li>
        <li>
            <input type="checkbox" id="shop_7" name="selectedShop" value="null" class="visuallyhidden">
            <label class="" for="shop_7" onclick="initMap(54.978386, -1.614111)">
                <span class=""><i class="fa fa-map-marker" aria-hidden="true"></i>Newcastle University</span>
                <span class=""><i class="fa fa-check" aria-hidden="true"></i>Reserve now, collect from 4pm Today</span>
            </label>
            <div class="shop--detail" data-pos="shop_7">
                <p>Newcastle University</p>
                <p>141 Percy Street</p>
                <p></p>
                <p>Newcastle upon Tyne</p>
                <p>NE1 7RS</p>
            </div>
        </li>
    </ul>

    Styleguide
*/
.reserveList {
  float: left;
  width: 45%;
  min-height: 480px;
  position: relative;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.reserveList:before, .reserveList:after {
  content: " ";
  width: 100%;
  position: absolute;
  z-index: 5;
}

.reserveList:before {
  border-top: 1px solid #fff;
  top: -1px;
  z-index: -1;
}

.reserveList:after {
  border-bottom: 1px solid #fff;
  bottom: -2px;
}

.reserveList a {
  font-size: 20px;
  font-size: 2rem;
}

.reserveList__item:first-child {
  margin-top: -1px;
}

.reserveList__item:first-child label {
  border-top-color: transparent;
}

.reserveList__item label {
  border: 1px solid transparent;
  cursor: pointer;
  padding: 10px;
  padding: 1rem;
  margin: 0;
  width: 100%;
  position: relative;
}

.reserveList__item label:after {
  content: " ";
  height: 100%;
  border-right: 1px solid transparent;
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 5;
}

.reserveList__item label > span:first-child {
  display: block;
  font-family: "opensansBold", "Arial", sans-serif;
}

.reserveList__item input[type="radio"]:checked ~ label {
  border-color: #ccc;
  border-right-color: transparent;
  border-top-color: #ccc;
}

.reserveList__item input[type="radio"]:checked ~ label:after {
  border-right-color: #fff;
}

.reserveList__item input[type="radio"]:checked ~ .shop--detail {
  display: block;
}

.reserveList__item .fa {
  font-size: 20px;
  font-size: 2rem;
  margin-right: 10px;
  margin-right: 1rem;
}

.reserveList__item .fa-check {
  color: #8DC63F;
  font-size: 23px;
  font-size: 2.3rem;
}

.shop--detail {
  position: absolute;
  left: 100%;
  top: 330px;
  width: 100%;
  display: none;
  padding-left: 10px;
  padding-left: 1rem;
}

.shop__name {
  font-family: "opensansBold", "Arial", sans-serif;
}

#shop__map {
  float: right;
  width: 55%;
  height: 300px;
  padding: 10px;
  padding: 1rem;
}

#shop__map > div {
  width: 97% !important;
  height: 97% !important;
}

.reserveInStoreContent {
  border: 1px solid #ccc;
  border-left-color: transparent;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Product-information

    molecules rating (4.10.0)

    molecules product__price (4.5.1)

    molecules product__whishlist (dropdown, 4.4.0)

    markup:
    <div style="widht: 50%;">
        <div class="content product__info">
            <h1 class="product__name"> Product.title  <small>product.subtitle  </small></h1>
            <p class="product__author">product.maker  Author/Manufacturer... </p>
            <div class="product__rating u-cf">
                <sg-insert>4.10</sg-insert>
            </div>
            <p class="product__format" itemprop="bookFormat">format 1  (22 May, 1984 )</p>
            <div class="product__price u-cf">
                <sg-insert>4.5.1</sg-insert>
            </div>
            <button class="btn btn--primary product__primary-action js-add-to-basket" data-isbn="product.details.ISBN ">Add to basket</button>
            <div class="product__whishlist">
                <div class="dropdown">
                    <div class="dropdown__trigger">
                        <p class="dropdown__selected js-dropdown__selected">
                            <span>Selected val</span>
                            <i class="fa fa-caret-down" aria-hidden="true"></i>
                        </p>
                        <div class="dropdown__inner">
                            <p class="dropdown__head">Choose your ...</p>
                            <ul class="dropdown__list">
                                <li class="dropdown__item"><a href="#" class="dropdown__link">News</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Sport</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Weather</a></li>
                                <li class="dropdown__divider"><span>---</span></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">TV</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Radio</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Travel</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Music</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Food</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Arts</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Earth</a></li>
                                <li class="dropdown__item"><a href="#" class="dropdown__link">Local</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <p class="whishlist-social">
                    <span><img src="http://www.placehold.it/32x32/FF0099/FFF" alt="" class="u-rounded"></span>
                    <span><img src="http://www.placehold.it/32x32/0099FF/FFF" alt="" class="u-rounded"></span>
                    <span><img src="http://www.placehold.it/32x32/99FF00/FFF" alt="" class="u-rounded"></span>
                    <span>34 wished for this book</span>
                </p>
            </div>
            <div class="product__delivery">
                <p>
                    <i class="fa fa-truck" aria-hidden="true"></i>
                    <span>Eligible for <strong>free</strong> Delivery</span>
                </p>
                <p itemscope="" itemtype="https://schema.org/Offer">
                    <span class="is-hidden" itemprop="availability">In Stock</span>
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <span>7 copies available</span><span> - Usually dispatch in 48 hours</span>
                </p>
            </div>
            <div class="product__pickup">
                <p><i class="fa fa-map-marker" aria-hidden="true"></i><span><strong>free</strong> Reserve &amp; collect in 45 minutes</span></p>
                <p itemscope="" itemtype="https://schema.org/Offer">
                    <span class="is-hidden" itemprop="availability">In Stock</span>
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <span>5 copies available</span>
                    <span> at Oxford Broad street </span>
                    <span>(Open until 6:30 pm)</span>
                </p>
                <p>
                    <a href="#">Check stock elsewhere</a>
                    <a href="#">Change my favourite shop</a>
                </p>
            </div>
            <div class="product__formats-other">
                <h3>Other formats</h3>
                <ul class="product__formats-list">
                    <li>
                        <div class="formats-list__header">
                            <i class="fa fa-caret-right" aria-hidden="true"></i>
                            <p><span itemprop="bookFormat">Hardback (2)</span><span>from £34.99</span></p>
                            <ul class="product__formats-list product__formats-list--level-2"></ul>
                        </div>
                    </li>
                    <li>
                        <a href="#"><p><span itemprop="bookFormat">eBook</span><span>£14.99</span></p></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    Styleguide 5.6.1
*/
.product__name {
  margin-bottom: 12px;
}

.product__author {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 8px;
  margin: 0 0 0.8rem;
  clear: left;
}

.product__author a {
  color: #333;
}

.product__ratings {
  /* See Rating bar, 4.10.0 */
}

.product__format {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0;
  margin: 1rem 0;
  color: #333;
}

.product__info.event-product {
  position: relative;
}

.product__info.event-product h1 {
  padding-right: 96px;
}

.product__info.event-product .event-ticket {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  right: 15px;
  overflow: hidden;
}

.product__info.event-product .event-ticket a {
  color: #fff;
  line-height: 12px;
  text-transform: uppercase;
  font-size: 11px;
  width: 70px;
  display: inline-block;
  padding: 5px 10px;
  background: linear-gradient(to top, #002d62 49%, rgba(0, 45, 98, 0.7) 50%);
  /*position: relative;*/
}

.product__info.event-product .event-ticket a span {
  font-size: 13px;
}

.product__info.event-product .event-ticket a:hover {
  text-decoration: none;
  background: linear-gradient(to top, rgba(0, 45, 98, 0.7) 49%, #002d62 50%);
}

.product__info.event-product .event-ticket a:before, .product__info.event-product .event-ticket a:after {
  content: "";
  display: block;
  background: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

.product__info.event-product .event-ticket a:before {
  left: -8px;
}

.product__info.event-product .event-ticket a:after {
  right: -8px;
}

.product__info .product__price .product-price {
  color: #777;
}

.product__info .product__price .product-price--current {
  color: #555;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
}

.product__info .product__price .product-price--discount {
  font-size: 18px;
  font-size: 1.8rem;
}

.product__info small.restricted {
  display: block;
}

.product__primary-action {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 1.2;
}

.product__whishlist {
  /* See Dropdown, 4.4.2 */
}

.notifyMe {
  font-size: 14px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  padding-top: 1.5rem;
  overflow: hidden;
}

.notifyMe p {
  display: inline-block;
  margin: 0;
  width: 100%;
}

.notifyMe label {
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
  margin-top: 2px;
  margin-top: 0.2rem;
  display: block;
}

.notifyMe input {
  width: 78%;
}

.notifyMe .validation--message {
  display: block;
  width: 100%;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  line-height: 1.4rem;
  font-size: 12px;
  border-radius: 3px;
  margin-top: 5px;
}

.notifyMe .validation--message.on-success {
  border: 1px solid #8DC63F;
}

.notifyMe .validation--message.on-error {
  border: 1px solid #D31145;
}

.notifyMe button {
  width: 20%;
  padding: 6px;
  padding: 0.6rem;
  float: right;
}

.notifyMe small {
  display: inline-block;
  padding: 6px 0;
}

.notifyMe small a {
  text-decoration: underline;
}

.notifyMe small a:hover {
  text-decoration: none;
}

.product__delivery,
.product__pickup {
  color: #333;
}

.product__delivery p,
.product__pickup p {
  font-size: 14px;
  font-size: 1.4rem;
}

.product__delivery p:first-child,
.product__pickup p:first-child {
  font-size: 18px;
  font-size: 1.8rem;
}

.product__delivery p strong,
.product__pickup p strong {
  text-transform: uppercase;
}

.product__delivery p .fa,
.product__pickup p .fa {
  width: 18px;
  width: 1.8rem;
}

.product__delivery a,
.product__pickup a {
  position: relative;
  display: inline-block;
  /*@include rem(margin-right, $space*1.2rem);*/
  /*        &.product__secondary-action {
        &:after{
            content: " | ";
            position: absolute;
            right: -0.9em;
        }
    }*/
  /*        &:last-child:after{
            content: "";
        }*/
}

.product__delivery .fa-check,
.product__pickup .fa-check {
  color: #8DC63F;
}

.product__delivery .fa-check + span:first-of-type,
.product__pickup .fa-check + span:first-of-type {
  color: #8DC63F;
}

.product__formats-other {
  margin-top: 15px;
  margin-top: 1.5rem;
  padding-top: 15px;
  padding-top: 1.5rem;
  border-top: 1px solid #ddd;
}

.product__formats-other h3 {
  font-family: "opensans", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 10px 0;
  margin: 0 0 1rem 0;
}

.product__formats-list li {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0;
  margin: 1rem 0;
}

.product__formats-list .product-price--old {
  font-size: 11px;
  font-size: 1.1rem;
  margin-left: 5px;
  margin-left: 0.5rem;
}

.product_bottom_half {
  position: relative;
  padding-top: 600px;
}

.recommends {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

/* JellyBooks overides */
#jb-modal #jb-modal-close {
  border-radius: 50%;
}

a.jbExceprt {
  font-size: 12px;
  color: #fff;
  margin: -10px auto 5px;
  display: block;
  padding: 3px 0;
  background: #002D62;
  border-radius: 0 0 6px 6px;
  width: 100px;
  box-shadow: 0 2px 7px 0 #ccc;
  text-align: center;
}

a.jbExceprt.disabled {
  margin-top: -60px;
  margin-bottom: 28px;
  box-shadow: none;
}


/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.live-chat {
  text-align: right;
}

.live-chat .btn--chat-icon {
  padding: 5px 50px;
  padding: 0.5rem 5rem;
  margin-left: 20px;
  margin-left: 2rem;
  font-family: "opensans", "Arial", sans-serif;
}

.live-chat .chat-icon {
  position: relative;
}

.live-chat .chat-icon:after {
  content: '';
  width: 47px;
  height: 41px;
  background: transparent url("../images/icons/chat_icon.png") 0 0 no-repeat;
  position: absolute;
  top: -12px;
  left: -65px;
}

.live-chat .link-phone--header {
  font-size: 18px;
  font-size: 1.8rem;
}

.live-chat .link-phone--header .fa-phone {
  margin-right: 5px;
  margin-right: 0.5rem;
  margin-left: 5px;
  margin-left: 0.5rem;
}

@media (max-width: 768px) {
  .checkout-top-links-wrapper {
    float: right;
  }
  .checkout-top-links-wrapper .container--25 .container__content--large {
    float: none;
  }
  .checkout-top-links-wrapper .top-links .navigation {
    min-width: auto;
  }
  .checkout-top-links-wrapper .top-links .navigation li {
    line-height: 42px;
    /* logo height */
  }
}

@media (max-width: 480px) {
  .checkout-logo-holder img {
    max-width: 55%;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*body {
    &:before {
        content: attr(data-server);
        position: absolute;
        display: block;
        background: $dev-color;
        color: #666;
        font-size: 10px;
        line-height: 15px;
        top: 5px;
        width: 100%;
        text-align: center;
        pointer-events: none;
    }
    .logo-holder img {
        background: $dev-color;
    }
    &[data-env="LIVE"] {
        &:before {
            display: none;
        }
        .logo-holder img {
            background: none;
        }
        &[data-server="b8a1"] {
            &:before { 
                display: block;
                background: $stage-color;
                color:#fff;
            }
            .logo-holder img {
                background: $stage-color;
            }
        }
    }
}*/
.logo-holder a:hover {
  border-color: transparent;
}

@media all and (max-width: 768px) {
  .logo-holder a {
    padding: 0;
  }
  .container__content.logo-holder {
    max-width: 48px;
    margin-right: 5px;
    float: left;
  }
  .container__content.search-bar-container {
    width: calc(100% - 118px);
    margin-right: 5px;
  }
  .container__content.search-bar-container .search-form {
    margin: 0;
  }
  .basket-container.container__content:last-child {
    width: auto;
    float: right;
  }
}



/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket-item__picture {
  float: left;
}

.basket-item__info {
  padding: 0 10px;
  padding: 0 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 110px;
  width: calc(100% - 10.0rem);
  float: left;
  position: relative;
}

.basket-item__info a {
  padding-left: 0;
}

.basket-item__links {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  line-height: 1.2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.qty__action a {
  padding: 5px 10px 5px 0;
  padding: 0.5rem 1rem 0.5rem 0;
  display: inline-block;
}


/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.item-price-full,
.item-price-discounted,
.item-price-saved {
  margin: 0;
}

.item-price-full {
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.item-price-discounted {
  font-size: 16px;
  font-size: 1.6rem;
}

.item-price-saved {
  color: #D31145;
  font-size: 12px;
  font-size: 1.2rem;
}



/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.item-price-full,
.item-price-discounted,
.item-price-saved {
  margin: 0;
}

.item-price-full {
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.item-price-discounted {
  font-size: 16px;
  font-size: 1.6rem;
}

.item-price-saved {
  color: #D31145;
  font-size: 12px;
  font-size: 1.2rem;
}

@charset "UTF-8";
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Basket content

    - Basket item row


    markup:
    <section class="basket basket__content u-shadow-in">
        <section class="container">
            <table class="basket__item-list u-borderless">
                <tr class="basket__item">
                    <td class="column-item">
                        <div class="clearfix">
                            <div class="basket-item__picture">
                                <img src="http://www.placehold.it/80x110?text=Book" alt="do" ex="" aliqua="" width="80px" height="110px">
                            </div>
                            <div class="basket-item__info">
                                <h4><a href="product.html">do ex aliqua</a></h4>
                                <p>Lindsay Valdez</p>
                                <p class="basket-item__format"></p>
                                <p class="basket-item__links"><a href="#whishlist">Move to whishlist</a>&nbsp;|&nbsp;<a href="#save">Save for later</a></p>
                            </div>
                        </div>
                    </td>
                    <td class="column-qty">
                        <div>
                            <input type="number" step="1" min="0" max="9999" value="1">
                        </div>
                        <p><a href="#remove" class="js-remove-from-basket" data-isbn="338548213657">Remove</a></p>
                    </td>
                    <td class="column-reserve">
                        <i class="fa fa-check" aria-hidden="true"></i>
                        <p>Reserve now,
                            <br>collect at 4pm today</p>
                    </td>
                    <td class="column-deliver">
                        <i class="fa fa-times" aria-hidden="true"></i>
                        <p>Usually dispatched
                            <br>within 48 hours</p>
                    </td>
                    <td class="column-price">
                        <p class="item-price-full">£20.0</p>
                        <p class="item-price-discounted">£20.00</p>
                        <p class="item-price-saved">£5.00</p>
                    </td>
                    <td class="column-sub-total">
                        <p>£40.00</p>
                    </td>
                </tr>
            </table>
        </section>
    </section>

    Styleguide 4.6.3
*/
.basket__content {
  padding-top: 0;
}

.basket__content > .container {
  margin: 0 auto;
}

/* TEST MOBILE BASKET*/
.basket-mobile {
  padding: 0 10px;
  padding: 0 1rem;
}

.basket-mobile__item {
  padding: 10px 0;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
}

.basket-mobile__item:last-child {
  border-bottom-color: transparent;
}

.basket-mobile__item .basket-mobile__item--wrapper {
  -js-display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.basket-mobile__item .mini-basket__thumb,
.basket-mobile__item .mini-basket__item-desc,
.basket-mobile__item .mini-basket__item-figure {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: flex-middle;
      align-self: flex-middle;
}

.basket-mobile__item .mini-basket__item-desc p {
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
}

.basket-mobile__item .mini-basket__item-desc .amount-saved {
  font-size: 11px;
  font-size: 1.1rem;
  color: #d21145;
}

.basket-mobile__item .mini-basket__item-desc .price-initial {
  color: #777;
  text-decoration: line-through;
}

.basket-mobile__item .mini-basket__item-desc input {
  padding: 6px;
  padding: 0.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}


/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.basket-item__picture {
  float: left;
  width: 80px;
}

.basket-item__info {
  padding: 0 10px;
  padding: 0 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 110px;
  width: calc(100% - 10.0rem);
  float: left;
  position: relative;
}

.basket-item__info a {
  padding-left: 0;
}

.basket-item__links {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  line-height: 1.2rem;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.qty__action a {
  padding: 5px 10px 5px 0;
  padding: 0.5rem 1rem 0.5rem 0;
  display: inline-block;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Atoms

    Definition of the Atoms of the pattern Library

    Styleguide 3.0.0
*/

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Braintree

    Definition of the Braintree of the pattern Library

    Styleguide 4.0.0
*/
/*<li id="bt-dropin"><div id="braintree--dropin__3ac487e1-d0cd-4d1e-ab15-0a2a905d3ab1" data-braintree-id="wrapper" class="braintree-show-options" style="display: none;"><svg data-braintree-id="svgs" style="display: none">
  <defs>
    <symbol id="icon-visa" viewBox="0 0 40 24">
      <title>Visa</title>
      <path d="M0 1.927C0 .863.892 0 1.992 0h36.016C39.108 0 40 .863 40 1.927v20.146C40 23.137 39.108 24 38.008 24H1.992C.892 24 0 23.137 0 22.073V1.927z" style="fill: #FFF"></path>
      <path d="M0 22.033C0 23.12.892 24 1.992 24h36.016c1.1 0 1.992-.88 1.992-1.967V20.08H0v1.953z" style="fill: #F8B600"></path>
      <path d="M0 3.92h40V1.967C40 .88 39.108 0 38.008 0H1.992C.892 0 0 .88 0 1.967V3.92zM19.596 7.885l-2.11 9.478H14.93l2.11-9.478h2.554zm10.743 6.12l1.343-3.56.773 3.56H30.34zm2.85 3.358h2.36l-2.063-9.478H31.31c-.492 0-.905.274-1.088.695l-3.832 8.783h2.682l.532-1.415h3.276l.31 1.415zm-6.667-3.094c.01-2.502-3.6-2.64-3.577-3.76.008-.338.345-.7 1.083-.793.365-.045 1.373-.08 2.517.425l.448-2.01c-.615-.214-1.405-.42-2.39-.42-2.523 0-4.3 1.288-4.313 3.133-.016 1.364 1.268 2.125 2.234 2.58.996.464 1.33.762 1.325 1.177-.006.636-.793.918-1.526.928-1.285.02-2.03-.333-2.623-.6l-.462 2.08c.598.262 1.7.49 2.84.502 2.682 0 4.437-1.273 4.445-3.243zM15.948 7.884l-4.138 9.478h-2.7L7.076 9.8c-.123-.466-.23-.637-.606-.834-.615-.32-1.63-.62-2.52-.806l.06-.275h4.345c.554 0 1.052.354 1.178.966l1.076 5.486 2.655-6.45h2.683z" style="fill: #1A1F71"></path>
    </symbol>

    <symbol id="icon-master-card" viewBox="0 0 40 24">
      <title>MasterCard</title>
      <path d="M0 1.927C0 .863.892 0 1.992 0h36.016C39.108 0 40 .863 40 1.927v20.146C40 23.137 39.108 24 38.008 24H1.992C.892 24 0 23.137 0 22.073V1.927z" style="fill: #FFF"></path>
      <path d="M11.085 22.2v-1.36c0-.522-.318-.863-.864-.863-.272 0-.568.09-.773.386-.16-.25-.386-.386-.727-.386-.228 0-.455.068-.637.318v-.272h-.478V22.2h.478v-1.202c0-.386.204-.567.523-.567.318 0 .478.205.478.568V22.2h.477v-1.202c0-.386.23-.567.524-.567.32 0 .478.205.478.568V22.2h.523zm7.075-2.177h-.774v-.658h-.478v.658h-.432v.43h.432v.998c0 .5.205.795.75.795.206 0 .433-.068.592-.16l-.136-.407c-.136.09-.296.114-.41.114-.227 0-.318-.137-.318-.363v-.976h.774v-.43zm4.048-.046c-.273 0-.454.136-.568.318v-.272h-.478V22.2h.478v-1.225c0-.363.16-.567.455-.567.09 0 .204.023.295.046l.137-.454c-.09-.023-.228-.023-.32-.023zm-6.118.227c-.228-.16-.546-.227-.888-.227-.546 0-.91.272-.91.703 0 .363.274.567.75.635l.23.023c.25.045.385.113.385.227 0 .16-.182.272-.5.272-.32 0-.57-.113-.728-.227l-.228.363c.25.18.59.272.932.272.637 0 1-.295 1-.703 0-.385-.295-.59-.75-.658l-.227-.022c-.205-.023-.364-.068-.364-.204 0-.16.16-.25.41-.25.272 0 .545.114.682.182l.205-.386zm12.692-.227c-.273 0-.455.136-.568.318v-.272h-.478V22.2h.478v-1.225c0-.363.16-.567.455-.567.09 0 .203.023.294.046L29.1 20c-.09-.023-.227-.023-.318-.023zm-6.096 1.134c0 .66.455 1.135 1.16 1.135.32 0 .546-.068.774-.25l-.228-.385c-.182.136-.364.204-.57.204-.385 0-.658-.272-.658-.703 0-.407.273-.68.66-.702.204 0 .386.068.568.204l.228-.385c-.228-.182-.455-.25-.774-.25-.705 0-1.16.477-1.16 1.134zm4.413 0v-1.087h-.48v.272c-.158-.204-.385-.318-.68-.318-.615 0-1.093.477-1.093 1.134 0 .66.478 1.135 1.092 1.135.317 0 .545-.113.68-.317v.272h.48v-1.09zm-1.753 0c0-.384.25-.702.66-.702.387 0 .66.295.66.703 0 .387-.273.704-.66.704-.41-.022-.66-.317-.66-.703zm-5.71-1.133c-.636 0-1.09.454-1.09 1.134 0 .682.454 1.135 1.114 1.135.32 0 .638-.09.888-.295l-.228-.34c-.18.136-.41.227-.636.227-.296 0-.592-.136-.66-.522h1.615v-.18c.022-.704-.388-1.158-1.002-1.158zm0 .41c.297 0 .502.18.547.52h-1.137c.045-.295.25-.52.59-.52zm11.852.724v-1.95h-.48v1.135c-.158-.204-.385-.318-.68-.318-.615 0-1.093.477-1.093 1.134 0 .66.478 1.135 1.092 1.135.318 0 .545-.113.68-.317v.272h.48v-1.09zm-1.752 0c0-.384.25-.702.66-.702.386 0 .66.295.66.703 0 .387-.274.704-.66.704-.41-.022-.66-.317-.66-.703zm-15.97 0v-1.087h-.476v.272c-.16-.204-.387-.318-.683-.318-.615 0-1.093.477-1.093 1.134 0 .66.478 1.135 1.092 1.135.318 0 .545-.113.682-.317v.272h.477v-1.09zm-1.773 0c0-.384.25-.702.66-.702.386 0 .66.295.66.703 0 .387-.274.704-.66.704-.41-.022-.66-.317-.66-.703z" style="fill: #000"></path>
      <path style="fill: #FF5F00" d="M23.095 3.49H15.93v12.836h7.165"></path>
      <path d="M16.382 9.91c0-2.61 1.23-4.922 3.117-6.42-1.39-1.087-3.14-1.745-5.05-1.745-4.528 0-8.19 3.65-8.19 8.164 0 4.51 3.662 8.162 8.19 8.162 1.91 0 3.66-.657 5.05-1.746-1.89-1.474-3.118-3.81-3.118-6.417z" style="fill: #EB001B"></path>
      <path d="M32.76 9.91c0 4.51-3.664 8.162-8.19 8.162-1.91 0-3.662-.657-5.05-1.746 1.91-1.496 3.116-3.81 3.116-6.417 0-2.61-1.228-4.922-3.116-6.42 1.388-1.087 3.14-1.745 5.05-1.745 4.526 0 8.19 3.674 8.19 8.164z" style="fill: #F79E1B"></path>
    </symbol>

    <symbol id="icon-unionpay" viewBox="0 0 40 24">
      <title>Union Pay</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path d="M9.877 2h8.126c1.135 0 1.84.93 1.575 2.077l-3.783 16.35c-.267 1.142-1.403 2.073-2.538 2.073H5.13c-1.134 0-1.84-.93-1.574-2.073L7.34 4.076C7.607 2.93 8.74 2 9.878 2z" style="fill: #E21836"></path>
      <path d="M17.325 2h9.345c1.134 0 .623.93.356 2.077l-3.783 16.35c-.265 1.142-.182 2.073-1.32 2.073H12.58c-1.137 0-1.84-.93-1.574-2.073l3.783-16.35C15.056 2.93 16.19 2 17.324 2z" style="fill: #00447B"></path>
      <path d="M26.3 2h8.126c1.136 0 1.84.93 1.575 2.077l-3.782 16.35c-.266 1.142-1.402 2.073-2.54 2.073h-8.122c-1.137 0-1.842-.93-1.574-2.073l3.78-16.35C24.03 2.93 25.166 2 26.303 2z" style="fill: #007B84"></path>
      <path d="M27.633 14.072l-.99 3.3h.266l-.208.68h-.266l-.062.212h-.942l.064-.21H23.58l.193-.632h.194l1.005-3.35.2-.676h.962l-.1.34s.255-.184.498-.248c.242-.064 1.636-.088 1.636-.088l-.206.672h-.33zm-1.695 0l-.254.843s.285-.13.44-.172c.16-.04.395-.057.395-.057l.182-.614h-.764zm-.38 1.262l-.263.877s.29-.15.447-.196c.157-.037.396-.066.396-.066l.185-.614h-.766zm-.614 2.046h.767l.222-.74h-.765l-.223.74z" style="fill: #FEFEFE"></path>
      <path d="M28.055 13.4h1.027l.01.385c-.005.065.05.096.17.096h.208l-.19.637h-.555c-.48.035-.662-.172-.65-.406l-.02-.71zM28.193 16.415h-.978l.167-.566H28.5l.16-.517h-1.104l.19-.638h3.072l-.193.638h-1.03l-.16.516h1.032l-.17.565H29.18l-.2.24h.454l.11.712c.013.07.014.116.036.147.023.026.158.038.238.038h.137l-.21.694h-.348c-.054 0-.133-.004-.243-.01-.105-.008-.18-.07-.25-.105-.064-.03-.16-.11-.182-.24l-.11-.712-.507.7c-.162.222-.38.39-.748.39h-.712l.186-.62h.273c.078 0 .15-.03.2-.056.052-.023.098-.05.15-.126l.74-1.05zM17.478 14.867h2.59l-.19.622H18.84l-.16.53h1.06l-.194.64h-1.06l-.256.863c-.03.095.25.108.353.108l.53-.072-.212.71h-1.193c-.096 0-.168-.013-.272-.037-.1-.023-.145-.07-.19-.138-.043-.07-.11-.128-.064-.278l.343-1.143h-.588l.195-.65h.592l.156-.53h-.588l.188-.623zM19.223 13.75h1.063l-.194.65H18.64l-.157.136c-.067.066-.09.038-.18.087-.08.04-.254.123-.477.123h-.466l.19-.625h.14c.118 0 .198-.01.238-.036.046-.03.098-.096.157-.203l.267-.487h1.057l-.187.356zM20.74 13.4h.905l-.132.46s.286-.23.487-.313c.2-.075.65-.143.65-.143l1.464-.007-.498 1.672c-.085.286-.183.472-.244.555-.055.087-.12.16-.248.23-.124.066-.236.104-.34.115-.096.007-.244.01-.45.012h-1.41l-.4 1.324c-.037.13-.055.194-.03.23.02.03.068.066.135.066l.62-.06-.21.726h-.698c-.22 0-.383-.004-.495-.013-.108-.01-.22 0-.295-.058-.065-.058-.164-.133-.162-.21.007-.073.037-.192.082-.356l1.268-4.23zm1.922 1.69h-1.484l-.09.3h1.283c.152-.018.184.004.196-.003l.096-.297zm-1.402-.272s.29-.266.786-.353c.112-.022.82-.015.82-.015l.106-.357h-1.496l-.216.725z" style="fill: #FEFEFE"></path>
      <path d="M23.382 16.1l-.084.402c-.036.125-.067.22-.16.302-.1.084-.216.172-.488.172l-.502.02-.004.455c-.006.13.028.117.048.138.024.022.045.032.067.04l.157-.008.48-.028-.198.663h-.552c-.385 0-.67-.008-.765-.084-.092-.057-.105-.132-.103-.26l.035-1.77h.88l-.013.362h.212c.072 0 .12-.007.15-.026.027-.02.047-.048.06-.093l.087-.282h.692zM10.84 7.222c-.032.143-.596 2.763-.598 2.764-.12.53-.21.91-.508 1.152-.172.14-.37.21-.6.21-.37 0-.587-.185-.624-.537l-.007-.12.113-.712s.593-2.388.7-2.703c.002-.017.005-.026.007-.035-1.152.01-1.357 0-1.37-.018-.007.024-.037.173-.037.173l-.605 2.688-.05.23-.1.746c0 .22.042.4.13.553.275.485 1.06.557 1.504.557.573 0 1.11-.123 1.47-.345.63-.375.797-.962.944-1.48l.067-.267s.61-2.48.716-2.803c.003-.017.006-.026.01-.035-.835.01-1.08 0-1.16-.018zM14.21 12.144c-.407-.006-.55-.006-1.03.018l-.018-.036c.042-.182.087-.363.127-.548l.06-.25c.086-.39.173-.843.184-.98.007-.084.036-.29-.2-.29-.1 0-.203.048-.307.096-.058.207-.174.79-.23 1.055-.118.558-.126.62-.178.897l-.036.037c-.42-.006-.566-.006-1.05.018l-.024-.04c.08-.332.162-.668.24-.998.203-.9.25-1.245.307-1.702l.04-.028c.47-.067.585-.08 1.097-.185l.043.047-.077.287c.086-.052.168-.104.257-.15.242-.12.51-.155.658-.155.223 0 .468.062.57.323.098.232.034.52-.094 1.084l-.066.287c-.13.627-.152.743-.225 1.174l-.05.036zM15.87 12.144c-.245 0-.405-.006-.56 0-.153 0-.303.008-.532.018l-.013-.02-.015-.02c.062-.238.097-.322.128-.406.03-.084.06-.17.115-.41.072-.315.116-.535.147-.728.033-.187.052-.346.075-.53l.02-.014.02-.018c.244-.036.4-.057.56-.082.16-.024.32-.055.574-.103l.008.023.008.022c-.047.195-.094.39-.14.588-.047.197-.094.392-.137.587-.093.414-.13.57-.152.68-.02.105-.026.163-.063.377l-.022.02-.023.017zM19.542 10.728c.143-.633.033-.928-.108-1.11-.213-.273-.59-.36-.978-.36-.235 0-.793.023-1.23.43-.312.29-.458.687-.546 1.066-.088.387-.19 1.086.447 1.344.198.085.48.108.662.108.466 0 .945-.13 1.304-.513.278-.312.405-.775.448-.965zm-1.07-.046c-.02.106-.113.503-.24.673-.086.123-.19.198-.305.198-.033 0-.235 0-.238-.3-.003-.15.027-.304.063-.47.108-.478.236-.88.56-.88.255 0 .27.298.16.78zM29.536 12.187c-.493-.004-.635-.004-1.09.015l-.03-.037c.124-.472.248-.943.358-1.42.142-.62.175-.882.223-1.244l.037-.03c.49-.07.625-.09 1.135-.186l.015.044c-.093.388-.186.777-.275 1.166-.19.816-.258 1.23-.33 1.658l-.044.035z" style="fill: #FEFEFE"></path>
      <path d="M29.77 10.784c.144-.63-.432-.056-.525-.264-.14-.323-.052-.98-.62-1.2-.22-.085-.732.025-1.17.428-.31.29-.458.683-.544 1.062-.088.38-.19 1.078.444 1.328.2.085.384.11.567.103.638-.034 1.124-1.002 1.483-1.386.277-.303.326.115.368-.07zm-.974-.047c-.024.1-.117.503-.244.67-.083.117-.283.192-.397.192-.032 0-.232 0-.24-.3 0-.146.03-.3.067-.467.11-.47.235-.87.56-.87.254 0 .363.293.254.774zM22.332 12.144c-.41-.006-.55-.006-1.03.018l-.018-.036c.04-.182.087-.363.13-.548l.057-.25c.09-.39.176-.843.186-.98.008-.084.036-.29-.198-.29-.1 0-.203.048-.308.096-.057.207-.175.79-.232 1.055-.115.558-.124.62-.176.897l-.035.037c-.42-.006-.566-.006-1.05.018l-.022-.04.238-.998c.203-.9.25-1.245.307-1.702l.038-.028c.472-.067.587-.08 1.098-.185l.04.047-.073.287c.084-.052.17-.104.257-.15.24-.12.51-.155.655-.155.224 0 .47.062.575.323.095.232.03.52-.098 1.084l-.065.287c-.133.627-.154.743-.225 1.174l-.05.036zM26.32 8.756c-.07.326-.282.603-.554.736-.225.114-.498.123-.78.123h-.183l.013-.074.336-1.468.01-.076.007-.058.132.015.71.062c.275.105.388.38.31.74zM25.88 7.22l-.34.003c-.883.01-1.238.006-1.383-.012l-.037.182-.315 1.478-.793 3.288c.77-.01 1.088-.01 1.22.004l.21-1.024s.153-.644.163-.667c0 0 .047-.066.096-.092h.07c.665 0 1.417 0 2.005-.437.4-.298.675-.74.797-1.274.03-.132.054-.29.054-.446 0-.205-.04-.41-.16-.568-.3-.423-.896-.43-1.588-.433zM33.572 9.28l-.04-.043c-.502.1-.594.118-1.058.18l-.034.034-.005.023-.003-.007c-.345.803-.334.63-.615 1.26-.003-.03-.003-.048-.004-.077l-.07-1.37-.044-.043c-.53.1-.542.118-1.03.18l-.04.034-.006.056.003.007c.06.315.047.244.108.738.03.244.065.49.093.73.05.4.077.6.134 1.21-.328.55-.408.757-.722 1.238l.017.044c.478-.018.587-.018.94-.018l.08-.088c.265-.578 2.295-4.085 2.295-4.085zM16.318 9.62c.27-.19.304-.45.076-.586-.23-.137-.634-.094-.906.095-.273.186-.304.45-.075.586.228.134.633.094.905-.096z" style="fill: #FEFEFE"></path>
      <path d="M31.238 13.415l-.397.684c-.124.232-.357.407-.728.41l-.632-.01.184-.618h.124c.064 0 .11-.004.148-.022.03-.01.054-.035.08-.072l.233-.373h.988z" style="fill: #FEFEFE"></path>
    </symbol>

    <symbol id="icon-american-express" viewBox="0 0 40 24">
      <title>American Express</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path style="fill: #1478BE" d="M6.26 12.32h2.313L7.415 9.66M27.353 9.977h-3.738v1.23h3.666v1.384h-3.675v1.385h3.821v1.005c.623-.77 1.33-1.466 2.025-2.235l.707-.77c-.934-1.004-1.87-2.08-2.804-3.075v1.077z"></path>
      <path d="M38.25 7h-5.605l-1.328 1.4L30.072 7H16.984l-1.017 2.416L14.877 7h-9.58L1.25 16.5h4.826l.623-1.556h1.4l.623 1.556H29.99l1.327-1.483 1.328 1.483h5.605l-4.36-4.667L38.25 7zm-17.685 8.1h-1.557V9.883L16.673 15.1h-1.33L13.01 9.883l-.084 5.217H9.73l-.623-1.556h-3.27L5.132 15.1H3.42l2.884-6.772h2.42l2.645 6.233V8.33h2.646l2.107 4.51 1.868-4.51h2.575V15.1zm14.727 0h-2.024l-2.024-2.26-2.023 2.26H22.06V8.328H29.53l1.795 2.177 2.024-2.177h2.025L32.26 11.75l3.032 3.35z" style="fill: #1478BE"></path>
    </symbol>

    <symbol id="icon-jcb" viewBox="0 0 40 24">
      <title>JCB</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path d="M33.273 2.01h.013v17.062c-.004 1.078-.513 2.103-1.372 2.746-.63.47-1.366.67-2.14.67-.437 0-4.833.026-4.855 0-.01-.01 0-.07 0-.082v-6.82c0-.04.004-.064.033-.064h5.253c.867 0 1.344-.257 1.692-.61.44-.448.574-1.162.294-1.732-.24-.488-.736-.78-1.244-.913-.158-.04-.32-.068-.483-.083-.01 0-.064 0-.07-.006-.03-.034.023-.04.038-.046.102-.033.215-.042.32-.073.532-.164.993-.547 1.137-1.105.15-.577-.05-1.194-.524-1.552-.34-.257-.768-.376-1.187-.413-.43-.038-4.774-.022-5.21-.022-.072 0-.05-.02-.05-.09V5.63c0-.31.01-.616.073-.92.126-.592.41-1.144.815-1.59.558-.615 1.337-1.01 2.16-1.093.478-.048 4.89-.017 5.305-.017zm-4.06 8.616c.06.272-.01.567-.204.77-.173.176-.407.25-.648.253-.195.003-1.725 0-1.788 0l.003-1.645c.012-.027.02-.018.06-.018.097 0 1.713-.004 1.823.005.232.02.45.12.598.306.076.096.128.208.155.328zm-2.636 2.038h1.944c.242.002.47.063.652.228.226.204.327.515.283.815-.04.263-.194.5-.422.634-.187.112-.39.125-.6.125h-1.857v-1.8z" style="fill: #53B230"></path>
      <path d="M6.574 13.89c-.06-.03-.06-.018-.07-.06-.006-.026-.005-8.365.003-8.558.04-.95.487-1.857 1.21-2.47.517-.434 1.16-.71 1.83-.778.396-.04.803-.018 1.2-.018.69 0 4.11-.013 4.12 0 .008.008.002 16.758 0 17.074-.003.956-.403 1.878-1.105 2.523-.506.465-1.15.77-1.83.86-.41.056-5.02.032-5.363.032-.066 0-.054.013-.066-.024-.01-.025 0-7 0-7.17.66.178 1.35.28 2.03.348.662.067 1.33.093 1.993.062.93-.044 1.947-.192 2.712-.762.32-.238.574-.553.73-.922.148-.353.2-.736.2-1.117 0-.348.006-3.93-.016-3.942-.023-.014-2.885-.015-2.9.012-.012.022 0 3.87 0 3.95-.003.47-.16.933-.514 1.252-.468.42-1.11.47-1.707.423-.687-.055-1.357-.245-1.993-.508-.157-.065-.312-.135-.466-.208z" style="fill: #006CB9"></path>
      <path d="M15.95 9.835c-.025.02-.05.04-.072.06V6.05c0-.295-.012-.594.01-.888.12-1.593 1.373-2.923 2.944-3.126.382-.05 5.397-.042 5.41-.026.01.01 0 .062 0 .074v16.957c0 1.304-.725 2.52-1.89 3.1-.504.25-1.045.35-1.605.35-.322 0-4.757.015-4.834 0-.05-.01-.023.01-.035-.02-.007-.022 0-6.548 0-7.44v-.422c.554.48 1.256.75 1.96.908.536.12 1.084.176 1.63.196.537.02 1.076.01 1.61-.037.546-.05 1.088-.136 1.625-.244.137-.028.274-.057.41-.09.033-.006.17-.017.187-.044.013-.02 0-.097 0-.12v-1.324c-.582.292-1.19.525-1.83.652-.778.155-1.64.198-2.385-.123-.752-.326-1.2-1.024-1.274-1.837-.076-.837.173-1.716.883-2.212.736-.513 1.7-.517 2.553-.38.634.1 1.245.305 1.825.58.078.037.154.075.23.113V9.322c0-.02.013-.1 0-.118-.02-.028-.152-.038-.188-.046-.066-.016-.133-.03-.2-.045C22.38 9 21.84 8.908 21.3 8.85c-.533-.06-1.068-.077-1.603-.066-.542.01-1.086.054-1.62.154-.662.125-1.32.337-1.883.716-.085.056-.167.117-.245.18z" style="fill: #E20138"></path>
    </symbol>

    <symbol id="icon-discover" viewBox="0 0 40 24">
      <title>Discover</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path d="M38.995 11.75S27.522 20.1 6.5 23.5h31.495c.552 0 1-.448 1-1V11.75z" style="fill: #F48024"></path>
      <path d="M5.332 11.758c-.338.305-.776.438-1.47.438h-.29V8.55h.29c.694 0 1.115.124 1.47.446.37.33.595.844.595 1.372 0 .53-.224 1.06-.595 1.39zM4.077 7.615H2.5v5.515h1.57c.833 0 1.435-.197 1.963-.637.63-.52 1-1.305 1-2.116 0-1.628-1.214-2.762-2.956-2.762zM7.53 13.13h1.074V7.616H7.53M11.227 9.732c-.645-.24-.834-.397-.834-.695 0-.347.338-.61.8-.61.322 0 .587.132.867.446l.562-.737c-.462-.405-1.015-.612-1.618-.612-.975 0-1.718.678-1.718 1.58 0 .76.346 1.15 1.355 1.513.42.148.635.247.743.314.215.14.322.34.322.57 0 .448-.354.78-.834.78-.51 0-.924-.258-1.17-.736l-.695.67c.495.726 1.09 1.05 1.907 1.05 1.116 0 1.9-.745 1.9-1.812 0-.876-.363-1.273-1.585-1.72zM13.15 10.377c0 1.62 1.27 2.877 2.907 2.877.462 0 .858-.09 1.347-.32v-1.267c-.43.43-.81.604-1.297.604-1.082 0-1.85-.785-1.85-1.9 0-1.06.792-1.895 1.8-1.895.512 0 .9.183 1.347.62V7.83c-.472-.24-.86-.34-1.322-.34-1.627 0-2.932 1.283-2.932 2.887zM25.922 11.32l-1.468-3.705H23.28l2.337 5.656h.578l2.38-5.655H27.41M29.06 13.13h3.046v-.934h-1.973v-1.488h1.9v-.934h-1.9V8.55h1.973v-.935H29.06M34.207 10.154h-.314v-1.67h.33c.67 0 1.034.28 1.034.818 0 .554-.364.852-1.05.852zm2.155-.91c0-1.033-.71-1.628-1.95-1.628H32.82v5.514h1.073v-2.215h.14l1.487 2.215h1.32l-1.733-2.323c.81-.165 1.255-.72 1.255-1.563z" style="fill: #221F20"></path>
      <path d="M23.6 10.377c0 1.62-1.31 2.93-2.927 2.93-1.617.002-2.928-1.31-2.928-2.93s1.31-2.932 2.928-2.932c1.618 0 2.928 1.312 2.928 2.932z" style="fill: #F48024"></path>
    </symbol>

    <symbol id="icon-diners-club" viewBox="0 0 40 24">
      <title>Diners Club</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path d="M9.02 11.83c0-5.456 4.54-9.88 10.14-9.88 5.6 0 10.139 4.424 10.139 9.88-.002 5.456-4.54 9.88-10.14 9.88-5.6 0-10.14-4.424-10.14-9.88z" style="fill: #FEFEFE"></path>
      <path style="fill: #FFF" d="M32.522 22H8.5V1.5h24.022"></path>
      <path d="M25.02 11.732c-.003-2.534-1.607-4.695-3.868-5.55v11.102c2.26-.857 3.865-3.017 3.87-5.552zm-8.182 5.55V6.18c-2.26.86-3.86 3.017-3.867 5.55.007 2.533 1.61 4.69 3.868 5.55zm2.158-14.934c-5.25.002-9.503 4.202-9.504 9.384 0 5.182 4.254 9.38 9.504 9.382 5.25 0 9.504-4.2 9.505-9.382 0-5.182-4.254-9.382-9.504-9.384zM18.973 22C13.228 22.027 8.5 17.432 8.5 11.84 8.5 5.726 13.228 1.5 18.973 1.5h2.692c5.677 0 10.857 4.225 10.857 10.34 0 5.59-5.18 10.16-10.857 10.16h-2.692z" style="fill: #004A97"></path>
    </symbol>

    <symbol id="icon-maestro" viewBox="0 0 40 24">
      <title>Maestro</title>
      <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" style="fill: #FFF"></path>
      <path d="M14.67 22.39V21c.022-.465-.303-.86-.767-.882h-.116c-.3-.023-.603.14-.788.394-.164-.255-.442-.417-.743-.394-.256-.023-.51.116-.65.324v-.278h-.487v2.203h.487v-1.183c-.046-.278.162-.533.44-.58h.094c.325 0 .488.21.488.58v1.23h.487v-1.23c-.047-.278.162-.556.44-.58h.093c.325 0 .487.21.487.58v1.23l.534-.024zm2.712-1.09v-1.113h-.487v.28c-.162-.21-.417-.326-.695-.326-.65 0-1.16.51-1.16 1.16 0 .65.51 1.16 1.16 1.16.278 0 .533-.117.695-.325v.278h.487V21.3zm-1.786 0c.024-.37.348-.65.72-.626.37.023.65.348.626.72-.023.347-.302.625-.673.625-.372 0-.674-.28-.674-.65-.023-.047-.023-.047 0-.07zm12.085-1.16c.163 0 .325.024.465.094.14.046.278.14.37.255.117.115.186.23.256.37.117.3.117.626 0 .927-.046.14-.138.255-.254.37-.116.117-.232.186-.37.256-.303.116-.65.116-.952 0-.14-.046-.28-.14-.37-.255-.118-.116-.187-.232-.257-.37-.116-.302-.116-.627 0-.928.047-.14.14-.255.256-.37.115-.117.23-.187.37-.256.163-.07.325-.116.488-.093zm0 .465c-.092 0-.185.023-.278.046-.092.024-.162.094-.232.14-.07.07-.116.14-.14.232-.068.185-.068.394 0 .58.024.092.094.162.14.23.07.07.14.117.232.14.186.07.37.07.557 0 .092-.023.16-.092.23-.14.07-.068.117-.138.14-.23.07-.186.07-.395 0-.58-.023-.093-.093-.162-.14-.232-.07-.07-.138-.116-.23-.14-.094-.045-.187-.07-.28-.045zm-7.677.695c0-.695-.44-1.16-1.043-1.16-.65 0-1.16.534-1.137 1.183.023.65.534 1.16 1.183 1.136.325 0 .65-.093.905-.302l-.23-.348c-.187.14-.42.232-.65.232-.326.023-.627-.21-.673-.533h1.646v-.21zm-1.646-.21c.023-.3.278-.532.58-.532.3 0 .556.232.556.533h-1.136zm3.664-.346c-.207-.116-.44-.186-.695-.186-.255 0-.417.093-.417.255 0 .163.162.186.37.21l.233.022c.488.07.766.278.766.672 0 .395-.37.72-1.02.72-.348 0-.673-.094-.95-.28l.23-.37c.21.162.465.232.743.232.324 0 .51-.094.51-.28 0-.115-.117-.185-.395-.23l-.232-.024c-.487-.07-.765-.302-.765-.65 0-.44.37-.718.927-.718.325 0 .627.07.905.232l-.21.394zm2.32-.116h-.788v.997c0 .23.07.37.325.37.14 0 .3-.046.417-.115l.14.417c-.186.116-.395.162-.604.162-.58 0-.765-.302-.765-.812v-1.02h-.44v-.44h.44v-.673h.487v.672h.79v.44zm1.67-.51c.117 0 .233.023.35.07l-.14.463c-.093-.045-.21-.045-.302-.045-.325 0-.464.208-.464.58v1.25h-.487v-2.2h.487v.277c.116-.255.325-.37.557-.394z" style="fill: #000"></path>
      <path style="fill: #7673C0" d="M23.64 3.287h-7.305V16.41h7.306"></path>
      <path d="M16.8 9.848c0-2.55 1.183-4.985 3.2-6.56C16.384.435 11.12 1.06 8.29 4.7 5.435 8.32 6.06 13.58 9.703 16.41c3.038 2.387 7.283 2.387 10.32 0-2.04-1.578-3.223-3.99-3.223-6.562z" style="fill: #EB001B"></path>
      <path d="M33.5 9.848c0 4.613-3.735 8.346-8.35 8.346-1.88 0-3.69-.626-5.15-1.785 3.618-2.83 4.245-8.092 1.415-11.71-.418-.532-.882-.996-1.415-1.413C23.618.437 28.883 1.06 31.736 4.7 32.873 6.163 33.5 7.994 33.5 9.85z" style="fill: #00A1DF"></path>
    </symbol>

    <symbol id="logoPayPal" viewBox="0 0 48 29">
      <title>PayPal Logo</title>
      <path d="M46 29H2c-1.1 0-2-.87-2-1.932V1.934C0 .87.9 0 2 0h44c1.1 0 2 .87 2 1.934v25.134C48 28.13 47.1 29 46 29z" fill-opacity="0" style="fill: #FFF"></path>
      <path d="M31.216 16.4c.394-.7.69-1.5.886-2.4.196-.8.196-1.6.1-2.2-.1-.7-.396-1.2-.79-1.7-.195-.3-.59-.5-.885-.7.1-.8.1-1.5 0-2.1-.1-.6-.394-1.1-.886-1.6-.885-1-2.56-1.6-4.922-1.6h-6.4c-.492 0-.787.3-.886.8l-2.658 17.2c0 .2 0 .3.1.4.097.1.294.2.393.2h4.036l-.295 1.8c0 .1 0 .3.1.4.098.1.195.2.393.2h3.35c.393 0 .688-.3.786-.7v-.2l.59-4.1v-.2c.1-.4.395-.7.788-.7h.59c1.675 0 3.152-.4 4.137-1.1.59-.5 1.083-1 1.478-1.7h-.002z" style="fill: #263B80"></path>
      <path d="M21.364 9.4c0-.3.196-.5.492-.6.098-.1.196-.1.394-.1h5.02c.592 0 1.183 0 1.675.1.1 0 .295.1.394.1.098 0 .294.1.393.1.1 0 .1 0 .197.102.295.1.492.2.69.3.295-1.6 0-2.7-.887-3.8-.985-1.1-2.658-1.6-4.923-1.6h-6.4c-.49 0-.885.3-.885.8l-2.758 17.3c-.098.3.197.6.59.6h3.94l.985-6.4 1.083-6.9z" style="fill: #263B80"></path>
      <path d="M30.523 9.4c0 .1 0 .3-.098.4-.887 4.4-3.742 5.9-7.484 5.9h-1.87c-.492 0-.787.3-.886.8l-.985 6.2-.296 1.8c0 .3.196.6.492.6h3.348c.394 0 .69-.3.787-.7v-.2l.592-4.1v-.2c.1-.4.394-.7.787-.7h.69c3.248 0 5.808-1.3 6.497-5.2.296-1.6.197-3-.69-3.9-.196-.3-.49-.5-.885-.7z" style="fill: #159BD7"></path>
      <path d="M29.635 9c-.098 0-.295-.1-.394-.1-.098 0-.294-.1-.393-.1-.492-.102-1.083-.102-1.673-.102h-5.022c-.1 0-.197 0-.394.1-.198.1-.394.3-.492.6l-1.083 6.9v.2c.1-.5.492-.8.886-.8h1.87c3.742 0 6.598-1.5 7.484-5.9 0-.1 0-.3.098-.4-.196-.1-.492-.2-.69-.3 0-.1-.098-.1-.196-.1z" style="fill: #232C65"></path>
    </symbol>

    <symbol id="logoPayPalCredit" viewBox="0 0 48 29">
      <title>PayPal Credit Logo</title>
      <path d="M46 29H2c-1.1 0-2-.87-2-1.932V1.934C0 .87.9 0 2 0h44c1.1 0 2 .87 2 1.934v25.134C48 28.13 47.1 29 46 29z" fill-opacity="0" style="fill: #FFF" fill-rule="nonzero"></path>
      <path d="M27.44 21.6h.518c1.377 0 2.67-.754 2.953-2.484.248-1.588-.658-2.482-2.14-2.482h-.38c-.093 0-.172.067-.187.16l-.763 4.805zm-1.254-6.646c.024-.158.16-.273.32-.273h2.993c2.47 0 4.2 1.942 3.81 4.436-.4 2.495-2.752 4.436-5.21 4.436h-3.05c-.116 0-.205-.104-.187-.218l1.323-8.38zM22.308 16.907l-.192 1.21h2.38c.116 0 .204.103.186.217l-.23 1.462c-.023.157-.16.273-.318.273h-2.048c-.16 0-.294.114-.32.27l-.203 1.26h2.52c.117 0 .205.102.187.217l-.228 1.46c-.025.16-.16.275-.32.275h-4.55c-.116 0-.204-.104-.186-.218l1.322-8.38c.025-.158.16-.273.32-.273h4.55c.116 0 .205.104.187.22l-.23 1.46c-.024.158-.16.274-.32.274H22.63c-.16 0-.295.115-.32.273M35.325 23.552h-1.81c-.115 0-.203-.104-.185-.218l1.322-8.38c.025-.158.16-.273.32-.273h1.81c.115 0 .203.104.185.22l-1.322 8.38c-.025.156-.16.272-.32.272M14.397 18.657h.224c.754 0 1.62-.14 1.777-1.106.158-.963-.345-1.102-1.15-1.104h-.326c-.097 0-.18.07-.197.168l-.326 2.043zm3.96 4.895h-2.37c-.102 0-.194-.058-.238-.15l-1.565-3.262h-.023l-.506 3.19c-.02.128-.13.222-.26.222h-1.86c-.116 0-.205-.104-.187-.218l1.33-8.432c.02-.128.13-.22.26-.22h3.222c1.753 0 2.953.834 2.66 2.728-.2 1.224-1.048 2.283-2.342 2.506l2.037 3.35c.076.125-.014.286-.16.286zM40.216 23.552h-1.808c-.116 0-.205-.104-.187-.218l1.06-6.7h-1.684c-.116 0-.205-.104-.187-.218l.228-1.462c.025-.157.16-.273.32-.273h5.62c.116 0 .205.104.186.22l-.228 1.46c-.025.158-.16.274-.32.274h-1.63l-1.05 6.645c-.025.156-.16.272-.32.272M11.467 17.202c-.027.164-.228.223-.345.104-.395-.405-.975-.62-1.6-.62-1.41 0-2.526 1.083-2.75 2.458-.21 1.4.588 2.41 2.022 2.41.592 0 1.22-.225 1.74-.6.144-.105.34.02.313.194l-.328 2.03c-.02.12-.108.22-.226.254-.702.207-1.24.355-1.9.355-3.823 0-4.435-3.266-4.238-4.655.553-3.894 3.712-4.786 5.65-4.678.623.034 1.182.117 1.73.323.177.067.282.25.252.436l-.32 1.99" style="fill: #21306F"></path>
      <path d="M23.184 7.67c-.11.717-.657.717-1.186.717h-.302l.212-1.34c.013-.08.082-.14.164-.14h.138c.36 0 .702 0 .877.206.105.123.137.305.097.557zm-.23-1.87h-1.998c-.137 0-.253.098-.274.233l-.808 5.123c-.016.1.062.192.165.192h1.024c.095 0 .177-.07.192-.164l.23-1.452c.02-.135.136-.235.273-.235h.63c1.317 0 2.076-.636 2.275-1.898.09-.553.003-.987-.255-1.29-.284-.334-.788-.51-1.456-.51z" style="fill: #0093C7"></path>
      <path d="M8.936 7.67c-.11.717-.656.717-1.186.717h-.302l.212-1.34c.013-.08.082-.14.164-.14h.138c.36 0 .702 0 .877.206.104.123.136.305.096.557zm-.23-1.87H6.708c-.136 0-.253.098-.274.233l-.808 5.123c-.016.1.062.192.165.192h.955c.136 0 .252-.1.274-.234l.217-1.382c.02-.135.137-.235.274-.235h.633c1.316 0 2.075-.636 2.274-1.898.09-.553.003-.987-.255-1.29-.284-.334-.788-.51-1.456-.51zM13.343 9.51c-.092.545-.526.912-1.08.912-.277 0-.5-.09-.642-.258-.14-.168-.193-.406-.148-.672.086-.542.527-.92 1.072-.92.27 0 .492.09.637.26.148.172.205.412.163.677zm1.334-1.863h-.957c-.082 0-.152.06-.164.14l-.042.268-.067-.097c-.208-.3-.67-.4-1.13-.4-1.057 0-1.96.8-2.135 1.923-.092.56.038 1.097.356 1.47.29.344.708.487 1.204.487.852 0 1.325-.548 1.325-.548l-.043.265c-.016.1.062.193.164.193h.862c.136 0 .253-.1.274-.234l.517-3.275c.017-.102-.06-.193-.163-.193z" style="fill: #21306F"></path>
      <path d="M27.59 9.51c-.09.545-.525.912-1.078.912-.278 0-.5-.09-.643-.258-.142-.168-.195-.406-.15-.672.086-.542.526-.92 1.07-.92.273 0 .494.09.64.26.146.172.203.412.16.677zm1.334-1.863h-.956c-.082 0-.152.06-.164.14l-.043.268-.065-.097c-.208-.3-.67-.4-1.13-.4-1.057 0-1.96.8-2.136 1.923-.092.56.038 1.097.355 1.47.292.344.71.487 1.205.487.852 0 1.325-.548 1.325-.548l-.043.265c-.016.1.062.193.164.193h.862c.136 0 .253-.1.274-.234l.517-3.275c.015-.102-.063-.193-.166-.193z" style="fill: #0093C7"></path>
      <path d="M19.77 7.647h-.96c-.092 0-.178.045-.23.122L17.254 9.72l-.562-1.877c-.035-.118-.143-.198-.266-.198h-.945c-.113 0-.194.112-.157.22l1.06 3.108-.997 1.404c-.078.11 0 .262.136.262h.96c.092 0 .177-.044.23-.12l3.196-4.614c.077-.11-.002-.26-.137-.26" style="fill: #21306F"></path>
      <path d="M30.052 5.94l-.82 5.216c-.016.1.062.192.165.192h.824c.138 0 .254-.1.275-.234l.81-5.122c.015-.1-.064-.193-.166-.193h-.924c-.082 0-.15.06-.164.14" style="fill: #0093C7"></path>
    </symbol>

    <symbol id="iconCardFront" viewBox="0 0 48 29">
      <title>Generic Card</title>
      <path d="M46.177 29H1.823C.9 29 0 28.13 0 27.187V1.813C0 .87.9 0 1.823 0h44.354C47.1 0 48 .87 48 1.813v25.375C48 28.13 47.1 29 46.177 29z" style="fill: #FFF"></path>
      <path d="M4.8 9.14c0-.427.57-.973 1.067-.973h7.466c.496 0 1.067.546 1.067.972v3.888c0 .425-.57.972-1.067.972H5.867c-.496 0-1.067-.547-1.067-.972v-3.89z" style="fill: #828282"></path>
      <rect style="fill: #828282" x="10.8" y="22.167" width="3.6" height="2.333" rx="1.167"></rect>
      <rect style="fill: #828282" x="4.8" y="22.167" width="3.6" height="2.333" rx="1.167"></rect>
      <path d="M6.55 16.333h34.9c.966 0 1.75.784 1.75 1.75 0 .967-.784 1.75-1.75 1.75H6.55c-.966 0-1.75-.783-1.75-1.75 0-.966.784-1.75 1.75-1.75z" style="fill: #828282"></path>
      <ellipse style="fill: #828282" cx="40.2" cy="6.417" rx="3" ry="2.917"></ellipse>
    </symbol>

    <symbol id="iconCVVBack" viewBox="0 0 40 24">
      <title>CVV Back</title>
      <path d="M38.48 24H1.52C.75 24 0 23.28 0 22.5v-21C0 .72.75 0 1.52 0h36.96C39.25 0 40 .72 40 1.5v21c0 .78-.75 1.5-1.52 1.5z" style="fill: #FFF"></path>
      <path style="fill: #828282" d="M0 5h40v4H0z"></path>
      <path d="M20 13.772v5.456c0 .423.37.772.82.772h13.36c.45 0 .82-.35.82-.772v-5.456c0-.423-.37-.772-.82-.772H20.82c-.45 0-.82.35-.82.772zm-1-.142c0-.9.76-1.63 1.68-1.63h13.64c.928 0 1.68.737 1.68 1.63v5.74c0 .9-.76 1.63-1.68 1.63H20.68c-.928 0-1.68-.737-1.68-1.63v-5.74z" style="fill: #000" fill-rule="nonzero"></path>
      <circle style="fill: #828282" cx="23.5" cy="16.5" r="1.5"></circle>
      <circle style="fill: #828282" cx="27.5" cy="16.5" r="1.5"></circle>
      <circle style="fill: #828282" cx="31.5" cy="16.5" r="1.5"></circle>
    </symbol>

    <symbol id="iconCVVFront" viewBox="0 0 40 24">
      <title>CVV Front</title>
      <path d="M38.48 24H1.52C.75 24 0 23.28 0 22.5v-21C0 .72.75 0 1.52 0h36.96C39.25 0 40 .72 40 1.5v21c0 .78-.75 1.5-1.52 1.5z" style="fill: #FFF"></path>
      <path d="M16 5.772v5.456c0 .423.366.772.81.772h17.38c.444 0 .81-.348.81-.772V5.772C35 5.35 34.634 5 34.19 5H16.81c-.444 0-.81.348-.81.772zm-1-.142c0-.9.75-1.63 1.66-1.63h17.68c.917 0 1.66.737 1.66 1.63v5.74c0 .9-.75 1.63-1.66 1.63H16.66c-.917 0-1.66-.737-1.66-1.63V5.63z" style="fill: #000" fill-rule="nonzero"></path>
      <circle style="fill: #828282" cx="19.5" cy="8.5" r="1.5"></circle>
      <circle style="fill: #828282" cx="27.5" cy="8.5" r="1.5"></circle>
      <circle style="fill: #828282" cx="23.5" cy="8.5" r="1.5"></circle>
      <circle style="fill: #828282" cx="31.5" cy="8.5" r="1.5"></circle>
      <path d="M4 7.833C4 7.47 4.476 7 4.89 7h6.22c.414 0 .89.47.89.833v3.334c0 .364-.476.833-.89.833H4.89c-.414 0-.89-.47-.89-.833V7.833zM4 18.5c0-.828.668-1.5 1.5-1.5h29c.828 0 1.5.666 1.5 1.5 0 .828-.668 1.5-1.5 1.5h-29c-.828 0-1.5-.666-1.5-1.5z" style="fill: #828282"></path>
    </symbol>

    <symbol id="iconCheck" viewBox="0 0 42 32">
      <title>Check</title>
      <path class="path1" d="M14.379 29.76L39.741 3.415 36.194.001l-21.815 22.79-10.86-11.17L0 15.064z"></path>
    </symbol>

    <symbol id="iconX" viewBox="0 0 32 32">
      <title>X</title>
      <path d="M29 3.54L25.46 0 14.5 10.97 3.54 0.01 0 3.54 10.96 14.5 0.01 25.46 3.54 28.99 14.5 18.04 25.46 29 28.99 25.46 18.03 14.5 29 3.54z"></path>
    </symbol>

    <symbol id="iconLockLoader" viewBox="0 0 28 32">
      <title>Lock Loader</title>
      <path d="M6 10V8c0-4.422 3.582-8 8-8 4.41 0 8 3.582 8 8v2h-4V7.995C18 5.79 16.205 4 14 4c-2.21 0-4 1.792-4 3.995V10H6zM.997 14c-.55 0-.997.445-.997.993v16.014c0 .548.44.993.997.993h26.006c.55 0 .997-.445.997-.993V14.993c0-.548-.44-.993-.997-.993H.997z"></path>
    </symbol>

    <symbol id="iconError" height="24" viewBox="0 0 24 24" width="24">
      <path d="M0 0h24v24H0z" style="fill: none"></path>
      <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"></path>
    </symbol>

    <symbol id="logoApplePay" viewBox="0 0 165.52 105.97" width="24">
      <title>Apple Pay Logo</title>
      <defs>
      <style>
        .cls-1{fill:#231f20;}.cls-2{fill:#fff;}
      </style>
      </defs>
      <path id="_Path_" data-name="<Path>" class="cls-1" d="M150.7 0h-139a20.78 20.78 0 0 0-3.12.3 10.51 10.51 0 0 0-3 1 9.94 9.94 0 0 0-4.31 4.32 10.46 10.46 0 0 0-1 3A20.65 20.65 0 0 0 0 11.7v82.57a20.64 20.64 0 0 0 .3 3.11 10.46 10.46 0 0 0 1 3 9.94 9.94 0 0 0 4.35 4.35 10.47 10.47 0 0 0 3 1 20.94 20.94 0 0 0 3.11.27h142.06a21 21 0 0 0 3.11-.27 10.48 10.48 0 0 0 3-1 9.94 9.94 0 0 0 4.35-4.35 10.4 10.4 0 0 0 1-3 20.63 20.63 0 0 0 .27-3.11V11.69a20.64 20.64 0 0 0-.27-3.11 10.4 10.4 0 0 0-1-3 9.94 9.94 0 0 0-4.35-4.35 10.52 10.52 0 0 0-3-1 20.84 20.84 0 0 0-3.1-.23h-1.43z"></path>
      <path id="_Path_2" data-name="<Path>" class="cls-2" d="M150.7 3.53h3.03a17.66 17.66 0 0 1 2.58.22 7 7 0 0 1 2 .65 6.41 6.41 0 0 1 2.8 2.81 6.88 6.88 0 0 1 .64 2 17.56 17.56 0 0 1 .22 2.58v82.38a17.54 17.54 0 0 1-.22 2.59 6.85 6.85 0 0 1-.64 2 6.41 6.41 0 0 1-2.81 2.81 6.92 6.92 0 0 1-2 .65 18 18 0 0 1-2.57.22H11.79a18 18 0 0 1-2.58-.22 6.94 6.94 0 0 1-2-.65 6.41 6.41 0 0 1-2.8-2.8 6.93 6.93 0 0 1-.65-2 17.47 17.47 0 0 1-.22-2.58v-82.4a17.49 17.49 0 0 1 .22-2.59 6.92 6.92 0 0 1 .65-2 6.41 6.41 0 0 1 2.8-2.8 7 7 0 0 1 2-.65 17.63 17.63 0 0 1 2.58-.22H150.7"></path>
      <g id="_Group_" data-name="<Group>">
      <g id="_Group_2" data-name="<Group>">
      <path id="_Path_3" data-name="<Path>" class="cls-1" d="M43.51 35.77a9.15 9.15 0 0 0 2.1-6.52 9.07 9.07 0 0 0-6 3.11 8.56 8.56 0 0 0-2.16 6.27 7.57 7.57 0 0 0 6.06-2.86"></path>
      <path id="_Path_4" data-name="<Path>" class="cls-1" d="M45.59 39.08c-3.35-.2-6.2 1.9-7.79 1.9s-4-1.8-6.7-1.75a9.87 9.87 0 0 0-8.4 5.1c-3.6 6.2-.95 15.4 2.55 20.45 1.7 2.5 3.75 5.25 6.45 5.15s3.55-1.65 6.65-1.65 4 1.65 6.7 1.6 4.55-2.5 6.25-5a22.2 22.2 0 0 0 2.8-5.75 9.08 9.08 0 0 1-5.45-8.25A9.26 9.26 0 0 1 53 43.13a9.57 9.57 0 0 0-7.45-4"></path>
      </g>
      <g id="_Group_3" data-name="<Group>">
      <path id="_Compound_Path_" data-name="<Compound Path>" class="cls-1" d="M79 32.11c7.28 0 12.35 5 12.35 12.32S86.15 56.8 78.79 56.8h-8.06v12.82h-5.82V32.11zm-8.27 19.81h6.68c5.07 0 8-2.73 8-7.46S82.48 37 77.44 37h-6.71z"></path>
      <path id="_Compound_Path_2" data-name="<Compound Path>" class="cls-1" d="M92.76 61.85c0-4.81 3.67-7.56 10.42-8l7.25-.44v-2.06c0-3-2-4.7-5.56-4.7-2.94 0-5.07 1.51-5.51 3.82h-5.24c.16-4.86 4.73-8.4 10.92-8.4 6.65 0 11 3.48 11 8.89v18.66h-5.38v-4.5h-.13a9.59 9.59 0 0 1-8.58 4.78c-5.42 0-9.19-3.22-9.19-8.05zm17.68-2.42v-2.11l-6.47.42c-3.64.23-5.54 1.59-5.54 4s2 3.77 5.07 3.77c3.95-.05 6.94-2.57 6.94-6.08z"></path>
      <path id="_Compound_Path_3" data-name="<Compound Path>" class="cls-1" d="M121 79.65v-4.5a17.14 17.14 0 0 0 1.72.1c2.57 0 4-1.09 4.91-3.9l.52-1.66-9.88-27.29h6.08l6.86 22.15h.13l6.86-22.15h5.93l-10.21 28.67c-2.34 6.58-5 8.73-10.68 8.73a15.93 15.93 0 0 1-2.24-.15z"></path>
      </g>
      </g>
    </symbol>
    <symbol id="logoGooglePay" viewBox="0 0 425 272">
      <title>GooglePay_mark_800_gray</title>
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="GooglePay_mark_800_gray">
          <g id="border">
            <path d="M386.731012,0.0897642745 L38.039747,0.0897642745 C36.587241,0.0897642745 35.1321687,0.0897642745 33.6822289,0.0974583552 C32.4581205,0.107717129 31.2365783,0.120540597 30.0124699,0.153881613 C27.3461205,0.225693033 24.6566747,0.38213934 22.0236867,0.856607648 C19.3496386,1.33620534 16.8603614,2.12100157 14.4326747,3.35718387 C12.0434819,4.57028392 9.85959036,6.15782923 7.96312048,8.05057307 C6.06921687,9.94588161 4.4806988,12.1258711 3.26685542,14.5161655 C2.02991566,16.9423656 1.24463855,19.4301184 0.767313253,22.1050938 C0.289987952,24.739034 0.133445783,27.4242682 0.0615903614,30.0864201 C0.0282289157,31.3097789 0.0128313253,32.5305731 0.00513253012,33.7513672 C-0.00256626506,35.2029838 1.08420217e-19,36.6546003 1.08420217e-19,38.1087816 L1.08420217e-19,233.841064 C1.08420217e-19,235.295246 -0.00256626506,236.744298 0.00513253012,238.198479 C0.0128313253,239.419273 0.0282289157,240.642632 0.0615903614,241.863426 C0.133445783,244.523013 0.289987952,247.210812 0.767313253,249.842188 C1.24463855,252.517163 2.02991566,255.004916 3.26685542,257.43368 C4.4806988,259.82141 6.06921687,262.003964 7.96312048,263.896708 C9.85959036,265.792017 12.0434819,267.379562 14.4326747,268.590097 C16.8603614,269.828844 19.3496386,270.613641 22.0236867,271.095803 C24.6566747,271.565142 27.3461205,271.724153 30.0124699,271.795964 C31.2365783,271.824176 32.4581205,271.842129 33.6822289,271.847258 C35.1321687,271.857517 36.587241,271.857517 38.039747,271.857517 L386.731012,271.857517 C388.180952,271.857517 389.636024,271.857517 391.085964,271.847258 C392.307506,271.842129 393.529048,271.824176 394.758289,271.795964 C397.419506,271.724153 400.108952,271.565142 402.747072,271.095803 C405.418554,270.613641 407.907831,269.828844 410.338084,268.590097 C412.727277,267.379562 414.906036,265.792017 416.805072,263.896708 C418.69641,262.003964 420.284928,259.82141 421.501337,257.43368 C422.740843,255.004916 423.52612,252.517163 424.00088,249.842188 C424.478205,247.210812 424.632181,244.523013 424.704036,241.863426 C424.737398,240.642632 424.752795,239.419273 424.760494,238.198479 C424.770759,236.744298 424.770759,235.295246 424.770759,233.841064 L424.770759,38.1087816 C424.770759,36.6546003 424.770759,35.2029838 424.760494,33.7513672 C424.752795,32.5305731 424.737398,31.3097789 424.704036,30.0864201 C424.632181,27.4242682 424.478205,24.739034 424.00088,22.1050938 C423.52612,19.4301184 422.740843,16.9423656 421.501337,14.5161655 C420.284928,12.1258711 418.69641,9.94588161 416.805072,8.05057307 C414.906036,6.15782923 412.727277,4.57028392 410.338084,3.35718387 C407.907831,2.12100157 405.418554,1.33620534 402.747072,0.856607648 C400.108952,0.38213934 397.419506,0.225693033 394.758289,0.153881613 C393.529048,0.120540597 392.307506,0.107717129 391.085964,0.0974583552 C389.636024,0.0897642745 388.180952,0.0897642745 386.731012,0.0897642745" id="Fill-1" fill="#3C4043"></path>
            <path d="M386.731012,9.14826192 L391.021807,9.155956 C392.181759,9.16365008 393.344277,9.17647355 394.511928,9.20981456 C396.54441,9.26367313 398.923337,9.37395495 401.14059,9.77148245 C403.065289,10.1177161 404.682036,10.646043 406.23206,11.4334039 C407.76412,12.210506 409.165301,13.2312541 410.38941,14.4520482 C411.618651,15.6831011 412.640024,17.0859885 413.427867,18.6324987 C414.213145,20.1713148 414.736663,21.776813 415.083108,23.7157213 C415.478313,25.9085343 415.588663,28.2911346 415.642554,30.3351954 C415.675916,31.4867428 415.691313,32.6408549 415.696446,33.8231786 C415.706711,35.2517129 415.706711,36.6776826 415.706711,38.1087816 L415.706711,233.841064 C415.706711,235.272163 415.706711,236.698133 415.696446,238.154879 C415.691313,239.308991 415.675916,240.463103 415.642554,241.61978 C415.588663,243.658711 415.478313,246.041312 415.077976,248.257207 C414.736663,250.170468 414.213145,251.775966 413.422735,253.322477 C412.637458,254.866422 411.618651,256.266745 410.394542,257.490104 C409.162735,258.721157 407.766687,259.736775 406.216663,260.521572 C404.676904,261.306368 403.065289,261.834695 401.158554,262.175799 C398.895108,262.578456 396.418663,262.691302 394.552988,262.740031 C393.380205,262.768243 392.212554,262.783631 391.014108,262.788761 C389.589831,262.799019 388.157855,262.799019 386.731012,262.799019 L38.039747,262.799019 C38.0217831,262.799019 38.0038193,262.799019 37.9832892,262.799019 C36.5744096,262.799019 35.1603976,262.799019 33.7258554,262.788761 C32.5556386,262.783631 31.387988,262.768243 30.2588313,262.742596 C28.3495301,262.691302 25.8705181,262.578456 23.6276024,262.178364 C21.7029036,261.834695 20.0912892,261.306368 18.531,260.511313 C16.9963735,259.734211 15.6003253,258.718592 14.3685181,257.484974 C13.1469759,256.266745 12.1307349,254.868987 11.3454578,253.322477 C10.5576145,251.778531 10.0315301,250.167904 9.68508434,248.23156 C9.28731325,246.018229 9.17696386,243.648453 9.12050602,241.61978 C9.08971084,240.460539 9.07687952,239.298732 9.06918072,238.147185 L9.06404819,234.741272 L9.06404819,37.2111388 L9.06918072,33.8129199 C9.07687952,32.6511137 9.08971084,31.4918722 9.12050602,30.3326307 C9.17696386,28.3013934 9.28731325,25.9290519 9.69021687,23.6977685 C10.0315301,21.7819424 10.5576145,20.1687501 11.3480241,18.6171105 C12.1281687,17.0834238 13.1469759,15.6831011 14.3736506,14.4571776 C15.597759,13.2312541 17.001506,12.2156354 18.5438313,11.4308392 C20.0861566,10.6434783 21.7029036,10.1177161 23.6276024,9.77148245 C25.8448554,9.37395495 28.2237831,9.26367313 30.2613976,9.20981456 C31.4213494,9.17647355 32.5838675,9.16365008 33.7361205,9.155956 L38.039747,9.14826192 L386.731012,9.14826192" id="wihit-fill" fill="#FFFFFE"></path>
          </g>
          <g id="GPay-logo" transform="translate(48.759036, 76.981132)">
            <g id="Pay" transform="translate(143.569904, 7.624798)" fill="#3C4043">
              <path d="M12.1771332,57.6434717 L12.1771332,96.3774447 L0.0751674892,96.3774447 L0.0751674892,0.762479784 L32.1716854,0.762479784 C39.9139368,0.609983827 47.4306857,3.58365499 52.9179124,9.07350943 C63.8923658,19.4432345 64.5688732,36.9040216 54.2709272,48.1124744 C53.8199223,48.5699623 53.3689173,49.0274501 52.9179124,49.484938 C47.2803507,54.8985445 40.3649417,57.6434717 32.1716854,57.6434717 L12.1771332,57.6434717 Z M12.1771332,12.5046685 L12.1771332,45.901283 L32.4723553,45.901283 C36.9824047,46.053779 41.342119,44.2238275 44.4239861,40.9451644 C50.7380552,34.3115903 50.5877202,23.6368733 44.0481487,17.2320431 C40.9662816,14.182124 36.8320697,12.5046685 32.4723553,12.5046685 L12.1771332,12.5046685 Z" id="Shape1" fill-rule="nonzero"></path>
              <path d="M89.5244796,28.8217358 C98.4694108,28.8217358 105.535155,31.2616712 110.721712,36.0652938 C115.908268,40.8689164 118.463963,47.5787385 118.463963,56.0422642 L118.463963,96.3774447 L106.88817,96.3774447 L106.88817,87.3039353 L106.361997,87.3039353 C101.325775,94.7762372 94.7110364,98.5123881 86.3674451,98.5123881 C79.3017011,98.5123881 73.2883019,96.3774447 68.5527501,92.107558 C63.8923658,88.1426631 61.2615037,82.2715687 61.4118387,76.0954825 C61.4118387,69.3094124 63.9675333,63.9720539 69.0037551,59.9309111 C74.0399768,55.8897682 80.8050509,53.9073208 89.2238097,53.9073208 C96.4398886,53.9073208 102.302953,55.2797844 106.963337,57.8722156 L106.963337,55.0510404 C106.963337,50.8574016 105.159317,46.8925067 102.002283,44.1475795 C98.7700808,41.2501563 94.6358689,39.6489488 90.351322,39.6489488 C83.586248,39.6489488 78.2493562,42.546372 74.3406468,48.3412183 L63.6668633,41.5551482 C69.3795925,33.0916226 78.0238538,28.8217358 89.5244796,28.8217358 Z M73.8896419,76.3242264 C73.8896419,79.5266415 75.3929916,82.5003127 77.8735188,84.3302642 C80.5795484,86.4652075 83.8869179,87.6089272 87.2694549,87.5326792 C92.3808442,87.5326792 97.266731,85.4739838 100.87477,81.8140809 C104.858647,78.0016819 106.88817,73.5030512 106.88817,68.3181887 C103.129795,65.2682695 97.8680709,63.74331 91.1029969,63.819558 C86.2171101,63.819558 82.0828982,65.0395256 78.7755287,67.4032129 C75.5433266,69.7669003 73.8896419,72.7405714 73.8896419,76.3242264 Z" id="Shape2" fill-rule="nonzero"></path>
              <polygon id="Path1" points="184.912023 30.9566792 144.471914 125.122933 131.994111 125.122933 147.027609 92.1838059 120.493485 30.9566792 133.647796 30.9566792 152.815506 77.925434 153.041008 77.925434 171.757713 30.9566792"></polygon>
            </g>
            <g id="Super-G">
              <path d="M106.813002,56.8809919 C106.813002,53.144841 106.512332,49.40869 105.910992,45.7487871 L54.8722671,45.7487871 L54.8722671,66.8694771 L84.1124204,66.8694771 C82.9097406,73.6555472 79.0010311,79.7553854 73.2883019,83.5677844 L73.2883019,97.2924205 L90.7271594,97.2924205 C100.949938,87.7614232 106.813002,73.6555472 106.813002,56.8809919 Z" id="Path2" fill="#4285F4"></path>
              <path d="M54.8722671,110.559569 C69.45476,110.559569 81.7822282,105.679698 90.7271594,97.2924205 L73.2883019,83.5677844 C68.4024152,86.9226954 62.1635136,88.8288949 54.8722671,88.8288949 C40.7407791,88.8288949 28.7891484,79.1454016 24.5046015,66.1832453 L6.53957156,66.1832453 L6.53957156,80.3653693 C15.7100052,98.893628 34.42671,110.559569 54.8722671,110.559569 Z" id="Path3" fill="#34A853"></path>
              <path d="M24.5046015,66.1832453 C22.2495768,59.3971752 22.2495768,52.0011213 24.5046015,45.1388032 L24.5046015,31.0329272 L6.53957156,31.0329272 C-1.20267983,46.5112668 -1.20267983,64.8107817 6.53957156,80.2891213 L24.5046015,66.1832453 Z" id="Path4" fill="#FBBC04"></path>
              <path d="M54.8722671,22.4931536 C62.6145185,22.3406577 70.0560999,25.3143288 75.6184941,30.7279353 L91.1029969,15.0208518 C81.2560558,5.71859838 68.3272477,0.609983827 54.8722671,0.762479784 C34.42671,0.762479784 15.7100052,12.5046685 6.53957156,31.0329272 L24.5046015,45.2150512 C28.7891484,32.1766469 40.7407791,22.4931536 54.8722671,22.4931536 Z" id="Path5" fill="#EA4335"></path>
            </g>
          </g>
        </g>
    </g>
    </symbol>

    <symbol id="logoVenmo" viewBox="0 0 48 32">
      <title>Venmo</title>
      <g fill="none" fill-rule="evenodd">
        <rect fill="#3D95CE" width="47.4074074" height="31.6049383" rx="3.16049383"></rect>
        <path d="M33.1851852,10.1131555 C33.1851852,14.8373944 29.2425262,20.9745161 26.0425868,25.2839506 L18.7337285,25.2839506 L15.8024691,7.35534396 L22.202175,6.73384536 L23.7519727,19.4912014 C25.2000422,17.0781163 26.9870326,13.2859484 26.9870326,10.7005 C26.9870326,9.28531656 26.7500128,8.32139205 26.3796046,7.52770719 L32.207522,6.32098765 C32.8813847,7.45939896 33.1851852,8.63196439 33.1851852,10.1131555 Z" fill="#FFF"></path>
      </g>
    </symbol>
    <symbol id="buttonVenmo" viewBox="0 0 295 42">
      <g fill="none" fill-rule="evenodd">
        <rect fill="#3D95CE" width="295" height="42" rx="3"></rect>
        <path d="M11.3250791 0C11.7902741.780434316 12 1.58428287 12 2.59970884 12 5.838396 9.27822123 10.0456806 7.06917212 13L2.02356829 13 0 .709099732 4.41797878.283033306 5.48786751 9.02879887C6.48752911 7.3745159 7.72116169 4.77480706 7.72116169 3.00236102 7.72116169 2.03218642 7.55753727 1.37137098 7.30182933.827262801L11.3250791 0 11.3250791 0zM17.5051689 5.68512193C18.333931 5.68512193 20.4203856 5.28483546 20.4203856 4.03281548 20.4203856 3.43161451 20.0177536 3.13172102 19.5432882 3.13172102 18.7131868 3.13172102 17.6238766 4.18269796 17.5051689 5.68512193L17.5051689 5.68512193zM17.4102028 8.1647385C17.4102028 9.69351403 18.2153451 10.293301 19.2827401 10.293301 20.4451012 10.293301 21.5580312 9.99340752 23.0045601 9.21725797L22.4597224 13.1234575C21.440541 13.649203 19.8521716 14 18.310433 14 14.3996547 14 13 11.49596 13 8.36552446 13 4.30815704 15.2767521 0 19.9706358 0 22.554932 0 24 1.52864698 24 3.65720949 24.0002435 7.08869546 19.8287953 8.13992948 17.4102028 8.1647385L17.4102028 8.1647385zM37 2.84753211C37 3.32189757 36.9261179 4.00994664 36.8526108 4.45959542L35.4649774 12.9998782 30.9621694 12.9998782 32.2279161 5.1711436C32.2519185 4.95879931 32.3256755 4.53131032 32.3256755 4.29412759 32.3256755 3.72466988 31.9603904 3.5825794 31.5212232 3.5825794 30.9379171 3.5825794 30.3532359 3.84326124 29.9638234 4.03356751L28.5281854 13 24 13 26.0686989.213683657 29.9878258.213683657 30.0374555 1.23425123C30.9620444.641294408 32.1795365 3.90379019e-8 33.9069526 3.90379019e-8 36.1955476-.000243475057 37 1.1387937 37 2.84753211L37 2.84753211zM51.2981937 1.39967969C52.6582977.49918987 53.9425913 0 55.7133897 0 58.1518468 0 59 1.13900518 59 2.84769558 59 3.32204771 58.9223438 4.01007745 58.8448195 4.4597136L57.3830637 12.9997565 52.6328518 12.9997565 53.9932194 5.00577861C54.0182698 4.792101 54.0708756 4.53142648 54.0708756 4.36608506 54.0708756 3.72493046 53.6854953 3.58272222 53.2224587 3.58272222 52.6325881 3.58272222 52.0429812 3.81989829 51.6052587 4.03369766L50.0914245 12.9998782 45.3423992 12.9998782 46.7027668 5.00590037C46.7278172 4.79222275 46.7788409 4.53154824 46.7788409 4.36620681 46.7788409 3.72505221 46.3933287 3.58284398 45.9318743 3.58284398 45.3153711 3.58284398 44.7000546 3.84351849 44.2893602 4.03381941L42.7740757 13 38 13 40.1814929.214042876 44.2643098.214042876 44.3925941 1.28145692C45.3423992.641763367 46.6253743.000487014507 48.3452809.000487014507 49.8344603 0 50.8094476.593061916 51.2981937 1.39967969L51.2981937 1.39967969zM67.5285327 5.39061542C67.5285327 4.29258876 67.2694573 3.54396333 66.4936812 3.54396333 64.7759775 3.54396333 64.4232531 6.76273249 64.4232531 8.4093242 64.4232531 9.65848482 64.7530184 10.4315735 65.5285529 10.4315735 67.1521242 10.4315735 67.5285327 7.03707905 67.5285327 5.39061542L67.5285327 5.39061542zM60 8.21054461C60 3.96893154 62.1170713 0 66.988027 0 70.6583423 0 72 2.29633967 72 5.46592624 72 9.65835674 69.905767 14 64.9173573 14 61.2233579 14 60 11.4294418 60 8.21054461L60 8.21054461z" transform="translate(112 14)" fill="#FFF"></path>
      </g>
    </symbol>

    <symbol id="iconClose" width="21" height="21" viewBox="0 0 21 21" overflow="visible">
      <path d="M16 5.414L14.586 4 10 8.586 5.414 4 4 5.414 8.586 10 4 14.586 5.414 16 10 11.414 14.586 16 16 14.586 11.414 10"></path>
    </symbol>
  </defs>
</svg>
<div class="braintree-dropin braintree-loaded">
  <div data-braintree-id="methods-label" class="braintree-heading">&nbsp;</div>
  <div data-braintree-id="methods-edit" class="braintree-hidden braintree-heading">Edit</div>
  <div data-braintree-id="choose-a-way-to-pay" class="braintree-heading">Choose a way to pay</div>
  <div class="braintree-placeholder">&nbsp;</div>

  <div data-braintree-id="upper-container" class="braintree-upper-container">
    <div data-braintree-id="loading-container" class="braintree-loader__container braintree-hidden">
      <div data-braintree-id="loading-indicator" class="braintree-loader__indicator">
        <svg width="14" height="16" class="braintree-loader__lock">
          <use xlink:href="#iconLockLoader"></use>
        </svg>
      </div>
    </div>

    <div data-braintree-id="delete-confirmation" class="braintree-delete-confirmation braintree-sheet">
      <div data-braintree-id="delete-confirmation__message"></div>
      <div class="braintree-delete-confirmation__button-container">
        <div role="button" data-braintree-id="delete-confirmation__no" class="braintree-delete-confirmation__button">Cancel</div>
        <div role="button" data-braintree-id="delete-confirmation__yes" class="braintree-delete-confirmation__button">Delete</div>
      </div>
    </div>

    <div data-braintree-id="methods" class="braintree-methods braintree-methods-initial">
      <div data-braintree-id="methods-container" class=""></div>
    </div>

    <div data-braintree-id="options" class="braintree-test-class braintree-options braintree-options-initial">
      <div data-braintree-id="payment-options-container" class="braintree-options-list"><div class="braintree-option braintree-option__card" tabindex="0"><div class="braintree-option__logo">
  <svg width="48" height="29" class="braintree-icon--bordered">
    <use xlink:href="#iconCardFront"></use>
  </svg>
</div>

<div class="braintree-option__label" aria-label="Paying with Card">
  Card
  <div class="braintree-option__disabled-message"></div>
</div>
</div><div class="braintree-option braintree-option__paypal" tabindex="0"><div class="braintree-option__logo">
  <svg width="48" height="29" class="">
    <use xlink:href="#logoPayPal"></use>
  </svg>
</div>

<div class="braintree-option__label" aria-label="Paying with PayPal">
  PayPal
  <div class="braintree-option__disabled-message"></div>
</div>
</div></div>
    </div>

    <div data-braintree-id="sheet-container" class="braintree-sheet__container braintree-sheet--active">
      <div data-braintree-id="paypal" class="braintree-paypal braintree-sheet">
        <div data-braintree-id="paypal-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg width="40" height="24">
                <use xlink:href="#logoPayPal"></use>
              </svg>
            </div>
            <div class="braintree-sheet__label">PayPal</div>
          </div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--button">
          <div data-braintree-id="paypal-button" class="braintree-sheet__button--paypal"><div id="zoid-paypal-button-4f2e07bd10" class="paypal-button paypal-button-context-iframe paypal-button-label-checkout paypal-button-size-small paypal-button-layout-horizontal" data-paypal-smart-button-version="4.0.325" style=""><style>
                    #zoid-paypal-button-4f2e07bd10 {
                        font-size: 0;
                        width: 100%;
                        overflow: hidden;
                        min-width: 75px;
                    }

                    #zoid-paypal-button-4f2e07bd10.paypal-button-size-responsive {
                        text-align: center;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet {
                        display: inline-block;
                        min-width: 75px;
                        max-width: 750px;
                        position: relative;
                    }

                    #zoid-paypal-button-4f2e07bd10.paypal-button-layout-vertical > .zoid-outlet {
                        min-width: 75px;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet {
                        width:  150px;
                        height: 25px;
                    }

                     #zoid-paypal-button-4f2e07bd10.paypal-button-size-responsive > .zoid-outlet {
                        width: 100%;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet > iframe {
                        min-width: 100%;
                        max-width: 100%;
                        width: 75px;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet > iframe.zoid-component-frame {
                        z-index: 100;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet > iframe.zoid-prerender-frame {
                        transition: opacity .2s linear;
                        z-index: 200;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet > iframe.zoid-visible {
                        opacity: 1;
                    }

                    #zoid-paypal-button-4f2e07bd10 > .zoid-outlet > iframe.zoid-invisible {
                        opacity: 0;
                        pointer-events: none;
                    }
                </style><div class="zoid-outlet" style="transition: all 0.5s ease-in-out 0.3s;"><iframe class="zoid-component-frame zoid-visible" frameborder="0" allowtransparency="true" name="xcomponent__ppbutton__min__pmrhk2leei5cemrthfswgnzqmy2toirmej2gczzchirhaylzobqwyllcov2hi33oeiwcey3pnvyg63tfnz2faylsmvxhiir2pmrhezlgei5ce5dpoarh2lbcojsw4zdfojigc4tfnz2ceot3ejzgkzrchirhi33qej6syitqojxxa4zchj5se5dzobsseorcojqxoirmej3gc3dvmurdu6zcmvxhmir2ejzwc3temjxxqirmejzxi6lmmurdu6zcnrqwezlmei5cey3imvrww33voqrh2lbcmnxw23ljoqrduztbnrzwklbcobqxs3lfnz2ceot3ejpv65dzobsv6xzchirf6x3govxgg5djn5xf6xzcpuwce33oif2xi2dpojuxuzjchj5sex27or4xazk7l4rduis7l5thk3tdoruw63s7l4rh2lbcn5xek4tsn5zceot3ejpv65dzobsv6xzchirf6x3govxgg5djn5xf6xzcpuwceztvnzsgs3thei5hwitbnrwg653fmqrduw25fqrgi2ltmfwgy33xmvsceos3ej3gk3tnn4rcyitjorqxkirmejrwc4teeiwce2lemvqwyirmejswy5rcfqrgeylomnxw45dbmn2celbcm5uxe33qmf4selbconxwm33soqrcyitfobzselbcnv4weylonmrcyitqgi2celbcpjuw24dmmvzcelbcmjwgs2zcfqrg2ylynfwwcirmejrg63dforxselbcn54hq3zcfqrg2zlsmnqwi33qmftw6irmejrxezlenf2cexjmejzgk3lfnvrgk4tfmqrduwzcobqxs4dbnqrf2lbcojsw2zlnmjsxeir2pmrf6x3upfygkx27ei5cex27mz2w4y3unfxw4x27ej6x2lbcmrxw2yljnyrduitmn5rwc3din5zxiirmejzwk43tnfxw4skeei5cenjxmi4gmmlbhazwmx3nor4tm3l2me3g26tleiwceytvor2g63stmvzxg2lpnzeuiir2eiydonztgy4wmnzymnpw25dzgzwxuzjwnvsggirmejzxi33smftwkskeei5ceylegm2gkyjqmi3dcx3nor4tm3lumu3g22treiwce3lforqseot3puwcezlomfrgyzkomf2gs5tfinugky3ln52xiir2mzqwy43ffqrgg3djmvxhiir2pn6syittn52xey3fei5ce3lbnz2wc3bcfqrha4tfmzsxiy3ijrxwo2loei5gmylmonssyitvobsgc5dfinwgszloorbw63tgnftxk4tboruw63rchj2he5lffqrgg2dfmnvw65lukvzgsir2nz2wy3bmejqxk5diinxwizjchircelbcn5xfezlomrsxeir2pmrf6x3upfygkx27ei5cex27mz2w4y3unfxw4x27ej6syitpnzbwc3tdmvwceot3ejpv65dzobsv6xzchirf6x3govxgg5djn5xf6xzcpuwce33oinwgsy3lei5hwis7l52hs4dfl5pseorcl5pwm5lomn2gs33ol5pse7jmejxw4utfonuxuzjchj5sex27or4xazk7l4rduis7l5thk3tdoruw63s7l4rh2lbcnrxwgylmmurduitfnzpuoqrcfqrgy33hjrsxmzlmei5ce53bojxcelbcmf3wc2lukbxxa5lqijzgszdhmurdu6zcl5pxi6lqmvpv6ir2ejpv6ztvnzrxi2lpnzpv6it5fqrgozlukbqwozkvojwceot3ejpv65dzobsv6xzchirf6x3govxgg5djn5xf6xzcpuwce5dfon2ceot3ejqwg5djn5xceorcmnugky3ln52xiit5fqrhk2leei5cendggjstan3cmqytairmej3gk4ttnfxw4ir2ejwws3rcpv6syitdnbuwyzcen5wwc2loei5ce2duoryhgorpf53xo5zoonqw4zdcn54c44dbpfygc3bomnxw2irmejuwiir2ejrdayjygm3doojrgercyiten5wwc2loei5ce2duoryhgorpf5wg6y3bnrug643uej6q__" title="PayPal" scrolling="no" allowpaymentrequest="allowpaymentrequest" src="https://www.sandbox.paypal.com/smart/button?env=sandbox&amp;style.label=checkout&amp;funding.disallowed=venmo%2Citau%2Ccard%2Cideal%2Celv%2Cbancontact%2Cgiropay%2Csofort%2Ceps%2Cmybank%2Cp24%2Czimpler%2Cblik%2Cmaxima%2Cboleto%2Coxxo%2Cmercadopago%2Ccredit&amp;funding.remembered=paypal&amp;domain=localhost&amp;sessionID=57b8f1a83f_mty6mza6mzk&amp;buttonSessionID=077369f78c_mty6mze6mdc&amp;storageID=ad34ea0b61_mty6mte6mjq&amp;locale.x=en_GB&amp;logLevel=warn&amp;sdkMeta=eyJ1cmwiOiJodHRwczovL3d3dy5wYXlwYWxvYmplY3RzLmNvbS9hcGkvY2hlY2tvdXQubWluLmpzIn0%3D&amp;uid=4f2e07bd10&amp;version=min&amp;xcomponent=1" style="background-color: transparent;"></iframe></div></div></div>
        </div>
      </div>
      <div data-braintree-id="paypalCredit" class="braintree-paypalCredit braintree-sheet">
        <div data-braintree-id="paypal-credit-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg width="40" height="24">
                <use xlink:href="#logoPayPalCredit"></use>
              </svg>
            </div>
            <div class="braintree-sheet__label">PayPal Credit</div>
          </div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--button">
          <div data-braintree-id="paypal-credit-button" class="braintree-sheet__button--paypal"></div>
        </div>
      </div>
      <div data-braintree-id="applePay" class="braintree-applePay braintree-sheet">
        <div data-braintree-id="apple-pay-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg height="24" width="40">
              <use xlink:href="#logoApplePay"></use>
              </svg>
            </div>
            <div class="braintree-sheet__label">Apple Pay</div>
          </div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--button">
          <div data-braintree-id="apple-pay-button" class="braintree-sheet__button--apple-pay apple-pay-button"></div>
        </div>
      </div>
      <div data-braintree-id="googlePay" class="braintree-googlePay braintree-sheet">
        <div data-braintree-id="google-pay-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg height="24" width="40">
              <use xlink:href="#logoGooglePay"></use>
              </svg>
            </div>
            <div class="braintree-sheet__label">Google Pay</div>
          </div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--button">
          <div data-braintree-id="google-pay-button"></div>
        </div>
      </div>
      <div data-braintree-id="venmo" class="braintree-venmo braintree-sheet">
        <div data-braintree-id="venmo-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg height="24" width="40">
              <use xlink:href="#logoVenmo"></use>
              </svg>
            </div>
            <div class="braintree-sheet__label">Venmo</div>
          </div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--button">
          <svg data-braintree-id="venmo-button" class="braintree-sheet__button--venmo">
            <use xlink:href="#buttonVenmo"></use>
          </svg>
        </div>
      </div>
      <div data-braintree-id="card" class="braintree-card braintree-form braintree-sheet">
        <div data-braintree-id="card-sheet-header" class="braintree-sheet__header">
          <div class="braintree-sheet__header-label">
            <div class="braintree-sheet__logo--header">
              <svg width="40" height="24" class="braintree-icon--bordered">
                <use xlink:href="#iconCardFront"></use>
              </svg>
            </div>
            <div class="braintree-sheet__text">Pay with card</div>
          </div>
          <div data-braintree-id="card-view-icons" class="braintree-sheet__icons"><div data-braintree-id="visa-card-icon" class="braintree-sheet__card-icon">
    <svg width="40" height="24">
        <use xlink:href="#icon-visa"></use>
    </svg>
</div>
<div data-braintree-id="master-card-card-icon" class="braintree-sheet__card-icon">
    <svg width="40" height="24">
        <use xlink:href="#icon-master-card"></use>
    </svg>
</div>
<div data-braintree-id="unionpay-card-icon" class="braintree-sheet__card-icon braintree-hidden">
    <svg width="40" height="24">
        <use xlink:href="#icon-unionpay"></use>
    </svg>
</div>
<div data-braintree-id="american-express-card-icon" class="braintree-sheet__card-icon braintree-hidden">
    <svg width="40" height="24">
        <use xlink:href="#icon-american-express"></use>
    </svg>
</div>
<div data-braintree-id="jcb-card-icon" class="braintree-sheet__card-icon braintree-hidden">
    <svg width="40" height="24">
        <use xlink:href="#icon-jcb"></use>
    </svg>
</div>
<!-- Remove braintree-hidden class when supportedCardType accurately indicates Diners Club support -->
<div data-braintree-id="diners-club-card-icon" class="braintree-sheet__card-icon braintree-hidden">
    <svg width="40" height="24">
        <use xlink:href="#icon-diners-club"></use>
    </svg>
</div>
<div data-braintree-id="discover-card-icon" class="braintree-sheet__card-icon braintree-hidden">
    <svg width="40" height="24">
        <use xlink:href="#icon-discover"></use>
    </svg>
</div>
<div data-braintree-id="maestro-card-icon" class="braintree-sheet__card-icon">
    <svg width="40" height="24">
        <use xlink:href="#icon-maestro"></use>
    </svg>
</div>
</div>
        </div>
        <div class="braintree-sheet__content braintree-sheet__content--form">
          
          <div data-braintree-id="number-field-group" class="braintree-form__field-group">
            <label>
              <div class="braintree-form__label">Card Number</div>
              <div class="braintree-form__field">
                <div class="braintree-form-number braintree-form__hosted-field"><iframe src="https://assets.braintreegateway.com/web/3.68.0/html/hosted-fields-frame.min.html#cd47fb5e-a04c-4931-aeb6-9bc79944adf9" frameborder="0" allowtransparency="true" scrolling="no" type="number" name="braintree-hosted-field-number" title="Secure Credit Card Frame - Credit Card Number" id="braintree-hosted-field-number" style="border: none; width: 100%; height: 100%; float: left;"></iframe><div style="clear: both;"></div></div>
                <div class="braintree-form__icon-container">
                  <div data-braintree-id="card-number-icon" class="braintree-form__icon braintree-form__field-secondary-icon">
                    <svg width="40" height="24" class="braintree-icon--bordered">
                    <use data-braintree-id="card-number-icon-svg" xlink:href="#iconCardFront"></use>
                    </svg>
                  </div>
                  <div class="braintree-form__icon braintree-form__field-error-icon">
                    <svg width="24" height="24">
                      <use xlink:href="#iconError"></use>
                    </svg>
                  </div>
                </div>
              </div>
            </label>
            <div data-braintree-id="number-field-error" class="braintree-form__field-error"></div>
          </div>

          <div class="braintree-form__flexible-fields">
            <div data-braintree-id="expiration-date-field-group" class="braintree-form__field-group">
              <label>
                <div class="braintree-form__label">Expiration Date
                  <span class="braintree-form__descriptor">(MM/YY)</span>
                </div>
                <div class="braintree-form__field">
                  <div class="braintree-form__hosted-field braintree-form-expiration"><iframe src="https://assets.braintreegateway.com/web/3.68.0/html/hosted-fields-frame.min.html#cd47fb5e-a04c-4931-aeb6-9bc79944adf9" frameborder="0" allowtransparency="true" scrolling="no" type="expirationDate" name="braintree-hosted-field-expirationDate" title="Secure Credit Card Frame - Expiration Date" id="braintree-hosted-field-expirationDate" style="border: none; width: 100%; height: 100%; float: left;"></iframe><div style="clear: both;"></div></div>
                  <div class="braintree-form__icon-container">
                    <div class="braintree-form__icon braintree-form__field-error-icon">
                      <svg width="24" height="24">
                        <use xlink:href="#iconError"></use>
                      </svg>
                    </div>
                  </div>
                </div>
              </label>
              <div data-braintree-id="expiration-date-field-error" class="braintree-form__field-error"></div>
            </div>


            <div data-braintree-id="cvv-field-group" class="braintree-form__field-group">
              <label>
                <div class="braintree-form__label">CVV
                  <span data-braintree-id="cvv-label-descriptor" class="braintree-form__descriptor">(3 digits)</span>
                </div>
                <div class="braintree-form__field">
                  <div class="braintree-form__hosted-field braintree-form-cvv"><iframe src="https://assets.braintreegateway.com/web/3.68.0/html/hosted-fields-frame.min.html#cd47fb5e-a04c-4931-aeb6-9bc79944adf9" frameborder="0" allowtransparency="true" scrolling="no" type="cvv" name="braintree-hosted-field-cvv" title="Secure Credit Card Frame - CVV" id="braintree-hosted-field-cvv" style="border: none; width: 100%; height: 100%; float: left;"></iframe><div style="clear: both;"></div></div>
                  <div class="braintree-form__icon-container">
                    <div data-braintree-id="cvv-icon" class="braintree-form__icon braintree-form__field-secondary-icon">
                      <svg width="40" height="24" class="braintree-icon--bordered">
                      <use data-braintree-id="cvv-icon-svg" xlink:href="#iconCVVBack"></use>
                      </svg>
                    </div>
                    <div class="braintree-form__icon braintree-form__field-error-icon">
                      <svg width="24" height="24">
                        <use xlink:href="#iconError"></use>
                      </svg>
                    </div>
                  </div>
                </div>
              </label>
              <div data-braintree-id="cvv-field-error" class="braintree-form__field-error"></div>
            </div>

            
          </div>

          <div data-braintree-id="save-card-field-group" class="braintree-form__field-group braintree-hidden">
            <label>
              <div class="braintree-form__field braintree-form__checkbox">
                <input type="checkbox" data-braintree-id="save-card-input" checked="">
              </div>
              <div class="braintree-form__label">Save card</div>
            </label>
          </div>
        </div>
      </div>

      <div data-braintree-id="sheet-error" class="braintree-sheet__error">
        <div class="braintree-form__icon braintree-sheet__error-icon">
          <svg width="24" height="24">
            <use xlink:href="#iconError"></use>
          </svg>
        </div>
        <div data-braintree-id="sheet-error-text" class="braintree-sheet__error-text"></div>
      </div>
    </div>
  </div>

  <div data-braintree-id="lower-container" class="braintree-test-class braintree-options">
    <div data-braintree-id="other-ways-to-pay" class="braintree-heading">Other ways to pay</div>
  </div>

  <div data-braintree-id="toggle" class="braintree-large-button braintree-toggle braintree-hidden" tabindex="0">
    <span>Choose another way to pay</span>
  </div>
</div>
<div data-braintree-id="disable-wrapper" class="braintree-dropin__disabled braintree-hidden"></div>
</div></li>*/
#bt-dropin {
  /*.braintree-placeholder,*/
  /*.braintree-heading {
		font-weight: 700;
		font-family: $font__bold;
		color: $color__copy;
	}*/
  /*div[data-braintree-id="payment-options-container"].braintree-sheet--has-error .braintree-option {
		border-width: 3px;
	}*/
}

#bt-dropin * {
  color: #555 !important;
}

#bt-dropin [data-braintree-id=methods-label],
#bt-dropin [data-braintree-id=choose-a-way-to-pay] {
  display: none;
}

#bt-dropin [data-braintree-id*="-field-group"] .braintree-form__hosted-field {
  border-radius: 3px;
  border-color: #ddd;
}

#bt-dropin [data-braintree-id="options"].braintree-sheet--has-error [data-braintree-id="payment-options-container"] > div,
#bt-dropin [data-braintree-id="options"].braintree-sheet--has-error + [data-braintree-id="sheet-container"] > div,
#bt-dropin [data-braintree-id="sheet-container"].blackwells-has-error > div,
#bt-dropin [data-braintree-id*="-field-group"][class*="-has-error"] .braintree-form__hosted-field {
  border-color: #D31145;
  border-width: 2px;
}

#bt-dropin [data-braintree-id="options"].braintree-sheet--has-error [data-braintree-id="payment-options-container"] > div {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

#bt-dropin [data-braintree-id="options"].braintree-sheet--has-error [data-braintree-id="payment-options-container"] > div:first-child {
  border-top-width: 2px;
}

#bt-dropin [data-braintree-id="options"].braintree-sheet--has-error [data-braintree-id="payment-options-container"] > div:last-child {
  border-bottom-width: 2px;
}

#bt-dropin [data-braintree-id*="-field-error"],
#bt-dropin .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error-icon use {
  color: #D31145 !important;
  fill: #D31145;
}

#bt-dropin[data-bw-variant="GBP"] [data-braintree-id="american-express-card-icon"] {
  opacity: .1;
}

#bt-dropin .braintree-option__label:before {
  content: "Select";
  float: right;
}

body {
  /*&.success {
		pointer-events: none;
		position: fixed;
		bottom: 0;
		#bt-dropin {
			pointer-events: none!important;
		}
		&:before {
			opacity: .9;
			background: $dark_blue;
			position: fixed;
			bottom: 0;
			content: "";
			display: block;
			height: 100%;
			width: 100%;
			z-index: 100;
			pointer-events: none;
		}
		@keyframes confirmationLoader {
			0% {top: 90%;opacity: 0;}
			30% {opacity: 1;}
			100% {top: -200%;opacity: 1;}
		}
		.orderLoader {
			position: fixed;
			transform: translate(-50%, -50%);
			z-index: 1000;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 100%;
			padding: 0 40px;
			.container {
				position: relative;
				animation-name: confirmationLoader;
				animation-duration: 24s;
				animation-timing-function: linear;
				p {
					color: $white;
					font-family: $font__secondary;
					font-size: 60px;
					line-height: 90px;
					margin: 0 0 90px;
				}
			}
			
		}
		p.processing {
			text-align: center;
		}
	}*/
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Molecules

    Definition of the Molecules of the pattern Library

    Styleguide 4.0.0
*/

/*
    giving-tree.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* christmas color = #a42a0f */
#givingtree {
  font-family: blackwell, Times, serif;
  color: #555;
  -webkit-font-smoothing: antialiased;
}

#givingtree h1, #givingtree h2, #givingtree h3, #givingtree h4, #givingtree b {
  font-family: blackwellBold, Times, serif;
  font-weight: 400;
  font-size: 21px;
  margin-bottom: 35px;
}

#givingtree h3 {
  font-size: 18px;
  margin-bottom: 25px;
}

#givingtree img {
  max-width: 100%;
}

#givingtree p {
  margin-bottom: 1em;
  line-height: 1.5em;
}

#givingtree .group:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

/* Head content */
#givingtree .head-content {
  margin-bottom: 50px;
}

#givingtree .page-banner {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 4rem;
  border: 0;
}

#givingtree .info {
  font-size: 18px;
  text-align: center;
}

#givingtree .giving-block {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

#givingtree .giving-block ul {
  list-style: none;
}

#givingtree .giving-block ul li {
  list-style-type: disc;
}

#givingtree .giving-block ul.sharing li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

#givingtree .giving-block ul.sharing iframe {
  margin: 0;
}

#givingtree .giving-block ul, #givingtree .giving-block ol {
  padding: 0 0 0 20px;
  font-family: "opensans", "Arial", sans-serif;
  margin: 10px 20px;
}

#givingtree .givingtree-center {
  text-align: center;
  margin-top: 35px;
}

/* Gallery */
#givingtree .giving-pack {
  padding-top: 82px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
}

#givingtree .giving-pack-item {
  text-align: center;
  width: 37%;
  float: left;
  border: 1px solid #ccc;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 50px;
  padding: 0 0.5em 2em 0.5em;
}

#givingtree .giving-pack-item.omega {
  float: right;
}

#givingtree .giving-pack-item img {
  margin-bottom: 10px;
  margin-top: -82px;
}

#givingtree .book-info {
  margin-bottom: 25px;
  min-height: 60px;
}

#givingtree .book-info a {
  font-size: 18px;
  text-decoration: none;
  margin-top: 2em;
}

#givingtree .book-info a span {
  display: block;
}

#givingtree .bigger {
  font-size: 21px;
}

#givingtree .book-title {
  font-size: 18px;
  color: #34cecd;
}

#givingtree .book-title a {
  color: #34cecd;
  text-decoration: none;
}

#givingtree .book-title a:hover {
  color: #2eb9b8;
  text-decoration: none;
}

#givingtree .book-author {
  color: #4a4a49;
}

#givingtree .giving-article p {
  width: 100%;
  /*float: left;*/
  margin-left: 2em;
  display: inline-block;
}

#givingtree .giving-article img {
  float: left;
  display: inline-block;
}

#givingtree .giving-article.img-left p {
  width: 68%;
  padding-left: 2em;
  margin-left: 0;
}

#givingtree .giving-article.img-left img {
  max-width: 28%;
}

#givingtree .giving-article .btn {
  display: block;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 20px 0;
}

#givingtree .giving-article.article-about p {
  margin-right: 0;
  margin-left: 0em;
}

#givingtree .giving-article.article-about p img {
  /*float: right;*/
  margin: 0 20px 20px 0;
}

@media all and (max-width: 580px) {
  #givingtree .giving-article.article-about p img {
    float: none;
    margin: 0 0 20px;
    display: block;
  }
}

#givingtree .giving-plea {
  font-size: 18px;
  border-bottom: 0;
  text-align: center;
}

#givingtree .giving-tc {
  border-bottom: 0;
}

#givingtree .giving-tc li {
  list-style-type: decimal;
}

#givingtree .fb-share-button {
  margin-left: 1em;
}

/*
	howTheLightGetsIn.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.htgli--banner {
  background: url("/resources/images/banners/htlgi-banner.jpg") center no-repeat;
  background-size: cover;
  min-height: 260px;
  position: relative;
  /*margin-bottom: 20px;*/
}

.htgli--banner .img span {
  line-height: 124%;
  font-family: "museo-slab", serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 2.6vw;
  color: #000;
  width: 100%;
}

.htgli--banner .img span strong {
  font-family: "museo-slab", serif;
  font-size: 3vw;
}

@media all and (max-width: 768px) {
  .htgli--banner {
    /*min-height: 9vh;*/
  }
  .htgli--banner .img span {
    font-size: 5.4vw;
  }
  .htgli--banner .img span strong {
    display: block;
    font-size: 6vw;
  }
}

@media all and (min-width: 1280px) {
  .htgli--banner .img span {
    font-size: 38px;
  }
  .htgli--banner .img span strong {
    font-size: 42px;
  }
}

#htlgi .container--100 {
  text-align: center;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
    Organisms

    Definition of the Organisms of the pattern Library

    Styleguide 5.0.0
*/
.switch {
  position: relative;
  margin: 20px auto;
  height: 42px;
  width: 160px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 78px;
  line-height: 42px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.35);
  margin: 0;
  padding: 0 5px;
  cursor: pointer;
}

.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 10px;
}

.switch-label-on {
  padding-right: 10px;
}

/*
    Note: using adjacent or general sibling selectors
    combined with pseudo classes doesn't work in Safari
    5.0 and Chrome 12.
    See this article for more info and a potential fix:
    https://css-tricks.com/webkit-sibling-bug/
  */
.switch-input {
  display: none;
}

.switch-input:checked + .switch-label {
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  transition: 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
  /* Note: left: 50% doesn't transition in WebKit */
  left: 79px;
}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 78px;
  height: 37px;
  background: #002d62;
  border-radius: 3px;
  /*
    background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
    background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
    background-image: -o-linear-gradient(top, #9dd993, #65bd63);
    */
  background-image: linear-gradient(to bottom, #002d62, #002d62);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  transition: left 0.15s ease-out;
}

input[type="text"].scan-inputs {
  max-width: 450px;
}

input[type="submit"].scan-inputs {
  margin-left: 20px;
}

/*
	oup.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.oup--banner {
  background: #0e2050;
}

.oup--banner .container--100 {
  text-align: center;
  margin-bottom: 0;
}

.oup--banner h1 {
  margin-bottom: 0;
  color: #fff;
}

@media all and (max-width: 768px) {
  .oup--banner {
    /*min-height: 9vh;*/
  }
  .oup--banner .img span {
    font-size: 5.4vw;
  }
  .oup--banner .img span strong {
    display: block;
    font-size: 6vw;
  }
}

@media all and (min-width: 1280px) {
  .oup--banner .img span {
    font-size: 38px;
  }
  .oup--banner .img span strong {
    font-size: 42px;
  }
}

/*
	howTheLightGetsIn.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

.pearson--banner {
  background: #AE367E;
}

.pearson--banner .container--100 {
  text-align: center;
  margin-bottom: 0;
}

.pearson--banner h1 {
  margin-bottom: 0;
  color: #fff;
}

@media all and (max-width: 768px) {
  .pearson--banner {
    /*min-height: 9vh;*/
  }
  .pearson--banner .img span {
    font-size: 5.4vw;
  }
  .pearson--banner .img span strong {
    display: block;
    font-size: 6vw;
  }
}

@media all and (min-width: 1280px) {
  .pearson--banner .img span {
    font-size: 38px;
  }
  .pearson--banner .img span strong {
    font-size: 42px;
  }
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* roci.scss */
#reserve #main-content .container--25 {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

#reserve .container--25 .container__content:last-child {
  float: left;
}

#reserve .product {
  position: relative;
  overflow: hidden;
}

#reserve .product .promo-stamp {
  display: none;
}

#reserve .product .product-info {
  height: auto !important;
}

#reserve .product .product-picture {
  float: left;
  margin: 0 30px 30px 0;
}

#reserve .product .product-picture a {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

#reserve .product .field-container {
  float: left;
}

#reserve .product select {
  width: auto;
  display: block;
}

#reserve .validation--message {
  display: block;
  width: 100%;
  line-height: 2rem;
  font-size: 16px;
  border-radius: 3px;
  margin: -15px 0 25px;
}

#reserve .validation--message h3, #reserve .validation--message p, #reserve .validation--message dl {
  padding: 1rem 3rem;
}

#reserve .validation--message dt {
  font-weight: 800;
}

#reserve .validation--message dl {
  margin-bottom: 10px;
}

#reserve .validation--message.on-success {
  border: 1px solid #8DC63F;
  margin-bottom: 10px;
}

#reserve .validation--message.on-success h3 {
  background-color: #8DC63F;
  color: #fff;
  margin-bottom: 10px;
}

#reserve .validation--message.on-error {
  padding-top: 10px;
  border: 1px solid #D31145;
}

#reserve .btn--xlarge {
  margin-bottom: 10px;
}

#reserve .btn--xlarge.on-error {
  background: #D31145 !important;
}

#reserve .btn--xlarge.on-success {
  background-color: #8DC63F !important;
}

#reserve .captcha {
  display: block;
}

#reserve .btn--secondary {
  margin: 20px 30px;
}

#reserve .preferOrder {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}

/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/*
	uft.scss
*/
#uft a.back {
  font-size: 12px;
}

#uft h1 {
  margin-top: 10px;
  font-size: 30px;
}

#uft p.success {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #8DC63F;
}

#uft p.success i {
  vertical-align: middle;
  font-size: 30px;
  color: #8DC63F;
}

#uft form h2.billing {
  margin-top: 40px;
}

#uft .error {
  border: 1px solid #D31145;
  padding: 20px;
  margin-bottom: 30px;
}

#uft .error strong {
  color: #D31145;
}

#uft .error ul {
  padding-left: 20px;
}

#uft .error ul li {
  list-style: disc;
}

/* christmas 2018 */
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* Animal heights */
#xmas2018 {
  /*	.christmas-top-nav {
		.christmas__title,
		.container__content {
			position: relative;
			z-index: 1;
		}
	}*/
  /*	.navigation.navigation--inline.christmas--navigation [id=showMobileLinks]:checked~li*/
}

#xmas2018 h1, #xmas2018 h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
  line-height: 1;
}

#xmas2018 .back-top {
  margin: 0 0 50px;
}

#xmas2018 #site-wrapper {
  /*height: 100vh;*/
  /*perspective: 1px;*/
  overflow-x: hidden;
  /*overflow-y: auto;*/
}

#xmas2018 #main-content {
  position: relative;
  text-align: center;
  /*perspective: 1px;*/
  /*height: 100vh;*/
  /*overflow-x: auto;*/
  /*overflow-y: auto;*/
}

#xmas2018 #main-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  display: block;
  height: 880px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,82c7c5+99 */
  background: white;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 25%, #82c7c5 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#82c7c5',GradientType=0 );
  /* IE6-9 */
}

@media all and (max-width: 768px) {
  #xmas2018 #main-content:before {
    height: 860px;
  }
}

#xmas2018 #main-content:after {
  background: url("/resources/images/xmas2018/BG-Stocking-Fillers.png") no-repeat center bottom;
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -220px;
  left: 0;
  height: 810px;
  width: 100%;
  background-size: cover;
}

#xmas2018 .christmas--banner {
  color: #363F56;
  /*position: absolute;*/
  /*  top: -340px;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(-1px) scale(2) translateY(-150px) ;*/
}

#xmas2018 .christmas--banner .link-style, #xmas2018 .christmas--banner a {
  color: #363F56;
}

#xmas2018 .christmas--banner:before, #xmas2018 .christmas--banner:after {
  position: absolute;
  display: block;
  top: 0;
  z-index: 0;
}

#xmas2018 .christmas--banner:before {
  right: calc(100% - 368px);
  content: url("/resources/images/xmas2018/Large-White-Tree-Left.png");
}

#xmas2018 .christmas--banner:after {
  left: calc(100% - 368px);
  content: url("/resources/images/xmas2018/Large-White-Tree-Right.png");
}

#xmas2018 .christmas--banner .container {
  position: relative;
  z-index: 2;
}

@media all and (max-width: 768px) {
  #xmas2018 h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 h1 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

#xmas2018 .xmas-item {
  position: relative;
  /*background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;*/
  /* childrens */
  /* pastimes */
  /* BOTY */
  /* Beautiful */
  /* PbOTY */
  /* Fantastic fiction */
  /* Non fiction */
  /* Games and puzzles */
  /* stocking fillers */
}

#xmas2018 .xmas-item:before {
  position: absolute;
  bottom: -1px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

#xmas2018 .xmas-item .container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*transform: translateZ(0);*/
  margin-bottom: 0;
  position: relative;
  height: 700px;
  /*======== Mobile component =============*/
}

#xmas2018 .xmas-item .container h2 {
  font-size: 50px;
  font-size: 5rem;
  position: relative;
  /*margin-top: 25%;*/
}

#xmas2018 .xmas-item .container h2:before {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  content: "";
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

#xmas2018 .xmas-item .container .container__content {
  text-align: center;
  width: 30%;
  position: absolute;
  top: 40%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  /*margin-top: 50px;*/
  /*transform: translateY(-50%) scale(1) translateZ(0);*/
  /*bottom: 0;*/
  /*border: 1px solid black;*/
}

#xmas2018 .xmas-item .container p {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#xmas2018 .xmas-item .container img {
  position: absolute;
  /* left: 0; */
  top: 0;
  max-height: initial;
  top: 30%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  /*transform: translateY(-50%) translateZ(0) scale(1);*/
  /*bottom: 0;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item .container h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
  #xmas2018 .xmas-item .container h2:before {
    /*width: 70%;*/
  }
  #xmas2018 .xmas-item .container p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #xmas2018 .xmas-item .container .container__content {
    min-width: 150px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item .container .container__content,
  #xmas2018 .xmas-item .container img {
    float: none !important;
    position: relative;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 90% !important;
    -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
  }
  #xmas2018 .xmas-item .container .container__content {
    margin-bottom: 30px;
  }
}

#xmas2018 .xmas-item:nth-child(even) {
  /*transform: translateZ(0);*/
  /*background: #82c7c5;*/
}

#xmas2018 .xmas-item:nth-child(even) .container__content {
  float: left;
  left: 5%;
}

#xmas2018 .xmas-item:nth-child(even) img {
  float: right;
  right: -5%;
}

#xmas2018 .xmas-item:nth-child(odd) {
  /*transform: translateZ(-1px) scale(2);*/
  /*background: white;*/
}

#xmas2018 .xmas-item:nth-child(odd) .container__content {
  float: right;
  right: 5%;
}

#xmas2018 .xmas-item:nth-child(odd) img {
  float: left;
  left: -5%;
}

#xmas2018 .xmas-item:nth-child(2) {
  color: #363F56;
  /*background-image: url("/resources/images/xmas2018/BG-Childrens.png");*/
}

#xmas2018 .xmas-item:nth-child(2) .btn {
  background-color: #363F56;
}

#xmas2018 .xmas-item:nth-child(2) .container {
  height: 680px;
}

#xmas2018 .xmas-item:nth-child(2) h2:before {
  background-image: url("/resources/images/xmas2018/Childrens-Foxx.png");
  height: 78px;
  top: -78px;
}

#xmas2018 .xmas-item:nth-child(2):before {
  background-image: url("/resources/images/xmas2018/BG-Childrens.png");
  z-index: -1;
  /*bottom: -50px;*/
}

#xmas2018 .xmas-item:nth-child(2) img {
  width: 70%;
}

#xmas2018 .xmas-item:nth-child(2) .container__content {
  top: 35%;
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(2) {
    margin-top: 120px;
  }
  #xmas2018 .xmas-item:nth-child(2):before {
    bottom: 60px;
  }
}

#xmas2018 .xmas-item:nth-child(3) {
  color: #319DC3;
  /*background-image: url("/resources/images/xmas2018/BG-Pastimes-Passions.png");*/
}

#xmas2018 .xmas-item:nth-child(3) .btn {
  background-color: #319DC3;
}

#xmas2018 .xmas-item:nth-child(3) h2:before {
  background-image: url("/resources/images/xmas2018/Pastimes-Passions-Stag.png");
  height: 155px;
  top: -155px;
}

#xmas2018 .xmas-item:nth-child(3):before {
  background-image: url("/resources/images/xmas2018/BG-Pastimes-Passions.png");
  bottom: -1px;
}

#xmas2018 .xmas-item:nth-child(3) img {
  width: 50%;
}

#xmas2018 .xmas-item:nth-child(3) .container__content {
  min-width: 220px;
  top: 40%;
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(3) {
    /*margin-top: 70px;*/
    height: 510px;
  }
  #xmas2018 .xmas-item:nth-child(3):before {
    bottom: -40px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(3) {
    height: 700px;
  }
}

#xmas2018 .xmas-item:nth-child(4) {
  background-color: #55B6B2;
  color: #fff;
  /*background-image: url("/resources/images/xmas2018/BG-Blackwells-BOTY.png");*/
  padding-top: 70px;
}

#xmas2018 .xmas-item:nth-child(4) .container {
  height: 620px;
}

#xmas2018 .xmas-item:nth-child(4) .btn {
  background-color: #fff;
  color: #55B6B2;
}

#xmas2018 .xmas-item:nth-child(4) h2:before {
  background-image: url("/resources/images/xmas2018/Blackwells-BOTY-Bunny.png");
  height: 141px;
  top: -141px;
}

#xmas2018 .xmas-item:nth-child(4):before {
  background-image: url("/resources/images/xmas2018/BG-Blackwells-BOTY.gif");
}

#xmas2018 .xmas-item:nth-child(4) img {
  width: 65%;
}

#xmas2018 .xmas-item:nth-child(4) .container__content {
  /*min-width: 190px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(4) {
    height: 500px;
    padding-top: 30px;
    margin-top: 39px;
  }
  #xmas2018 .xmas-item:nth-child(4) .container {
    height: 620px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(4) {
    height: 610px;
    padding-top: 130px;
  }
}

#xmas2018 .xmas-item:nth-child(5) {
  /*background-image: url("/resources/images/xmas2018/BG-Beautiful-books.png");*/
  /*margin-top: -80px;*/
  color: #C40002;
}

#xmas2018 .xmas-item:nth-child(5) .container {
  height: 640px;
  margin-top: 80px;
}

#xmas2018 .xmas-item:nth-child(5) .btn {
  background-color: #C40002;
}

#xmas2018 .xmas-item:nth-child(5) h2:before {
  background-image: url("/resources/images/xmas2018/Beautiful-Books-Deer.png");
  height: 168px;
  top: -168px;
}

#xmas2018 .xmas-item:nth-child(5):before {
  background-image: url("/resources/images/xmas2018/BG-Beautiful-books.png");
}

#xmas2018 .xmas-item:nth-child(5) img {
  width: 72%;
}

#xmas2018 .xmas-item:nth-child(5) .container__content {
  /*				top: 0;
				transform: translateY(0);*/
  width: 25%;
  /*min-width: 205px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(5) {
    margin-top: 40px;
  }
  #xmas2018 .xmas-item:nth-child(5) .container {
    height: 510px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(5) .container {
    margin-top: 160px;
  }
}

#xmas2018 .xmas-item:nth-child(6) {
  background-color: #9ED3D0;
  /*background-image: url("/resources/images/xmas2018/BG-Paperbacks-OTY.png");*/
  color: #fff;
  padding-top: 50px;
}

#xmas2018 .xmas-item:nth-child(6) .container {
  height: 550px;
}

#xmas2018 .xmas-item:nth-child(6) .btn {
  background-color: #fff;
  color: #9ED3D0;
}

#xmas2018 .xmas-item:nth-child(6) h2:before {
  background-image: url("/resources/images/xmas2018/Paperbacks-OTY-Squirrel.png");
  height: 130px;
  top: -130px;
}

#xmas2018 .xmas-item:nth-child(6):before {
  background-image: url("/resources/images/xmas2018/BG-Paperbacks-OTY.gif");
}

#xmas2018 .xmas-item:nth-child(6) img {
  width: 65%;
}

#xmas2018 .xmas-item:nth-child(6) .container__content {
  /*min-width: 205px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(6) .container {
    /*height: 410px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(6) {
    padding-top: 140px;
  }
}

#xmas2018 .xmas-item:nth-child(7) {
  color: #BDAE86;
  /*background-image: url("/resources/images/xmas2018/BG-Fantastic-Fiction.png");*/
  padding-top: 100px;
}

#xmas2018 .xmas-item:nth-child(7) .container {
  height: 850px;
}

#xmas2018 .xmas-item:nth-child(7) .btn {
  background-color: #BDAE86;
}

#xmas2018 .xmas-item:nth-child(7) h2:before {
  background-image: url("/resources/images/xmas2018/Fantastic-Fiction-Owl.png");
  height: 197px;
  top: -197px;
}

#xmas2018 .xmas-item:nth-child(7):before {
  background-image: url("/resources/images/xmas2018/BG-Fantastic-Fiction.png");
  /*bottom: -40px;*/
}

#xmas2018 .xmas-item:nth-child(7) img {
  left: 5%;
  /*top: -100px;*/
  width: 45%;
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(7) {
    padding-top: 50px;
  }
  #xmas2018 .xmas-item:nth-child(7) .container {
    height: 700px;
  }
  #xmas2018 .xmas-item:nth-child(7):before {
    /*bottom: -140px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(7) {
    padding-top: 200px;
  }
  #xmas2018 .xmas-item:nth-child(7) .container {
    height: 950px;
  }
}

#xmas2018 .xmas-item:nth-child(8) {
  background-color: #626262;
  /*background-image: url("/resources/images/xmas2018/BG-Non-Fiction.png");*/
  color: #fff;
}

#xmas2018 .xmas-item:nth-child(8) .container {
  height: 650px;
}

#xmas2018 .xmas-item:nth-child(8) .btn {
  background-color: #fff;
  color: #626262;
}

#xmas2018 .xmas-item:nth-child(8) h2:before {
  background-image: url("/resources/images/xmas2018/Non-Fiction-Bear.png");
  height: 90px;
  top: -90px;
}

#xmas2018 .xmas-item:nth-child(8):before {
  background-image: url("/resources/images/xmas2018/BG-Non-Fiction.gif");
}

#xmas2018 .xmas-item:nth-child(8) img {
  /*top: -50px;*/
  width: 70%;
}

#xmas2018 .xmas-item:nth-child(8) .container__content {
  /*min-width: 210px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(8) .container {
    height: 480px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(8) {
    padding-top: 80px;
  }
}

#xmas2018 .xmas-item:nth-child(9) {
  color: #264052;
  /*background-image: url("/resources/images/xmas2018/BG-Games-Puzzles.png");*/
  /*&:before{
				content: url("/resources/images/xmas2018/BG-Games-Puzzles.png");
			}*/
}

#xmas2018 .xmas-item:nth-child(9) .container {
  height: 600px;
}

#xmas2018 .xmas-item:nth-child(9) .btn {
  background-color: #264052;
}

#xmas2018 .xmas-item:nth-child(9) h2:before {
  background-image: url("/resources/images/xmas2018/Games-Puzzles-Hedgehog.png");
  height: 149px;
  top: -149px;
}

#xmas2018 .xmas-item:nth-child(9) img {
  width: 65%;
  /*top: 65px;*/
}

#xmas2018 .xmas-item:nth-child(9) .container__content {
  width: 35%;
  /*min-width: 275px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(9) .container {
    padding-top: 100px;
  }
}

@media all and (max-width: 480px) {
  #xmas2018 .xmas-item:nth-child(9) {
    padding-top: 80px;
  }
}

#xmas2018 .xmas-item:nth-child(10) {
  color: #D3B02B;
}

#xmas2018 .xmas-item:nth-child(10) .container {
  height: 800px;
}

#xmas2018 .xmas-item:nth-child(10) .btn {
  background-color: #D3B02B;
}

#xmas2018 .xmas-item:nth-child(10) h2:before {
  background-image: url("/resources/images/xmas2018/Stocking-Fillers-Wolf.png");
  height: 204px;
  top: -204px;
}

#xmas2018 .xmas-item:nth-child(10) img {
  right: -10%;
  width: 80%;
}

#xmas2018 .xmas-item:nth-child(10) .container__content {
  width: 25%;
  /*min-width: 204px;*/
}

@media all and (max-width: 768px) {
  #xmas2018 .xmas-item:nth-child(10) {
    /*height: 650px;*/
  }
  #xmas2018 .xmas-item:nth-child(10) .container {
    padding-top: 160px;
  }
}

#xmas2018 .navigation.navigation--inline.christmas--navigation {
  margin: 0 auto;
  padding: 0;
}

#xmas2018 .navigation.navigation--inline.christmas--navigation label {
  margin: 0 auto;
  background: #fff;
}

@media all and (max-width: 768px) {
  #xmas2018 .navigation.navigation--inline.christmas--navigation [id=showMobileLinks]:checked ~ li label {
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  #xmas2018 .navigation.navigation--inline.christmas--navigation li a {
    background: #fff;
    border: 1px solid #ddd;
    border-width: 0 1px;
  }
  #xmas2018 .navigation.navigation--inline.christmas--navigation li:last-child a {
    border-width: 0 1px 1px;
    border-radius: 0 0 5px 5px;
  }
}

/* 
* christmas.scss
*/
/*
	flexWidth
	return width for specified layout

	$col        - number of columns of this block.
	$colTotal   - The total number of columns

	Compatible in IE6+, Firefox 2+, Safari 4+.
*/
/*
  WIGIG
  - - - 
  Default homepage banner alignment
  for when we have product vs promo message 
  
  Also currently used in style type = 'bigB' on homepage .pre-count

*/
@keyframes live-pulse {
  0% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0px rgba(245, 123, 32, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(245, 123, 32, 0);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0 0 0 rgba(245, 123, 32, 0);
  }
}

/* Animal heights */
#xmas {
  /*	.navigation.navigation--inline.christmas--navigation [id=showMobileLinks]:checked~li*/
}

#xmas .xmas-item h1, #xmas .xmas-item h2 {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#xmas .back-top {
  margin: 50px 0;
}

#xmas #site-wrapper {
  overflow-x: hidden;
}

#xmas .main-sign-up {
  margin-top: 0;
}

#xmas #main-content {
  position: relative;
  text-align: center;
}

#xmas #main-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  display: block;
  height: 745px;
}

@media all and (max-width: 768px) {
  #xmas #main-content:before {
    height: 695px;
  }
}

#xmas .christmas--banner {
  background: #C9E7F4 url("/resources/images/xmas2022/xmas_bnr.png") center bottom no-repeat;
  color: #446B8E;
  background-size: cover;
  border: 1px solid #fff;
  border-width: 15px 15px 0 15px;
  max-height: 270px;
  margin-bottom: 0;
}

#xmas .christmas--banner .christmas__title {
  margin: 15px 0;
}

#xmas .christmas--banner h1 {
  width: 300px;
  font-size: 35px;
  margin: 0 auto;
  line-height: 40px;
  font-family: "blackwell", Times, "Times New Roman", serif;
  text-shadow: 0px 0px 18px rgba(189, 223, 236, 0.7);
}

#xmas .christmas--banner h1 span {
  font-size: 200%;
}

@media all and (max-width: 768px) {
  #xmas .christmas--banner {
    margin-bottom: 60px;
    height: 170px;
  }
}

#xmas .christmas--banner .container {
  position: relative;
  z-index: 7;
}

@media all and (max-width: 768px) {
  #xmas h1 {
    font-size: 40px;
    font-size: 4rem;
  }
}

@media all and (max-width: 480px) {
  #xmas h1 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

#xmas .xmas-item {
  position: relative;
  height: 600px;
  padding: 0;
  /* 
			background colours for SVG backgrounds usng this generator:
			https://codepen.io/sosuke/pen/Pjoqqp
		*/
  /* Festive Fifties */
  /* Beautiful Books */
  /* Children's */
  /* Fiction */
  /* Fun, Fun, Fun */
  /* Gift and Stationery */
  /* Seriously Good */
  /* Biography and Memoir */
  /* Classic Christmas */
  /* Prize Winners */
  /* Pastimes and Passions */
  /* Hobbies and Sports */
  /* Signed */
  /* postal dates */
}

@media all and (max-width: 768px) {
  #xmas .xmas-item {
    height: 500px;
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item {
    height: 770px;
  }
}

#xmas .xmas-item:before {
  position: absolute;
  bottom: -1px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 0;
  content: "";
  width: 101%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

#xmas .xmas-item .container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  position: relative;
  height: 100%;
  /*======== Mobile component =============*/
}

#xmas .xmas-item .container h2 {
  font-size: 50px;
  font-size: 5rem;
  position: relative;
}

#xmas .xmas-item .container h2:before {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  content: "";
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

#xmas .xmas-item .container .container__content {
  text-align: center;
  width: 40%;
}

#xmas .xmas-item .container p {
  font-family: "blackwell", Times, "Times New Roman", serif;
}

#xmas .xmas-item .container .container__content, #xmas .xmas-item .container img {
  z-index: 2;
  position: absolute;
  top: 40%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}

#xmas .xmas-item .container img {
  max-height: initial;
  width: 50%;
  -webkit-filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.2));
}

@media all and (max-width: 768px) {
  #xmas .xmas-item .container h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
  #xmas .xmas-item .container h2:before {
    /*width: 70%;*/
  }
  #xmas .xmas-item .container p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #xmas .xmas-item .container .container__content {
    min-width: 150px;
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item .container .container__content,
  #xmas .xmas-item .container img {
    float: none !important;
    position: relative;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 90% !important;
    -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    margin-top: 40px;
  }
  #xmas .xmas-item .container .container__content {
    /*margin-bottom: 30px;*/
    margin: 10px auto;
  }
}

#xmas .xmas-item:nth-child(even) {
  /*transform: translateZ(0);*/
  /*background: #82c7c5;*/
  color: #002D62;
}

#xmas .xmas-item:nth-child(even) p {
  color: #999;
}

#xmas .xmas-item:nth-child(even) .btn {
  background: #002D62;
  color: #fff;
}

#xmas .xmas-item:nth-child(even) .container__content {
  float: left;
  left: 5%;
}

#xmas .xmas-item:nth-child(even) img {
  float: right;
  right: 1%;
}

#xmas .xmas-item:nth-child(even):before {
  background-image: url("/resources/images/xmas2022/landscape_top.png");
  z-index: 0;
}

#xmas .xmas-item:nth-child(odd) {
  /*transform: translateZ(-1px) scale(2);*/
  background: #BAD9E1;
  color: #fff;
}

#xmas .xmas-item:nth-child(odd) .btn {
  background: #fff;
  color: #83C0D0;
}

#xmas .xmas-item:nth-child(odd) .container__content {
  float: right;
  right: 5%;
}

#xmas .xmas-item:nth-child(odd) img {
  float: left;
  left: 1%;
}

#xmas .xmas-item:nth-child(odd):before {
  background-image: url("/resources/images/xmas2022/landscape_btm.png");
  z-index: 0;
}

#xmas .xmas-item:nth-child(2) {
  z-index: unset;
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(2) .container {
    /*height: 410px;*/
  }
}

#xmas .xmas-item:nth-child(2) h2 {
  margin-top: 230px;
}

#xmas .xmas-item:nth-child(2) h2:before {
  background-image: url("/resources/images/xmas2022/deer_festive-fifties.png");
  height: 230px;
  top: -230px;
}

#xmas .xmas-item:nth-child(2) .container__content {
  z-index: 3;
}

#xmas .xmas-item:nth-child(3) {
  height: 480px;
}

#xmas .xmas-item:nth-child(3) h2 {
  margin-top: 160px;
}

#xmas .xmas-item:nth-child(3) h2:before {
  background-image: url("/resources/images/xmas2022/rabbit_beautiful-books.png");
  height: 160px;
  top: -160px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(3) img {
    /*width: 60%;*/
  }
}

#xmas .xmas-item:nth-child(3) .container__content {
  /*min-width: 180px;*/
  /*top: 20%;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(3) .container__content {
    /*top: 0;*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(3) {
    height: 550px;
  }
  #xmas .xmas-item:nth-child(3):before {
    /*bottom: -40px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(3) {
    /*margin-top: 20px;*/
  }
}

#xmas .xmas-item:nth-child(4) h2 {
  margin-top: 160px;
}

#xmas .xmas-item:nth-child(4) h2:before {
  background-image: url("/resources/images/xmas2022/penguin_childrens.png");
  height: 160px;
  top: -160px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(4) {
    /*height: 480px;*/
  }
}

#xmas .xmas-item:nth-child(4) .container {
  /*height: 580px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(4) .container {
    /*height: 420px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(4) .container {
    /*height: 560px;*/
  }
}

#xmas .xmas-item:nth-child(4) img {
  width: 35%;
  top: 35%;
  right: 10%;
}

#xmas .xmas-item:nth-child(4) .container__content {
  /*min-width: 190px;*/
  /*top: 28%;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(4) .container__content {
    /*top: 0;*/
    /*margin-top: 140px; */
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(4) {
    /*padding-top: 150px;*/
    /*margin-top: 38px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(4) {
    height: 960px;
    /*padding-top: 130px;*/
  }
}

#xmas .xmas-item:nth-child(5) {
  /*height:740px;*/
}

#xmas .xmas-item:nth-child(5) h2 {
  margin-top: 170px;
}

#xmas .xmas-item:nth-child(5) h2:before {
  background-image: url("/resources/images/xmas2022/fox_fiction.png");
  height: 170px;
  top: -170px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(5) {
    /*height: 510px;*/
  }
}

#xmas .xmas-item:nth-child(5) .container {
  /*height: 640px;*/
  /*margin-top: 80px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(5) .container {
    /*height: 460px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(5) .container {
    /*height: 590px;*/
  }
}

#xmas .xmas-item:nth-child(5) img {
  /*width: 48%;*/
  /*top: 0;*/
  /*left: 15%;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(5) img {
    /*width: 85%!important;*/
  }
}

#xmas .xmas-item:nth-child(5) .container__content {
  /*				top: 0;
				transform: translateY(0);*/
  /*width: 25%;*/
  /*min-width: 205px;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(5) .container__content {
    /*margin-top: 80px;*/
    /*top: 0;*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(5) {
    /*margin-top: 40px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(5) {
    height: 760px;
  }
}

#xmas .xmas-item:nth-child(6) {
  /*padding-top: 50px;*/
}

#xmas .xmas-item:nth-child(6) h2 {
  margin-top: 180px;
}

#xmas .xmas-item:nth-child(6) h2:before {
  background-image: url("/resources/images/xmas2022/deer_funfunfun.png");
  height: 180px;
  top: -180px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(6) {
    /*height: 400px;*/
  }
}

#xmas .xmas-item:nth-child(6) .container {
  /*height: 400px;*/
  /*top: -50px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(6) .container {
    /*height: 310px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(6) .container {
    /*height: 390px;*/
  }
}

#xmas .xmas-item:nth-child(6) img {
  /*width: 61%;*/
}

#xmas .xmas-item:nth-child(6) .container__content {
  /*min-width: 205px;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(6) .container__content {
    /*margin-top: 120px;*/
    /*top: 0;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(6) {
    /*padding-top: 140px;*/
  }
}

#xmas .xmas-item:nth-child(7) {
  /*padding-top: 100px;*/
}

#xmas .xmas-item:nth-child(7) h2 {
  margin-top: 110px;
}

#xmas .xmas-item:nth-child(7) h2:before {
  background-image: url("/resources/images/xmas2022/bird_gift-stationery.png");
  height: 110px;
  top: -110px;
}

#xmas .xmas-item:nth-child(7) .container {
  /*height: 710px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(7) .container {
    /*height: 500px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(7) .container {
    /*height: 470px;*/
  }
}

#xmas .xmas-item:nth-child(7) .container__content {
  /*top: 15%;*/
  /*width: 35%;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(7) .container__content {
    /*top: 0;*/
    /*margin-top: 100px;*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(7) {
    /*padding-top: 50px;*/
  }
  #xmas .xmas-item:nth-child(7):before {
    /*bottom: -140px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(7) {
    /*padding-top: 0;*/
    height: 670px;
  }
  #xmas .xmas-item:nth-child(7) .container {
    /*height: 600px;*/
  }
}

#xmas .xmas-item:nth-child(8) h2 {
  margin-top: 232px;
}

#xmas .xmas-item:nth-child(8) h2:before {
  background-image: url("/resources/images/xmas2022/bear_seriously-good.png");
  height: 232px;
  top: -232px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(8) {
    /*height: 540px;*/
  }
}

#xmas .xmas-item:nth-child(8) .container {
  /*height: 610px;*/
  /*top: -90px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(8) .container {
    /*top: 35%;*/
    /*height: 440px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(8) .container {
    /*top: 0;*/
    /*margin-top: 70px;*/
  }
}

#xmas .xmas-item:nth-child(8) img {
  /*width: 50%;*/
  /*right:2%;*/
}

#xmas .xmas-item:nth-child(8) .container__content {
  /*min-width: 210px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(8) .container__content {
    /*top: 35%;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(8) .container__content {
    /*top: 0;*/
    /*margin-top: 70px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(8) {
    /*padding-top: 100px;*/
  }
}

#xmas .xmas-item:nth-child(9) h2 {
  margin-top: 189px;
}

#xmas .xmas-item:nth-child(9) h2:before {
  background-image: url("/resources/images/xmas2022/owl_biography-memoir.png");
  height: 189px;
  top: -189px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(9) {
    /*height: 620px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(9) {
    height: 690px;
  }
}

#xmas .xmas-item:nth-child(9) .container {
  /*height: 690px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(9) .container {
    /*height: 530px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(9) .container {
    /*height: 480px;*/
  }
}

#xmas .xmas-item:nth-child(9) img {
  /*width: 60%;*/
  /*top: 65px;*/
}

#xmas .xmas-item:nth-child(9) .container__content {
  /*width: 35%;*/
  /*min-width: 275px;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(9) .container__content {
    /*top: 0;*/
    /*margin-top: 100px;*/
  }
}

#xmas .xmas-item:nth-child(10) h2 {
  margin-top: 180px;
}

#xmas .xmas-item:nth-child(10) h2:before {
  background-image: url("/resources/images/xmas2022/penguin_classic.png");
  height: 180px;
  top: -180px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(10) {
    /*height: 460px;*/
  }
}

#xmas .xmas-item:nth-child(10) .container {
  /*height: 600px;*/
  /*top: -40px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(10) .container {
    /*height: 370px;*/
  }
}

#xmas .xmas-item:nth-child(10) img {
  right: 2%;
  width: 25%;
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(10) img {
    width: 45% !important;
  }
}

#xmas .xmas-item:nth-child(10) .container__content {
  width: 60%;
  /*left: 3%;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(10) .container__content {
    /*top: 0;*/
    /*margin-top: 140px;*/
  }
}

#xmas .xmas-item:nth-child(11) h2 {
  margin-top: 148px;
}

#xmas .xmas-item:nth-child(11) h2:before {
  background-image: url("/resources/images/xmas2022/fox_prize-winners.png");
  height: 148px;
  top: -148px;
}

#xmas .xmas-item:nth-child(11) .container {
  /*height: 720px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(11) .container {
    /*height: 510px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(11) .container {
    /*height: 560px;*/
  }
}

#xmas .xmas-item:nth-child(11) img {
  /*right: 0;*/
  /*width: 65%;*/
}

#xmas .xmas-item:nth-child(11) .container__content {
  /*width: 25%;*/
  /*min-width: 204px;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(11) .container__content {
    /*top: 0;*/
    /*margin-top: 100px;*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(11) {
    /*height: 650px;*/
  }
  #xmas .xmas-item:nth-child(11) .container {
    /*padding-top: 160px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(11) {
    height: 690px;
  }
}

#xmas .xmas-item:nth-child(12) h2 {
  margin-top: 174px;
}

#xmas .xmas-item:nth-child(12) h2:before {
  background-image: url("/resources/images/xmas2022/rabbit_passions-pastimes.png");
  height: 174px;
  top: -174px;
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(12) {
    /*height: 520px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(12) {
    height: 840px;
  }
}

#xmas .xmas-item:nth-child(12) .container {
  /*height: 640px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(12) .container {
    /*height: 450px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(12) .container {
    /*height: 550px;*/
  }
}

#xmas .xmas-item:nth-child(12) img {
  width: 40%;
}

#xmas .xmas-item:nth-child(12) .container__content {
  z-index: 5;
}

#xmas .xmas-item:nth-child(13) h2 {
  margin-top: 232px;
}

#xmas .xmas-item:nth-child(13) h2:before {
  background-image: url("/resources/images/xmas2022/stag_hobbies-sports.png");
  height: 232px;
  top: -232px;
}

#xmas .xmas-item:nth-child(13) .container {
  /*height: 390px;*/
  /*top: -40px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(13) .container {
    /*height: 320px;*/
    /*top: 0;*/
  }
}

#xmas .xmas-item:nth-child(13) img {
  /*left: 2%;*/
  /*width: 60%;*/
}

#xmas .xmas-item:nth-child(13) .container__content {
  /*width: 25%;*/
  /*min-width: 204px;*/
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(13) .container__content {
    /*top: 0;*/
    /*margin-top: 150px*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(13) .container {
    /*padding-top: 160px;*/
  }
}

#xmas .xmas-item:nth-child(14) h2 {
  margin-top: 110px;
}

#xmas .xmas-item:nth-child(14) h2:before {
  background-image: url("/resources/images/xmas2022/bird_signed.png");
  height: 110px;
  top: -110px;
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(14) {
    height: 630px;
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(14) .container {
    /*height: 350px;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(14) .container {
    /*top: 0;*/
    /*height: 380px;*/
  }
}

#xmas .xmas-item:nth-child(14) .container__content {
  /*width: 25%;*/
  /*left: 10%;*/
  z-index: 3;
  /*min-width: 204px;*/
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(14) .container__content {
    /*top: 35%;*/
  }
}

@media all and (max-width: 480px) {
  #xmas .xmas-item:nth-child(14) .container__content {
    /*top: 0;*/
    /*margin-top: 120px;*/
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:nth-child(14) .container {
    /*padding-top: 160px;*/
  }
}

#xmas .xmas-item:last-child {
  color: #fff;
  height: auto;
  padding-bottom: 100px;
}

#xmas .xmas-item:last-child:before {
  background-image: url("/resources/images/xmas2022/xmas-footer_btm.png");
}

#xmas .xmas-item:last-child .container {
  padding-bottom: 50px;
}

#xmas .xmas-item:last-child .btn {
  background-color: #fff;
  color: #9A9A9A;
  position: relative;
}

#xmas .xmas-item:last-child h2 {
  color: #D31145;
  padding-bottom: 20px;
}

#xmas .xmas-item:last-child .container__content {
  width: 50%;
  float: right;
  right: 15%;
  left: unset;
  margin: 0 auto;
  position: relative;
  top: 0;
  -ms-transform: translateY(0);
      transform: translateY(0);
}

#xmas .xmas-item:last-child .container__content:before {
  background: url("/resources/images/xmas2022/postbox.png") left center no-repeat;
  height: 400px;
  width: 140px;
  left: -180px;
  background-size: contain;
  content: "";
  position: absolute;
}

@media all and (max-width: 1024px) {
  #xmas .xmas-item:last-child .container__content {
    width: 50%;
  }
}

@media all and (max-width: 768px) {
  #xmas .xmas-item:last-child .container__content {
    width: 70%;
  }
}

#xmas .xmas-item:last-child ul {
  padding-bottom: 30px;
}

#xmas .xmas-item:last-child ul li {
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
}

#xmas .xmas-item:last-child ul li span {
  vertical-align: middle;
  width: 58%;
  display: inline-block;
}

#xmas .xmas-item:last-child ul li span.date {
  width: 40%;
  text-align: right;
}

#xmas #lastDates p, #xmas #lastDates small {
  line-height: 22px;
}

#xmas #lastDates small {
  display: block;
}

#xmas #lastDates .container__content a {
  color: #CC2E21;
  margin: 30px auto;
  display: table;
}

#xmas .christmas-top-nav {
  display: inline-block;
  margin: 0 auto;
  float: none;
  width: 320px;
}

#xmas .navigation.navigation--inline.christmas--navigation {
  margin: 0 auto;
  padding: 0;
  /*@media all and (max-width: $bp__tab) {*/
  /*}*/
}

#xmas .navigation.navigation--inline.christmas--navigation label {
  margin: 0 auto;
  background: #fff;
  color: #333;
}

#xmas .navigation.navigation--inline.christmas--navigation [id=showMobileLinks]:checked ~ li label {
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

#xmas .navigation.navigation--inline.christmas--navigation li a {
  background: #fff;
  border: 1px solid #999;
  border-width: 0 1px;
  color: #333;
}

#xmas .navigation.navigation--inline.christmas--navigation li a:hover {
  text-decoration: none;
  background: #e9f8fb;
}

#xmas .navigation.navigation--inline.christmas--navigation li:last-child a {
  border-width: 0 1px 1px;
  border-radius: 0 0 5px 5px;
}

/*# sourceMappingURL=styles.css.map */