/*
	Styles shared between the main site and checkout
*/
.show-hide-password {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.password-field-wrap {
  position: relative;
  float: left;
  width: 100%;
}
.password-field-wrap > input {
  width: 100%;
}

.show-hide-password {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 24px;
  background-image: url("../img/mobile-app/icons/eye-grey.png");
  background-size: contain;
  cursor: pointer;
}
.input-large ~ .show-hide-password {
  top: 6px;
}
@media only screen and (max-width: 640px) {
  .plus-form .input-large ~ .show-hide-password {
    top: 1px;
  }
}
.panel-content-delivery .show-hide-password, .modal-box.checkout .show-hide-password {
  background-image: url("../../img/mobile-app/icons/eye-grey.png");
  top: 4px;
}
.show-password .show-hide-password {
  background-image: url("../img/mobile-app/icons/eye.png");
}
.panel-content-delivery .show-password .show-hide-password, .modal-box.checkout .show-password .show-hide-password {
  background-image: url("../../img/mobile-app/icons/eye.png");
}

.ot-floating-button,
.banner-close-btn-container,
.ot-close-icon,
.ot-close-cntr {
  display: none !important;
}

.ot-desc-cntr {
  outline: none !important;
}

#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob:before,
#onetrust-pc-sdk *, #onetrust-pc-sdk ::after, #onetrust-pc-sdk ::before {
  outline: none !important;
}

.cky-switch input[type=checkbox] {
  border-radius: 50px !important;
}

.cky-audit-table ul li {
  float: none;
}

.error-message {
  color: #cc0000;
}

/* password strength indicator */
#pw_macho {
  width: 100%;
  margin-bottom: 3px;
  float: left;
}
#pw_macho .label {
  margin-top: 3px;
  margin-bottom: 3px;
}
#pw_macho .bar {
  height: 5px;
}

[class^=pw-very-weak] .bar {
  background: #e74c3c;
  width: 15%;
}
[class^=pw-very-weak] .label {
  color: #e74c3c;
}

.pw-very-weak-1 .bar {
  width: 3%;
}

.pw-very-weak-2 .bar {
  width: 6%;
}

.pw-very-weak-3 .bar {
  width: 9%;
}

.pw-very-weak-4 .bar {
  width: 12%;
}

.pw-weak .bar {
  background: #e67e22;
  width: 30%;
}
.pw-weak .label {
  color: #e67e22;
}

.pw-mediocre .bar {
  background: #f3b31a;
  width: 50%;
}
.pw-mediocre .label {
  color: #f3b31a;
}

.pw-strong .bar {
  background: #1abc9c;
  width: 100%;
}
.pw-strong .label {
  color: #1abc9c;
}
@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 3px;
}

select {
  width: 100%;
  border-radius: 3px;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 3px;
  line-height: 1;
}

[data-whatinput=mouse] button {
  outline: 0;
}

.is-visible {
  display: block !important;
}

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

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #cacaca;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}

a:hover, a:focus {
  color: #258faf;
}

a img {
  border: 0;
}

hr {
  max-width: 62.5rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "— ";
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  border-radius: 3px;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

.text-justify {
  text-align: justify;
}

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 3px;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.input-group > :first-child {
  border-radius: 3px 0 0 3px;
}

.input-group > :last-child > * {
  border-radius: 0 3px 3px 0;
}

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.5rem;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  width: 1%;
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

.input-group .input-group-button {
  display: table-cell;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.5rem;
}

@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(198, 15, 19, 0.1);
  border-color: #c60f13;
}

.is-invalid-label {
  color: #c60f13;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #c60f13;
}

.form-error.is-visible {
  display: block;
}

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

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

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.clearfix::after {
  clear: both;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  background-color: #2ba6cb;
  color: #fefefe;
}

[data-whatinput=mouse] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #258dad;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background-color: #2ba6cb;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #2285a2;
  color: #fefefe;
}

.button.secondary {
  background-color: #e9e9e9;
  color: #0a0a0a;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #bababa;
  color: #0a0a0a;
}

.button.alert {
  background-color: #c60f13;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #9e0c0f;
  color: #fefefe;
}

.button.success {
  background-color: #5da423;
  color: #fefefe;
}

.button.success:hover, .button.success:focus {
  background-color: #4a831c;
  color: #fefefe;
}

.button.warning {
  background-color: #ffae00;
  color: #fefefe;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #fefefe;
}

.button.body-font {
  background-color: #222222;
  color: #fefefe;
}

.button.body-font:hover, .button.body-font:focus {
  background-color: #1b1b1b;
  color: #fefefe;
}

.button.header {
  background-color: #222222;
  color: #fefefe;
}

.button.header:hover, .button.header:focus {
  background-color: #1b1b1b;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #2ba6cb;
  color: #2ba6cb;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #165366;
  color: #165366;
}

.button.hollow.primary {
  border: 1px solid #2ba6cb;
  color: #2ba6cb;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #165366;
  color: #165366;
}

.button.hollow.secondary {
  border: 1px solid #e9e9e9;
  color: #e9e9e9;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #757575;
  color: #757575;
}

.button.hollow.alert {
  border: 1px solid #c60f13;
  color: #c60f13;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #63080a;
  color: #63080a;
}

.button.hollow.success {
  border: 1px solid #5da423;
  color: #5da423;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #2f5212;
  color: #2f5212;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.body-font {
  border: 1px solid #222222;
  color: #222222;
}

.button.hollow.body-font:hover, .button.hollow.body-font:focus {
  border-color: #111111;
  color: #111111;
}

.button.hollow.header {
  border: 1px solid #222222;
  color: #222222;
}

.button.hollow.header:hover, .button.hollow.header:focus {
  border-color: #111111;
  color: #111111;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2ba6cb;
  color: #fefefe;
}

.button.dropdown::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: -0.1em;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}

[data-whatinput=mouse] .close-button {
  outline: 0;
}

.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.is-accordion-submenu-parent > a {
  position: relative;
}

.is-accordion-submenu-parent > a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #2ba6cb transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0;
}

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

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  color: #0a0a0a;
  font-size: 0.6875rem;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  color: #cacaca;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
  opacity: 1;
}

.breadcrumbs a {
  color: #2ba6cb;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

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

.pagination::after {
  clear: both;
}

.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  border-radius: 3px;
  display: none;
}

.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}

@media screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 3px;
}

.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #2ba6cb;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  content: "…";
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: "«";
  display: inline-block;
  margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
  content: "»";
  display: inline-block;
  margin-left: 0.5rem;
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  margin-left: 0;
}

.accordion-item:first-child > :first-child {
  border-radius: 3px 3px 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 3px 3px;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2ba6cb;
  position: relative;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}

:last-child:not(.is-active) > .accordion-title {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #e6e6e6;
}

.accordion-title::before {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}

.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  padding: 1rem;
  display: none;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  border-radius: 3px;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
}

.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

html,
body {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
  content: " ";
  display: table;
}

.off-canvas-wrapper-inner::after {
  clear: both;
}

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

[data-whatinput=mouse] .off-canvas {
  outline: 0;
}

.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
}

.is-open-left {
  -webkit-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}

.is-open-right {
  -webkit-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
}

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

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #2ba6cb;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #299ec1;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 0.75rem;
}

.tabs-title > a:hover {
  background: #fefefe;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
}

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 3px;
  position: relative;
  color: #0a0a0a;
  background-color: white;
}

.callout > :first-child {
  margin-top: 0;
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.primary {
  background-color: #def2f8;
}

.callout.secondary {
  background-color: #fcfcfc;
}

.callout.alert {
  background-color: #fcd6d6;
}

.callout.success {
  background-color: #e6f7d9;
}

.callout.warning {
  background-color: #fff3d9;
}

.callout.body-font {
  background-color: #dedede;
}

.callout.header {
  background-color: #dedede;
}

.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}

.media-object img {
  max-width: none;
}

@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    display: block;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section {
  display: table-cell;
  vertical-align: top;
}

.media-object-section:first-child {
  padding-right: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}

.media-object-section > :last-child {
  margin-bottom: 0;
}

.media-object-section.middle {
  vertical-align: middle;
}

.media-object-section.bottom {
  vertical-align: bottom;
}

body.is-reveal-open {
  overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll;
}

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 3px;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

[data-whatinput=mouse] .reveal {
  outline: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns,
.reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 62.5rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 62.5rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 62.5rem;
  }
}
@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 62.5rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px;
}

table thead,
table tbody,
table tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

table caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

table thead,
table tfoot {
  background: #f8f8f8;
  color: #0a0a0a;
}

table thead tr,
table tfoot tr {
  background: transparent;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

table tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

table tbody th,
table tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}
table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover tr:hover {
  background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: absolute;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.row {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}

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

.row::after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  max-width: none;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.small-1 {
  width: 4.16667%;
}

.small-push-1 {
  position: relative;
  left: 4.16667%;
}

.small-pull-1 {
  position: relative;
  left: -4.16667%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 8.33333%;
}

.small-push-2 {
  position: relative;
  left: 8.33333%;
}

.small-pull-2 {
  position: relative;
  left: -8.33333%;
}

.small-offset-1 {
  margin-left: 4.16667%;
}

.small-3 {
  width: 12.5%;
}

.small-push-3 {
  position: relative;
  left: 12.5%;
}

.small-pull-3 {
  position: relative;
  left: -12.5%;
}

.small-offset-2 {
  margin-left: 8.33333%;
}

.small-4 {
  width: 16.66667%;
}

.small-push-4 {
  position: relative;
  left: 16.66667%;
}

.small-pull-4 {
  position: relative;
  left: -16.66667%;
}

.small-offset-3 {
  margin-left: 12.5%;
}

.small-5 {
  width: 20.83333%;
}

.small-push-5 {
  position: relative;
  left: 20.83333%;
}

.small-pull-5 {
  position: relative;
  left: -20.83333%;
}

.small-offset-4 {
  margin-left: 16.66667%;
}

.small-6 {
  width: 25%;
}

.small-push-6 {
  position: relative;
  left: 25%;
}

.small-pull-6 {
  position: relative;
  left: -25%;
}

.small-offset-5 {
  margin-left: 20.83333%;
}

.small-7 {
  width: 29.16667%;
}

.small-push-7 {
  position: relative;
  left: 29.16667%;
}

.small-pull-7 {
  position: relative;
  left: -29.16667%;
}

.small-offset-6 {
  margin-left: 25%;
}

.small-8 {
  width: 33.33333%;
}

.small-push-8 {
  position: relative;
  left: 33.33333%;
}

.small-pull-8 {
  position: relative;
  left: -33.33333%;
}

.small-offset-7 {
  margin-left: 29.16667%;
}

.small-9 {
  width: 37.5%;
}

.small-push-9 {
  position: relative;
  left: 37.5%;
}

.small-pull-9 {
  position: relative;
  left: -37.5%;
}

.small-offset-8 {
  margin-left: 33.33333%;
}

.small-10 {
  width: 41.66667%;
}

.small-push-10 {
  position: relative;
  left: 41.66667%;
}

.small-pull-10 {
  position: relative;
  left: -41.66667%;
}

.small-offset-9 {
  margin-left: 37.5%;
}

.small-11 {
  width: 45.83333%;
}

.small-push-11 {
  position: relative;
  left: 45.83333%;
}

.small-pull-11 {
  position: relative;
  left: -45.83333%;
}

.small-offset-10 {
  margin-left: 41.66667%;
}

.small-12 {
  width: 50%;
}

.small-push-12 {
  position: relative;
  left: 50%;
}

.small-pull-12 {
  position: relative;
  left: -50%;
}

.small-offset-11 {
  margin-left: 45.83333%;
}

.small-13 {
  width: 54.16667%;
}

.small-push-13 {
  position: relative;
  left: 54.16667%;
}

.small-pull-13 {
  position: relative;
  left: -54.16667%;
}

.small-offset-12 {
  margin-left: 50%;
}

.small-14 {
  width: 58.33333%;
}

.small-push-14 {
  position: relative;
  left: 58.33333%;
}

.small-pull-14 {
  position: relative;
  left: -58.33333%;
}

.small-offset-13 {
  margin-left: 54.16667%;
}

.small-15 {
  width: 62.5%;
}

.small-push-15 {
  position: relative;
  left: 62.5%;
}

.small-pull-15 {
  position: relative;
  left: -62.5%;
}

.small-offset-14 {
  margin-left: 58.33333%;
}

.small-16 {
  width: 66.66667%;
}

.small-push-16 {
  position: relative;
  left: 66.66667%;
}

.small-pull-16 {
  position: relative;
  left: -66.66667%;
}

.small-offset-15 {
  margin-left: 62.5%;
}

.small-17 {
  width: 70.83333%;
}

.small-push-17 {
  position: relative;
  left: 70.83333%;
}

.small-pull-17 {
  position: relative;
  left: -70.83333%;
}

.small-offset-16 {
  margin-left: 66.66667%;
}

.small-18 {
  width: 75%;
}

.small-push-18 {
  position: relative;
  left: 75%;
}

.small-pull-18 {
  position: relative;
  left: -75%;
}

.small-offset-17 {
  margin-left: 70.83333%;
}

.small-19 {
  width: 79.16667%;
}

.small-push-19 {
  position: relative;
  left: 79.16667%;
}

.small-pull-19 {
  position: relative;
  left: -79.16667%;
}

.small-offset-18 {
  margin-left: 75%;
}

.small-20 {
  width: 83.33333%;
}

.small-push-20 {
  position: relative;
  left: 83.33333%;
}

.small-pull-20 {
  position: relative;
  left: -83.33333%;
}

.small-offset-19 {
  margin-left: 79.16667%;
}

.small-21 {
  width: 87.5%;
}

.small-push-21 {
  position: relative;
  left: 87.5%;
}

.small-pull-21 {
  position: relative;
  left: -87.5%;
}

.small-offset-20 {
  margin-left: 83.33333%;
}

.small-22 {
  width: 91.66667%;
}

.small-push-22 {
  position: relative;
  left: 91.66667%;
}

.small-pull-22 {
  position: relative;
  left: -91.66667%;
}

.small-offset-21 {
  margin-left: 87.5%;
}

.small-23 {
  width: 95.83333%;
}

.small-push-23 {
  position: relative;
  left: 95.83333%;
}

.small-pull-23 {
  position: relative;
  left: -95.83333%;
}

.small-offset-22 {
  margin-left: 91.66667%;
}

.small-24 {
  width: 100%;
}

.small-offset-23 {
  margin-left: 95.83333%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 4.16667%;
  }
  .medium-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .medium-pull-1 {
    position: relative;
    left: -4.16667%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 8.33333%;
  }
  .medium-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-2 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-1 {
    margin-left: 4.16667%;
  }
  .medium-3 {
    width: 12.5%;
  }
  .medium-push-3 {
    position: relative;
    left: 12.5%;
  }
  .medium-pull-3 {
    position: relative;
    left: -12.5%;
  }
  .medium-offset-2 {
    margin-left: 8.33333%;
  }
  .medium-4 {
    width: 16.66667%;
  }
  .medium-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-4 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-3 {
    margin-left: 12.5%;
  }
  .medium-5 {
    width: 20.83333%;
  }
  .medium-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .medium-pull-5 {
    position: relative;
    left: -20.83333%;
  }
  .medium-offset-4 {
    margin-left: 16.66667%;
  }
  .medium-6 {
    width: 25%;
  }
  .medium-push-6 {
    position: relative;
    left: 25%;
  }
  .medium-pull-6 {
    position: relative;
    left: -25%;
  }
  .medium-offset-5 {
    margin-left: 20.83333%;
  }
  .medium-7 {
    width: 29.16667%;
  }
  .medium-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .medium-pull-7 {
    position: relative;
    left: -29.16667%;
  }
  .medium-offset-6 {
    margin-left: 25%;
  }
  .medium-8 {
    width: 33.33333%;
  }
  .medium-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-8 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-7 {
    margin-left: 29.16667%;
  }
  .medium-9 {
    width: 37.5%;
  }
  .medium-push-9 {
    position: relative;
    left: 37.5%;
  }
  .medium-pull-9 {
    position: relative;
    left: -37.5%;
  }
  .medium-offset-8 {
    margin-left: 33.33333%;
  }
  .medium-10 {
    width: 41.66667%;
  }
  .medium-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-10 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-9 {
    margin-left: 37.5%;
  }
  .medium-11 {
    width: 45.83333%;
  }
  .medium-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .medium-pull-11 {
    position: relative;
    left: -45.83333%;
  }
  .medium-offset-10 {
    margin-left: 41.66667%;
  }
  .medium-12 {
    width: 50%;
  }
  .medium-push-12 {
    position: relative;
    left: 50%;
  }
  .medium-pull-12 {
    position: relative;
    left: -50%;
  }
  .medium-offset-11 {
    margin-left: 45.83333%;
  }
  .medium-13 {
    width: 54.16667%;
  }
  .medium-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .medium-pull-13 {
    position: relative;
    left: -54.16667%;
  }
  .medium-offset-12 {
    margin-left: 50%;
  }
  .medium-14 {
    width: 58.33333%;
  }
  .medium-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-14 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-13 {
    margin-left: 54.16667%;
  }
  .medium-15 {
    width: 62.5%;
  }
  .medium-push-15 {
    position: relative;
    left: 62.5%;
  }
  .medium-pull-15 {
    position: relative;
    left: -62.5%;
  }
  .medium-offset-14 {
    margin-left: 58.33333%;
  }
  .medium-16 {
    width: 66.66667%;
  }
  .medium-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-16 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-15 {
    margin-left: 62.5%;
  }
  .medium-17 {
    width: 70.83333%;
  }
  .medium-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .medium-pull-17 {
    position: relative;
    left: -70.83333%;
  }
  .medium-offset-16 {
    margin-left: 66.66667%;
  }
  .medium-18 {
    width: 75%;
  }
  .medium-push-18 {
    position: relative;
    left: 75%;
  }
  .medium-pull-18 {
    position: relative;
    left: -75%;
  }
  .medium-offset-17 {
    margin-left: 70.83333%;
  }
  .medium-19 {
    width: 79.16667%;
  }
  .medium-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .medium-pull-19 {
    position: relative;
    left: -79.16667%;
  }
  .medium-offset-18 {
    margin-left: 75%;
  }
  .medium-20 {
    width: 83.33333%;
  }
  .medium-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-20 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-19 {
    margin-left: 79.16667%;
  }
  .medium-21 {
    width: 87.5%;
  }
  .medium-push-21 {
    position: relative;
    left: 87.5%;
  }
  .medium-pull-21 {
    position: relative;
    left: -87.5%;
  }
  .medium-offset-20 {
    margin-left: 83.33333%;
  }
  .medium-22 {
    width: 91.66667%;
  }
  .medium-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-22 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-21 {
    margin-left: 87.5%;
  }
  .medium-23 {
    width: 95.83333%;
  }
  .medium-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .medium-pull-23 {
    position: relative;
    left: -95.83333%;
  }
  .medium-offset-22 {
    margin-left: 91.66667%;
  }
  .medium-24 {
    width: 100%;
  }
  .medium-offset-23 {
    margin-left: 95.83333%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
@media screen and (min-width: 64em) {
  .large-1 {
    width: 4.16667%;
  }
  .large-push-1 {
    position: relative;
    left: 4.16667%;
  }
  .large-pull-1 {
    position: relative;
    left: -4.16667%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 8.33333%;
  }
  .large-push-2 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-2 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-1 {
    margin-left: 4.16667%;
  }
  .large-3 {
    width: 12.5%;
  }
  .large-push-3 {
    position: relative;
    left: 12.5%;
  }
  .large-pull-3 {
    position: relative;
    left: -12.5%;
  }
  .large-offset-2 {
    margin-left: 8.33333%;
  }
  .large-4 {
    width: 16.66667%;
  }
  .large-push-4 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-4 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-3 {
    margin-left: 12.5%;
  }
  .large-5 {
    width: 20.83333%;
  }
  .large-push-5 {
    position: relative;
    left: 20.83333%;
  }
  .large-pull-5 {
    position: relative;
    left: -20.83333%;
  }
  .large-offset-4 {
    margin-left: 16.66667%;
  }
  .large-6 {
    width: 25%;
  }
  .large-push-6 {
    position: relative;
    left: 25%;
  }
  .large-pull-6 {
    position: relative;
    left: -25%;
  }
  .large-offset-5 {
    margin-left: 20.83333%;
  }
  .large-7 {
    width: 29.16667%;
  }
  .large-push-7 {
    position: relative;
    left: 29.16667%;
  }
  .large-pull-7 {
    position: relative;
    left: -29.16667%;
  }
  .large-offset-6 {
    margin-left: 25%;
  }
  .large-8 {
    width: 33.33333%;
  }
  .large-push-8 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-8 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-7 {
    margin-left: 29.16667%;
  }
  .large-9 {
    width: 37.5%;
  }
  .large-push-9 {
    position: relative;
    left: 37.5%;
  }
  .large-pull-9 {
    position: relative;
    left: -37.5%;
  }
  .large-offset-8 {
    margin-left: 33.33333%;
  }
  .large-10 {
    width: 41.66667%;
  }
  .large-push-10 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-10 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-9 {
    margin-left: 37.5%;
  }
  .large-11 {
    width: 45.83333%;
  }
  .large-push-11 {
    position: relative;
    left: 45.83333%;
  }
  .large-pull-11 {
    position: relative;
    left: -45.83333%;
  }
  .large-offset-10 {
    margin-left: 41.66667%;
  }
  .large-12 {
    width: 50%;
  }
  .large-push-12 {
    position: relative;
    left: 50%;
  }
  .large-pull-12 {
    position: relative;
    left: -50%;
  }
  .large-offset-11 {
    margin-left: 45.83333%;
  }
  .large-13 {
    width: 54.16667%;
  }
  .large-push-13 {
    position: relative;
    left: 54.16667%;
  }
  .large-pull-13 {
    position: relative;
    left: -54.16667%;
  }
  .large-offset-12 {
    margin-left: 50%;
  }
  .large-14 {
    width: 58.33333%;
  }
  .large-push-14 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-14 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-13 {
    margin-left: 54.16667%;
  }
  .large-15 {
    width: 62.5%;
  }
  .large-push-15 {
    position: relative;
    left: 62.5%;
  }
  .large-pull-15 {
    position: relative;
    left: -62.5%;
  }
  .large-offset-14 {
    margin-left: 58.33333%;
  }
  .large-16 {
    width: 66.66667%;
  }
  .large-push-16 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-16 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-15 {
    margin-left: 62.5%;
  }
  .large-17 {
    width: 70.83333%;
  }
  .large-push-17 {
    position: relative;
    left: 70.83333%;
  }
  .large-pull-17 {
    position: relative;
    left: -70.83333%;
  }
  .large-offset-16 {
    margin-left: 66.66667%;
  }
  .large-18 {
    width: 75%;
  }
  .large-push-18 {
    position: relative;
    left: 75%;
  }
  .large-pull-18 {
    position: relative;
    left: -75%;
  }
  .large-offset-17 {
    margin-left: 70.83333%;
  }
  .large-19 {
    width: 79.16667%;
  }
  .large-push-19 {
    position: relative;
    left: 79.16667%;
  }
  .large-pull-19 {
    position: relative;
    left: -79.16667%;
  }
  .large-offset-18 {
    margin-left: 75%;
  }
  .large-20 {
    width: 83.33333%;
  }
  .large-push-20 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-20 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-19 {
    margin-left: 79.16667%;
  }
  .large-21 {
    width: 87.5%;
  }
  .large-push-21 {
    position: relative;
    left: 87.5%;
  }
  .large-pull-21 {
    position: relative;
    left: -87.5%;
  }
  .large-offset-20 {
    margin-left: 83.33333%;
  }
  .large-22 {
    width: 91.66667%;
  }
  .large-push-22 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-22 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-21 {
    margin-left: 87.5%;
  }
  .large-23 {
    width: 95.83333%;
  }
  .large-push-23 {
    position: relative;
    left: 95.83333%;
  }
  .large-pull-23 {
    position: relative;
    left: -95.83333%;
  }
  .large-offset-22 {
    margin-left: 91.66667%;
  }
  .large-24 {
    width: 100%;
  }
  .large-offset-23 {
    margin-left: 95.83333%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  -webkit-transform: rotate(0.75turn);
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  -webkit-transform: rotate(-0.75turn);
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  -webkit-animation-name: shake-7;
  animation-name: shake-7;
}

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%);
  }
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    -webkit-transform: translateX(7%);
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    -webkit-transform: translateX(-7%);
    transform: translateX(-7%);
  }
}
.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn;
}

@-webkit-keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.spin-ccw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.wiggle {
  -webkit-animation-name: wiggle-7deg;
  animation-name: wiggle-7deg;
}

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slow {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important;
}

.fast {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important;
}

.linear {
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
}

.ease {
  -webkit-animation-timing-function: ease !important;
  animation-timing-function: ease !important;
}

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
  animation-timing-function: ease-in !important;
}

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}

.long-delay {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}
.no-select, .progress-steps .progress-step, .btnCheckOutTablet .chkPaypal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container.wpaccess .card .checkout .field.valid, .container.wpaccess .card .checkout .field.is-valid,
#billing-address-form .card .checkout .field.valid,
#billing-address-form .card .checkout .field.is-valid,
#shipping-address-form .card .checkout .field.valid,
#shipping-address-form .card .checkout .field.is-valid,
#changeCardModal .card .checkout .field.valid,
#changeCardModal .card .checkout .field.is-valid {
  border-bottom-color: #008000;
  background-image: url("../img/validate-tick.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 10px) center;
}

.container.wpaccess .card .checkout .field.is-invalid, .container.wpaccess .card .checkout .field.is-empty,
#billing-address-form .card .checkout .field.is-invalid,
#billing-address-form .card .checkout .field.is-empty,
#shipping-address-form .card .checkout .field.is-invalid,
#shipping-address-form .card .checkout .field.is-empty,
#changeCardModal .card .checkout .field.is-invalid,
#changeCardModal .card .checkout .field.is-empty, .container.wpaccess .field.input-error, .container.wpaccess .field.input-error + .trigger,
#billing-address-form .field.input-error,
#billing-address-form .field.input-error + .trigger,
#shipping-address-form .field.input-error,
#shipping-address-form .field.input-error + .trigger,
#changeCardModal .field.input-error,
#changeCardModal .field.input-error + .trigger, .container.wpaccess input.input-error,
.container.wpaccess input.input-error + .trigger,
#billing-address-form input.input-error,
#billing-address-form input.input-error + .trigger,
#shipping-address-form input.input-error,
#shipping-address-form input.input-error + .trigger,
#changeCardModal input.input-error,
#changeCardModal input.input-error + .trigger {
  border-bottom-color: #B60303;
  background-image: url("../img/validate-cross.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 10px) center;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.account-content .container.wpaccess .use-delivery,
.account-content #billing-address-form .use-delivery,
.account-content #shipping-address-form .use-delivery,
.account-content #changeCardModal .use-delivery {
  display: none;
}
.account-content .container.wpaccess .panel-field-remember-new-card,
.account-content #billing-address-form .panel-field-remember-new-card,
.account-content #shipping-address-form .panel-field-remember-new-card,
.account-content #changeCardModal .panel-field-remember-new-card {
  display: none;
}
.container.wpaccess h2,
#billing-address-form h2,
#shipping-address-form h2,
#changeCardModal h2 {
  margin: 10px 0;
  padding-top: 10px;
  float: none;
  clear: both;
}
.chk-surround .container.wpaccess h2,
.chk-surround #billing-address-form h2,
.chk-surround #shipping-address-form h2,
.chk-surround #changeCardModal h2 {
  display: none;
}
.container.wpaccess abbr, .container.wpaccess abbr[title], .container.wpaccess .required-fields,
#billing-address-form abbr,
#billing-address-form abbr[title],
#billing-address-form .required-fields,
#shipping-address-form abbr,
#shipping-address-form abbr[title],
#shipping-address-form .required-fields,
#changeCardModal abbr,
#changeCardModal abbr[title],
#changeCardModal .required-fields {
  border: none;
  text-decoration: none;
  color: #B60303;
}
.container.wpaccess .required-fields,
#billing-address-form .required-fields,
#shipping-address-form .required-fields,
#changeCardModal .required-fields {
  clear: both;
  float: left;
}
.container.wpaccess .use-delivery,
#billing-address-form .use-delivery,
#shipping-address-form .use-delivery,
#changeCardModal .use-delivery {
  clear: both;
}
.chk-surround .container.wpaccess .card,
.chk-surround #billing-address-form .card,
.chk-surround #shipping-address-form .card,
.chk-surround #changeCardModal .card {
  padding: 0 20px;
}
.container.wpaccess .card .checkout.is-valid .submit,
#billing-address-form .card .checkout.is-valid .submit,
#shipping-address-form .card .checkout.is-valid .submit,
#changeCardModal .card .checkout.is-valid .submit {
  background: green;
}
.container.wpaccess .card .checkout .label .type,
#billing-address-form .card .checkout .label .type,
#shipping-address-form .card .checkout .label .type,
#changeCardModal .card .checkout .label .type {
  color: green;
}
.container.wpaccess .card .checkout .submit,
#billing-address-form .card .checkout .submit,
#shipping-address-form .card .checkout .submit,
#changeCardModal .card .checkout .submit {
  background: #336b75;
  font-family: sans-serif;
  cursor: pointer;
  width: 200px;
  color: white;
  font-size: 16px;
  border: 0;
  text-transform: uppercase;
  font-weight: 300;
  padding: 15px 0;
  transition: background 0.3s ease;
}
.container.wpaccess #manual-address-btn, .container.wpaccess #postcode-search-btn,
#billing-address-form #manual-address-btn,
#billing-address-form #postcode-search-btn,
#shipping-address-form #manual-address-btn,
#shipping-address-form #postcode-search-btn,
#changeCardModal #manual-address-btn,
#changeCardModal #postcode-search-btn {
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 10px;
  color: #336b75;
}
.container.wpaccess .manual-address-fields,
#billing-address-form .manual-address-fields,
#shipping-address-form .manual-address-fields,
#changeCardModal .manual-address-fields {
  display: none;
}
.container.wpaccess .qas-result,
#billing-address-form .qas-result,
#shipping-address-form .qas-result,
#changeCardModal .qas-result {
  display: none;
}
.container.wpaccess ul.qas-list,
#billing-address-form ul.qas-list,
#shipping-address-form ul.qas-list,
#changeCardModal ul.qas-list {
  max-height: 137px;
  margin: 0;
  margin-bottom: 8px;
  border: 1px solid #949494;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.container.wpaccess ul.qas-list li,
#billing-address-form ul.qas-list li,
#shipping-address-form ul.qas-list li,
#changeCardModal ul.qas-list li {
  padding: 4px 6px;
  -webkit-transition: background 200ms;
  transition: background 200ms;
  cursor: pointer;
}
.container.wpaccess ul.qas-list li:hover,
#billing-address-form ul.qas-list li:hover,
#shipping-address-form ul.qas-list li:hover,
#changeCardModal ul.qas-list li:hover {
  background: #eee;
}
.container.wpaccess .lookup-spinner,
#billing-address-form .lookup-spinner,
#shipping-address-form .lookup-spinner,
#changeCardModal .lookup-spinner {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 44px;
}
.container.wpaccess .qas-error, .container.wpaccess .qas-service-error,
#billing-address-form .qas-error,
#billing-address-form .qas-service-error,
#shipping-address-form .qas-error,
#shipping-address-form .qas-service-error,
#changeCardModal .qas-error,
#changeCardModal .qas-service-error {
  display: none;
}
.container.wpaccess .addcard-label,
#billing-address-form .addcard-label,
#shipping-address-form .addcard-label,
#changeCardModal .addcard-label {
  position: relative;
  float: left;
  min-height: 1px;
  width: 120px;
  clear: both;
}
@media only screen and (max-width: 640px) {
  .container.wpaccess .addcard-label,
  #billing-address-form .addcard-label,
  #shipping-address-form .addcard-label,
  #changeCardModal .addcard-label {
    width: 100%;
  }
}
.container.wpaccess .addcard-field,
#billing-address-form .addcard-field,
#shipping-address-form .addcard-field,
#changeCardModal .addcard-field {
  position: relative;
  float: left;
  min-height: 1px;
  width: calc(100% - 120px);
}
@media only screen and (max-width: 640px) {
  .container.wpaccess .addcard-field,
  #billing-address-form .addcard-field,
  #shipping-address-form .addcard-field,
  #changeCardModal .addcard-field {
    width: 100%;
  }
}
.container.wpaccess .addcard-half,
#billing-address-form .addcard-half,
#shipping-address-form .addcard-half,
#changeCardModal .addcard-half {
  float: left;
  padding-right: 20px;
}
@media only screen and (max-width: 640px) {
  .container.wpaccess .addcard-half,
  #billing-address-form .addcard-half,
  #shipping-address-form .addcard-half,
  #changeCardModal .addcard-half {
    width: 50%;
    padding-right: 10px;
  }
}
.container.wpaccess .addcard-half .addcard-field,
#billing-address-form .addcard-half .addcard-field,
#shipping-address-form .addcard-half .addcard-field,
#changeCardModal .addcard-half .addcard-field {
  width: 95px;
}
.container.wpaccess .addcard-half + .addcard-half .addcard-field,
#billing-address-form .addcard-half + .addcard-half .addcard-field,
#shipping-address-form .addcard-half + .addcard-half .addcard-field,
#changeCardModal .addcard-half + .addcard-half .addcard-field {
  width: 80px;
}
@media only screen and (min-width: 641px) {
  .container.wpaccess .addcard-half + .addcard-half .addcard-label,
  #billing-address-form .addcard-half + .addcard-half .addcard-label,
  #shipping-address-form .addcard-half + .addcard-half .addcard-label,
  #changeCardModal .addcard-half + .addcard-half .addcard-label {
    padding: 0 10px;
    text-align: right;
  }
}
@media only screen and (max-width: 640px) {
  .container.wpaccess .addcard-short-address-code,
  .container.wpaccess .addcard-phone,
  #billing-address-form .addcard-short-address-code,
  #billing-address-form .addcard-phone,
  #shipping-address-form .addcard-short-address-code,
  #shipping-address-form .addcard-phone,
  #changeCardModal .addcard-short-address-code,
  #changeCardModal .addcard-phone {
    width: 100%;
  }
}
.container.wpaccess .addcard-short-address-code .addcard-label,
.container.wpaccess .addcard-phone .addcard-label,
#billing-address-form .addcard-short-address-code .addcard-label,
#billing-address-form .addcard-phone .addcard-label,
#shipping-address-form .addcard-short-address-code .addcard-label,
#shipping-address-form .addcard-phone .addcard-label,
#changeCardModal .addcard-short-address-code .addcard-label,
#changeCardModal .addcard-phone .addcard-label {
  padding-right: 4px;
  padding-top: 1px;
}
.container.wpaccess .addcard-short-address-code .addcard-label label,
.container.wpaccess .addcard-phone .addcard-label label,
#billing-address-form .addcard-short-address-code .addcard-label label,
#billing-address-form .addcard-phone .addcard-label label,
#shipping-address-form .addcard-short-address-code .addcard-label label,
#shipping-address-form .addcard-phone .addcard-label label,
#changeCardModal .addcard-short-address-code .addcard-label label,
#changeCardModal .addcard-phone .addcard-label label {
  line-height: 1rem;
}
.container.wpaccess .addcard-short-address-code .addcard-field,
.container.wpaccess .addcard-phone .addcard-field,
#billing-address-form .addcard-short-address-code .addcard-field,
#billing-address-form .addcard-phone .addcard-field,
#shipping-address-form .addcard-short-address-code .addcard-field,
#shipping-address-form .addcard-phone .addcard-field,
#changeCardModal .addcard-short-address-code .addcard-field,
#changeCardModal .addcard-phone .addcard-field {
  width: 315px;
}
@media only screen and (max-width: 640px) {
  .container.wpaccess .addcard-short-address-code .addcard-field,
  .container.wpaccess .addcard-phone .addcard-field,
  #billing-address-form .addcard-short-address-code .addcard-field,
  #billing-address-form .addcard-phone .addcard-field,
  #shipping-address-form .addcard-short-address-code .addcard-field,
  #shipping-address-form .addcard-phone .addcard-field,
  #changeCardModal .addcard-short-address-code .addcard-field,
  #changeCardModal .addcard-phone .addcard-field {
    width: 90%;
  }
}
.container.wpaccess input, .container.wpaccess input:focus, .container.wpaccess select, .container.wpaccess .ws-select-outer,
#billing-address-form input,
#billing-address-form input:focus,
#billing-address-form select,
#billing-address-form .ws-select-outer,
#shipping-address-form input,
#shipping-address-form input:focus,
#shipping-address-form select,
#shipping-address-form .ws-select-outer,
#changeCardModal input,
#changeCardModal input:focus,
#changeCardModal select,
#changeCardModal .ws-select-outer {
  width: 100%;
  max-width: none;
  box-shadow: none;
  border-width: 2px;
  font-size: 16px !important;
  font-family: sans-serif;
  margin-bottom: 10px;
  border-color: #949494;
}
.container.wpaccess input:focus, .container.wpaccess input:focus-visible, .container.wpaccess input:focus-within, .container.wpaccess input.is-onfocus, .container.wpaccess input:focus:focus, .container.wpaccess input:focus:focus-visible, .container.wpaccess input:focus:focus-within, .container.wpaccess input:focus.is-onfocus, .container.wpaccess select:focus, .container.wpaccess select:focus-visible, .container.wpaccess select:focus-within, .container.wpaccess select.is-onfocus, .container.wpaccess .ws-select-outer:focus, .container.wpaccess .ws-select-outer:focus-visible, .container.wpaccess .ws-select-outer:focus-within, .container.wpaccess .ws-select-outer.is-onfocus,
#billing-address-form input:focus,
#billing-address-form input:focus-visible,
#billing-address-form input:focus-within,
#billing-address-form input.is-onfocus,
#billing-address-form input:focus:focus,
#billing-address-form input:focus:focus-visible,
#billing-address-form input:focus:focus-within,
#billing-address-form input:focus.is-onfocus,
#billing-address-form select:focus,
#billing-address-form select:focus-visible,
#billing-address-form select:focus-within,
#billing-address-form select.is-onfocus,
#billing-address-form .ws-select-outer:focus,
#billing-address-form .ws-select-outer:focus-visible,
#billing-address-form .ws-select-outer:focus-within,
#billing-address-form .ws-select-outer.is-onfocus,
#shipping-address-form input:focus,
#shipping-address-form input:focus-visible,
#shipping-address-form input:focus-within,
#shipping-address-form input.is-onfocus,
#shipping-address-form input:focus:focus,
#shipping-address-form input:focus:focus-visible,
#shipping-address-form input:focus:focus-within,
#shipping-address-form input:focus.is-onfocus,
#shipping-address-form select:focus,
#shipping-address-form select:focus-visible,
#shipping-address-form select:focus-within,
#shipping-address-form select.is-onfocus,
#shipping-address-form .ws-select-outer:focus,
#shipping-address-form .ws-select-outer:focus-visible,
#shipping-address-form .ws-select-outer:focus-within,
#shipping-address-form .ws-select-outer.is-onfocus,
#changeCardModal input:focus,
#changeCardModal input:focus-visible,
#changeCardModal input:focus-within,
#changeCardModal input.is-onfocus,
#changeCardModal input:focus:focus,
#changeCardModal input:focus:focus-visible,
#changeCardModal input:focus:focus-within,
#changeCardModal input:focus.is-onfocus,
#changeCardModal select:focus,
#changeCardModal select:focus-visible,
#changeCardModal select:focus-within,
#changeCardModal select.is-onfocus,
#changeCardModal .ws-select-outer:focus,
#changeCardModal .ws-select-outer:focus-visible,
#changeCardModal .ws-select-outer:focus-within,
#changeCardModal .ws-select-outer.is-onfocus {
  border-color: rgb(71.5, 71.5, 71.5);
  outline: 0;
}
.container.wpaccess select.input-error,
#billing-address-form select.input-error,
#shipping-address-form select.input-error,
#changeCardModal select.input-error {
  border-bottom-color: #B60303;
}
.container.wpaccess select.input-error + .trigger,
#billing-address-form select.input-error + .trigger,
#shipping-address-form select.input-error + .trigger,
#changeCardModal select.input-error + .trigger {
  border-bottom-color: #B60303;
}
.container.wpaccess select.valid, .container.wpaccess select.is-valid,
#billing-address-form select.valid,
#billing-address-form select.is-valid,
#shipping-address-form select.valid,
#shipping-address-form select.is-valid,
#changeCardModal select.valid,
#changeCardModal select.is-valid {
  border-bottom-color: #008000;
}
.container.wpaccess select.valid + .trigger, .container.wpaccess select.is-valid + .trigger,
#billing-address-form select.valid + .trigger,
#billing-address-form select.is-valid + .trigger,
#shipping-address-form select.valid + .trigger,
#shipping-address-form select.is-valid + .trigger,
#changeCardModal select.valid + .trigger,
#changeCardModal select.is-valid + .trigger {
  border-bottom-color: #008000;
}
.container.wpaccess select:focus, .container.wpaccess select:focus-visible, .container.wpaccess select:focus-within, .container.wpaccess select.is-onfocus,
#billing-address-form select:focus,
#billing-address-form select:focus-visible,
#billing-address-form select:focus-within,
#billing-address-form select.is-onfocus,
#shipping-address-form select:focus,
#shipping-address-form select:focus-visible,
#shipping-address-form select:focus-within,
#shipping-address-form select.is-onfocus,
#changeCardModal select:focus,
#changeCardModal select:focus-visible,
#changeCardModal select:focus-within,
#changeCardModal select.is-onfocus {
  border-color: rgb(71.5, 71.5, 71.5);
  outline: 0;
}
.container.wpaccess select:focus + .trigger, .container.wpaccess select:focus-visible + .trigger, .container.wpaccess select:focus-within + .trigger, .container.wpaccess select.is-onfocus + .trigger,
#billing-address-form select:focus + .trigger,
#billing-address-form select:focus-visible + .trigger,
#billing-address-form select:focus-within + .trigger,
#billing-address-form select.is-onfocus + .trigger,
#shipping-address-form select:focus + .trigger,
#shipping-address-form select:focus-visible + .trigger,
#shipping-address-form select:focus-within + .trigger,
#shipping-address-form select.is-onfocus + .trigger,
#changeCardModal select:focus + .trigger,
#changeCardModal select:focus-visible + .trigger,
#changeCardModal select:focus-within + .trigger,
#changeCardModal select.is-onfocus + .trigger {
  outline: 0;
}
.container.wpaccess .field,
#billing-address-form .field,
#shipping-address-form .field,
#changeCardModal .field {
  width: 100%;
  margin-bottom: 10px;
  height: 40px;
  border: 2px solid #949494;
  transition: border-color 0.25s ease-in-out;
  padding-left: 10px;
}
.container.wpaccess .field:focus, .container.wpaccess .field:focus-visible, .container.wpaccess .field:focus-within, .container.wpaccess .field.is-onfocus,
#billing-address-form .field:focus,
#billing-address-form .field:focus-visible,
#billing-address-form .field:focus-within,
#billing-address-form .field.is-onfocus,
#shipping-address-form .field:focus,
#shipping-address-form .field:focus-visible,
#shipping-address-form .field:focus-within,
#shipping-address-form .field.is-onfocus,
#changeCardModal .field:focus,
#changeCardModal .field:focus-visible,
#changeCardModal .field:focus-within,
#changeCardModal .field.is-onfocus {
  border-color: rgb(71.5, 71.5, 71.5);
}
.container.wpaccess .field::placeholder,
#billing-address-form .field::placeholder,
#shipping-address-form .field::placeholder,
#changeCardModal .field::placeholder {
  color: #5c5c5c !important;
}
.container.wpaccess .trigger,
#billing-address-form .trigger,
#shipping-address-form .trigger,
#changeCardModal .trigger {
  padding-left: 10px;
  border-width: 2px;
}
.container.wpaccess .postcode-lookup-button,
#billing-address-form .postcode-lookup-button,
#shipping-address-form .postcode-lookup-button,
#changeCardModal .postcode-lookup-button {
  margin-bottom: 10px;
  font-size: 18px;
  width: 135px;
}
.container.wpaccess label.input-error,
#billing-address-form label.input-error,
#shipping-address-form label.input-error,
#changeCardModal label.input-error {
  color: #B60303;
  width: 100%;
  float: left;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  margin: -5px 0 15px;
  font-style: italic;
}
.container.wpaccess input ~ .counter,
#billing-address-form input ~ .counter,
#shipping-address-form input ~ .counter,
#changeCardModal input ~ .counter {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -8px;
  font-size: 12px;
  text-align: right;
}
.container.wpaccess input#address2,
.container.wpaccess input#address3,
#billing-address-form input#address2,
#billing-address-form input#address3,
#shipping-address-form input#address2,
#shipping-address-form input#address3,
#changeCardModal input#address2,
#changeCardModal input#address3 {
  margin-top: 10px;
}
.container.wpaccess .use-delivery,
#billing-address-form .use-delivery,
#shipping-address-form .use-delivery,
#changeCardModal .use-delivery {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.container.wpaccess #addressId,
#billing-address-form #addressId,
#shipping-address-form #addressId,
#changeCardModal #addressId {
  margin-top: 10px;
}
.container.wpaccess #address-state,
.container.wpaccess #address4 + .fancy-select,
#billing-address-form #address-state,
#billing-address-form #address4 + .fancy-select,
#shipping-address-form #address-state,
#shipping-address-form #address4 + .fancy-select,
#changeCardModal #address-state,
#changeCardModal #address4 + .fancy-select {
  display: none;
}
.container.wpaccess #add-billing-address-btn,
#billing-address-form #add-billing-address-btn,
#shipping-address-form #add-billing-address-btn,
#changeCardModal #add-billing-address-btn {
  float: left;
  margin-left: 0;
  margin-bottom: 10px;
}
.container.wpaccess .side-button,
#billing-address-form .side-button,
#shipping-address-form .side-button,
#changeCardModal .side-button {
  position: relative;
  margin-left: 5px;
  float: right;
}
.container.wpaccess #select-existing-address-btn,
#billing-address-form #select-existing-address-btn,
#shipping-address-form #select-existing-address-btn,
#changeCardModal #select-existing-address-btn {
  clear: both;
  color: #336b75;
  margin-bottom: 10px;
  cursor: pointer;
}
.container.wpaccess #select-existing-address-btn span,
#billing-address-form #select-existing-address-btn span,
#shipping-address-form #select-existing-address-btn span,
#changeCardModal #select-existing-address-btn span {
  text-decoration: underline;
}
.container.wpaccess .input-wrapper,
#billing-address-form .input-wrapper,
#shipping-address-form .input-wrapper,
#changeCardModal .input-wrapper {
  display: block;
  overflow: hidden;
}

#changeCardModal .addcard-phone .addcard-label {
  width: auto;
}

@media only screen and (max-width: 640px) {
  .panel-content-payment .addcard-phone .addcard-label {
    width: 100%;
  }
}
.theme-foyles .panel-content-payment .addcard-phone .addcard-label label {
  padding-top: 0;
}
@media only screen and (max-width: 640px) {
  .theme-foyles .panel-content-payment .addcard-phone .addcard-label label {
    padding-top: 10px;
  }
}

.panel-saved-cards-options {
  top: 15px !important;
}
@media only screen and (max-width: 640px) {
  .panel-saved-cards-options {
    top: 5px !important;
  }
}

/* Tooltips */
.cvv-tooltip,
.phone-tooltip {
  float: left;
}
.cvv-tooltip .ico-tooltip,
.phone-tooltip .ico-tooltip {
  position: relative;
  top: 10px;
  left: 8px;
}

.phone-tooltip .tooltip {
  line-height: 14px;
}
@media only screen and (max-width: 640px) {
  .panel-content-payment .phone-tooltip .tooltip {
    left: -40px;
  }
  .panel-content-payment .phone-tooltip .tooltip:before, .panel-content-payment .phone-tooltip .tooltip:after {
    left: calc(50% + 40px);
  }
}

.tooltip.tooltip-security:not(.hcg) {
  width: 400px;
  padding: 10px 24px 20px;
  right: 0;
  margin-right: -41px;
  line-height: 1.6;
}
@media only screen and (max-width: 640px) {
  .tooltip.tooltip-security:not(.hcg) {
    width: 300px !important;
    padding: 10px 22px 16px;
    margin-right: -45px;
  }
}
.tooltip.tooltip-security:not(.hcg):before, .tooltip.tooltip-security:not(.hcg):after {
  right: 38px;
  left: auto;
}
@media only screen and (max-width: 640px) {
  .tooltip.tooltip-security:not(.hcg):before, .tooltip.tooltip-security:not(.hcg):after {
    right: 43px;
  }
}
.tooltip.tooltip-security:not(.hcg):before {
  margin-right: 0px;
}
.tooltip.tooltip-security:not(.hcg):after {
  margin-right: -2px;
}
.tooltip.tooltip-security:not(.hcg) .tooltip-msg {
  padding-bottom: 10px;
}
.tooltip.tooltip-security:not(.hcg) .columns {
  font-size: 12px;
}
.tooltip.tooltip-security:not(.hcg) img {
  width: 80%;
}

.tooltip-msg {
  font-size: 0.94rem;
}

.mobile-tooltip-close {
  display: none;
}
@media only screen and (max-width: 640px) {
  .mobile-tooltip-close {
    display: block;
    position: absolute;
    top: 4px;
    right: 2px;
    background-image: url(../img/Cross_G.png);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
  }
}

.touch .mobile-tooltip-close {
  display: block;
}

.row {
  max-width: 80rem;
}

body {
  overflow-x: hidden;
  color: #000;
}

.panel-total-to-pay .h5 {
  font-size: 18px;
}

#skip-to-content {
  position: relative;
}
#skip-to-content a {
  position: absolute;
  top: -45px;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  transition: top 0.5s;
  background: #fff;
  padding: 10px 40px 14px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #5c5c5c;
}
#skip-to-content a:focus {
  top: -1px;
  left: 20px;
  width: auto;
  height: auto;
  z-index: 9999;
}
@media only screen and (max-width: 640px) {
  #skip-to-content a:focus {
    left: 8px;
  }
}

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

#main-content {
  display: block;
  position: relative;
  top: -220px;
  visibility: hidden;
}

.h6 p a:focus,
p a.underline:focus,
p a:focus,
a:focus {
  color: #336b75 !important;
}

a.color-secondary-text:focus {
  color: #666666 !important;
  text-decoration: underline;
}

.checkout-button,
.checkout-button:hover,
.checkout-button:visited,
.checkout-button:focus {
  text-transform: uppercase;
  text-decoration: none;
  background-color: #b9e7e4;
  color: #000 !important;
  padding: 8px 20px;
  font-size: 16px;
  cursor: pointer;
  float: left;
  text-align: center;
}

#btnAddDeliveryAddress,
.lnkAddNewPaymentCard,
#lnkAddBillingAddress {
  color: #fff !important;
  background: #336b75;
}

.choose-payment-heading {
  font-size: 20px;
}

.accordion-content {
  color: #000;
}

.accordion-item:not(.accordion-payment) {
  margin-bottom: 6px;
}

.is-student .inline-plus,
.inline-plus.is-student {
  color: #76c0e2;
}

.book-seller .inline-plus,
.inline-plus.book-seller {
  color: #a783b7;
}

a.cta-secondary-small:focus {
  color: #fff !important;
}

button.cta-secondary-small,
input.cta-secondary-small,
a.cta-secondary-small {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  line-height: 16px;
  min-height: 39px;
}

.no-height {
  height: 0 !important;
  min-height: 0 !important;
}

.error {
  text-align: center;
}

.errorHeader {
  background-color: #f14343;
  z-index: 999;
  position: fixed;
  width: 100%;
  display: none;
  cursor: pointer;
}
.errorHeader p {
  font-size: 14px;
  font-weight: 400;
  font-family: Roboto, Arial;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.stpBasket:after {
  content: " ";
}

.errorHeaderCross {
  background-color: #fff;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  color: #f14343;
  float: left;
  padding: 0px 0px 0px 7px;
  font-size: 16px;
  margin-right: 10px;
  margin-top: 0;
  margin-left: 0.9375rem;
  cursor: pointer;
  width: 25px;
  height: 25px;
}

.errorMessageRed {
  padding-left: 10px;
  padding-right: 10px;
  display: inline;
  float: left;
}
.errorMessageRed a {
  color: #ffffff !important;
  font-weight: 600;
}

.request-token-balance {
  position: relative;
  background: #2c337e;
  padding: 4px 3px 3px;
  cursor: pointer;
  font-size: 0.8rem;
  font-family: inherit;
  color: #fff;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

.warning-message,
.alert-warning span,
.lblGiftCardNoAvailable {
  color: #000;
  background-color: #ffe1e1;
  padding: 6px;
  display: inline-block;
  text-align: center;
  line-height: 1.3;
}

.panel-basket-item .warning-message {
  color: #B60303;
  background-color: #ffdede;
  padding: 10px;
}
.panel-basket-item .warning-message a {
  color: inherit;
}
.panel-basket-item .localShippingMessageContainer {
  display: inline-block;
}
.panel-basket-item .local-shipping-message {
  display: inline-block;
  margin: 2px auto 0px;
  padding: 8px 8px 6px;
  text-align: left;
  font-size: 12px;
  line-height: 15.6px;
  background-color: #e0e9ed;
  color: #535353;
}

.success-message {
  color: #3c763d;
  background-color: #dff0d8;
  padding: 6px;
  display: inline-block;
  text-align: center;
  line-height: 1.3;
}

.lblGiftCardNoAvailable {
  width: 100%;
}

.booktoken-headings > div,
.giftcard-headings > div {
  font-weight: 600;
  margin-bottom: 10px;
}

.cookiefindoutmore {
  text-decoration: none !important;
}

.order-complete-summary {
  margin-top: 88px;
  word-break: break-word;
}

.ico-credit-cards {
  height: 26px;
}

.footer-paypal {
  height: 16px;
  margin-right: 10px;
}

.footer-applepay {
  height: 26px;
  margin-right: 10px;
}

.footer-googlepay {
  height: 48px;
  margin-left: -12px;
}

.order-confirm-googlepay {
  height: 30px;
  float: left;
  margin-right: 10px;
}

.order-confirm-googlepay-text {
  margin-top: 5px;
}

.inline-paypal {
  width: 50px;
  margin: 0 1px 0 2px;
}

p,
small,
ul {
  margin-bottom: 0rem;
}

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

.panel-content,
.panel-content-delivery,
.panel-content-payment {
  height: auto !important;
  background-color: #fff;
  border-color: #bebebe !important;
}

.panel-title-delivery {
  background-color: #fff;
}

.panel-title-payment {
  background-color: #fff;
}

.plus-message {
  line-height: 1.3em;
  margin-top: 5px;
  clear: both;
}

.inline-plus {
  font-family: "wsplusregular";
  font-size: 1.1em;
  text-transform: lowercase;
  color: #80c078;
  font-weight: normal;
  font-style: normal;
  line-height: 0;
}

footer {
  height: 70px;
  background-color: #fff;
  padding-bottom: 12px;
}
footer a,
footer button {
  color: #000;
  line-height: inherit;
  text-decoration: underline;
}
footer a:hover, footer a:visited, footer a:focus,
footer button:hover,
footer button:visited,
footer button:focus {
  color: inherit !important;
  text-decoration: underline;
}
footer small {
  font-size: 12px;
}

.row.large-min-height {
  min-height: calc(100vh - 170px); /* minus height of footer*/
}

@media screen and (min-width: 64em) {
  header {
    height: 80px;
  }
  .row.large-min-height {
    min-height: calc(100vh - 89px); /* minus taller footer and non sticky header */
  }
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .row.large-min-height {
    min-height: calc(100vh - 165px - 48px); /* minus taller footer and non sticky header */
  }
}
/* Tooltips - can be removed once WPA is fully live*/
.tooltip-security.hcg {
  width: 400px;
  padding: 10px 24px 20px;
}
@media only screen and (max-width: 640px) {
  .tooltip-security.hcg {
    width: 300px;
    padding: 10px 22px 16px;
    margin-left: -116px;
  }
}
.tooltip-security.hcg:before, .tooltip-security.hcg:after {
  left: 59px;
}
@media only screen and (max-width: 640px) {
  .tooltip-security.hcg:before, .tooltip-security.hcg:after {
    left: 125px;
  }
}
.tooltip-security.hcg .tooltip-msg {
  padding-bottom: 10px;
}
.tooltip-security.hcg .columns p {
  font-size: 12px;
}
.tooltip-security.hcg img {
  width: 80%;
}

.tooltip-msg {
  font-size: 0.94rem;
}

/*end*/
.panel-basket-message {
  padding-top: 1.4rem;
  padding-bottom: 1.3rem;
}
@media only screen and (max-width: 768px) {
  .panel-basket-message {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
}

.promo-accordion-message {
  background-color: #e0e9ed;
  margin-top: 10px;
  margin-bottom: 0.9375rem;
  padding: 5px 10px;
  font-weight: bold;
  line-height: normal;
}
@media screen and (min-width: 64em) {
  .promo-accordion-message {
    margin-top: 0.9375rem;
    margin-bottom: 0;
  }
}

.inline-promo-applied {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: #e0e9ec;
  padding: 1px 6px;
}
.inline-promo-applied:before {
  content: "";
  display: block;
  width: 14px;
  height: 20px;
  background-image: url("../img/promo-check.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 4px;
  float: left;
  margin-right: 4px;
}
.inline-promo-applied.check-icon-right:before {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}
.inline-promo-applied.promo-error {
  background-color: #ffdede;
}
.inline-promo-applied.promo-error:before {
  background-image: url("../img/promo-cross.png");
  width: 12px;
}

.promo-description {
  margin-top: 3px;
}

.basket-item {
  background-color: #fff;
}

.basket-item-title {
  margin-top: 5px;
  font-weight: 700;
  font-size: 16px;
  font-family: Baskerville, serif;
  max-height: 56px;
  overflow: hidden;
}

.basket-item-author {
  color: #336b75 !important;
  font-size: 15px;
  font-weight: bold;
}

.basket-item-links li {
  padding-right: 10px;
}
.basket-item-links li .editButton,
.basket-item-links li .editButton:focus {
  font-family: "Source Sans Pro", Arial, sans-serif;
  text-decoration: underline;
  color: #336b75;
  background: none;
  border: none;
  padding: 0;
}

.qty-form {
  display: flex;
  flex-direction: column;
  position: relative;
  width: min-content;
}
.qty-form .error {
  width: 80px;
  top: 0 !important;
  margin-bottom: 8px;
}
.qty-form .ico-tooltip {
  position: absolute;
  top: 11px;
  right: -25px;
  display: none;
}
.qty-form .ico-tooltip .tooltip-quantity {
  margin-left: 30px;
  bottom: -25px;
}
.qty-form .ico-tooltip .tooltip-quantity:before {
  border-top-color: transparent;
  border-right-color: #336b75;
  border-bottom: 8px solid transparent;
  border-left: none;
  top: 21px;
  left: 1px;
}
.qty-form .ico-tooltip .tooltip-quantity:after {
  border-top-color: transparent;
  border-right-color: #e0e9ed;
  border-bottom: 10px solid transparent;
  border-left: none;
  top: 19px;
  left: 4px;
}
.qty-form .ico-tooltip p {
  line-height: 15px;
}
.qty-form .ico-tooltip.display-block {
  display: block;
}

.basket-column > * {
  width: max-content;
}
.basket-column .inputError {
  background-color: #ffdede;
}

.panel-basket-item-message,
.panel-basket-item-error {
  position: relative;
  top: -10px;
  background-color: #e0e9ed;
  width: 100%;
  float: left;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
@media screen and (max-width: 39.9375em) {
  .panel-basket-item-message,
  .panel-basket-item-error {
    top: 0;
  }
}
.panel-basket-item-message + .panel-basket-item-error,
.panel-basket-item-error + .panel-basket-item-error {
  margin-top: 5px;
}

.basket-item-error,
.basket-item-message {
  font-size: 12px;
  line-height: 15.6px;
}

.lblBasketItemFormmattedPriceWithTax {
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  display: inline-block;
  color: #999;
}

.lblBasketItemFormattedPrice {
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  display: inline-block;
}
.lblBasketItemFormattedPrice + .inline-promo-applied {
  margin-left: 4px;
}

.lblBasketItemFormat {
  margin-right: 6px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.basket-removed-item {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.basket-removed-item:hover {
  color: #323232;
  text-decoration: underline;
}

.order-notes-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.order-notes-title-td {
  min-width: 15rem;
}

.tableDespatch {
  table-layout: fixed;
  border-collapse: initial;
}

.book-feature {
  padding: 20px;
  clear: both;
  background-color: #f8f8f8;
  border: solid 3px #d3d3d3;
}
.book-feature h4 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 640px) {
  .book-feature .feature-content-wrap {
    display: flex;
  }
}
.book-feature .feature-content-wrap .featured-item-image-wrap {
  display: block;
  margin-top: 5px;
}
.book-feature .feature-content-wrap .featured-item-image-wrap img {
  width: 100%;
  max-width: 200px;
}
.book-feature .feature-content-wrap .feature-details {
  display: flex;
  flex-direction: column;
}
.book-feature .feature-content-wrap .feature-details .lblBasketItemTitle {
  color: #5c5c5c;
}
.book-feature .feature-content-wrap .feature-details .description {
  flex: 1;
}
.book-feature .feature-content-wrap .add-feature {
  display: inline-block;
  width: 220px;
  text-align: center;
  max-width: 100%;
}

.order-complete-summary .order-totals .row > div:first-child {
  padding-right: 0;
}

.row.panel-tax,
.row.panel-total-tax {
  color: #5c5c5c;
}

.row.panel-tax > div:first-child,
.row.panel-total-tax > div:first-child,
.row.tax > div:first-child {
  display: flex;
  align-items: center;
}
.row.panel-tax .ico-tooltip .tooltip,
.row.panel-total-tax .ico-tooltip .tooltip,
.row.tax .ico-tooltip .tooltip {
  width: 170px;
  margin-left: -75px;
}
@media only screen and (max-width: 1024px), only screen and (min-width: 1340px) {
  .row.panel-tax .ico-tooltip,
  .row.panel-total-tax .ico-tooltip,
  .row.tax .ico-tooltip {
    margin-left: 5px;
    margin-bottom: 2px;
    min-width: 16px;
  }
  .row.panel-tax .ico-tooltip .tooltip,
  .row.panel-total-tax .ico-tooltip .tooltip,
  .row.tax .ico-tooltip .tooltip {
    height: max-content;
    margin: 0 !important;
    font-size: 12px;
    text-align: left;
    left: 30px;
    top: -24px;
  }
  .row.panel-tax .ico-tooltip .tooltip:before,
  .row.panel-total-tax .ico-tooltip .tooltip:before,
  .row.tax .ico-tooltip .tooltip:before {
    top: 21px;
    left: 4px;
    border-left: none;
    border-right: 8px solid #336b75;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-left: -13px;
  }
  .row.panel-tax .ico-tooltip .tooltip:after,
  .row.panel-total-tax .ico-tooltip .tooltip:after,
  .row.tax .ico-tooltip .tooltip:after {
    top: 19px;
    left: 4px;
    border-left: none;
    border-right: 10px solid #e0e9ed;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
}

.row.tax {
  color: #666;
}

.row.total {
  margin: 15px 0 0;
  padding-top: 5px;
  border-top: 2px solid #d8d8d8;
}
.row.total > div {
  padding: 0;
}
.row.total p {
  font-size: 18px;
}

@media only screen and (max-width: 640px) {
  .book-feature {
    border-width: 5px;
  }
  .book-feature h4 {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .book-feature .feature-content-wrap .feature-details .description {
    font-size: 12px;
  }
  .book-feature .feature-content-wrap .add-feature {
    width: 100%;
  }
}
ul {
  margin: 0px;
  list-style: none;
}

button {
  border-radius: 0;
}

.reveal-overlay {
  z-index: 106;
}

/* Loader */
.overlay-loading {
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/ovrBack.png");
  background-repeat: repeat;
  text-align: center;
  display: none;
  z-index: 106;
}

.overlay-loading-mobile {
  float: left;
  position: fixed;
  top: 0px;
  z-index: 1006;
  width: 100%;
  height: 100%;
  background-image: url("../img/ovrBack.png");
  background-repeat: repeat;
  text-align: center;
  display: none;
}

.panel-content-payment {
  min-height: 130px;
}
.panel-content-payment .form-checkbox-buttons.giftcard-no-cvv-wrap li {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.panel-content-payment .form-checkbox-buttons.giftcard-no-cvv-wrap li label:not(.check) {
  font-size: 0.85rem;
  line-height: normal;
  margin: 0;
  padding: 0 0 0 8px;
}
.panel-content-payment .form-checkbox-buttons.giftcard-no-cvv-wrap li .check {
  position: relative;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  top: 0;
  min-height: 0;
}

#ovrLoaderPayment {
  display: block;
  float: left;
  height: 129px;
  position: relative;
  z-index: 100;
}

#ovrLoaderPayment > .loader {
  margin-top: 20px;
}

#ovrBaskeItems {
  max-width: 95% !important;
}

#ovrRemoveToken {
  max-width: 300px;
  padding: 1.5rem 1rem 1rem 1rem;
}
#ovrRemoveToken .remove-text p {
  text-align: center;
  margin-top: 10px;
}
#ovrRemoveToken .remove-text p:nth-child(1) {
  font-size: 20px;
  line-height: 1.4em;
}
#ovrRemoveToken .remove-text p:nth-child(2) {
  font-size: 16px;
}
#ovrRemoveToken .remove-buttons {
  margin: 20px 0;
  float: left;
  width: 100%;
}
#ovrRemoveToken .remove-buttons .checkout-button {
  background-color: #2c337e !important;
  color: #fff !important;
}
#ovrRemoveToken .close-button {
  right: 0.5rem;
  top: 0.2rem;
}

.overlay-processing {
  min-height: 290px;
}

.order-message {
  margin-top: 143px;
  text-align: center;
  font-size: 16px;
}

.basket-change-message {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}

.gift-card-loader {
  height: 200px;
}

.cta-confirm-gift-card {
  padding: 10px 0;
}

.loader {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 30px);
  box-sizing: border-box;
  border-top: 8px solid #336b75;
  border-right: 8px solid #5b8890;
  border-bottom: 8px solid #84a6ac;
  border-left: 8px solid #336b75;
  border-radius: 100%;
  animation: rotate 0.3s infinite linear;
}

.panel-omnico-error {
  padding: 20px 15px;
}

.btnAddBookToken-wrap,
.btnAddGiftCard-wrap {
  position: relative;
}

#txtGiftCardAmount {
  padding-left: 18px;
}

#txtRewardsPointsAmount {
  padding-left: 18px;
}

#txtGiftCardAmountUpdate {
  padding-left: 18px;
}

.giftcardPound {
  font-size: 13px;
  float: left;
  position: absolute;
  margin-top: 8px;
  margin-left: 8px;
}

.loader-gift-card {
  margin-top: 3px;
  width: 30px;
  height: 30px;
  top: calc(50% - 40px);
  left: calc(50% - 20px);
  box-sizing: border-box;
  border-top: 6px solid #ed5b03;
  border-right: 6px solid #ff7348;
  border-bottom: 6px solid #fb835e;
  border-left: 6px solid #ed5b03;
  border-radius: 100%;
  animation: rotate 0.8s infinite linear;
  float: left;
}

.loader-delivery-method {
  margin-top: 3px;
  width: 30px;
  height: 30px;
  top: calc(50% - 40px);
  left: calc(50% - 20px);
  box-sizing: border-box;
  border-top: 6px solid #ed5b03;
  border-right: 6px solid #ff7348;
  border-bottom: 6px solid #fb835e;
  border-left: 6px solid #ed5b03;
  border-radius: 100%;
  animation: rotate 0.8s infinite linear;
  float: left;
}

.loader-button {
  margin-top: 0px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-top: 3px solid #a6b3ff;
  border-right: 3px solid #afbbff;
  border-bottom: 3px solid #e1e5ff;
  border-left: 3px solid #fcfcff;
  border-radius: 100%;
  animation: rotate 0.8s infinite linear;
  float: left;
}

.loader-icon-con {
  display: block;
  width: 20px;
  margin: 0 auto auto;
}

.cta-loading {
  pointer-events: none;
}

.button-text {
  float: left;
  width: 100%;
}

.spnFreeUk {
  margin-top: 0px;
  margin-left: 6px;
}

.no-select {
  cursor: default;
}

.ico-paypal {
  float: left;
  margin: -4px 0px 0px 0px;
  background-image: url("../img/icoPaypalBoth.png");
  width: 68px;
  height: 23px;
  background-repeat: no-repeat;
  float: left;
  background-position: right;
  background-size: 135px 16px;
}

.ico-paypal-button {
  height: 15px;
  width: 64px;
  margin-left: 10px;
  margin-top: -3px;
}

.panel-closed .panel-content {
  display: none;
}

.panel-title h3 {
  cursor: pointer;
}

.panel-closed .panel-title {
  background-color: #fff;
  border-bottom: solid 1px #cacaca;
}

.panel-closed .panel-title h3 {
  color: #999999;
}

.panel-closed .panel-title .panel-basket-sub-header {
  display: none;
}

.panel-closed .panel-link-edit {
  display: block;
  font-size: 0.8rem;
  margin-top: -9px;
  float: right;
}

.panel-field-account-benefits {
  font-size: 0.7rem;
  color: #666666;
  padding: 8px;
  float: left;
  width: 175px;
  margin-top: 16px;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

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

.display-table-row {
  display: table-row;
}

.order-stock-notes {
  font-weight: normal;
  font-style: normal;
  font-size: 0.84rem !important;
}

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

.tableDespatch tr td {
  border-bottom: dotted 1px #d3d3d3;
}

table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.title-bar {
  width: 100%;
}

.basket-item:hover {
  background-color: #f9f9f9;
}

.basket-item-title-confirmation {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 28px;
}

.basket-item-title,
.lblBasketItemTitle {
  color: #000;
  cursor: text !important;
}

.basket-item-title:hover,
.lblBasketItemTitle:hover {
  color: #5c5c5c;
  text-decoration: none;
}

.basket-item-links {
  list-style: none;
  display: inline-block;
  white-space: nowrap;
}

.basket-item-button {
  color: #336b75;
  text-decoration: underline;
}

.step-split {
  font-size: 1rem;
  color: #d3d3d3;
  margin: 6px 14px;
  float: left;
}

.seperator {
  border-top: dotted 1px #d3d3d3;
  margin: 0px 0px;
}

.seperatorSmall {
  border-top: dotted 1px #d3d3d3;
  margin: 0px 0px;
}

.orderRemove {
  width: 155px;
}

.highlight-box-available {
  background-color: #fff;
  color: #323232;
  padding: 8px 11px;
  float: left;
  font-size: 0.75rem;
  font-weight: 400;
  border: dotted 1px #129842 !important;
}

.tick {
  color: #1ab250;
  float: right;
  margin-left: 6px;
  margin-top: 1px;
}

.field-row-highlight {
  background-color: #f9f9f9;
}

.ctaDeliverToShop {
  text-decoration: none;
}

.highlight-box-unavailable {
  background-color: #fff;
  color: #B60303;
  padding: 4px 10px;
  float: left;
  font-size: 0.75rem;
  font-weight: 400;
  border: dotted 1px #B60303 !important;
}

.panel-logged-in {
  background-color: #fff;
  float: left;
  width: 100%;
  color: #323232;
  font-size: 0.6504rem;
  padding: 6px 0px;
}

.highlight-box {
  background-color: #F3F3F3;
}

.highlight-box-strong {
  background-color: #305c87;
  border-color: #223D58 !important;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}

.focusable-input {
  border-color: #336b75 !important;
}

.focusable-input:focus {
  outline: auto 5px #b9e7e4 !important;
}

.lined-box-top {
  border: 1px solid #336b75;
  border-bottom: 0;
}

.lined-box-top h5 {
  color: #336b75;
  line-height: 22px;
  font-family: Baskerville, serif;
  font-weight: 700;
  font-size: 16px;
  margin-top: 6px;
}

.panel-password-create {
  border: 1px solid #336b75;
  border-top: 0;
}

.panel-account-created * {
  font-size: 13px;
  line-height: normal;
  text-align: center;
}
.panel-account-created > p:first-of-type {
  margin-top: 20px;
}
.panel-account-created p {
  padding-left: 5%;
  padding-right: 5%;
  margin: 10px 0 5px;
}
.panel-account-created p a {
  color: #000 !important;
}
.panel-account-created p span {
  text-decoration: underline;
  cursor: pointer;
}
.panel-account-created .success-info {
  background: #e0e9ec;
  border: solid 1px #336b75;
  padding: 16px 26px;
  margin: 0 40px;
}
.panel-account-created .success-info h5 {
  margin-bottom: 5px;
  font-family: "New Baskerville", Baskerville, serif;
  font-size: 20px;
}
.panel-account-created .success-info h5 + p {
  margin-top: 12px;
}
.panel-account-created .success-info p {
  margin-top: 0;
  font-size: 15px;
}
.panel-account-created .success-info .header-text {
  margin-bottom: 12px;
  padding: 0;
}
.panel-account-created .success-info .footer-text {
  font-size: 12px;
}
.panel-account-created .success-info form {
  display: flex;
  justify-content: center;
}
.panel-account-created .success-info form button,
.panel-account-created .success-info form input {
  border: solid 1px themeStyle(validate-input-colour);
  height: 34px;
  text-align: center;
  width: 34px;
}
.panel-account-created .success-info form button:not(:last-child),
.panel-account-created .success-info form input:not(:last-child) {
  margin-right: 20px;
}

.panel-title {
  -webkit-transition: background 0.8s;
  -moz-transition: background 0.8s;
  -o-transition: background 0.8s;
  transition: background 0.8s;
  cursor: pointer;
}

.highlight-box-strong h3 {
  color: #fff;
  -webkit-transition: color 1s;
  -moz-transition: color 1s;
  -o-transition: color 1s;
  transition: color 1s;
  cursor: pointer;
}

.highlight-box-strong .panel-basket-sub-header {
  color: #fff;
  -webkit-transition: color 2s;
  -moz-transition: color 2s;
  -o-transition: color 2s;
  transition: color 2s;
  cursor: pointer;
}

label.checkbox-label.mail-icon {
  display: block;
  align-items: center;
  padding: 2px 130px 10px 40px;
  background: url(../img/mail-icon.png) 100% top no-repeat;
  background-size: 130px;
  font-family: "New Baskerville", Baskerville, serif;
  color: #000;
  line-height: 14px;
  flex-direction: column;
  height: auto;
  font-size: 13px;
  margin-right: 0;
}

@media only screen and (max-width: 640px) {
  label.checkbox-label.mail-icon {
    padding: 0 0 70px 40px;
    background-position: center bottom;
  }
}
.panel-password-create .subtext {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 11px;
  padding: 6px 0;
  line-height: 13px;
  display: inline-block;
  width: 100%;
  color: inherit;
}
.panel-password-create .subtext.terms {
  text-align: right;
  padding-top: 26px;
}
.panel-password-create #chkTermsAndconditions {
  display: none;
}
.panel-password-create #lnkCreateAccount {
  margin-top: 0;
}
.panel-password-create .show-hide-password {
  top: 4px;
  background-image: url("../../img/mobile-app/icons/eye-grey.png");
}
.panel-password-create .show-password .show-hide-password {
  background-image: url("../../img/mobile-app/icons/eye.png");
}

/* Colors utility classes */
.color-primary-text {
  color: #000 !important;
}

.color-secondary-text {
  color: #666666 !important;
}

.color-tertiary-text {
  color: #999999 !important;
}

.color-white-text {
  color: #ffffff !important;
}

.color-white-text:hover {
  color: #ffffff;
}

.color-white-text:visited {
  color: #ffffff;
}

.color-quart-text {
  color: #336b75;
}

.color-ws1 {
  color: #336b75;
}

.chk-surround {
  position: relative;
}

.chk-right.halt-footer {
  position: absolute !important;
  right: 0;
  bottom: 0;
}

.chk-right.halt-footer .side-container.sticky {
  position: relative !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
}

.side-container {
  background-color: #ffffff;
  position: fixed !important;
  top: 5.5rem !important;
  max-width: 256px;
}

.sticky.is-anchored {
  position: absolute !important;
}

.sticky.is-anchored.is-at-bottom {
  position: fixed !important;
}

.bottom-container {
  background-color: #ffffff;
  position: fixed !important;
  bottom: 0px !important;
  z-index: 106;
}

.text-decoration-underline {
  text-decoration: underline;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.position-static {
  position: static;
}

.customersupportnumber {
  text-decoration: none !important;
  color: #000 !important;
}

.customersupportnumber:hover {
  text-decoration: none !important;
}

.basket-item-image {
  float: left;
  width: auto;
  max-width: 86%;
  height: auto;
  max-height: 100px;
}

.text-right-only-small {
  text-align: right;
}

.text-left-only-small {
  text-align: left;
}

.logo {
  min-width: 150px;
  max-width: 150px;
}

.btnUseAddress {
  margin-top: 16px;
}

.lblAddress {
  min-height: 0px;
  float: left;
}

.progress-steps {
  background-color: #bebebe;
  text-transform: uppercase;
  list-style-type: none;
  text-align: center;
  height: 38px;
  display: flex;
}
@media screen and (min-width: 641px) {
  .progress-steps {
    height: 43px;
  }
}
.progress-steps li {
  margin-left: auto;
  margin-right: auto;
  line-height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-steps .progress-step {
  color: #fff;
  background-color: #bebebe;
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  flex: 1;
  z-index: 1;
}
@media screen and (min-width: 641px) {
  .progress-steps .progress-step {
    font-size: 1.05rem;
  }
}
.progress-steps .progress-step.progress-active-step {
  background-color: #336b75;
  pointer-events: none;
}
.progress-steps .progress-step-split {
  position: relative;
  background-color: #bebebe;
  display: block;
  overflow: hidden;
  width: 33px;
}
.progress-steps .progress-step-split:before {
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 50px;
  height: 50px;
  border: 4px solid #fff;
  border-left: transparent;
  border-bottom: transparent;
  left: -32px;
  position: relative;
  background-color: #bebebe;
  display: inline-block;
  top: -6px;
}
@media screen and (min-width: 641px) {
  .progress-steps .progress-step-split:before {
    left: -30px;
    top: -3px;
  }
}
.progress-steps .progress-step-split.progress-step-split-active {
  background-color: #bebebe;
}
.progress-steps .progress-step-split.progress-step-split-active:before {
  background-color: #336b75;
}
.progress-steps .progress-step-split.progress-step-split-active-start {
  background-color: #336b75;
}

@media screen and (min-width: 457px) {
  .errorHeaderCross {
    margin-top: -2px;
  }
}
@media screen and (min-width: 641px) {
  .logo {
    min-width: 166px;
    min-height: 22px;
    max-width: 180px;
  }
  .lblAddress {
    min-height: 44px;
    float: left;
  }
  .text-left-only-small,
  .text-right-only-small {
    text-align: inherit;
  }
  .basket-item-image {
    width: auto;
    height: auto;
  }
  .basket-item-title {
    line-height: 24px;
    margin-top: -0.3rem;
  }
  .basket-item-author {
    margin-top: -0.25rem;
  }
}
/*Hide show for delivery panel*/
.show-for-over-fixed-screen-height {
  display: none;
}

@keyframes rotate {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  to {
    transform: rotate(359deg) translate3d(0, 0, 0);
  }
}
.row-field:hover {
  background-color: #f9f9f9;
}

.panel-tick {
  float: right;
  margin-top: -7px;
  margin-left: 20px;
}

header {
  background-color: #ffffff;
  margin-top: 0px;
  position: relative;
  z-index: 101;
  padding-top: 4px;
  padding-bottom: 10px;
}

.main-container {
  margin-top: 12px;
}

input[disabled] + a {
  color: #797979;
}

/* Show debug mode */
#checkout-debug {
  display: none;
}

#checkout-debug.debug-active {
  display: block;
  padding-bottom: 90px;
}

#showDebug {
  z-index: 999;
  position: relative;
}

.img-payment-card {
  width: auto;
  height: 22px;
}

.payment-description {
  padding: 20px;
}

.payment-iframe {
  width: 100%;
  height: 560px;
  border-width: 0;
  padding: 0 50px 0 30px !important;
}

#hide-payment-iframe {
  display: block;
  text-decoration: none;
  float: right;
  font-size: 30px;
  line-height: 20px;
}

#txtEmail, #txtPassword {
  margin-bottom: 10px;
}

.rowItemAvailability {
  background-color: #FBEED5;
}

.accordion-payment-type-content {
  padding: 0;
  position: relative;
}

.panel-saved-cards-options {
  position: absolute;
  top: 40px;
  right: 0.9375rem;
}

.panel-pay-saved-credit-card {
  position: relative;
}

@media only screen and (max-width: 640px) {
  .panel-pay-add-credit-card {
    overflow: hidden;
  }
}
.panel-change-card {
  position: absolute;
  top: 15px;
  right: 15px;
}

.saved-card-issuer-name,
.selected-payment-card-issuer-name {
  margin-top: 4px;
}

#txtCVC {
  border-color: #336b75;
}

#txtCVC:focus {
  box-shadow: 0px 0px 3px 2px #b9e7e4;
  border-color: #70a3a6;
}

.panel-field-saved-billing-address {
  position: relative;
}

.panel-ViewSavedBillingAddresses,
.panel-AddNewBillingAddresse {
  position: absolute;
  top: 20px;
  right: 20px;
}

.panel-field-saved-delivery-address,
.panel-field-saved-billing-address {
  min-height: 82px;
}

.panel-field-saved-billing-address.no-height:hover {
  background-color: transparent;
}

.panel-field-saved-billing-address.no-height label {
  display: none;
}

.panel-ViewSavedDeliveryAddresses {
  height: 0;
}

.short-address-code {
  padding-bottom: 1.2rem;
}

#lblSavedAddress {
  width: calc(100% - 110px);
}

.local-shipping-error {
  clear: both;
  display: none;
  margin: 0 auto;
  padding: 8px 8px 6px;
  text-align: left;
  font-size: 12px;
  color: #b60303;
  background-color: #ffdede;
}
.local-shipping-error.display-block {
  display: block;
}
.local-shipping-error.main-local-shipping-error {
  margin-top: 10px;
}
.local-shipping-error a,
.local-shipping-error a:visited {
  color: #b60303;
}

.alt-modal.reveal {
  padding-top: 0;
  border: 0;
  border-radius: 0;
  width: 400px !important;
}
.alt-modal h3,
.alt-modal .h3 {
  margin: 0 -16px;
  padding: 12px 20px;
  background: #346b74;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  line-height: 1.18;
}
.alt-modal .columns {
  padding-left: 0;
  padding-right: 0;
}
.alt-modal .close-button span {
  background-image: url(../img/Cross_W.png);
  width: 36px;
  height: 36px;
  display: block;
  background-size: contain;
  background-position: center;
  top: -2px;
  right: -8px;
  position: relative;
}

.alt-radio {
  position: absolute;
  width: 36px;
  height: 36px;
  min-width: unset;
  min-height: unset;
  padding: 0;
  border-radius: 50%;
  background-color: #B2E4E1;
  border: 2px solid #336b75;
  top: 50%;
  transform: translateY(-50%);
}

.alt-radio.radio-checked:before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 8px;
  left: 8px;
  background: #3e3e3e;
}

.btnUseAddress.alt-radio {
  right: 0;
}

.customer-saved-address {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #bebebe;
}

.customer-saved-address:last-child {
  margin-bottom: 20px;
}

.customer-saved-address > p {
  max-width: calc(100% - 44px);
}

.img-payment-card {
  height: 27px;
  width: 44px;
  background: url("../img/creditcards-nopaypal.png");
  background-size: cover;
}

.card-img-none,
.card-img-XX,
.card-img-BE,
.card-img-CB,
.card-img-DC,
.card-img-DI,
.card-img-JC,
.card-img-SW,
.card-img- {
  background: #000;
}

.card-img-VI,
.card-img-VD,
.card-img-VE {
  background-position-x: 0;
}

.card-img-MC,
.card-img-MD {
  background-position-x: -52px;
}

.card-img-AX {
  background-position-x: -103px;
}

.card-img-MA {
  background-position-x: -156px;
}

.required-field {
  color: #B60303;
}

.paymentcardRows {
  display: flex;
  flex-wrap: wrap;
}

.paymentrowCard {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #bebebe;
}

.paymentrowCard:last-child {
  margin-bottom: 20px;
}

.saved-card-issuer-name {
  width: 100%;
  max-width: calc(100% - 50px);
  text-transform: capitalize;
}

.img-single-payment-card {
  float: right;
  margin-right: 6px;
}

.lblCardholderName {
  padding-right: 4px;
}

.lblCardAddress {
  padding-bottom: 10px;
}

.btnPaymentCard {
  align-self: flex-end;
  margin-top: auto !important;
  right: 0;
}

#txtPostCodeBilling-error {
  margin: 0 0.9375rem;
  width: calc(100% - 0.9375rem - 0.9375rem);
}

.noclick {
  pointer-events: none;
}

.order-complete-summary div.row div:nth-child(2) p {
  white-space: nowrap;
}

#free-delivery-msg {
  padding: 10px;
  padding-top: 11px;
  margin-top: 0.8rem;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 16px;
  color: #000;
  background: #e0e9ed;
  padding-left: 70px;
  background-image: url(../img/Delivery_icon_truck.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 42px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  #free-delivery-msg {
    font-size: 14px;
  }
}

.promo-code-accordion-title {
  display: flex;
  align-items: center;
  padding: 6px 2px;
  cursor: pointer;
}
.promo-code-accordion-title:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../img/checkout-chevron-down.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 1px;
  margin-left: 5px;
  transition: transform 0.3s;
}
.promo-code-accordion-title.open:after {
  transform: rotate(-180deg);
}

.applied-promo-codes {
  float: left;
  width: 100%;
  padding-bottom: 4px;
}

.row-applied-promo {
  position: relative;
  margin-bottom: 10px;
}

.btnRemovePromoCode {
  position: absolute;
  top: -3px;
  right: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
}

.hr-order-summary {
  margin: 5px 0 4px;
  border-bottom: 2px solid #d8d8d8;
}

#sidebar-delivery-options p {
  white-space: nowrap;
}

.sidebar-heading {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 0px;
  font-weight: 500;
}

.lnkShopViewMore {
  white-space: nowrap;
}

#formLocation label {
  white-space: nowrap;
}

#ovrHelp p {
  margin-bottom: 4px;
}

#ovrHelp p.lead {
  margin-bottom: 0;
}

.drpAddressesMobileDelivery, .drpAddressesMobileBilling {
  border: 2px solid #305C87;
}

.rowItemSpecialOpeningTime td:first-child {
  max-width: 160px;
  padding-right: 0;
}

.rowItemSpecialOpeningTime .lblDay,
.rowItemSpecialOpeningTime .lblDate {
  display: block;
  width: 100%;
  float: left;
}

.ovrOpeningTimes .specialOpeningTimesTitle {
  margin-top: 26px;
}

/* Icons */
@font-face {
  font-family: "ws-icons";
  src: url("../fonts/ws-icons.eot?55734889");
  src: url("../fonts/ws-icons.eot?55734889#iefix") format("embedded-opentype"), url("../fonts/ws-icons.woff2?55734889") format("woff2"), url("../fonts/ws-icons.woff?55734889") format("woff"), url("../fonts/ws-icons.ttf?55734889") format("truetype"), url("../fonts/ws-icons.svg?55734889#ws-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "ws-icons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ok:before {
  content: "\e800";
}

.icon-ok-circled:before {
  content: "\e801";
}

.icon-cancel:before {
  content: "\e802";
}

.icon-cancel-circle:before {
  content: "\e803";
}

.icon-print:before {
  content: "\e804";
}

.icon-plus:before {
  content: "\e805";
}

.icon-plus-circled:before {
  content: "\e806";
}

.icon-phone:before {
  content: "\e807";
}

.icon-at:before {
  content: "\e808";
}

.icon-plus-2:before {
  content: "\e80b";
}

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

.icon-phone-squared:before {
  content: "\f098";
}

.icon-direction:before {
  content: "\f124";
}

@media screen and (max-width: 400px) {
  #loggedInCaptcha,
  #guestCaptcha {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
}
/* Small sizes */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .right-for-small-only {
    float: right !important;
  }
  .reveal {
    top: 20px !important;
    left: initial !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none;
    margin-left: auto !important;
    border: 0;
    border-radius: 0;
    max-width: calc(100% - 30px);
  }
  .panel-tick {
    float: right;
    margin-top: 12px;
    margin-left: 0px;
    width: 14px;
    margin-right: 30px;
  }
  .panel-link-edit {
    margin-top: -16px;
    float: right;
  }
  input[type=text] {
    margin-bottom: 10px;
  }
  .error {
    margin-bottom: 14px;
  }
  .payment-iframe {
    padding: 20px 20px 0 !important;
  }
  #hide-payment-iframe {
    margin: 0px;
  }
  .panel-mobile-call-to-action .row {
    margin-bottom: 4px;
  }
  /* Mobile checkout buttons */
  .mobile-checkout-button,
  .mobile-checkout-button:hover {
    padding: 3px 16px;
  }
  .panel-change-card {
    top: 5px;
    right: 15px;
  }
  .panel-change-card .mobile-checkout-button {
    top: -3px;
    right: -5px;
    position: relative;
  }
  .panel-change-card .change-card:not(.mobile-checkout-button) {
    padding: 5px 8px;
  }
  .panel-saved-cards-options {
    top: 10px;
  }
  .alt-modal h3,
  .alt-modal .h3 {
    font-size: 18px;
  }
}
/* Medium sizes */
@media screen and (min-width: 40em) {
  footer {
    padding-bottom: 20px;
  }
  .panel-tick {
    float: right;
    margin-top: -10px;
    margin-left: 0px;
    width: 18px;
    margin-right: 0px;
  }
  .panel-link-edit {
    margin-top: -8px;
    margin-right: 12px;
    float: right;
  }
  #ovrOrderSummary {
    max-width: 550px;
  }
}
/* Large sizes */
@media screen and (min-width: 64em) {
  /*Overlay (Reveal) scroll position fix */
  .is-reveal-open {
    overflow: hidden;
  }
  header {
    position: fixed;
  }
  .chk-surround:not(.app) .main-container,
  .panel-order-confirmation:not(.app) .main-container {
    margin-top: 88px;
  }
  footer {
    padding-bottom: 12px;
  }
  .panel-tick {
    float: right;
    margin-top: -10px;
    margin-left: 0px;
    width: 18px;
    margin-right: 0px;
  }
  .panel-link-edit {
    margin-top: -8px;
    margin-right: 12px;
    float: right;
  }
  .large-min-height {
    min-height: 570px;
  }
}
.rel-pos {
  position: relative;
}

#btnSeachBookShopLocation {
  display: block;
  color: #336b75;
  position: absolute;
  right: 16px;
  top: 0;
  padding: 8px 3px;
  width: 40px;
  min-width: 40px;
  height: 38px;
  font-size: 22px;
  line-height: 24px;
  text-decoration: none;
  border-left: 2px solid #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  cursor: pointer;
}

#btnSeachBookShopLocation img {
  width: 22px;
  height: 22px;
}

.btnAddNewDeliveryAddress,
.btnCancelAddNewDeliveryAddress {
  position: absolute;
  right: 15px;
  top: 15px;
}

.panel-field-saved-delivery-address {
  position: relative;
}

.lnkViewSavedDeliveryAddresses {
  position: absolute;
  right: 15px;
  top: 15px;
}

.phone-form-wrap {
  display: flex;
  flex: 1;
}
.phone-form-wrap form {
  flex: 1;
  margin-right: 5px;
}
.phone-form-wrap form #phone-errors {
  display: none;
}
.phone-form-wrap .phone-fields-wrap {
  display: flex;
  flex: 1;
}
.phone-form-wrap .phone-fields-wrap :first-child {
  width: 75px;
  margin-right: 5px;
}
.phone-form-wrap .phone-fields-wrap :last-child {
  flex: 1;
}
.phone-form-wrap .ico-tooltip {
  top: 10px;
}

.tooltip.tooltip-phone {
  width: 265px;
  margin-top: -65px;
  right: calc(100% + 8px);
  bottom: auto;
  text-align: left;
}
.tooltip.tooltip-phone p {
  line-height: normal;
}
.tooltip.tooltip-phone:before, .tooltip.tooltip-phone:after {
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid #336b75;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  top: 18px;
  left: auto;
}
.tooltip.tooltip-phone:before {
  right: -16px;
}
.tooltip.tooltip-phone:after {
  border-left-color: #e0e9ed;
  right: -17px;
}

.apple-authorisation,
.google-authorisation {
  position: relative;
  width: 100%;
}
.apple-authorisation .tooltip-style,
.google-authorisation .tooltip-style {
  display: none;
  margin: auto;
  width: 100%;
}

.basket-item.small-border-dotted-bottom:last-child,
.basket-item.medium-border-dotted-bottom:last-child,
.basket-item.large-border-dotted-bottom:last-child {
  border-bottom: none;
}

.pipe {
  color: #666;
  font-size: 1rem;
  padding: 0 5px;
}

.row .row.row.columns.panel-order-summary,
.panel-mobile-call-to-action {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.footer-total-to-pay p {
  font-size: 18px;
}

.panel-mobile-call-to-action {
  padding-left: 0;
  padding-right: 0;
}

img[src="/images/cover404.png"] {
  border: 1px solid #d3d3d3;
}

.large-header-nav {
  min-height: 1px;
}

#holding-message {
  width: 100%;
  line-height: 30px;
  background: red;
  color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
}

.highlight-box.panel-book-tokens-applied, .highlight-box.panel-gift-card-applied, .highlight-box.panel-gift-card-applied-guest, .highlight-box.panel-loyalty-card-applied {
  min-height: 39px;
  border: dotted 1px #d3d3d3;
  padding: 8px 12px;
}

.accordion-payment-type-content .warning-message {
  margin: 12px;
}

.searchBookShopsFocus {
  border-left: 2px solid #797979 !important;
}

.btnCheckOut:focus {
  color: #fff !important;
}

.btnCheckOut:hover {
  text-decoration: none;
}

.panel-gift-card-error,
.panel-gift-card-error-guest,
.panel-book-token-error {
  top: -5px;
  position: relative;
}
@media only screen and (min-width: 640px) and (max-width: 1021px) {
  .panel-gift-card-error,
  .panel-gift-card-error-guest,
  .panel-book-token-error {
    top: 5px;
  }
}

#btnApplyGiftCards,
#btnApplyGiftCards_guest {
  padding-left: 0;
  padding-right: 0;
}

.show-print {
  display: none;
}

.vat-footer {
  padding-top: 20px !important;
  float: left;
  width: 100%;
}

.edit-basket,
.login-modal-submit {
  padding: 0.6rem 1rem 0.5rem;
  margin-top: 1rem;
}

.basket-mob-subheader {
  display: flex;
  align-items: center;
}

.basket-mob-subheader .btnCheckOut {
  white-space: nowrap;
}

.panel-saved-customer-addresses {
  display: flex;
  flex-wrap: wrap;
}

.panel-saved-customer-addresses::before {
  flex-basis: 0;
  order: 1;
}

.panel-field-password .captcha-box {
  -webkit-transform: scale(0.84);
  -ms-transform: scale(0.84);
  transform: scale(0.84);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}

/* login modal */
.modal-box {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 90%;
  max-width: 700px;
  background: white;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.6);
  background-clip: padding-box;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
  margin: 0;
  color: #fff;
}

.modal-box button.close {
  font-size: 38px;
  position: absolute;
  top: 11px;
  right: 15px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 30px;
  height: 30px;
  display: block;
  line-height: 31px;
  text-align: center;
}

.modal-box header {
  padding: 11px 20px 10px;
  position: static;
  height: auto;
}

#loginModal {
  display: none;
}

#loginModal #loginForm {
  padding: 0 10px;
}

#loginModal.modal-box {
  background: #eee;
  max-width: 400px;
}

#loginModal header {
  background: #aaa;
}

#loginModal .modal-body {
  padding: 10px;
}
#loginModal .modal-body .password-field-wrap {
  float: left;
  position: relative;
}

#loginModal input,
#loginModal label {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 16px;
}

#loginModal .cta-primary {
  float: right;
  margin: 0;
}

#loginModal input[readonly] {
  pointer-events: none;
}

#loginModal .lnkLogOut {
  float: right;
  margin-bottom: 4px;
}

#basketChangeModal.modal-box {
  background: #eee;
  max-width: 400px;
}

#basketChangeModal header {
  background: #aaa;
}

#basketChangeModal .modal-body {
  padding: 10px;
}

label[for=agree_terms_conditions] {
  margin: 0;
  color: #0c0c0c;
}
label[for=agree_terms_conditions] > span {
  padding-top: 3px;
}
label[for=agree_terms_conditions] small {
  width: 200px;
  display: inline-block;
  font-size: 11px;
  line-height: 12px;
  padding-top: 4px;
}

div#agree_terms_conditions-error {
  top: 0 !important;
  max-width: 229px;
  float: right;
  clear: both;
}

@media only screen and (max-width: 640px) {
  #loginModal.modal-box header {
    padding: 10px 15px !important;
  }
  .panel-field-password .captcha-box {
    -webkit-transform: scale(0.855);
    -ms-transform: scale(0.855);
    transform: scale(0.855);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    padding-top: 4px;
  }
  div#agree_terms_conditions-error {
    max-width: 235px;
  }
}
.send-email-verification-checkout {
  text-decoration: underline;
  cursor: pointer;
}

.panel-payment-options .accordion-disabled .accordion-title,
.panel-payment-options .accordion-disabled .accordion-title:hover {
  background-image: none;
}
.panel-payment-options .accordion-title {
  font-size: 14px;
}
.panel-payment-options .accordion-title,
.panel-payment-options .accordion-title:hover {
  background-image: url("../img/chev-down-grey.png");
  background-position: calc(100% - 12px) center;
  background-size: 15px auto;
  padding-left: 62px;
  padding-right: 38px;
  position: relative;
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  .panel-payment-options .accordion-title,
  .panel-payment-options .accordion-title:hover {
    font-size: 13px;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
  }
}
.panel-payment-options .accordion-title:before,
.panel-payment-options .accordion-title:hover:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 28px;
  width: 44px;
  margin: 0;
}
.panel-payment-options .accordion-title.is-active,
.panel-payment-options .accordion-title:hover.is-active {
  border-bottom: 0;
}
.panel-payment-options .accordion-title.gift-card,
.panel-payment-options .accordion-title:hover.gift-card {
  border: 0;
}
.panel-payment-options .accordion-title.gift-card:before,
.panel-payment-options .accordion-title:hover.gift-card:before {
  background-image: url("../img/gift-card.png");
}
.panel-payment-options .accordion-title.gift-card.applied,
.panel-payment-options .accordion-title:hover.gift-card.applied {
  background-size: 20px auto;
  background-image: url("../img/TickTeal.png");
}
.panel-payment-options .accordion-title.book-tokens,
.panel-payment-options .accordion-title:hover.book-tokens {
  border: 0;
}
.panel-payment-options .accordion-title.book-tokens:before,
.panel-payment-options .accordion-title:hover.book-tokens:before {
  background-image: url("../img/nbt_logo.png");
}
.panel-payment-options .accordion-title.book-tokens.applied,
.panel-payment-options .accordion-title:hover.book-tokens.applied {
  background-size: 20px auto;
  background-image: url("../img/TickNBT.png");
}
.panel-payment-options .accordion-title.points-balance,
.panel-payment-options .accordion-title:hover.points-balance {
  border: 0;
}
.panel-payment-options .accordion-title.points-balance:before,
.panel-payment-options .accordion-title:hover.points-balance:before {
  background-image: url("../img/green-plus-card.png");
}
.panel-payment-options .accordion-title.points-balance.applied,
.panel-payment-options .accordion-title:hover.points-balance.applied {
  background-size: 20px auto;
  background-image: url("../img/TickGreen.png");
}
.is-student .panel-payment-options .accordion-title.points-balance:before,
.is-student .panel-payment-options .accordion-title:hover.points-balance:before {
  background-image: url("../img/blue-plus-card.png");
}
.is-student .panel-payment-options .accordion-title.points-balance.applied,
.is-student .panel-payment-options .accordion-title:hover.points-balance.applied {
  background-size: 20px auto;
  background-image: url("../img/TickBlue.png");
}
.book-seller .panel-payment-options .accordion-title.points-balance:before,
.book-seller .panel-payment-options .accordion-title:hover.points-balance:before {
  background-image: url("../img/purple-plus-card.png");
}
.book-seller .panel-payment-options .accordion-title.points-balance.applied,
.book-seller .panel-payment-options .accordion-title:hover.points-balance.applied {
  background-size: 20px auto;
  background-image: url("../img/TickPurple.png");
}
.panel-payment-options .accordion-title .giftcard-balance-applied,
.panel-payment-options .accordion-title .loyalty-balance-applied,
.panel-payment-options .accordion-title:hover .giftcard-balance-applied,
.panel-payment-options .accordion-title:hover .loyalty-balance-applied {
  color: #80c078;
  font-weight: bold;
  position: relative;
}
.is-student .panel-payment-options .accordion-title .loyalty-balance-applied,
.is-student .panel-payment-options .accordion-title:hover .loyalty-balance-applied {
  color: #76c0e2;
}
.book-seller .panel-payment-options .accordion-title .loyalty-balance-applied,
.book-seller .panel-payment-options .accordion-title:hover .loyalty-balance-applied {
  color: #a783b7;
}
.panel-payment-options .accordion-title .giftcard-balance-applied,
.panel-payment-options .accordion-title:hover .giftcard-balance-applied {
  color: #336b75;
}
.panel-payment-options .accordion-title .booktoken-balance-applied,
.panel-payment-options .accordion-title:hover .booktoken-balance-applied {
  font-weight: bold;
  position: relative;
}
.panel-payment-options .accordion-title.paypal, .panel-payment-options .accordion-title.applepay, .panel-payment-options .accordion-title.googlepay, .panel-payment-options .accordion-title.credit-card,
.panel-payment-options .accordion-title:hover.paypal,
.panel-payment-options .accordion-title:hover.applepay,
.panel-payment-options .accordion-title:hover.googlepay,
.panel-payment-options .accordion-title:hover.credit-card {
  background-position: calc(100% - 12px) center;
  background-size: auto 20px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
  .panel-payment-options .accordion-title.paypal, .panel-payment-options .accordion-title.applepay, .panel-payment-options .accordion-title.googlepay, .panel-payment-options .accordion-title.credit-card,
  .panel-payment-options .accordion-title:hover.paypal,
  .panel-payment-options .accordion-title:hover.applepay,
  .panel-payment-options .accordion-title:hover.googlepay,
  .panel-payment-options .accordion-title:hover.credit-card {
    background-size: auto 16px;
  }
}
.panel-payment-options .accordion-title.paypal:before, .panel-payment-options .accordion-title.applepay:before, .panel-payment-options .accordion-title.googlepay:before, .panel-payment-options .accordion-title.credit-card:before,
.panel-payment-options .accordion-title:hover.paypal:before,
.panel-payment-options .accordion-title:hover.applepay:before,
.panel-payment-options .accordion-title:hover.googlepay:before,
.panel-payment-options .accordion-title:hover.credit-card:before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: #B2E4E1;
  border: 2px solid #336b75;
  box-sizing: border-box;
  left: 16px;
  top: 8px;
}
.panel-payment-options .accordion-title.paypal.is-active:after, .panel-payment-options .accordion-title.applepay.is-active:after, .panel-payment-options .accordion-title.googlepay.is-active:after, .panel-payment-options .accordion-title.credit-card.is-active:after,
.panel-payment-options .accordion-title:hover.paypal.is-active:after,
.panel-payment-options .accordion-title:hover.applepay.is-active:after,
.panel-payment-options .accordion-title:hover.googlepay.is-active:after,
.panel-payment-options .accordion-title:hover.credit-card.is-active:after {
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  left: 25px;
  top: 17px;
  background-color: #3e3e3e;
}
.panel-payment-options .accordion-title.paypal,
.panel-payment-options .accordion-title:hover.paypal {
  background-image: url("../img/paypal-icon.png");
  background-size: auto 23px;
}
.panel-payment-options .accordion-title.applepay,
.panel-payment-options .accordion-title:hover.applepay {
  background-image: url("../img/applepay.png");
  background-size: auto 23px;
}
.panel-payment-options .accordion-title.googlepay,
.panel-payment-options .accordion-title:hover.googlepay {
  background-image: url("../img/googlepay.svg");
  background-size: contain;
  background-position: right;
}
.panel-payment-options .accordion-title.credit-card,
.panel-payment-options .accordion-title:hover.credit-card {
  background-image: url("../img/accepted-cards.jpg");
}
@media only screen and (max-width: 640px) {
  .panel-payment-options .accordion-title.credit-card,
  .panel-payment-options .accordion-title:hover.credit-card {
    background-image: url("../img/accepted-cards-mob.png");
    background-size: auto 30px;
  }
}
.panel-payment-options #accordionApplyGiftCard,
.panel-payment-options #accordionPanelGiftCard {
  border: 2px solid #336b75;
  background-color: #E0E9ED;
}
.panel-payment-options #accordionPanelRewards {
  border: 2px solid #80c078;
  background-color: #E7F5E6;
}
.panel-payment-options #accordionPanelRewards .accordion-title {
  color: #000;
}
.is-student .panel-payment-options #accordionPanelRewards {
  border: 2px solid #76c0e2;
  background-color: #D5EDF9;
}
.book-seller .panel-payment-options #accordionPanelRewards {
  border: 2px solid #a783b7;
  background-color: #F3E6F9;
}
.panel-payment-options #accordionPanelBookTokens {
  border: 2px solid #2c337e;
  background-color: #e9eaf2;
}
.panel-payment-options #accordionPanelBookTokens .accordion-title {
  color: #2c337e;
}
.panel-payment-options #accordionPanelBookTokens .accordion-content {
  background-color: #e9eaf2;
  border-color: #d8d8d8;
}
.panel-payment-options #accordionPanelBookTokens .accordion-content input {
  border: solid 1px #2c337e;
}
.panel-payment-options #accordionPanelBookTokens .accordion-content input.cta-secondary-small {
  background-color: #2c337e !important;
}
.panel-payment-options #accordionPanelBookTokens .accordion-content input:focus-visible {
  border-color: rgb(116.4, 124.1, 206.6);
  outline: 1px solid rgb(116.4, 124.1, 206.6);
}
.panel-payment-options #accordionPanelBookTokens .accordion-content button {
  background-color: #2c337e !important;
}
.panel-payment-options #accordionPanelBookTokens .accordion-content button:focus-visible {
  outline: 2px solid rgb(116.4, 124.1, 206.6);
}
.panel-payment-options #accordionPanelBookTokens .accordion-content p {
  line-height: 1.4em;
}
.panel-payment-options #accordionPanelBookTokens .remove-book-token {
  display: block;
  cursor: pointer;
  margin-top: 10px;
  color: #000 !important;
  text-decoration: underline;
  font-size: 0.8rem;
  border: 0;
}
.panel-payment-options #accordionPanelBookTokens .remove-book-token.cross {
  width: 15px;
  height: 15px;
  background-image: url("../img/icons-cross.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
}

.payment-panel-message {
  background-color: #e0e9ed;
  width: 100%;
  float: left;
  padding: 10px;
}

#paypalOptions {
  padding: 20px;
}

#applepayOptions {
  padding: 20px;
}

#googlepayOptions {
  padding: 20px;
}

@media only screen and (max-width: 640px) {
  #lnkViewSavedCards {
    padding: 5px 8px;
  }
}

.checkout-submit-disabled #paypal-button,
.checkout-submit-disabled #applepay-button,
.checkout-submit-disabled #googlepay-button,
.checkout-submit-disabled #btnCvvCheckout {
  pointer-events: none;
  opacity: 0.4;
}

.chk-button-msg {
  width: calc(100% - 250px);
}
@media screen and (max-width: 640px) {
  .chk-button-msg {
    width: 100%;
  }
}
.chk-button-msg .chk-button-msg-text {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  background: #e0e9ed;
  padding: 12px;
  padding-left: 46px;
  background-image: url("../img/info.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 20px;
}

.btnCheckOutTablet {
  width: 249px;
}
@media only screen and (max-width: 640px) {
  .btnCheckOutTablet {
    width: 100%;
  }
}
.btnCheckOutTablet .btnNextPayment {
  width: 100%;
}
.btnCheckOutTablet .chkPaypal {
  background-image: url(../img/paypalbtn.png);
  background-size: auto 100%;
  background-position: center;
  color: transparent !important;
}
.btnCheckOutTablet .chkPaypal.cta-inactive {
  opacity: 0.4;
}
.btnCheckOutTablet #btnGooglepayCheckout #google-pay-button-container {
  height: 45px;
  width: 230px;
  float: right;
}

.panel-order-confirmation .highlight-box a:not(.cta-primary) {
  color: #000;
}
.panel-order-confirmation .complete-tick {
  width: 21px;
  height: 21px;
  margin-left: 5px;
  display: inline-block;
  background-image: url(../img/tick.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.challenge-iframe {
  text-align: center;
}
.challenge-iframe iframe {
  margin-top: 20px !important;
}
@media screen and (min-width: 64em) {
  .challenge-iframe iframe {
    margin-top: 100px !important;
  }
}
.termstext {
  line-height: 1rem;
}

.txtConfirmMessage {
  font-size: 1.0504rem;
}

.errorPostcode {
  font-size: 0.75rem;
}

h1 {
  font-family: "AvenirRoman", Georgia, serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.18;
}

h2,
h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  text-rendering: optimizeLegibility;
  line-height: 1.18;
}

h1,
h2,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
}

.h1,
.h2,
.h4,
.h5,
.h6 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
  text-decoration: none;
}

.h6 a {
  color: #336b75 !important;
}

p a {
  font-family: "Source Sans Pro", Arial, sans-serif;
  text-decoration: underline;
  color: #336b75 !important;
}

a {
  font-family: "Source Sans Pro", Arial, sans-serif;
  text-decoration: underline;
  color: #336b75;
}

footer a small {
  font-size: 0.75rem;
  font-weight: 400;
}

a:hover {
  color: #336b75;
  text-decoration: underline;
}

a:visited {
  color: #336b75;
}

/* Font text utility classes */
.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.underline-none {
  text-decoration: none;
}

/* Font weight utility classes */
.font-weight-bold {
  font-weight: bold;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-700 {
  font-weight: 700;
}

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

.font-weight-500 {
  font-weight: 500;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-normal {
  font-weight: normal;
}

.line-through {
  text-decoration: line-through;
}

/* Line height utility classes */
.line-height-normal {
  line-height: normal;
}

.line-height-2 {
  line-height: 2px;
}

.line-height-4 {
  line-height: 4px;
}

.line-height-6 {
  line-height: 6px;
}

.line-height-8 {
  line-height: 8px;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-12 {
  line-height: 12px;
}

.line-height-14 {
  line-height: 14px;
}

.line-height-15 {
  line-height: 15px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-17 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-19 {
  line-height: 19px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-21 {
  line-height: 21px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-25 {
  line-height: 25px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-27 {
  line-height: 27px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-29 {
  line-height: 29px;
}

.line-height-30 {
  line-height: 32px;
}

.basket-item-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 18px;
  margin-top: 5px;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: Baskerville, serif;
  max-height: 41px;
  overflow: hidden;
  color: #5c5c5c;
}

.lblBasketItemFormat {
  color: #5c5c5c;
}

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

.accordion-content {
  float: left;
  width: 100%;
  padding-top: 0px;
}

.accordion li {
  float: left;
  width: 100%;
  border: solid 0px #d3d3d3;
}

.accordion-item:first-child > :first-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.accordion-item:last-child > :last-child {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.accordion-title {
  cursor: pointer;
  display: block;
  padding: 1.02rem 1rem;
  line-height: 1;
  color: #336b75;
  position: relative;
  border: solid 1px #d3d3d3;
  border-bottom: 0;
  text-decoration: none;
  float: left;
  width: 100%;
  font-size: 0.85rem;
  padding-left: 27px;
  font-weight: 400;
  max-height: 48px;
  height: 48px;
  background-image: url("../img/icoArrowRightGrey.png");
  background-repeat: no-repeat;
  background-position: 11px center;
  background-size: 7px 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-decoration: underline;
}

.accordion-border-bottom:not(.is-active) {
  border-bottom: solid 1px #d3d3d3;
}

.accordion-payment > .accordion-title::before {
  content: "";
}

.accordion-title::before {
  content: "";
  position: absolute;
  left: 0rem;
  top: 50%;
  margin-top: -0.85rem;
  font-size: 1.55rem;
}

/* Font Size utility classes*/
/* Small Font sizes */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  body,
  p,
  small {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: normal;
    font-size: 0.84rem;
  }
  .text-small {
    font-size: 0.5rem;
    font-family: "Source Sans Pro", Arial, sans-serif;
  }
  label {
    color: #666666;
    font-size: 0.84rem;
    padding: 0rem 0rem 0rem 0rem;
    float: left;
  }
  .lblBookTokenValue,
  .lblBookTokenNumber,
  .lblGiftCardValue,
  .lblGiftCardNumber,
  .lblLoyaltyCardNumber,
  .lblLoyaltyCardValue {
    color: #666666;
    font-size: 0.8rem;
    padding-top: 11px;
    float: left;
  }
  .textbox {
    font-size: 1rem;
  }
  .step {
    font-size: 0.88rem;
  }
  h3,
  .h3 {
    font-size: 1.3252rem;
  }
  h4,
  .h4 {
    font-size: 0.95rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  h5,
  .h5 {
    font-size: 0.84rem;
    margin-bottom: 0px;
    font-weight: 600;
  }
  h6,
  .h6 {
    font-size: 0.84rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  h7,
  .h7 {
    font-size: 0.84rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  .cta-primary {
    font-size: 0.84rem;
  }
  .cta-primary-small {
    font-size: 0.8rem;
  }
  .small-font-size-small {
    font-size: 0.84rem;
  }
  .small-font-size-medium {
    font-size: 0.8rem;
  }
  .small-font-size-large {
    font-size: 1rem;
  }
  .small-font-size-xlarge {
    font-size: 0.84rem;
  }
  .small-font-size-xxlarge {
    font-size: 1.4rem;
  }
  .small-font-size-xxxlarge {
    font-size: 1.6rem;
  }
  .tableDespatch tr th {
    border-bottom: dotted 1px #d3d3d3;
    font-size: 0.7rem;
    font-weight: 500;
    color: #666666;
  }
  table tr td {
    font-size: 0.84rem;
    font-weight: 400;
  }
}
/* Medium Font sizes */
@media screen and (min-width: 40em) {
  body,
  p,
  small {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: normal;
    font-size: 0.85rem;
  }
  .text-small {
    font-size: 0.6504rem;
    font-family: "Source Sans Pro", Arial, sans-serif;
  }
  label {
    font-size: 0.9rem;
    padding: 0.4rem 0rem 0rem 0rem;
    float: left;
  }
  .is-active .accordionLabel {
    color: #ffffff !important;
  }
  .accordionLabel {
    padding: 0rem;
    margin-top: -5px;
  }
  .is-active > .accordion-title {
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: 400;
    color: #000 !important;
    background-image: url("../img/icoArrowDownBlack.png");
    background-repeat: no-repeat;
    background-position: 11px 20px;
    background-size: 10px 7px;
    cursor: pointer;
    background-color: rgb(230, 230, 230) !important;
    border-top: solid 1px #9F9E9E;
    text-decoration: none;
    font-weight: 500;
  }
  .step {
    font-size: 1rem;
  }
  .basket-item-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 0 6px !important;
    line-height: 22px;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: Baskerville, serif;
    max-height: 44px;
    overflow: hidden;
  }
  h3,
  .h3 {
    font-size: 1.55rem;
  }
  h4,
  .h4 {
    font-size: 1.2rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  h5,
  .h5 {
    font-size: 0.9rem;
    margin-bottom: 0px;
    font-weight: normal;
  }
  h6,
  .h6 {
    font-size: 0.85rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  h7,
  .h7 {
    font-size: 1.0504rem;
    margin-bottom: 0px;
    font-weight: 500;
  }
  .cta-primary {
    font-size: 0.9rem;
  }
  .cta-primary-small {
    font-size: 0.8rem;
  }
  .medium-font-size-small {
    font-size: 0.7rem;
  }
  .medium-font-size-medium {
    font-size: 0.8rem;
  }
  .medium-font-size-large {
    font-size: 1rem;
  }
  .medium-font-size-xlarge {
    font-size: 1.4rem;
  }
  .medium-font-size-xxlarge {
    font-size: 1.6rem;
  }
  .medium-font-size-xxxlarge {
    font-size: 1.5rem;
  }
  .medium-font-size-xxxlarge {
    font-size: 1.6rem;
  }
  .tableDespatch tr th {
    border-bottom: dotted 1px #d3d3d3;
    font-size: 0.7248rem;
    font-weight: 500;
    color: #666666;
  }
  table tr td {
    font-size: 0.8rem;
    font-weight: 500;
  }
}
/* Large Font sizes */
@media screen and (min-width: 64em) {
  .large-font-size-small {
    font-size: 0.7rem;
  }
  .large-font-size-medium {
    font-size: 0.85rem;
  }
  .large-font-size-mediumx {
    font-size: 0.85rem;
  }
  .large-font-size-large {
    font-size: 1rem;
  }
  .large-font-size-xlarge {
    font-size: 1.2rem;
  }
  .large-font-size-xxlarge {
    font-size: 1.4rem;
  }
  .large-font-size-xxxlarge {
    font-size: 1.6rem;
  }
  .tableDespatch tr th {
    border-bottom: dotted 1px #d3d3d3;
    font-size: 0.9248rem;
    font-weight: 500;
    color: #323232;
  }
  table tr td {
    font-size: 0.8rem;
    font-weight: 500;
  }
}
.cta-primary {
  background-color: #336b75;
  color: #ffffff;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
}

.cta-primary:focus {
  background-color: #336b75;
  color: #ffffff;
}

.cta-primary:visited {
  color: #ffffff;
}

.cta-primary-small-basket {
  background-color: #336b75;
  color: #ffffff;
  border: none;
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 400;
  text-transform: uppercase;
}

.cta-primary-small-basket:hover {
  opacity: 0.75;
  color: #ffffff;
  text-decoration: none;
}

.cta-primary-small {
  background-color: #336b75;
  color: #ffffff;
  border: none;
  font-weight: 400;
  text-decoration: none;
  height: 39px;
}

.cta-primary-small:hover {
  opacity: 0.75;
  color: #ffffff;
}

.cta-primary:hover,
.cta-primary:focus {
  opacity: 0.75;
  color: #ffffff;
}

.cta-primary.button-teal:hover,
.cta-primary.button-teal:focus {
  background-color: #336b75;
}

.cta-secondary-small {
  background-color: #336b75;
  color: #FFFFFF !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  border: none;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}
.cta-secondary-small .inline-plus {
  color: #fff;
}

.cta-secondary-small:hover {
  text-decoration: none;
  cursor: pointer;
  color: #FFFFFF;
}

.cta-paypal {
  color: #002f87 !important;
  font-family: "Roboto";
  font-size: 0.75rem;
  background-image: url("../img/cta-paypal-background.png");
  background-repeat: repeat-x;
  text-decoration: none;
  background-color: #fff;
  padding: 11px 24px 8px 21px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.cta-inactive,
.cta-inactive:hover,
.cta-inactive:focus {
  background-color: #bebebe !important;
  color: #d8d8d8;
  opacity: 1;
  pointer-events: none;
}

.cta-white {
  background-color: #ffffff;
  color: #305c87;
  border: none;
  font-weight: 400;
  text-decoration: none;
  font-size: 0.75rem;
  padding-left: 48px;
  padding-right: 48px;
  margin: 0px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.cta-white:hover {
  color: #305c87;
  text-decoration: underline;
}

.lnkBack {
  padding-left: 12px;
  background-image: url("../img/icoArrowLeft.png");
  background-size: 6px 9px;
  background-repeat: no-repeat;
  background-position: 1px 5px;
}

.skipDown {
  padding-right: 12px;
  background-image: url("../img/icoArrowDown.png");
  background-size: 7px 6px;
  background-repeat: no-repeat;
  background-position: right 6px;
}

.lnkQuantityUpdate {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.cta-use-address {
  width: 152px;
}
.large-border-strong {
  border: solid 1px #D3D3D4 !important;
}

/* Small Border utility classes*/
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .small-border {
    border: solid 1px #d3d3d3;
  }
  .small-border-left {
    border-left: solid 1px #d3d3d3;
  }
  .small-border-right {
    border-right: solid 1px #d3d3d3;
  }
  .small-border-top {
    border-top: solid 1px #d3d3d3;
  }
  .small-border-bottom {
    border-bottom: solid 1px #d3d3d3;
  }
  .small-border-dotted {
    border: dotted 1px #d3d3d3;
  }
  .small-border-dotted-left {
    border-left: dotted 1px #d3d3d3;
  }
  .small-border-dotted-right {
    border-right: dotted 1px #d3d3d3;
  }
  .small-border-dotted-top {
    border-top: dotted 1px #d3d3d3;
  }
  .small-border-dotted-bottom {
    border-bottom: dotted 1px #d3d3d3;
  }
}
/* Medium Border  utility classes*/
@media screen and (min-width: 40em) {
  .medium-border {
    border: solid 1px #d3d3d3;
  }
  .medium-border-left {
    border-left: solid 1px #d3d3d3;
  }
  .medium-border-right {
    border-right: solid 1px #d3d3d3;
  }
  .medium-border-top {
    border-top: solid 1px #d3d3d3;
  }
  .medium-border-bottom {
    border-bottom: solid 1px #d3d3d3;
  }
  .medium-border-dotted {
    border: dotted 1px #d3d3d3;
  }
  .medium-border-dotted-left {
    border-left: dotted 1px #d3d3d3;
  }
  .medium-border-dotted-right {
    border-right: dotted 1px #d3d3d3;
  }
  .medium-border-dotted-top {
    border-top: dotted 1px #d3d3d3;
  }
  .medium-border-dotted-bottom {
    border-bottom: dotted 1px #d3d3d3;
  }
}
/* Large Border  utility classes*/
@media screen and (min-width: 64em) {
  .large-border {
    border: solid 1px #d3d3d3;
  }
  .large-border-left {
    border-left: solid 1px #d3d3d3;
  }
  .large-border-right {
    border-right: solid 1px #d3d3d3;
  }
  .large-border-top {
    border-top: solid 1px #d3d3d3;
  }
  .large-border-bottom {
    border-bottom: solid 1px #d3d3d3;
  }
  .large-border-dotted {
    border: dotted 1px #d3d3d3;
  }
  .large-border-dotted-left {
    border-left: dotted 1px #d3d3d3;
  }
  .large-border-dotted-right {
    border-right: dotted 1px #d3d3d3;
  }
  .large-border-dotted-top {
    border-top: dotted 1px #d3d3d3;
  }
  .large-border-dotted-bottom {
    border-bottom: dotted 1px #d3d3d3;
  }
}
form fieldset {
  width: 100%;
}

.ajaxError {
  color: #ffffff;
  background-color: #ee4747;
  position: fixed;
  top: 0;
}

.ajaxErrorMessage {
  text-align: center;
}

.ajaxErrorImage {
  width: 100%;
  max-height: 119px;
  background-image: url("../img/wifi-signal.png");
  background-repeat: no-repeat;
  min-height: 119px;
  background-position: top center;
  margin-top: 14px;
  background-size: 105px 115px;
  margin-bottom: 10px;
}

/* Form elements*/
input {
  border-radius: 0 !important;
}

input {
  -webkit-appearance: none;
}

input ~ .counter {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 15px;
  bottom: -5px;
  font-size: 12px;
  text-align: right;
}

#txtAddress1Delivery-error,
#txtAddress2Delivery-error {
  margin-bottom: 8px;
}

.txtBookTokenPound,
.txtGiftCardPound,
.txtLoyaltCardPound {
  padding-left: 17px !important;
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .giftcardPoundRow {
    margin-left: 10px !important;
  }
}
.booktokenPoundRow,
.giftcardPoundRow {
  position: absolute;
  margin: 2px 0 2px 10px;
  float: none;
  font-size: 0.9rem;
  color: #666666;
  line-height: 20px;
  padding: calc(0.4rem + 1px) 0;
}

.lblGiftCardAmountToUseTitle {
  margin-top: 10px;
}

.tooltipCon {
  position: absolute;
}

.tooltip-style,
.tooltip {
  position: absolute;
  text-align: center;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: normal;
  font-size: 0.75rem;
  background-color: #e0e9ed;
  color: #000;
  z-index: 100;
  padding: 8px;
  border: 1px solid #336b75;
  width: 120px;
  margin-top: -70px;
  margin-left: -50px;
  opacity: 0;
  bottom: 23px;
  bottom: calc(100% + 7px);
}

.tooltip-style:after,
.tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e0e9ed;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  margin-left: -12px;
}

.tooltip-style:before,
.tooltip:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #336b75;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -10px;
}

.tooltip.left:after {
  left: 10px;
  margin: 0;
}

.tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

.ico-tooltip {
  cursor: pointer;
  padding: 6px;
  margin: -6px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ico-tooltip .tooltip-icon-inner {
  font-family: Roboto;
  background-color: #b9e7e4;
  color: #000;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  height: 16px;
  width: 16px;
  text-align: center;
  font-weight: 800;
  font-size: 10px;
  line-height: 16px;
  display: inline-block;
  position: relative;
}
.ico-tooltip:hover .tooltip-icon-inner {
  background-color: #b9e7e4;
}

.ico-tooltip-basket {
  position: relative;
  margin-left: 0;
}

.ico-tooltip-field {
  position: relative;
  margin-left: 7px;
  margin-top: 0px;
}

input[type=button] {
  border: none;
}

.textbox:focus {
  border: 2px solid rgb(71.5, 71.5, 71.5);
  box-shadow: none;
}

select:focus, select:focus-visible {
  border-color: rgb(71.5, 71.5, 71.5);
  box-shadow: none;
  outline: none;
}

.ulAddresses:focus {
  border-color: rgb(71.5, 71.5, 71.5);
}
.ulAddresses li {
  padding: 5px 8px;
  cursor: pointer;
  width: 100%;
  font-weight: 500;
  list-style: none;
}
.ulAddresses li:hover {
  background-color: #f4f1f1;
}

.liAddressSelected {
  color: #1ab250;
  background-color: #f4f1f1;
}

.liGiftCardSelected {
  background-color: #f4f1f1;
}

.ulGiftCards li:hover {
  background-color: #f4f1f1;
}

.ulGiftCards:focus {
  border: solid 2px #797979;
}

.ulGiftCards li {
  padding: 5px 8px;
  cursor: pointer;
  width: 100%;
  font-weight: 300;
  font-size: 13px;
}

.liAddressSelected {
  color: #1ab250;
  background-color: #f4f1f1;
}

.ulGiftCards li:hover {
  background-color: #f4f1f1;
}

ul li {
  display: block;
  position: relative;
  float: left;
}
ul li input[type=radio],
ul li input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
ul li label {
  display: block;
  position: relative;
  padding: 7px 24px 4px 45px;
  margin: 0px auto;
  z-index: 9;
  cursor: pointer;
  float: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
}

.form-radio-buttons-side {
  margin-top: -16px;
}

.form-radio-buttons-side li {
  float: left;
  width: 100%;
}

.form-radio-buttons-side li .check:focus, .form-radio-buttons-side li .check:focus-visible {
  border-color: rgb(71.5, 71.5, 71.5);
  outline: 0;
}

.delivery-method-check {
  top: 12px !important;
}

.form-checkbox-buttons-side li label {
  font-weight: 300;
  font-size: 14px;
  padding: 6px 24px 16px 45px;
  margin: 0px auto;
  z-index: 9;
  cursor: pointer;
  float: left;
  width: 100%;
}

.form-checkbox-buttons {
  cursor: pointer;
  line-height: 20px;
}

.form-checkbox-buttons li label {
  cursor: pointer;
  padding: 12px 24px 16px 40px;
}

.form-checkbox-buttons li .check::before {
  display: block;
  position: absolute;
  content: "";
  height: 0px;
  width: 0px;
  top: 4px;
  left: 6px;
  margin: auto;
}

.form-checkbox-buttons li .check {
  display: block;
  position: absolute;
  border: 2px solid #d3d3d3;
  height: 30px;
  width: 30px;
  top: 4px;
  left: 0px;
  z-index: 5;
  background-color: #fff;
  border-radius: 0px;
}

ul li .checkBox::before {
  display: block;
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  top: 10px;
  left: 10px;
  margin: auto;
}

input[type=radio]:checked ~ .check {
  border: 2px solid #336b75;
}
input[type=radio]:checked ~ .check:focus, input[type=radio]:checked ~ .check:focus-visible {
  border-color: rgb(4.5535714286, 9.5535714286, 10.4464285714);
}

input[type=radio]:checked ~ .check::before {
  background: #3e3e3e;
}

input[type=radio]:not(:checked) ~ .check {
  background: #e2e2e2;
}

.check:focus:focus, .check:focus:focus-visible {
  border: 2px solid rgb(71.5, 71.5, 71.5);
  outline: 0;
}

input[type=checkbox]:checked ~ .check {
  border: 2px solid #336b75;
  background-color: #B2E4E1;
}
input[type=checkbox]:checked ~ .check:focus, input[type=checkbox]:checked ~ .check:focus-visible {
  border: 2px solid rgb(4.5535714286, 9.5535714286, 10.4464285714);
}
input[type=checkbox]:checked ~ .check::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../img/icons-check.png);
  background-size: contain;
  left: 3px;
  top: 3px;
}

.errorPostcode {
  font-style: normal;
  background-color: #FFDEDE;
  color: #B60303;
  width: 100%;
  float: left;
  padding: 4px 9px;
  font-weight: 400;
  margin-top: -8px;
  text-align: center;
}

@media screen and (max-width: 39.9375em) and (min-width: 0em) {
  .errorPostcode {
    margin-top: 0;
  }
}
.error-highlight {
  font-style: normal;
  background-color: #FFDEDE !important;
  color: #B60303;
  width: 100%;
  float: left;
  font-weight: 400;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}

.highlight-success-text {
  color: #1ab250;
}

.highlight-error-text {
  color: #B60303;
}
.highlight-error-text a, .highlight-error-text a:focus {
  color: #B60303 !important;
}

.error,
.error-style,
.wpg-error,
.txtSearchBooksError,
.txtLocationError,
.txtPasswordDeliveryError {
  font-style: normal;
  background-color: #FFDEDE;
  color: #B60303;
  width: 100%;
  float: left;
  font-size: 0.75rem;
  padding: 6px 9px;
  font-weight: 400;
  text-align: center;
  line-height: 16px;
}

.callback-error {
  margin-top: 1.2rem;
  margin-bottom: -1.2rem;
  border: solid 1px #bebebe;
  border-bottom: 0;
  color: #323232;
  padding: 20px 150px 20px 15px;
  font-size: 0.9rem;
  position: relative;
}

.callback-error .error-button-reenter,
.callback-error .error-button-change {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.wpg-error {
  border-bottom: solid 1px #e6e6e6;
  font-size: 0.9rem;
  padding: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 640px) {
  .error:not(#txtEmail-error):not(#txtCVC-error):not(.callback-error):not(#login_form_password):not(#txtPassword-error):not(#page-error) {
    position: relative;
    top: -8px;
  }
  .txtPostcodeBillingErrorManual {
    position: relative;
    top: -4px;
  }
}
#page-error {
  margin-top: 10px;
  margin-bottom: 0;
}

.error-highlight {
  font-style: normal;
  background-color: #FFDEDE !important;
  color: #B60303;
  width: 100%;
  float: left;
  font-weight: 400;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}

.success {
  font-style: normal;
  background-color: #dff0d8;
  color: #3c763d;
  width: 100%;
  float: left;
  font-size: 0.75rem;
  padding: 4px 9px;
  font-weight: 400;
  line-height: 1.3;
}

.info-message {
  color: #000;
  background: #e0e9ed;
  line-height: 1.3;
}

.form-info-message {
  color: #5c5c5c;
  background: #e0e9ed;
  padding: 10px;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

.pagination li a {
  padding: 0.5rem 0.8rem;
  text-decoration: none;
  border: solid 1px #cacaca;
  margin-right: 1.2rem;
  font-size: 0.8rem;
  text-align: center;
}

.pagination .current {
  background-color: #305C87;
  color: #ffffff;
  border: solid 1px #305C87;
}

select {
  width: 100%;
  border-radius: 0;
  height: 2rem;
}

.accordion-title {
  display: flex;
  align-items: center;
}

/*Small form sizes */
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .ulAddresses {
    height: 95px;
    border: solid 2px #949494;
    overflow-y: scroll;
    background-color: #ffffff;
  }
  ul li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 9px;
    left: 9px;
    margin: auto;
  }
  ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #949494;
    border-radius: 100%;
    height: 32px;
    width: 32px;
    top: 0px;
    left: 0px;
    z-index: 5;
    background-color: #B2E4E1;
  }
  .form-radio-buttons-side li label {
    padding: 7px 24px 4px 45px;
    margin: 0px auto;
    z-index: 9;
    cursor: pointer;
    float: left;
    width: 100%;
  }
  .form-radio-buttons-side li .check {
    display: block;
    position: absolute;
    border: 2px solid #949494;
    border-radius: 100%;
    height: 32px;
    width: 32px;
    top: 33px;
    left: 0px;
    z-index: 5;
  }
  .drpQuantity {
    margin-bottom: 9px;
    max-width: 52px;
    min-width: 48px;
    padding-left: 6px;
  }
  .drpQuantity option {
    text-align: center;
  }
  .txtQuantity {
    margin-bottom: 9px;
    max-width: 52px;
    min-width: 48px;
  }
  select {
    height: auto;
    border: 2px solid #949494;
    margin: 0 0 0.6848rem;
    font-size: 1rem;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/dropdownarrow.png");
    background-size: 12px 15px;
    background-position: right 30%;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 10px;
  }
  .form-checkbox-buttons li label {
    padding: 0 0 0 40px;
    margin-right: 0;
    display: flex;
    align-items: center;
    line-height: 1rem;
  }
  .accordion-title {
    padding: 0rem 1.8rem;
    line-height: 1rem;
  }
  #txtCVC {
    margin-bottom: 9px;
    max-width: 52px;
    min-width: 48px;
  }
  .form-checkbox-buttons li label {
    min-height: 44px;
  }
  .callback-error {
    margin-top: 1rem;
    margin-bottom: -0.8rem;
    border: 0;
    padding: 20px 120px 20px 15px;
    font-size: 0.84rem;
  }
  .callback-error .error-button-reenter,
  .callback-error .error-button-change {
    right: 10px;
  }
  input ~ .counter {
    bottom: -9px;
  }
  #txtAddress1Delivery-error,
  #txtAddress2Delivery-error {
    margin-bottom: 12px;
  }
}
.textbox {
  line-height: 20px;
  padding: 0.4rem;
  border: 2px solid #949494;
  width: 100%;
  font-weight: 400;
  box-shadow: none;
  background-image: none;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  text-shadow: 0px 0px #ffffff !important;
}

/*Medium form sizes */
@media screen and (min-width: 40em) {
  .giftcardPoundRow {
    position: absolute;
    margin-left: 10px;
    float: none;
    font-size: 0.9rem;
    color: #666666;
  }
  .ulAddresses {
    height: 190px;
    border: solid 2px #949494;
    overflow-y: scroll;
    background-color: #ffffff;
  }
  .ulGiftCards {
    height: 105px;
    border: solid 2px #949494;
    overflow-y: scroll;
    background-color: #ffffff;
  }
  .liGiftCardApplied {
    color: #1AB250;
  }
  .form-checkbox-buttons-side li label {
    font-weight: 300;
    font-size: 14px;
    padding: 6px 24px 16px 45px;
    margin: 0px auto;
    z-index: 9;
    cursor: pointer;
    float: left;
    width: 100%;
  }
  ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #949494;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    top: 0px;
    left: 0px;
    z-index: 5;
    background-color: #B2E4E1;
  }
  .form-checkbox-buttons {
    cursor: pointer;
    line-height: 20px;
  }
  .form-checkbox-buttons li label {
    cursor: pointer;
    padding: 0 0 0 40px;
    font-size: 13px;
    font-weight: 300;
    font-weight: normal !important;
    display: flex;
    align-items: center;
    line-height: 1rem;
    height: 38px;
  }
  .form-checkbox-buttons li label[for=agree_terms_conditions] {
    height: auto;
  }
  ul li .check::before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 8px;
    left: 8px;
    margin: auto;
  }
  .form-checkbox-buttons li .check::before {
    display: block;
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
    top: 3px;
    left: 6px;
    margin: auto;
  }
  .form-checkbox-buttons li .check {
    display: block;
    position: absolute;
    border: 2px solid #949494;
    height: 30px;
    width: 30px;
    top: 4px;
    left: 0px;
    z-index: 5;
    background-color: #E2E2E2;
    border-radius: 0px;
  }
  ul li .checkBox::before {
    display: block;
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    top: 10px;
    left: 10px;
    margin: auto;
  }
  input[type=radio]:checked ~ .check::before {
    background: #3e3e3e;
  }
  .check:focus {
    border: 2px solid rgb(71.5, 71.5, 71.5);
  }
  input[type=checkbox]:checked ~ .check {
    border: 2px solid #336b75;
    border-radius: 0;
  }
  .textbox {
    font-family: "Source Sans Pro", Arial, sans-serif;
    border: 2px solid #949494;
    width: 100%;
    font-weight: 400;
    box-shadow: none;
    background-image: none;
  }
  .drpQuantity {
    margin-bottom: 9px;
    max-width: 52px;
    min-width: 48px;
  }
  .txtQuantity, #txtCVC {
    margin-bottom: 9px;
    max-width: 52px;
    min-width: 48px;
  }
  select {
    height: 39px;
    padding: 0.4rem;
    border: 2px solid #949494;
    margin: 0 0 0.8rem;
    font-size: 1rem;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/dropdownarrow.png");
    background-size: 12px 15px;
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
  }
}
/*Large form sizes */
/* Forgotten password form */
#txtEmailForgottenPassword {
  height: 39px;
}

#txtEmailForgottenPassword-error {
  margin-top: 10px;
}

.textbox {
  font-size: 1rem;
}

.panel-forgot-password-success {
  margin-bottom: 10px;
}

/* iPhone 4 and 5 fix for security code */
@media screen and (min-width: 0px) and (max-width: 321px) {
  #txtGiftCardCodeLoggedIn:invalid {
    font-size: 11px;
  }
  #txtGiftCardCode_guest::invalid {
    font-size: 11px;
  }
  #txtGiftCardCodeLoggedIn:valid {
    font-size: 1rem;
  }
  #txtGiftCardCode_guest::valid {
    font-size: 1rem;
  }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #575555 !important;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #575555 !important;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #575555 !important;
}

:-moz-placeholder { /* Firefox 18- */
  color: #575555 !important;
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
  .giftcardRowTextBox input {
    margin-left: 0;
  }
}
#formLocation label[for=radDeliveryLocationLocalWaterstones] {
  white-space: normal;
}

.qty-fixed {
  background: #e9e9e9;
  pointer-events: none;
}

.inputError {
  border: solid 2px #F87474;
  color: #B60303;
  background-image: none;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
.no-pad-right {
  padding-right: 0px;
}

.no-pad-left {
  padding-left: 0px;
}

.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

/* Small margin and padding utility classes*/
@media screen and (max-width: 39.9375em) {
  .small-half-width {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
  }
  .small-full-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
  }
  .small-margin-top-0 {
    margin-top: 0rem;
  }
  .small-margin-top-2 {
    margin-top: 0.1rem;
  }
  .small-margin-top-4 {
    margin-top: 0.2rem;
  }
  .small-margin-top-6 {
    margin-top: 0.3rem;
  }
  .small-margin-top-8 {
    margin-top: 0.4rem;
  }
  .small-margin-top-10 {
    margin-top: 0.5rem;
  }
  .small-margin-top-12 {
    margin-top: 0.6rem;
  }
  .small-margin-top-16 {
    margin-top: 0.8rem;
  }
  .small-margin-top-20 {
    margin-top: 1rem;
  }
  .small-margin-top-24 {
    margin-top: 1.2rem;
  }
  .small-margin-top-28 {
    margin-top: 1.4rem;
  }
  .small-margin-top-32 {
    margin-top: 1.6rem;
  }
  .small-no-pad-left {
    padding-left: 0rem;
  }
  .small-no-pad-right {
    padding-right: 0rem;
  }
  .small-padding-top-0 {
    padding-top: 0rem;
  }
  .small-padding-top-2 {
    padding-top: 0.1rem;
  }
  .small-padding-top-4 {
    padding-top: 0.2rem;
  }
  .small-padding-top-6 {
    padding-top: 0.3rem;
  }
  .small-padding-top-8 {
    padding-top: 0.4rem;
  }
  .small-padding-top-10 {
    padding-top: 0.5rem;
  }
  .small-padding-top-12 {
    padding-top: 0.6rem;
  }
  .small-padding-top-16 {
    padding-top: 0.8rem;
  }
  .small-padding-top-20 {
    padding-top: 1rem;
  }
  .small-padding-top-24 {
    padding-top: 1.2rem;
  }
  .small-padding-top-28 {
    padding-top: 1.4rem;
  }
  .small-padding-top-32 {
    padding-top: 1.6rem;
  }
  /*Left*/
  .small-margin-left-0 {
    margin-left: 0rem;
  }
  .small-margin-left-2 {
    margin-left: 0.1rem;
  }
  .small-margin-left-4 {
    margin-left: 0.2rem;
  }
  .small-margin-left-8 {
    margin-left: 0.4rem;
  }
  .small-margin-left-12 {
    margin-left: 0.6rem;
  }
  .small-margin-left-16 {
    margin-left: 0.8rem;
  }
  .small-margin-left-20 {
    margin-left: 1rem;
  }
  .small-margin-left-24 {
    margin-left: 1.2rem;
  }
  .small-margin-left-28 {
    margin-left: 1.4rem;
  }
  .small-margin-left-32 {
    margin-left: 1.6rem;
  }
  .small-padding-left-0 {
    padding-left: 0rem;
  }
  .small-padding-left-2 {
    padding-left: 0.1rem;
  }
  .small-padding-left-4 {
    padding-left: 0.2rem;
  }
  .small-padding-left-8 {
    padding-left: 0.4rem;
  }
  .small-padding-left-12 {
    padding-left: 0.6rem;
  }
  .small-padding-left-16 {
    padding-left: 0.8rem;
  }
  .small-padding-left-20 {
    padding-left: 1rem;
  }
  .small-padding-left-24 {
    padding-left: 1.2rem;
  }
  .small-padding-left-28 {
    padding-left: 1.4rem;
  }
  .small-padding-left-32 {
    padding-left: 1.6rem;
  }
  /*Right*/
  .small-margin-right-0 {
    margin-top: 0rem;
  }
  .small-margin-right-2 {
    margin-right: 0.1rem;
  }
  .small-margin-right-4 {
    margin-right: 0.2rem;
  }
  .small-margin-right-8 {
    margin-right: 0.4rem;
  }
  .small-margin-right-12 {
    margin-right: 0.6rem;
  }
  .small-margin-right-16 {
    margin-right: 0.8rem;
  }
  .small-margin-right-20 {
    margin-right: 1rem;
  }
  .small-margin-right-24 {
    margin-right: 1.2rem;
  }
  .small-margin-right-28 {
    margin-right: 1.4rem;
  }
  .small-margin-right-32 {
    margin-right: 1.6rem;
  }
  .small-padding-right-0 {
    padding-right: 0rem;
  }
  .small-padding-right-2 {
    padding-right: 0.1rem;
  }
  .small-padding-right-4 {
    padding-right: 0.2rem;
  }
  .small-padding-right-8 {
    padding-right: 0.4rem;
  }
  .small-padding-right-12 {
    padding-right: 0.6rem;
  }
  .small-padding-right-16 {
    padding-right: 0.8rem;
  }
  .small-padding-right-20 {
    padding-right: 1rem;
  }
  .small-padding-right-24 {
    padding-right: 1.2rem;
  }
  .small-padding-right-28 {
    padding-right: 1.4rem;
  }
  .small-padding-right-32 {
    padding-right: 1.6rem;
  }
  /*Bottom*/
  .small-margin-bottom-0 {
    margin-bottom: 0rem;
  }
  .small-margin-bottom-2 {
    margin-bottom: 0.1rem;
  }
  .small-margin-bottom-4 {
    margin-bottom: 0.2rem;
  }
  .small-padding-bottom-6 {
    padding-bottom: 0.3rem;
  }
  .small-margin-bottom-6 {
    margin-bottom: 0.3rem;
  }
  .small-margin-bottom-8 {
    margin-bottom: 0.4rem;
  }
  .small-margin-bottom-10 {
    margin-bottom: 0.5rem;
  }
  .small-padding-bottom-9 {
    padding-bottom: 0.45rem;
  }
  .small-padding-bottom-10 {
    padding-bottom: 0.5rem;
  }
  .small-margin-bottom-12 {
    margin-bottom: 0.6rem;
  }
  .small-margin-bottom-16 {
    margin-bottom: 0.8rem;
  }
  .small-margin-bottom-20 {
    margin-bottom: 1rem;
  }
  .small-margin-bottom-24 {
    margin-bottom: 1.2rem;
  }
  .small-margin-bottom-28 {
    margin-bottom: 1.4rem;
  }
  .small-margin-bottom-32 {
    margin-bottom: 1.6rem;
  }
  .small-padding-bottom-0 {
    padding-bottom: 0rem;
  }
  .small-padding-bottom-2 {
    padding-bottom: 0.1rem;
  }
  .small-padding-bottom-4 {
    padding-bottom: 0.2rem;
  }
  .small-padding-bottom-8 {
    padding-bottom: 0.4rem;
  }
  .small-padding-bottom-12 {
    padding-bottom: 0.6rem;
  }
  .small-padding-bottom-16 {
    padding-bottom: 0.8rem;
  }
  .small-padding-bottom-20 {
    padding-bottom: 1rem;
  }
  .small-padding-bottom-24 {
    padding-bottom: 1.2rem;
  }
  .small-padding-bottom-28 {
    padding-bottom: 1.4rem;
  }
  .small-padding-bottom-32 {
    padding-bottom: 1.6rem;
  }
}
/* Medium margin and padding utility classes*/
@media screen and (min-width: 40em) {
  /*Top*/
  .medium-margin-top-0 {
    margin-top: 0rem;
  }
  .medium-margin-top-4 {
    margin-top: 0.2rem;
  }
  .medium-margin-top-8 {
    margin-top: 0.4rem;
  }
  .medium-margin-top-10 {
    margin-top: 0.5rem;
  }
  .medium-margin-top-12 {
    margin-top: 0.6rem;
  }
  .medium-margin-top-16 {
    margin-top: 0.8rem;
  }
  .medium-margin-top-20 {
    margin-top: 1rem;
  }
  .medium-margin-top-24 {
    margin-top: 1.2rem;
  }
  .medium-margin-top-28 {
    margin-top: 1.4rem;
  }
  .medium-margin-top-32 {
    margin-top: 1.6rem;
  }
  .medium-no-pad-left {
    padding-left: 0rem;
  }
  .medium-no-pad-right {
    padding-right: 0rem;
  }
  .medium-padding-top-0 {
    padding-top: 0rem;
  }
  .medium-padding-top-4 {
    padding-top: 0.2rem;
  }
  .medium-margin-top-6 {
    margin-top: 0.3rem;
  }
  .medium-padding-top-8 {
    padding-top: 0.4rem;
  }
  .medium-padding-top-10 {
    padding-top: 0.5rem;
  }
  .medium-padding-top-12 {
    padding-top: 0.6rem;
  }
  .medium-padding-top-14 {
    padding-top: 0.7rem;
  }
  .medium-padding-top-16 {
    padding-top: 0.8rem;
  }
  .medium-padding-top-20 {
    padding-top: 1rem;
  }
  .medium-padding-top-24 {
    padding-top: 1.2rem;
  }
  .medium-padding-top-28 {
    padding-top: 1.4rem;
  }
  .medium-padding-top-32 {
    padding-top: 1.6rem;
  }
  /*Left*/
  .medium-margin-left-0 {
    margin-left: 0rem;
  }
  .medium-margin-left-4 {
    margin-left: 0.2rem;
  }
  .medium-margin-left-8 {
    margin-left: 0.4rem;
  }
  .medium-margin-left-12 {
    margin-left: 0.6rem;
  }
  .medium-margin-left-16 {
    margin-left: 0.8rem;
  }
  .medium-margin-left-20 {
    margin-left: 1rem;
  }
  .medium-margin-left-24 {
    margin-left: 1.2rem;
  }
  .medium-margin-left-28 {
    margin-left: 1.4rem;
  }
  .medium-margin-left-32 {
    margin-left: 1.6rem;
  }
  .medium-padding-left-0 {
    padding-left: 0rem;
  }
  .medium-padding-left-4 {
    padding-left: 0.2rem;
  }
  .medium-padding-left-8 {
    padding-left: 0.4rem;
  }
  .medium-padding-left-12 {
    padding-left: 0.6rem;
  }
  .medium-padding-left-16 {
    padding-left: 0.8rem;
  }
  .medium-padding-left-20 {
    padding-left: 1rem;
  }
  .medium-padding-left-24 {
    padding-left: 1.2rem;
  }
  .medium-padding-left-28 {
    padding-left: 1.4rem;
  }
  .medium-padding-left-32 {
    padding-left: 1.6rem;
  }
  /*Right*/
  .medium-margin-right-0 {
    margin-right: 0rem;
  }
  .medium-margin-right-4 {
    margin-right: 0.2rem;
  }
  .medium-margin-right-8 {
    margin-right: 0.4rem;
  }
  .medium-margin-right-12 {
    margin-right: 0.6rem;
  }
  .medium-margin-right-16 {
    margin-right: 0.8rem;
  }
  .medium-margin-right-20 {
    margin-right: 1rem;
  }
  .medium-margin-right-24 {
    margin-right: 1.2rem;
  }
  .medium-margin-right-28 {
    margin-right: 1.4rem;
  }
  .medium-margin-right-32 {
    margin-right: 1.6rem;
  }
  .medium-padding-right-0 {
    padding-right: 0rem;
  }
  .medium-padding-right-4 {
    padding-right: 0.2rem;
  }
  .medium-padding-right-8 {
    padding-right: 0.4rem;
  }
  .medium-padding-right-12 {
    padding-right: 0.6rem;
  }
  .medium-padding-right-16 {
    padding-right: 0.8rem;
  }
  .medium-padding-right-20 {
    padding-right: 1rem;
  }
  .medium-padding-right-24 {
    padding-right: 1.2rem;
  }
  .medium-padding-right-28 {
    padding-right: 1.4rem;
  }
  .medium-padding-right-32 {
    padding-right: 1.6rem;
  }
  /*Bottom*/
  .medium-margin-bottom-0 {
    margin-bottom: 0rem;
  }
  .medium-margin-bottom-4 {
    margin-bottom: 0.2rem;
  }
  .medium-margin-bottom-8 {
    margin-bottom: 0.4rem;
  }
  .medium-padding-bottom-10 {
    padding-top: 0.5rem;
  }
  .medium-margin-bottom-12 {
    margin-bottom: 0.6rem;
  }
  .medium-margin-bottom-16 {
    margin-bottom: 0.8rem;
  }
  .medium-margin-bottom-20 {
    margin-bottom: 1rem;
  }
  .medium-margin-bottom-24 {
    margin-bottom: 1.2rem;
  }
  .medium-margin-bottom-28 {
    margin-bottom: 1.4rem;
  }
  .medium-margin-bottom-32 {
    margin-bottom: 1.6rem;
  }
  .medium-padding-bottom-0 {
    padding-bottom: 0rem;
  }
  .medium-padding-bottom-2 {
    padding-bottom: 0.1rem;
  }
  .medium-padding-bottom-4 {
    padding-bottom: 0.2rem;
  }
  .medium-padding-bottom-8 {
    padding-bottom: 0.4rem;
  }
  .medium-padding-bottom-12 {
    padding-bottom: 0.6rem;
  }
  .medium-padding-bottom-16 {
    padding-bottom: 0.8rem;
  }
  .medium-padding-bottom-20 {
    padding-bottom: 1rem;
  }
  .medium-padding-bottom-24 {
    padding-bottom: 1.2rem;
  }
  .medium-padding-bottom-28 {
    padding-bottom: 1.4rem;
  }
  .medium-padding-bottom-32 {
    padding-bottom: 1.6rem;
  }
}
/* Large margin and padding utility classes*/
@media screen and (min-width: 64em) {
  /*Top*/
  .large-margin-top-0 {
    margin-top: 0rem;
  }
  .large-margin-top-2 {
    margin-top: 0.1rem;
  }
  .large-margin-top-4 {
    margin-top: 0.2rem;
  }
  .large-margin-top-6 {
    margin-top: 0.3rem;
  }
  .large-margin-top-8 {
    margin-top: 0.4rem;
  }
  .large-margin-top-10 {
    margin-top: 0.5rem;
  }
  .large-margin-top-12 {
    margin-top: 0.6rem;
  }
  .large-margin-top-16 {
    margin-top: 0.8rem;
  }
  .large-margin-top-20 {
    margin-top: 1rem;
  }
  .large-margin-top-24 {
    margin-top: 1.2rem;
  }
  .large-margin-top-28 {
    margin-top: 1.4rem;
  }
  .large-margin-top-32 {
    margin-top: 1.6rem;
  }
  .large-no-pad-left {
    padding-left: 0rem;
  }
  .large-no-pad-right {
    padding-right: 0rem;
  }
  .large-padding-top-0 {
    padding-top: 0rem;
  }
  .large-padding-top-4 {
    padding-top: 0.2rem;
  }
  .large-padding-top-8 {
    padding-top: 0.4rem;
  }
  .large-padding-top-10 {
    padding-top: 0.5rem;
  }
  .large-padding-top-12 {
    padding-top: 0.6rem;
  }
  .large-padding-top-14 {
    padding-top: 0.7rem;
  }
  .large-padding-top-16 {
    padding-top: 0.8rem;
  }
  .large-padding-top-20 {
    padding-top: 1rem;
  }
  .large-padding-top-24 {
    padding-top: 1.2rem;
  }
  .large-padding-top-28 {
    padding-top: 1.4rem;
  }
  .large-padding-top-32 {
    padding-top: 1.6rem;
  }
  /*Left*/
  .large-margin-left-0 {
    margin-left: 0rem;
  }
  .large-margin-left-4 {
    margin-left: 0.2rem;
  }
  .large-margin-left-8 {
    margin-left: 0.4rem;
  }
  .large-margin-left-12 {
    margin-left: 0.6rem;
  }
  .large-margin-left-16 {
    margin-left: 0.8rem;
  }
  .large-margin-left-20 {
    margin-left: 1rem;
  }
  .large-margin-left-24 {
    margin-left: 1.2rem;
  }
  .large-margin-left-28 {
    margin-left: 1.4rem;
  }
  .large-margin-left-32 {
    margin-left: 1.6rem;
  }
  .large-padding-left-0 {
    padding-left: 0rem;
  }
  .large-padding-left-4 {
    padding-left: 0.2rem;
  }
  .large-padding-left-8 {
    padding-left: 0.4rem;
  }
  .large-padding-left-12 {
    padding-left: 0.6rem;
  }
  .large-padding-left-16 {
    padding-left: 0.8rem;
  }
  .large-padding-left-20 {
    padding-left: 1rem;
  }
  .large-padding-left-24 {
    padding-left: 1.2rem;
  }
  .large-padding-left-28 {
    padding-left: 1.4rem;
  }
  .large-padding-left-32 {
    padding-left: 1.6rem;
  }
  /*Right*/
  .large-margin-right-0 {
    margin-right: 0rem;
  }
  .large-margin-right-4 {
    margin-right: 0.2rem;
  }
  .large-margin-right-8 {
    margin-right: 0.4rem;
  }
  .large-margin-right-12 {
    margin-right: 0.6rem;
  }
  .large-margin-right-16 {
    margin-right: 0.8rem;
  }
  .large-margin-right-20 {
    margin-right: 1rem;
  }
  .large-margin-right-24 {
    margin-right: 1.2rem;
  }
  .large-margin-right-28 {
    margin-right: 1.4rem;
  }
  .large-margin-right-32 {
    margin-right: 1.6rem;
  }
  .large-padding-right-0 {
    padding-right: 0rem;
  }
  .large-padding-right-4 {
    padding-right: 0.2rem;
  }
  .large-padding-right-8 {
    padding-right: 0.4rem;
  }
  .large-padding-right-12 {
    padding-right: 0.6rem;
  }
  .large-padding-right-16 {
    padding-right: 0.8rem;
  }
  .large-padding-right-20 {
    padding-right: 1rem;
  }
  .large-padding-right-24 {
    padding-right: 1.2rem;
  }
  .large-padding-right-28 {
    padding-right: 1.4rem;
  }
  .large-padding-right-32 {
    padding-right: 1.6rem;
  }
  /*Bottom*/
  .large-margin-bottom-0 {
    margin-bottom: 0rem;
  }
  .large-margin-bottom-4 {
    margin-bottom: 0.2rem;
  }
  .large-margin-bottom-8 {
    margin-bottom: 0.4rem;
  }
  .large-margin-bottom-12 {
    margin-bottom: 0.6rem;
  }
  .large-margin-bottom-16 {
    margin-bottom: 0.8rem;
  }
  .large-margin-bottom-20 {
    margin-bottom: 1rem;
  }
  .large-margin-bottom-24 {
    margin-bottom: 1.2rem;
  }
  .large-margin-bottom-28 {
    margin-bottom: 1.4rem;
  }
  .large-margin-bottom-32 {
    margin-bottom: 1.6rem;
  }
  .large-padding-bottom-0 {
    padding-bottom: 0rem;
  }
  .large-padding-bottom-2 {
    padding-bottom: 0.1rem;
  }
  .large-padding-bottom-4 {
    padding-bottom: 0.2rem;
  }
  .large-padding-bottom-8 {
    padding-bottom: 0.4rem;
  }
  .large-padding-bottom-12 {
    padding-bottom: 0.6rem;
  }
  .large-padding-bottom-16 {
    padding-bottom: 0.8rem;
  }
  .large-padding-bottom-20 {
    padding-bottom: 1rem;
  }
  .large-padding-bottom-24 {
    padding-bottom: 1.2rem;
  }
  .large-padding-bottom-28 {
    padding-bottom: 1.4rem;
  }
  .large-padding-bottom-32 {
    padding-bottom: 1.6rem;
  }
}
/* Regular */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/roboto-regular/Roboto-Regular-webfont.eot");
  src: url("../fonts/roboto/roboto-regular/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-regular/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/roboto/roboto-regular/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-regular/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/roboto-bold/Roboto-Bold-webfont.eot");
  src: url("../fonts/roboto/roboto-bold/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-bold/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/roboto/roboto-bold/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-bold/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Italic */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/roboto-italic/Roboto-Italic-webfont.eot");
  src: url("../fonts/roboto/roboto-italic/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-italic/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-italic/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-italic/Roboto-Italic-webfont.svg#robotoitalic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Medium */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/roboto-medium/Roboto-Medium-webfont.eot");
  src: url("../fonts/roboto/roboto-medium/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-medium/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/roboto/roboto-medium/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-medium/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Black/Ultra-bold */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-black-webfont.eot");
  src: url("../fonts/sourcesanspro-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-black-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-black-webfont.woff") format("woff"), url("../fonts/sourcesanspro-black-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-black-webfont.svg#source_sans_problack") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Black/Ultra-bold italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-blackitalic-webfont.eot");
  src: url("../fonts/sourcesanspro-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-blackitalic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-blackitalic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-blackitalic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-blackitalic-webfont.svg#source_sans_problack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-bold-webfont.eot");
  src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Bold italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-bolditalic-webfont.eot");
  src: url("../fonts/sourcesanspro-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bolditalic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bolditalic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bolditalic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Extra light */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-extralight-webfont.eot");
  src: url("../fonts/sourcesanspro-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-extralight-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-extralight-webfont.woff") format("woff"), url("../fonts/sourcesanspro-extralight-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* Extra light italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-extralightitalic-webfont.eot");
  src: url("../fonts/sourcesanspro-extralightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-extralightitalic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-extralightitalic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-extralightitalic-webfont.svg#source_sans_proXLtIt") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
/* Regular italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-italic-webfont.eot");
  src: url("../fonts/sourcesanspro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-italic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-italic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* Light */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-light-webfont.eot");
  src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Light italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-lightitalic-webfont.eot");
  src: url("../fonts/sourcesanspro-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-lightitalic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-lightitalic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-lightitalic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-lightitalic-webfont.svg#source_sans_prolight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* Regular */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-regular-webfont.eot");
  src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Semi bold */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-semibold-webfont.eot");
  src: url("../fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Semi bold italic */
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/sourcesanspro-semibolditalic-webfont.eot");
  src: url("../fonts/sourcesanspro-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-semibolditalic-webfont.woff") format("woff"), url("../fonts/sourcesanspro-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-semibolditalic-webfont.svg#source_sans_proSBdIt") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/* PLUS */
@font-face {
  font-family: "wsplusregular";
  src: url("../fonts/wsplus-regular-webfont.woff2") format("woff2"), url("../fonts/wsplus-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body.theme-wordery {
  font-family: "Noto Sans", sans-serif;
}
body.theme-wordery p, body.theme-wordery small {
  font-family: "Noto Sans", sans-serif;
  color: #333333;
}
body.theme-wordery a {
  color: #333333 !important;
}
body.theme-wordery h3, body.theme-wordery h4, body.theme-wordery h5 {
  font-family: "Gelica", serif;
  color: #DA1918;
}
body.theme-wordery .h1, body.theme-wordery .h2, body.theme-wordery .h3, body.theme-wordery .h4, body.theme-wordery .sidebar-heading {
  font-family: "Gelica", serif;
}
body.theme-wordery .header {
  background-color: #fff;
  border-bottom: 1px solid #DEDEDE;
  padding: 0;
}
body.theme-wordery .header .panel-logged-in-header,
body.theme-wordery .header a {
  color: #333333 !important;
}
@media screen and (min-width: 64em) {
  body.theme-wordery .header img.logo {
    position: relative;
    top: -12px;
  }
}
body.theme-wordery .header [aria-controls=ovrHelp] {
  float: right;
}
body.theme-wordery .panel-basket-item .local-shipping-message {
  background-color: #F7F7F7;
  color: #333333;
}
body.theme-wordery .local-shipping-error {
  background-color: #DD4644;
  color: #ffffff;
}
body.theme-wordery .lnkBack {
  background-image: url(../img/icoArrowLeftWhite.png);
}
body.theme-wordery ul.progress-steps {
  font-family: "Gelica", serif;
  text-transform: none;
}
body.theme-wordery ul.progress-steps .progress-step-split,
body.theme-wordery ul.progress-steps .progress-step-split:before,
body.theme-wordery ul.progress-steps .progress-step-split-active,
body.theme-wordery ul.progress-steps .progress-step {
  background-color: #DEDEDE !important;
  color: #333333 !important;
  font-size: 1.2em;
}
body.theme-wordery ul.progress-steps .progress-step-split-active:before,
body.theme-wordery ul.progress-steps .progress-step-split-active-start,
body.theme-wordery ul.progress-steps .progress-active-step {
  background-color: #DA1918 !important;
  color: #fff !important;
}
body.theme-wordery #sidebar-delivery-options {
  display: none !important;
}
body.theme-wordery #sidebar-promo-codes {
  margin-top: 0;
}
body.theme-wordery #free-delivery-msg {
  display: none !important;
  background-image: url("../img/wordery/truck-solid.svg");
  background-size: 30px;
  background-color: #C4EEF2;
  color: #141414;
  font-family: "Gelica", serif;
  padding: 13px 10px 13px 60px;
}
body.theme-wordery #logged-in-message {
  padding: 0 20px;
  text-align: left;
  font-family: "Gelica", serif;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: normal;
}
body.theme-wordery #logged-in-message a {
  font-family: "Gelica", serif;
  color: #DA1918;
}
body.theme-wordery #btnSignIn {
  width: 100%;
}
body.theme-wordery .book-feature {
  background-color: #C4EEF2;
  border: 0;
}
body.theme-wordery .book-feature h4, body.theme-wordery .book-feature .h4 {
  font-family: "Gelica", serif;
  color: #333333 !important;
  font-size: 22px !important;
  text-transform: none;
}
body.theme-wordery .book-feature .lblBasketItemTitle {
  font-family: "Gelica", serif;
  color: #333333 !important;
  font-size: 22px !important;
  line-height: normal;
  font-weight: normal !important;
  max-height: none;
}
body.theme-wordery .book-feature .basket-item-author {
  line-height: 1.5;
}
body.theme-wordery .book-feature .lblBasketItemFormattedPrice {
  font-size: 14px;
}
body.theme-wordery .book-feature .lblBasketItemFormattedPrice:not(.line-through) {
  color: #333333 !important;
}
body.theme-wordery .book-feature a.add-feature {
  background-color: #22BABB !important;
  color: #fff !important;
}
body.theme-wordery .plus-message {
  display: none !important;
}
body.theme-wordery .upgrade-text {
  display: none !important;
}
body.theme-wordery .show-hide-password {
  background-image: url("../img/eye-light.svg");
  top: 10px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
body.theme-wordery .show-password .show-hide-password {
  background-image: url("../img/eye-dark.svg");
}
body.theme-wordery label {
  font-family: "Gelica", serif;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding: 10px 0;
}
body.theme-wordery .panel-content-payment label,
body.theme-wordery .panel-gift-cards-rows label,
body.theme-wordery .rowLoyaltyCard label {
  font-family: "Noto Sans", sans-serif;
  font-size: 0.9rem;
  padding: 7px 0;
  line-height: 22px;
}
body.theme-wordery .row-field {
  background-color: inherit;
}
body.theme-wordery .rowBookShopResult.highlighted {
  background-color: #F7F7F7;
}
body.theme-wordery .color-secondary-text {
  color: #333333 !important;
}
body.theme-wordery select,
body.theme-wordery select:focus,
body.theme-wordery .textbox,
body.theme-wordery .textbox:focus,
body.theme-wordery #txtCVC,
body.theme-wordery #txtCVC:focus,
body.theme-wordery .focusable-input:focus {
  font-family: "Noto Sans", sans-serif;
  border: 1px solid #949595;
  box-shadow: 0;
  outline: none !important;
}
body.theme-wordery #btnSeachBookShopLocation {
  border-left: 1px solid #DA1918;
  color: #DA1918;
}
body.theme-wordery ul li input[type=radio] ~ .check {
  height: 27px;
  width: 27px;
}
body.theme-wordery ul li input[type=radio] ~ .check:before {
  top: 8px;
  left: 8px;
  height: 10px;
  width: 10px;
}
body.theme-wordery .alt-radio,
body.theme-wordery .panel-payment-options .accordion-title.credit-card:before,
body.theme-wordery .panel-payment-options .accordion-title.applepay:before,
body.theme-wordery .panel-payment-options .accordion-title.googlepay:before,
body.theme-wordery .panel-payment-options .accordion-title.paypal:before,
body.theme-wordery input[type=radio]:not(:checked) ~ .check,
body.theme-wordery input[type=radio]:checked ~ .check {
  background-color: #F7F7F7;
  border: 1px solid #949595;
}
body.theme-wordery input[type=radio]:checked ~ .check:before,
body.theme-wordery .panel-payment-options .accordion-title.credit-card.is-active:after,
body.theme-wordery .panel-payment-options .accordion-title.applepay.is-active:after,
body.theme-wordery .panel-payment-options .accordion-title.googlepay.is-active:after,
body.theme-wordery .panel-payment-options .accordion-title.paypal.is-active:after {
  background-color: #DA1918;
}
body.theme-wordery input[type=radio]:not(:checked) ~ .check:before {
  background-color: transparent;
}
body.theme-wordery #formLocation .radioButtons li,
body.theme-wordery .form-radio-buttons-side li {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  background-color: #fff;
  border: 2px solid #DEDEDE;
}
body.theme-wordery #formLocation .radioButtons li label,
body.theme-wordery .form-radio-buttons-side li label {
  width: 100%;
  padding: 12px 42px 12px 46px;
  margin: 0;
  border: 2px solid transparent;
  line-height: 1.4rem;
}
body.theme-wordery #formLocation .radioButtons li .check,
body.theme-wordery .form-radio-buttons-side li .check {
  top: 12px;
  left: 12px;
}
body.theme-wordery #radDeliveryLocationAddress + label,
body.theme-wordery #radDeliveryLocationLocalWaterstones + label {
  background-repeat: no-repeat;
  background-image: url("../img/wordery/truck-solid.svg");
  background-size: 32px;
  background-position: calc(100% - 12px) center;
}
body.theme-wordery #radDeliveryLocationLocalWaterstones + label {
  background-image: url("../img/hatchardsShop.png");
  background-size: 24px;
  background-position: calc(100% - 16px) center;
}
body.theme-wordery #lnkDeliveryAddressManual {
  color: #22BABB !important;
}
body.theme-wordery input[type=checkbox]:checked ~ .check,
body.theme-wordery input[type=checkbox] ~ .check,
body.theme-wordery #agree_terms_conditions ~ .check {
  background-color: #F7F7F7;
  border: 1px solid #949595;
}
body.theme-wordery input[type=checkbox]:checked ~ .check:before,
body.theme-wordery input[type=checkbox] ~ .check:before,
body.theme-wordery #agree_terms_conditions ~ .check:before {
  left: 4px;
  top: 4px;
}
body.theme-wordery label[for=radRememberNewCard],
body.theme-wordery label[for=use_delivery_add],
body.theme-wordery label[for=agree_terms_conditions] {
  padding: 2px 0 2px 40px !important;
}
body.theme-wordery label[for=agree_terms_conditions] {
  margin-top: 0;
}
body.theme-wordery label[for=agree_terms_conditions] small {
  font-size: 12px;
}
body.theme-wordery input + label {
  font-family: "Noto Sans", sans-serif;
  font-size: 1rem;
  padding: 2px 40px;
}
body.theme-wordery .panel-order-summary h4, body.theme-wordery .panel-order-summary .h4 {
  font-family: "Gelica", serif;
  font-size: 1.2rem;
}
body.theme-wordery .complete-tick {
  background-image: url(../img/wordery/tick.svg) !important;
  width: 20px;
  height: 20px;
  margin-bottom: -3px;
}
body.theme-wordery .row.panel-tax .ico-tooltip .tooltip:before,
body.theme-wordery .row.panel-total-tax .ico-tooltip .tooltip:before {
  border-right-color: #DA1918;
}
body.theme-wordery .row.panel-tax .ico-tooltip .tooltip:after,
body.theme-wordery .row.panel-total-tax .ico-tooltip .tooltip:after {
  border-right-color: #C4EEF2;
}
body.theme-wordery .cta-primary,
body.theme-wordery .cta-secondary-small {
  border-radius: 8px !important;
  text-transform: capitalize !important;
}
body.theme-wordery .alt-modal #btnAddDeliveryAddress,
body.theme-wordery .alt-modal .lnkAddNewPaymentCard,
body.theme-wordery .cta-primary,
body.theme-wordery .cta-primary-small-basket,
body.theme-wordery .checkout-button,
body.theme-wordery .checkout-button:hover,
body.theme-wordery .checkout-button:visited,
body.theme-wordery .checkout-button:focus {
  background-color: #22BABB !important;
  color: #fff !important;
  font-family: "Noto Sans", sans-serif !important;
}
body.theme-wordery .alt-modal #btnAddDeliveryAddress.cta-inactive,
body.theme-wordery .alt-modal .lnkAddNewPaymentCard.cta-inactive,
body.theme-wordery .cta-primary.cta-inactive,
body.theme-wordery .cta-primary-small-basket.cta-inactive,
body.theme-wordery .checkout-button.cta-inactive,
body.theme-wordery .checkout-button:hover.cta-inactive,
body.theme-wordery .checkout-button:visited.cta-inactive,
body.theme-wordery .checkout-button:focus.cta-inactive {
  background-color: #DEDEDE !important;
  color: #333333 !important;
}
body.theme-wordery .cta-secondary-small {
  background-color: #C4EEF2 !important;
  color: #333333 !important;
  font-family: "Noto Sans", sans-serif !important;
}
body.theme-wordery .cta-secondary-small.cta-inactive {
  background-color: #DEDEDE !important;
  color: #333333;
}
body.theme-wordery .btnCheckOutTablet .cta-primary.chkPaypal {
  color: rgba(0, 0, 0, 0) !important;
}
body.theme-wordery .cta-secondary-small {
  font-size: 14px;
}
body.theme-wordery .inline-promo-applied {
  background-color: #8CCE73 !important;
  color: #23331F !important;
}
body.theme-wordery .inline-promo-applied:before {
  background-image: url(../img/TickHatchards.png);
}
body.theme-wordery #hide-payment-iframe {
  margin-right: 20px !important;
}
body.theme-wordery .basket-item-author {
  color: #126363 !important;
  font-weight: normal;
}
body.theme-wordery .basket-item-message {
  font-family: "Noto Sans", sans-serif;
  background-color: #8CCE73 !important;
  color: #333333;
}
body.theme-wordery .basket-item-error {
  font-family: "Noto Sans", sans-serif;
  background-color: #DD4644 !important;
  color: #ffffff;
}
body.theme-wordery .qty-form .ico-tooltip .tooltip:before {
  border-top-color: transparent;
  border-right-color: #DA1918;
}
body.theme-wordery .qty-form .ico-tooltip .tooltip:after {
  border-top-color: transparent;
  border-right-color: #C4EEF2;
}
body.theme-wordery .basket-column .inputError {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #DD4644;
}
body.theme-wordery .ico-tooltip .tooltip-icon-inner {
  background-color: #F7F7F7;
  color: #DA1918;
  border: 1px solid #DA1918;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  height: 18px;
  width: 18px;
}
body.theme-wordery .ico-tooltip .tooltip {
  background-color: #C4EEF2;
}
body.theme-wordery .payment-panel-message {
  background-color: #C4EEF2;
  color: #333333;
}
body.theme-wordery .form-info-message {
  background-color: #F7F7F7;
  color: #333333;
}
body.theme-wordery .accordionPaymentOptions {
  display: none !important;
}
body.theme-wordery .choose-payment-heading {
  margin-top: -32px;
}
body.theme-wordery .panel-payment-options #accordionPanelRewards,
body.theme-wordery #accordionApplyGiftCard,
body.theme-wordery #accordionPanelGiftCard {
  display: none;
  border-color: #DA1918;
  background-color: rgba(196, 238, 242, 0.7);
}
body.theme-wordery .panel-payment-options #accordionPanelRewards .accordion-title,
body.theme-wordery #accordionApplyGiftCard .accordion-title,
body.theme-wordery #accordionPanelGiftCard .accordion-title {
  color: #DA1918 !important;
}
body.theme-wordery .panel-payment-options #accordionPanelRewards .accordion-title.gift-card:before,
body.theme-wordery #accordionApplyGiftCard .accordion-title.gift-card:before,
body.theme-wordery #accordionPanelGiftCard .accordion-title.gift-card:before {
  top: 4px;
  height: 40px;
  width: 40px;
}
body.theme-wordery .panel-payment-options #accordionPanelRewards .accordion-title:hover,
body.theme-wordery .panel-payment-options #accordionPanelRewards .accordion-content,
body.theme-wordery #accordionApplyGiftCard .accordion-title:hover,
body.theme-wordery #accordionApplyGiftCard .accordion-content,
body.theme-wordery #accordionPanelGiftCard .accordion-title:hover,
body.theme-wordery #accordionPanelGiftCard .accordion-content {
  background-color: transparent !important;
}
body.theme-wordery .accordion-payment .accordion-title {
  color: #000;
}
body.theme-wordery .lined-box-top, body.theme-wordery .lined-box-bottom {
  border: 0;
  margin: 0;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
body.theme-wordery .lined-box-top h5, body.theme-wordery .lined-box-bottom h5 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #333333;
}
body.theme-wordery .lined-box-bottom {
  margin-bottom: -20px;
}
body.theme-wordery .reveal {
  padding: 0;
}
body.theme-wordery .reveal h3, body.theme-wordery .reveal .h3 {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  color: #333333;
  font-family: "Gelica", serif;
}
body.theme-wordery .reveal h3 + div, body.theme-wordery .reveal .h3 + div {
  border: 0;
  margin: 0;
  padding: 0 10px;
}
body.theme-wordery .reveal .close-button {
  font-size: 3em;
  line-height: 34px;
  color: #333333;
  right: 10px;
}
body.theme-wordery .reveal .basket-item {
  background: none;
  border-bottom: 1px solid #C4EEF2 !important;
  padding: 15px 0;
}
body.theme-wordery .reveal .edit-basket {
  width: calc(100% - 20px);
  margin: 10px;
  font-size: 1.4em;
  padding: 10px 12px 12px;
}
body.theme-wordery .reveal.alt-modal h3, body.theme-wordery .reveal.alt-modal .h3 {
  text-transform: none;
  margin: 0;
  background-color: #DA1918;
  color: #fff;
}
body.theme-wordery .reveal.alt-modal .close-button span {
  top: 2px;
}
body.theme-wordery .reveal.alt-modal .close-button + span,
body.theme-wordery .reveal.alt-modal .close-button + div {
  padding: 0 10px 10px;
  float: left;
  width: 100%;
}
body.theme-wordery .reveal.alt-modal .checkout-button:not(#btnAddDeliveryAddress):not(.lnkAddNewPaymentCard) {
  border: 2px solid #DA1918;
  color: #DA1918 !important;
  background-color: #fff !important;
  font-family: "Noto Sans", sans-serif !important;
  padding: 8px;
  font-size: 1em;
}
body.theme-wordery .reveal.alt-modal .alt-radio {
  height: 26px;
  width: 26px;
  background: #fff;
  right: 6px;
  margin-top: 0;
}
body.theme-wordery .reveal.alt-modal .alt-radio:before {
  height: 12px;
  width: 12px;
  top: 6px;
  left: 6px;
}
body.theme-wordery .reveal .paymentrowCard,
body.theme-wordery .reveal .customer-saved-address {
  padding: 20px 7px;
}
body.theme-wordery .cookie-inner {
  color: #fff;
}
body.theme-wordery .cookie-inner a {
  color: #22BABB !important;
}
body.theme-wordery .cookie-inner .close-cookie-bar {
  background-color: #126363;
}
body.theme-wordery .cookie-inner .close-cookie-bar a {
  color: #333333 !important;
}
body.theme-wordery .overlay-loading-mobile .loader {
  border-top-color: #191919;
  border-right-color: #4c4c4c;
  border-bottom-color: #7f7f7f;
  border-left-color: #b2b2b2;
}
body.theme-wordery .error-highlight {
  background-color: #DD4644 !important;
}
body.theme-wordery .warning-message:not(#free-delivery-msg),
body.theme-wordery .error,
body.theme-wordery .error-style,
body.theme-wordery .highlight-error-text,
body.theme-wordery .wpg-error,
body.theme-wordery .txtSearchBooksError,
body.theme-wordery .txtLocationError,
body.theme-wordery .txtPasswordDeliveryError {
  color: #ffffff !important;
  background-color: #DD4644 !important;
}
body.theme-wordery .inputError.txtQuantity, body.theme-wordery .inputError.drpQuantity, body.theme-wordery input.error.txtQuantity, body.theme-wordery input.error.drpQuantity {
  border-color: #ffffff;
  background-color: #DD4644 !important;
}
body.theme-wordery .highlight-box {
  background-color: #F7F7F7 !important;
  border-color: #DEDEDE !important;
}
body.theme-wordery :last-child:not(.is-active) > .accordion-title,
body.theme-wordery .large-border,
body.theme-wordery .hr-order-summary {
  border-color: #DEDEDE !important;
}
body.theme-wordery .panel-account-created .success-info {
  background-color: #fbfaf5;
  border-radius: 8px;
  border-color: transparent;
}
body.theme-wordery .panel-account-created .success-info h5 {
  font-family: "Noto Sans", sans-serif;
}
body.theme-wordery .panel-account-created .success-info form button,
body.theme-wordery .panel-account-created .success-info form input {
  border: solid 1px #333333;
}
body.theme-wordery .panel-account-created .success-info form button[type=submit] {
  background-color: #333333;
  border-radius: 8px;
  position: relative;
  background-image: url("../img/chevron-white.png");
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 20px;
}
/* Regular */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
/* Black */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Black.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
/* Black Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-BlackItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 900;
}
/* Bold */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
/* Bold Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-BoldItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 700;
}
/* Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
}
/* Light */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
}
/* Light Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-LightItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 300;
}
/* Thin */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Thin.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
}
/* Thin Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-ThinItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 100;
}
/* Regular */
@font-face {
  font-family: "Playfair Display";
  src: url(../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
/* Italic */
@font-face {
  font-family: "Playfair Display";
  src: url(../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
}
/*  Regular */
@font-face {
  font-family: "Bentham";
  src: url(../fonts/Bentham/Bentham-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
body.theme-hatchards {
  font-family: "Lato", sans-serif;
}
body.theme-hatchards p, body.theme-hatchards small {
  font-family: "Lato", sans-serif;
}
body.theme-hatchards a {
  color: #0c0c0c !important;
}
body.theme-hatchards h3, body.theme-hatchards h4, body.theme-hatchards h5 {
  font-family: "Playfair Display", serif;
  color: #29473d;
}
body.theme-hatchards .h1, body.theme-hatchards .h2, body.theme-hatchards .h3, body.theme-hatchards .h4 {
  font-family: "Playfair Display", serif;
}
body.theme-hatchards .header {
  background-color: #29473d;
  border: 0;
  padding: 0;
}
body.theme-hatchards .header .panel-logged-in-header,
body.theme-hatchards .header a {
  color: #fff !important;
}
@media screen and (min-width: 64em) {
  body.theme-hatchards .header img.logo {
    position: relative;
    top: -12px;
  }
}
body.theme-hatchards .header [aria-controls=ovrHelp] {
  float: right;
}
body.theme-hatchards .panel-basket-item .local-shipping-message {
  background-color: #f4f1f0;
  color: #0c0c0c;
}
body.theme-hatchards .local-shipping-error {
  background-color: #E6C9BD;
  color: #922b36;
}
body.theme-hatchards .lnkBack {
  background-image: url(../img/icoArrowLeftWhite.png);
}
body.theme-hatchards ul.progress-steps {
  font-family: "Playfair Display", serif;
  text-transform: none;
}
body.theme-hatchards ul.progress-steps .progress-step-split,
body.theme-hatchards ul.progress-steps .progress-step-split:before,
body.theme-hatchards ul.progress-steps .progress-step-split-active,
body.theme-hatchards ul.progress-steps .progress-step {
  background-color: #FAF9F6 !important;
  color: #c7d6c4 !important;
  font-size: 1.2em;
}
body.theme-hatchards ul.progress-steps .progress-step-split-active:before,
body.theme-hatchards ul.progress-steps .progress-step-split-active-start,
body.theme-hatchards ul.progress-steps .progress-active-step {
  background-color: #f4f1f0 !important;
  color: #29473d !important;
}
body.theme-hatchards #free-delivery-msg {
  background-image: url("../img/hatchardsVan.png");
  background-size: 45px;
  background-color: #c7d6c4;
  color: #0c0c0c;
  font-family: "Playfair Display", serif;
  padding: 13px 10px 16px 70px;
}
body.theme-hatchards #logged-in-message {
  padding: 0 20px;
  text-align: left;
  font-family: "Playfair Display", serif;
  color: #0c0c0c;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: normal;
}
body.theme-hatchards #logged-in-message a {
  font-family: "Playfair Display", serif;
  color: #29473d;
}
body.theme-hatchards #btnSignIn {
  width: 100%;
}
body.theme-hatchards .book-feature {
  background-color: #dad5b2;
}
body.theme-hatchards .book-feature h4, body.theme-hatchards .book-feature .h4 {
  font-family: "Playfair Display", serif;
  color: #0c0c0c !important;
  font-size: 22px !important;
  text-transform: none;
}
body.theme-hatchards .book-feature .lblBasketItemTitle {
  font-family: "Playfair Display", serif;
  color: #0c0c0c !important;
  font-size: 22px !important;
  line-height: normal;
  font-weight: normal !important;
  max-height: none;
}
body.theme-hatchards .book-feature .basket-item-author {
  color: #454545 !important;
  line-height: 1.5;
}
body.theme-hatchards .book-feature .lblBasketItemFormattedPrice {
  font-size: 14px;
}
body.theme-hatchards .book-feature .lblBasketItemFormattedPrice:not(.line-through) {
  color: #0c0c0c !important;
}
body.theme-hatchards .plus-message {
  line-height: 20px;
}
body.theme-hatchards .upgrade-text {
  display: none;
}
body.theme-hatchards .show-hide-password {
  background-image: url("../img/eye-light.svg");
  top: 10px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
body.theme-hatchards .show-password .show-hide-password {
  background-image: url("../img/eye-dark.svg");
}
body.theme-hatchards label {
  font-family: "Playfair Display", serif;
  color: #0c0c0c;
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding: 10px 0;
}
body.theme-hatchards .panel-content-payment label,
body.theme-hatchards .panel-gift-cards-rows label,
body.theme-hatchards .rowLoyaltyCard label {
  font-family: "Lato", sans-serif;
  font-size: 0.9rem;
  padding: 7px 0;
  line-height: 22px;
}
body.theme-hatchards .row-field {
  background-color: inherit;
}
body.theme-hatchards .rowBookShopResult.highlighted {
  background-color: #f4f1f0;
}
body.theme-hatchards .color-secondary-text {
  color: #0c0c0c !important;
}
body.theme-hatchards select,
body.theme-hatchards select:focus,
body.theme-hatchards .textbox,
body.theme-hatchards .textbox:focus,
body.theme-hatchards #txtCVC,
body.theme-hatchards #txtCVC:focus,
body.theme-hatchards .focusable-input:focus {
  font-family: "Lato", sans-serif;
  border: 1px solid #29473d;
  box-shadow: 0;
  outline: none !important;
}
body.theme-hatchards #btnSeachBookShopLocation {
  border-left: 1px solid #29473d;
  color: #29473d;
}
body.theme-hatchards ul li input[type=radio] ~ .check {
  height: 27px;
  width: 27px;
}
body.theme-hatchards ul li input[type=radio] ~ .check:before {
  top: 8px;
  left: 8px;
  height: 10px;
  width: 10px;
}
body.theme-hatchards .alt-radio,
body.theme-hatchards .panel-payment-options .accordion-title.credit-card:before,
body.theme-hatchards .panel-payment-options .accordion-title.applepay:before,
body.theme-hatchards .panel-payment-options .accordion-title.googlepay:before,
body.theme-hatchards .panel-payment-options .accordion-title.paypal:before,
body.theme-hatchards input[type=radio]:not(:checked) ~ .check,
body.theme-hatchards input[type=radio]:checked ~ .check {
  background-color: #c7d6c4;
  border: 1px solid #29473d;
}
body.theme-hatchards .alt-radio:before,
body.theme-hatchards .panel-payment-options .accordion-title.credit-card:before:before,
body.theme-hatchards .panel-payment-options .accordion-title.applepay:before:before,
body.theme-hatchards .panel-payment-options .accordion-title.googlepay:before:before,
body.theme-hatchards .panel-payment-options .accordion-title.paypal:before:before,
body.theme-hatchards input[type=radio]:not(:checked) ~ .check:before,
body.theme-hatchards input[type=radio]:checked ~ .check:before {
  background-color: #29473d;
}
body.theme-hatchards .panel-payment-options .accordion-title.credit-card.is-active:after,
body.theme-hatchards .panel-payment-options .accordion-title.applepay.is-active:after,
body.theme-hatchards .panel-payment-options .accordion-title.googlepay.is-active:after,
body.theme-hatchards .panel-payment-options .accordion-title.paypal.is-active:after {
  background-color: #29473d;
}
body.theme-hatchards input[type=radio]:not(:checked) ~ .check:before {
  background-color: transparent;
}
body.theme-hatchards #formLocation .radioButtons li,
body.theme-hatchards .form-radio-buttons-side li {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  background-color: #c7d6c4;
}
body.theme-hatchards #formLocation .radioButtons li label,
body.theme-hatchards .form-radio-buttons-side li label {
  width: 100%;
  padding: 12px 42px 12px 46px;
  margin: 0;
  border: 2px solid transparent;
  line-height: 1.4rem;
}
body.theme-hatchards #formLocation .radioButtons li input[type=radio]:checked ~ label,
body.theme-hatchards .form-radio-buttons-side li input[type=radio]:checked ~ label {
  border-color: #29473d;
}
body.theme-hatchards #formLocation .radioButtons li .check,
body.theme-hatchards .form-radio-buttons-side li .check {
  top: 12px;
  left: 12px;
}
body.theme-hatchards #radDeliveryLocationAddress + label,
body.theme-hatchards #radDeliveryLocationLocalWaterstones + label {
  background-repeat: no-repeat;
  background-image: url("../img/hatchardsVan.png");
  background-size: 32px;
  background-position: calc(100% - 12px) center;
}
body.theme-hatchards #radDeliveryLocationLocalWaterstones + label {
  background-image: url("../img/hatchardsShop.png");
  background-size: 24px;
  background-position: calc(100% - 16px) center;
}
body.theme-hatchards #lnkDeliveryAddressManual {
  color: #29473d !important;
  text-transform: uppercase;
}
body.theme-hatchards input[type=checkbox]:checked ~ .check,
body.theme-hatchards input[type=checkbox] ~ .check,
body.theme-hatchards #agree_terms_conditions ~ .check {
  background-color: #c7d6c4;
  border: 1px solid #29473d;
}
body.theme-hatchards input[type=checkbox]:checked ~ .check:before,
body.theme-hatchards input[type=checkbox] ~ .check:before,
body.theme-hatchards #agree_terms_conditions ~ .check:before {
  left: 4px;
  top: 4px;
}
body.theme-hatchards label[for=radRememberNewCard],
body.theme-hatchards label[for=use_delivery_add],
body.theme-hatchards label[for=agree_terms_conditions] {
  padding: 2px 0 2px 40px !important;
}
body.theme-hatchards label[for=agree_terms_conditions] {
  margin-top: 0;
}
body.theme-hatchards label[for=agree_terms_conditions] small {
  font-size: 12px;
}
body.theme-hatchards input + label {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  padding: 2px 40px;
}
body.theme-hatchards .panel-order-summary h4, body.theme-hatchards .panel-order-summary .h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
}
body.theme-hatchards .row.panel-tax .ico-tooltip .tooltip:before,
body.theme-hatchards .row.panel-total-tax .ico-tooltip .tooltip:before {
  border-right-color: #29473d;
}
body.theme-hatchards .row.panel-tax .ico-tooltip .tooltip:after,
body.theme-hatchards .row.panel-total-tax .ico-tooltip .tooltip:after {
  border-right-color: #c7d6c4;
}
body.theme-hatchards .alt-modal #btnAddDeliveryAddress,
body.theme-hatchards .alt-modal .lnkAddNewPaymentCard,
body.theme-hatchards .cta-primary,
body.theme-hatchards .cta-secondary-small,
body.theme-hatchards .cta-primary-small-basket,
body.theme-hatchards .checkout-button,
body.theme-hatchards .checkout-button:hover,
body.theme-hatchards .checkout-button:visited,
body.theme-hatchards .checkout-button:focus {
  background-color: #29473d !important;
  color: #fff !important;
  font-family: "Playfair Display", serif !important;
}
body.theme-hatchards .alt-modal #btnAddDeliveryAddress.cta-inactive,
body.theme-hatchards .alt-modal .lnkAddNewPaymentCard.cta-inactive,
body.theme-hatchards .cta-primary.cta-inactive,
body.theme-hatchards .cta-secondary-small.cta-inactive,
body.theme-hatchards .cta-primary-small-basket.cta-inactive,
body.theme-hatchards .checkout-button.cta-inactive,
body.theme-hatchards .checkout-button:hover.cta-inactive,
body.theme-hatchards .checkout-button:visited.cta-inactive,
body.theme-hatchards .checkout-button:focus.cta-inactive {
  background-color: #bebebe !important;
  color: #d8d8d8;
}
body.theme-hatchards .btnCheckOutTablet .cta-primary.chkPaypal {
  color: rgba(0, 0, 0, 0) !important;
}
body.theme-hatchards .cta-secondary-small {
  font-size: 14px;
}
body.theme-hatchards .inline-plus {
  font-family: "Bentham", serif;
  color: #A2843C;
  text-transform: uppercase;
  font-size: 1.2em;
}
body.theme-hatchards .promo-accordion-message {
  background-color: #c7d6c4;
}
body.theme-hatchards .inline-promo-applied {
  background-color: #c7d6c4;
}
body.theme-hatchards .inline-promo-applied:before {
  background-image: url(../img/TickHatchards.png);
}
body.theme-hatchards #hide-payment-iframe {
  margin-right: 20px !important;
}
body.theme-hatchards .basket-item-author {
  color: #759577 !important;
  font-weight: normal;
}
body.theme-hatchards .basket-item-message {
  font-family: "Lato", sans-serif;
  background-color: #f4f1f0 !important;
  color: #0c0c0c;
}
body.theme-hatchards .basket-item-error {
  font-family: "Lato", sans-serif;
  background-color: #E6C9BD !important;
  color: #922b36;
}
body.theme-hatchards .qty-form .ico-tooltip .tooltip:before {
  border-top-color: transparent;
  border-right-color: #29473d;
}
body.theme-hatchards .qty-form .ico-tooltip .tooltip:after {
  border-top-color: transparent;
  border-right-color: #c7d6c4;
}
body.theme-hatchards .basket-column .inputError {
  color: #922b36;
  border-color: #922b36;
  background-color: #E6C9BD;
}
body.theme-hatchards .ico-tooltip .tooltip-icon-inner {
  background-color: #f4f1f0;
  color: #29473d;
  border: 1px solid #29473d;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  height: 18px;
  width: 18px;
}
body.theme-hatchards .ico-tooltip .tooltip {
  background-color: #c7d6c4;
  border-color: #29473d;
}
body.theme-hatchards .ico-tooltip .tooltip:before {
  border-top-color: #29473d;
}
body.theme-hatchards .ico-tooltip .tooltip:after {
  border-top-color: #c7d6c4;
}
body.theme-hatchards .payment-panel-message {
  background-color: #c7d6c4;
  color: #0c0c0c;
}
body.theme-hatchards .form-info-message {
  background-color: #f4f1f0;
  color: #0c0c0c;
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards,
body.theme-hatchards #accordionApplyGiftCard,
body.theme-hatchards #accordionPanelGiftCard {
  border-color: #29473d;
  background-color: rgba(199, 214, 196, 0.7);
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards .accordion-title,
body.theme-hatchards #accordionApplyGiftCard .accordion-title,
body.theme-hatchards #accordionPanelGiftCard .accordion-title {
  color: #29473d !important;
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards .accordion-title.gift-card:before,
body.theme-hatchards #accordionApplyGiftCard .accordion-title.gift-card:before,
body.theme-hatchards #accordionPanelGiftCard .accordion-title.gift-card:before {
  background-image: url("../img/hatchards/gift-card.png");
  top: 4px;
  height: 40px;
  width: 40px;
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards .accordion-title:hover,
body.theme-hatchards .panel-payment-options #accordionPanelRewards .accordion-content,
body.theme-hatchards #accordionApplyGiftCard .accordion-title:hover,
body.theme-hatchards #accordionApplyGiftCard .accordion-content,
body.theme-hatchards #accordionPanelGiftCard .accordion-title:hover,
body.theme-hatchards #accordionPanelGiftCard .accordion-content {
  background-color: transparent !important;
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards {
  background-color: #fcf7f1;
}
body.theme-hatchards .panel-payment-options #accordionPanelRewards.wl-error {
  border: none;
  color: #922b36 !important;
  background-color: unset;
}
body.theme-hatchards .panel-payment-options .accordion-title.points-balance:before,
body.theme-hatchards .panel-payment-options .accordion-title:hover.points-balance:before {
  background-image: url(../img/hatchards-card.png);
}
body.theme-hatchards .accordion-payment .accordion-title {
  color: #000;
}
body.theme-hatchards .lined-box-top, body.theme-hatchards .lined-box-bottom {
  border: 0;
  margin: 0;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
body.theme-hatchards .lined-box-top h5, body.theme-hatchards .lined-box-bottom h5 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #0c0c0c;
}
body.theme-hatchards .lined-box-bottom {
  margin-bottom: -20px;
}
body.theme-hatchards .reveal {
  padding: 0;
}
body.theme-hatchards .reveal h3, body.theme-hatchards .reveal .h3 {
  padding: 16px;
  margin-bottom: 0;
  background-color: #f4f1f0;
  color: #29473d;
  font-family: "Playfair Display", serif;
}
body.theme-hatchards .reveal h3 + div, body.theme-hatchards .reveal .h3 + div {
  border: 0;
  margin: 0;
  padding: 0 10px;
}
body.theme-hatchards .reveal .close-button {
  font-size: 3em;
  line-height: 34px;
  color: #29473d;
}
body.theme-hatchards .reveal .basket-item {
  background: none;
  border-bottom: 1px solid #A2843C !important;
  padding: 15px 0;
}
body.theme-hatchards .reveal .edit-basket {
  width: calc(100% - 20px);
  margin: 10px;
  font-size: 1.4em;
  padding: 10px 12px 12px;
}
body.theme-hatchards .reveal.alt-modal h3, body.theme-hatchards .reveal.alt-modal .h3 {
  text-transform: none;
  margin: 0;
  background-color: #29473d;
  color: #fff;
}
body.theme-hatchards .reveal.alt-modal .close-button span {
  top: 2px;
}
body.theme-hatchards .reveal.alt-modal .close-button + span,
body.theme-hatchards .reveal.alt-modal .close-button + div {
  padding: 0 10px 10px;
  float: left;
  width: 100%;
}
body.theme-hatchards .reveal.alt-modal .checkout-button:not(#btnAddDeliveryAddress):not(.lnkAddNewPaymentCard) {
  border: 2px solid #29473d;
  color: #29473d !important;
  background-color: #fff !important;
  font-family: "Lato", sans-serif !important;
  padding: 8px;
  font-size: 1em;
}
body.theme-hatchards .reveal.alt-modal .alt-radio {
  height: 26px;
  width: 26px;
  background: #fff;
  right: 6px;
  margin-top: 0;
}
body.theme-hatchards .reveal.alt-modal .alt-radio:before {
  height: 12px;
  width: 12px;
  top: 6px;
  left: 6px;
}
body.theme-hatchards .reveal#ovrHelp {
  background-color: #f4f1f0;
  border: none;
}
body.theme-hatchards .reveal#ovrHelp .close-button {
  color: #f4f1f0;
  font-weight: 300;
}
body.theme-hatchards .reveal#ovrHelp h3, body.theme-hatchards .reveal#ovrHelp .h3 {
  background-color: #29473d;
  color: #f4f1f0;
  text-transform: uppercase;
  font-size: 18px;
}
body.theme-hatchards .reveal#ovrHelp p {
  padding: 0 1rem;
  color: #0c0c0c;
}
body.theme-hatchards .reveal#ovrHelp p:last-of-type {
  padding-bottom: 0.6rem;
}
body.theme-hatchards .reveal#ovrHelp a.close-modals {
  text-transform: uppercase;
}
@media screen and (min-width: 641px) {
  body.theme-hatchards .reveal#ovrHelp .close-button {
    line-height: 38px;
  }
  body.theme-hatchards .reveal#ovrHelp h3, body.theme-hatchards .reveal#ovrHelp .h3 {
    font-size: 22px;
  }
}
body.theme-hatchards .reveal .paymentrowCard,
body.theme-hatchards .reveal .customer-saved-address {
  padding: 20px 7px;
}
body.theme-hatchards .cookie-inner {
  color: #fff;
}
body.theme-hatchards .cookie-inner a {
  color: #C0A669 !important;
}
body.theme-hatchards .cookie-inner .close-cookie-bar {
  background-color: #759577;
}
body.theme-hatchards .cookie-inner .close-cookie-bar a {
  color: #0c0c0c !important;
}
body.theme-hatchards .overlay-loading-mobile .loader {
  border-top-color: #191919;
  border-right-color: #4c4c4c;
  border-bottom-color: #7f7f7f;
  border-left-color: #b2b2b2;
}
body.theme-hatchards .error-highlight {
  background-color: #E6C9BD !important;
}
body.theme-hatchards .warning-message:not(#free-delivery-msg),
body.theme-hatchards .error,
body.theme-hatchards .error-style,
body.theme-hatchards .highlight-error-text,
body.theme-hatchards .wpg-error,
body.theme-hatchards .txtSearchBooksError,
body.theme-hatchards .txtLocationError,
body.theme-hatchards .txtPasswordDeliveryError {
  color: #922b36 !important;
  background-color: #E6C9BD !important;
}
body.theme-hatchards .inputError, body.theme-hatchards input.error {
  color: #922b36 !important;
}
body.theme-hatchards .inputError.txtQuantity, body.theme-hatchards .inputError.drpQuantity, body.theme-hatchards input.error.txtQuantity, body.theme-hatchards input.error.drpQuantity {
  border-color: #922b36;
  background-color: #E6C9BD !important;
}
body.theme-hatchards .panel-account-created .success-info {
  background-color: #c7d6c4;
}
body.theme-hatchards .panel-account-created .success-info h5 {
  color: #000;
}
body.theme-hatchards .panel-account-created .success-info form button,
body.theme-hatchards .panel-account-created .success-info form input {
  border: solid 1px #29473d;
}
body.theme-hatchards .panel-account-created .success-info form button[type=submit] {
  background-color: #29473d;
  border-radius: 0;
  position: relative;
  background-image: url("../img/chevron-white.png");
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 20px;
}
/* Regular */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
/* Black */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Black.ttf) format("truetype");
  font-style: normal;
  font-weight: 900;
}
/* Black Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-BlackItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 900;
}
/* Bold */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
/* Bold Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-BoldItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 700;
}
/* Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
}
/* Light */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
}
/* Light Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-LightItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 300;
}
/* Thin */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-Thin.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
}
/* Thin Italic */
@font-face {
  font-family: "Lato";
  src: url(../fonts/Lato/Lato-ThinItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 100;
}
/*  Regular */
@font-face {
  font-family: "Quicksand";
  src: url(../fonts/Quicksand/Quicksand-VariableFont_wght.ttf) format("truetype");
  font-style: normal;
  font-weight: 400 500;
}
body.theme-foyles {
  font-family: "Lato", sans-serif;
}
body.theme-foyles p,
body.theme-foyles small {
  font-family: "Lato", sans-serif;
}
body.theme-foyles p a,
body.theme-foyles small a {
  color: #0c0c0c !important;
}
body.theme-foyles a {
  color: #0c0c0c;
}
body.theme-foyles h3, body.theme-foyles .h3,
body.theme-foyles h5, body.theme-foyles .h5 {
  font-family: "Lato", sans-serif;
  color: #0c0c0c;
}
body.theme-foyles .header {
  background-color: #f4f4f4;
  border: 0;
  padding: 0;
}
body.theme-foyles .header .logo {
  min-width: 121px;
  max-width: 121px;
}
body.theme-foyles .header .panel-logged-in-header,
body.theme-foyles .header a {
  color: #313131 !important;
}
body.theme-foyles .header a {
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  body.theme-foyles .header img.logo {
    position: relative;
    min-width: 151px;
    max-width: 151px;
  }
}
body.theme-foyles .header [aria-controls=ovrHelp] {
  float: right;
}
body.theme-foyles .panel-empty-basket,
body.theme-foyles .panel-omnico-error {
  background-color: #fff !important;
}
body.theme-foyles .panel-empty-basket h5, body.theme-foyles .panel-empty-basket .h5,
body.theme-foyles .panel-omnico-error h5,
body.theme-foyles .panel-omnico-error .h5 {
  color: #ee1b2e !important;
  font-weight: normal;
}
body.theme-foyles .panel-basket-item .local-shipping-message {
  background-color: #f4f4f4;
  color: #0c0c0c;
}
body.theme-foyles .local-shipping-error {
  background-color: #e5e2e2;
  color: #ee1b2e;
}
body.theme-foyles .highlight-box {
  background-color: #f4f4f4;
}
body.theme-foyles .highlight-box.panel-gift-card-applied {
  background-color: #fff !important;
  padding: 8px 10px !important;
  border-radius: 8px;
  border: 1px solid;
}
body.theme-foyles .highlight-box.panel-gift-card-applied p {
  line-height: normal;
  font-size: 15px;
}
body.theme-foyles ul.progress-steps {
  font-family: "Lato", sans-serif;
  text-transform: none;
}
body.theme-foyles ul.progress-steps .progress-step-split,
body.theme-foyles ul.progress-steps .progress-step-split:before,
body.theme-foyles ul.progress-steps .progress-step-split-active,
body.theme-foyles ul.progress-steps .progress-step {
  background-color: #f4f4f4 !important;
  color: #0c0c0c !important;
  font-size: 1.2em;
}
body.theme-foyles ul.progress-steps .progress-step-split-active:before,
body.theme-foyles ul.progress-steps .progress-step-split-active-start,
body.theme-foyles ul.progress-steps .progress-active-step {
  background-color: #edeae4 !important;
  color: #0c0c0c !important;
}
body.theme-foyles #free-delivery-msg {
  background-image: url("../img/foyles/van.png");
  background-size: 45px;
  background-color: #cec6b4;
  color: #0c0c0c;
  font-family: "Lato", sans-serif;
  padding: 13px 10px 16px 70px;
  border-radius: 8px !important;
  font-size: 15px;
}
body.theme-foyles #logged-in-message {
  padding: 0 20px;
  text-align: left;
  font-family: "Lato", sans-serif;
  color: #0c0c0c;
  font-size: 20px;
  line-height: 1.4rem;
  font-weight: normal;
}
body.theme-foyles #logged-in-message a {
  font-family: "Lato", sans-serif;
  color: #0c0c0c;
}
body.theme-foyles #btnSignIn {
  width: 100%;
}
body.theme-foyles .basket-mob-subheader > div > p {
  font-size: 15px !important;
}
body.theme-foyles .book-feature {
  background-color: #efefef;
}
body.theme-foyles .book-feature h4, body.theme-foyles .book-feature .h4 {
  color: #0c0c0c !important;
  font-family: "Lato", sans-serif;
  font-size: 22px !important;
  text-transform: none;
}
body.theme-foyles .book-feature .lblBasketItemTitle {
  color: #0c0c0c !important;
  font-size: 22px !important;
  font-weight: normal !important;
  max-height: none;
}
body.theme-foyles .book-feature .basket-item-author {
  color: #454545 !important;
  font-weight: bold;
  line-height: 1.5;
}
body.theme-foyles .book-feature .lblBasketItemFormattedPrice {
  font-size: 16px;
}
body.theme-foyles .book-feature .lblBasketItemFormattedPrice:not(.line-through) {
  color: #0c0c0c !important;
}
body.theme-foyles .book-feature .cta-secondary-small {
  display: inline-flex;
  background-color: #ee1b2e !important;
}
body.theme-foyles .plus-message {
  line-height: 20px;
}
body.theme-foyles .upgrade-text {
  display: none;
}
body.theme-foyles label {
  font-family: "Lato", sans-serif;
  color: #0c0c0c;
  font-size: 20px;
  line-height: 1.4rem;
  padding: 10px 0;
}
body.theme-foyles .panel-content,
body.theme-foyles .panel-content-delivery,
body.theme-foyles .panel-content-payment {
  border-color: #cec6b4 !important;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  body.theme-foyles [class*=small-border] {
    border-color: #cec6b4 !important;
  }
  body.theme-foyles .small-border-dotted-top {
    border-top-style: solid;
  }
  body.theme-foyles .small-border-dotted-bottom {
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 40em) {
  body.theme-foyles [class*=medium-border] {
    border-color: #cec6b4 !important;
  }
  body.theme-foyles .medium-border-dotted-top {
    border-top-style: solid;
  }
  body.theme-foyles .medium-border-dotted-bottom {
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 64em) {
  body.theme-foyles [class*=large-border] {
    border-color: #cec6b4 !important;
  }
  body.theme-foyles .large-border-dotted-top {
    border-top-style: solid;
  }
  body.theme-foyles .large-border-dotted-bottom {
    border-bottom-style: solid;
  }
}
body.theme-foyles .show-hide-password {
  background-image: url("../img/eye-light.svg");
  top: 13px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
body.theme-foyles .show-password .show-hide-password {
  background-image: url("../img/eye-dark.svg");
}
body.theme-foyles .panel-content-payment label,
body.theme-foyles .panel-gift-cards-rows label,
body.theme-foyles .rowLoyaltyCard label {
  font-family: "Lato", sans-serif;
  font-size: 0.9rem;
  padding: 10px 0;
  line-height: 20px;
  margin-top: 5px;
}
body.theme-foyles .panel-content-payment label[for=agree_terms_conditions],
body.theme-foyles .panel-gift-cards-rows label[for=agree_terms_conditions],
body.theme-foyles .rowLoyaltyCard label[for=agree_terms_conditions] {
  margin-top: 0;
}
body.theme-foyles .panel-content-payment label[for=agree_terms_conditions] small,
body.theme-foyles .panel-gift-cards-rows label[for=agree_terms_conditions] small,
body.theme-foyles .rowLoyaltyCard label[for=agree_terms_conditions] small {
  font-size: 12px;
}
body.theme-foyles .panel-content-payment .giftCardPoundLabel,
body.theme-foyles .panel-content-payment .giftcardPoundRow,
body.theme-foyles .panel-content-payment .booktokenPoundRow,
body.theme-foyles .panel-gift-cards-rows .giftCardPoundLabel,
body.theme-foyles .panel-gift-cards-rows .giftcardPoundRow,
body.theme-foyles .panel-gift-cards-rows .booktokenPoundRow,
body.theme-foyles .rowLoyaltyCard .giftCardPoundLabel,
body.theme-foyles .rowLoyaltyCard .giftcardPoundRow,
body.theme-foyles .rowLoyaltyCard .booktokenPoundRow {
  font-family: "Lato", sans-serif;
  margin: 0 9px 0 !important;
  padding: 12px 0 !important;
  font-size: 16px;
}
body.theme-foyles .cta-confirm-gift-card .inline-plus {
  margin: 0 4px;
}
body.theme-foyles .row-field {
  background-color: inherit;
}
body.theme-foyles .rowBookShopResult.highlighted {
  background-color: #f4f4f4;
}
body.theme-foyles .color-secondary-text {
  color: #0c0c0c !important;
}
body.theme-foyles select,
body.theme-foyles select:focus,
body.theme-foyles .textbox,
body.theme-foyles .textbox:focus,
body.theme-foyles #txtCVC,
body.theme-foyles #txtCVC:focus,
body.theme-foyles .focusable-input:focus {
  font-family: "Lato", sans-serif;
  border: 1px solid #313131;
  box-shadow: 0;
  outline: none !important;
}
body.theme-foyles select:not(.drpQuantity),
body.theme-foyles .textbox:not(.txtQuantity),
body.theme-foyles .textbox:not(.txtQuantity):focus {
  font-size: 16px;
  height: auto;
  padding: 11px 16px;
  border-radius: 8px !important;
}
body.theme-foyles #btnSeachBookShopLocation {
  border-left: 1px solid #cec6b4;
  color: #313131;
  height: 44px;
  display: flex;
  align-items: center;
}
body.theme-foyles .btnSearchBookShops {
  margin-bottom: 14px;
}
body.theme-foyles ul li input[type=radio] ~ .check {
  height: 27px;
  width: 27px;
}
body.theme-foyles ul li input[type=radio] ~ .check:before {
  top: 8px;
  left: 8px;
  height: 10px;
  width: 10px;
}
body.theme-foyles .alt-radio,
body.theme-foyles .panel-payment-options .accordion-title.credit-card:before,
body.theme-foyles .panel-payment-options .accordion-title.applepay:before,
body.theme-foyles .panel-payment-options .accordion-title.googlepay:before,
body.theme-foyles .panel-payment-options .accordion-title.paypal:before,
body.theme-foyles input[type=radio]:not(:checked) ~ .check,
body.theme-foyles input[type=radio]:checked ~ .check {
  background-color: #edeae4;
  border: 1px solid #313131;
}
body.theme-foyles .alt-radio:before,
body.theme-foyles .panel-payment-options .accordion-title.credit-card:before:before,
body.theme-foyles .panel-payment-options .accordion-title.applepay:before:before,
body.theme-foyles .panel-payment-options .accordion-title.googlepay:before:before,
body.theme-foyles .panel-payment-options .accordion-title.paypal:before:before,
body.theme-foyles input[type=radio]:not(:checked) ~ .check:before,
body.theme-foyles input[type=radio]:checked ~ .check:before {
  background-color: #cec6b4;
}
body.theme-foyles .panel-payment-options .accordion-title.credit-card.is-active:after,
body.theme-foyles .panel-payment-options .accordion-title.applepay.is-active:after,
body.theme-foyles .panel-payment-options .accordion-title.googlepay.is-active:after,
body.theme-foyles .panel-payment-options .accordion-title.paypal.is-active:after {
  background-color: #313131;
}
body.theme-foyles input[type=radio]:not(:checked) ~ .check:before {
  background-color: transparent;
}
body.theme-foyles #formLocation .radioButtons li,
body.theme-foyles .form-radio-buttons-side li {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  background-color: #f4f4f4;
  border-radius: 8px !important;
}
body.theme-foyles #formLocation .radioButtons li label,
body.theme-foyles .form-radio-buttons-side li label {
  width: 100%;
  padding: 12px 42px 12px 46px;
  margin: 0;
  border: 1px solid transparent;
  line-height: 1.4rem;
}
body.theme-foyles #formLocation .radioButtons li input[type=radio]:checked ~ label,
body.theme-foyles .form-radio-buttons-side li input[type=radio]:checked ~ label {
  border-color: #313131;
  border-radius: 8px !important;
}
body.theme-foyles #formLocation .radioButtons li .check,
body.theme-foyles .form-radio-buttons-side li .check {
  top: 12px;
  left: 12px;
  border-color: #313131;
}
body.theme-foyles #formDeliveryMethod .check {
  border-color: #313131;
}
body.theme-foyles #radDeliveryLocationAddress + label,
body.theme-foyles #radDeliveryLocationLocalWaterstones + label {
  background-repeat: no-repeat;
  background-image: url("../img/foyles/van-no-shadow.png");
  background-size: 32px;
  background-position: calc(100% - 12px) center;
}
body.theme-foyles #radDeliveryLocationLocalWaterstones + label {
  background-image: url("../img/foyles/shop.png");
  background-size: 28px;
  background-position: calc(100% - 16px) center;
}
body.theme-foyles #lnkDeliveryAddressManual {
  color: #0c0c0c !important;
  text-transform: uppercase;
}
body.theme-foyles input[type=checkbox]:checked ~ .check,
body.theme-foyles input[type=checkbox] ~ .check,
body.theme-foyles #agree_terms_conditions ~ .check {
  background-color: #fff;
  border: 1px solid #313131;
}
body.theme-foyles input[type=checkbox]:checked ~ .check:before,
body.theme-foyles input[type=checkbox] ~ .check:before,
body.theme-foyles #agree_terms_conditions ~ .check:before {
  content: "";
}
body.theme-foyles input[type=checkbox]:checked ~ .check:before {
  left: 4px;
  top: 4px;
}
body.theme-foyles label[for=radRememberNewCard],
body.theme-foyles label[for=use_delivery_add],
body.theme-foyles label[for=agree_terms_conditions] {
  padding: 2px 0 2px 40px;
  min-height: 30px;
}
body.theme-foyles input + label {
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  padding: 2px 30px;
}
body.theme-foyles .panel-order-summary h4, body.theme-foyles .panel-order-summary .h4 {
  font-family: "Lato", sans-serif;
  font-size: 20px;
}
body.theme-foyles .row.panel-tax .ico-tooltip .tooltip:before,
body.theme-foyles .row.panel-total-tax .ico-tooltip .tooltip:before {
  border-right-color: #cec6b4;
}
body.theme-foyles .row.panel-tax .ico-tooltip .tooltip:after,
body.theme-foyles .row.panel-total-tax .ico-tooltip .tooltip:after {
  border-right-color: #edeae4;
}
body.theme-foyles .cta-primary,
body.theme-foyles .cta-secondary-small,
body.theme-foyles .cta-primary-small-basket,
body.theme-foyles .checkout-button,
body.theme-foyles .checkout-button:hover,
body.theme-foyles .checkout-button:visited,
body.theme-foyles .checkout-button:focus {
  background-color: #313131 !important;
  color: #f4f1f0 !important;
  font-family: "Lato", sans-serif !important;
  border-radius: 8px !important;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.theme-foyles .cta-primary.cta-inactive,
body.theme-foyles .cta-secondary-small.cta-inactive,
body.theme-foyles .cta-primary-small-basket.cta-inactive,
body.theme-foyles .checkout-button.cta-inactive,
body.theme-foyles .checkout-button:hover.cta-inactive,
body.theme-foyles .checkout-button:visited.cta-inactive,
body.theme-foyles .checkout-button:focus.cta-inactive {
  background-color: #bebebe !important;
  color: #d8d8d8;
}
body.theme-foyles .btnCheckOutTablet .cta-primary.chkPaypal {
  color: rgba(0, 0, 0, 0) !important;
}
body.theme-foyles .cta-secondary-small {
  font-size: 15px;
}
body.theme-foyles .inline-plus {
  font-family: "Quicksand", sans-serif;
  color: #ff001d;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}
body.theme-foyles .promo-accordion-message {
  background-color: #cec6b4;
  border-radius: 8px;
}
body.theme-foyles .inline-promo-applied {
  background-color: #cec6b4;
  margin-top: 3px;
}
body.theme-foyles .inline-promo-applied:before {
  background-image: url(../img/foyles/icons-check.png);
}
body.theme-foyles #hide-payment-iframe {
  margin-right: 20px !important;
}
body.theme-foyles .lblBasketItemTitle {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
body.theme-foyles .basket-item-author {
  color: #897340 !important;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
}
body.theme-foyles .basket-item-message {
  background-color: #e5e2e2 !important;
  color: #0c0c0c;
}
body.theme-foyles .basket-item-message.error-highlight {
  color: #ee1b2e;
}
body.theme-foyles .lblBasketItemFormat {
  font-family: "Lato", sans-serif;
  color: #0c0c0c;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
body.theme-foyles .lblBasketItemFormat:before {
  content: "(";
  margin-right: -2px;
}
body.theme-foyles .lblBasketItemFormat:after {
  content: ")";
  margin-left: -2px;
}
body.theme-foyles .lblBasketItemStockStatus {
  color: #313131;
}
body.theme-foyles .lblTotalItem {
  font-weight: bold;
  font-size: 14px;
}
body.theme-foyles .lnkRemove,
body.theme-foyles .lnkUndo,
body.theme-foyles .editButton {
  text-transform: uppercase;
  color: #313131;
}
body.theme-foyles .drpQuantity {
  border-color: #313131;
}
body.theme-foyles .qty-form .ico-tooltip .tooltip:before {
  border-top-color: transparent;
  border-right-color: #cec6b4;
}
body.theme-foyles .qty-form .ico-tooltip .tooltip:after {
  border-top-color: transparent;
  border-right-color: #edeae4;
}
body.theme-foyles .inputError {
  color: #ee1b2e;
  border-color: #ee1b2e;
  background-color: #e5e2e2 !important;
}
body.theme-foyles .ico-tooltip .tooltip-icon-inner {
  background-color: #f4f4f4;
  color: #0c0c0c;
  border: 1px solid #313131;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  height: 18px;
  width: 18px;
}
body.theme-foyles .ico-tooltip .tooltip {
  background-color: #edeae4;
  border-color: #cec6b4;
}
body.theme-foyles .ico-tooltip .tooltip:before {
  border-top-color: #cec6b4;
}
body.theme-foyles .ico-tooltip .tooltip:after {
  border-top-color: #edeae4;
}
body.theme-foyles .form-info-message {
  background-color: #f8f8f8;
  color: #0c0c0c;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards,
body.theme-foyles .panel-payment-options #accordionApplyGiftCard,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard {
  border-color: #313131;
  background-color: #f4f4f4;
  border-radius: 8px !important;
  border-width: 1px;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards .accordion-title,
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-title,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-title {
  color: #0c0c0c !important;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards .accordion-title > span:first-of-type,
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-title > span:first-of-type,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-title > span:first-of-type {
  font-size: 15px;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards .accordion-title:hover,
body.theme-foyles .panel-payment-options #accordionPanelRewards .accordion-content,
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-title:hover,
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-content,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-title:hover,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-content {
  background-color: transparent !important;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard {
  background-color: #f4f4f4;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .h5,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .h5 {
  font-size: 20px;
  font-weight: 400;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-title.gift-card:before,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-title.gift-card:before {
  background-image: url(../img/foyles/gift-card.png);
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .accordion-content,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .accordion-content {
  border-top: 2px solid #fff;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .panel-apply-gift-cards-loggedin .panel-gift-cards-rows .textbox,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .panel-apply-gift-cards-loggedin .panel-gift-cards-rows .textbox {
  border-color: #313131;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .giftcard-balance-applied,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .giftcard-balance-applied {
  color: #0c0c0c;
}
body.theme-foyles .panel-payment-options #accordionApplyGiftCard .giftcard-balance-applied:after,
body.theme-foyles .panel-payment-options #accordionPanelGiftCard .giftcard-balance-applied:after {
  background-image: url(../img/foyles/icons-check.png);
  width: 16px;
  height: 16px;
  top: 0;
  right: -20px;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards {
  background-color: #f4f0e4;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards.wl-error {
  border: none;
  color: #ee1b2e !important;
  background-color: unset;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards .accordion-content {
  border: none;
  border-top: 2px solid #fff;
}
body.theme-foyles .panel-payment-options #accordionPanelRewards #btnApplyLoyaltyCards .inline-plus {
  color: #de777f;
}
body.theme-foyles .panel-payment-options #accordionPanelBookTokens {
  border-radius: 8px;
}
body.theme-foyles .panel-payment-options #accordionPanelBookTokens .accordion-content {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
body.theme-foyles .panel-payment-options .accordion-title.points-balance:before,
body.theme-foyles .panel-payment-options .accordion-title:hover.points-balance:before {
  background-image: url(../img/foyles/loyalty-card-icon.svg);
}
body.theme-foyles .panel-payment-options .accordionPaymentOptions + div > p {
  font-size: 20px;
}
body.theme-foyles .panel-payment-options .accordion-item:not(.accordion-payment) {
  margin-bottom: 0.8rem;
}
body.theme-foyles .panel-payment-options .container.wpaccess .field,
body.theme-foyles .panel-payment-options #billing-address-form .field,
body.theme-foyles .panel-payment-options #shipping-address-form .field,
body.theme-foyles .panel-payment-options #changeCardModal .field {
  border: 1px solid #313131 !important;
  border-radius: 8px !important;
}
body.theme-foyles .panel-payment-options .accordionApplePay .accordion-title,
body.theme-foyles .panel-payment-options .accordionGooglePay .accordion-title,
body.theme-foyles .panel-payment-options .accordionPayPal .accordion-title,
body.theme-foyles .panel-payment-options .accordionCreditCard .accordion-title {
  color: #0c0c0c !important;
  border-color: #cec6b4;
  border-radius: 8px !important;
}
body.theme-foyles .panel-payment-options .accordionApplePay .accordion-title.is-active,
body.theme-foyles .panel-payment-options .accordionGooglePay .accordion-title.is-active,
body.theme-foyles .panel-payment-options .accordionPayPal .accordion-title.is-active,
body.theme-foyles .panel-payment-options .accordionCreditCard .accordion-title.is-active {
  border-radius: 8px 8px 0 0 !important;
  border-bottom: 2px solid #d8d8d8;
}
body.theme-foyles .panel-payment-options .accordionApplePay .accordion-content,
body.theme-foyles .panel-payment-options .accordionGooglePay .accordion-content,
body.theme-foyles .panel-payment-options .accordionPayPal .accordion-content,
body.theme-foyles .panel-payment-options .accordionCreditCard .accordion-content {
  border-color: #cec6b4;
  border-radius: 0 0 8px 8px !important;
  border-top: 0;
}
body.theme-foyles .panel-payment-options .accordion-title .giftcard-balance-applied,
body.theme-foyles .panel-payment-options .accordion-title .loyalty-balance-applied,
body.theme-foyles .panel-payment-options .accordion-title:hover .giftcard-balance-applied,
body.theme-foyles .panel-payment-options .accordion-title:hover .loyalty-balance-applied {
  color: #ff001d;
}
body.theme-foyles .panel-payment-options .accordion-title.points-balance.applied,
body.theme-foyles .panel-payment-options .accordion-title:hover.points-balance.applied {
  background-image: url(../img/TickRed.png);
}
body.theme-foyles .lined-box-top, body.theme-foyles .lined-box-bottom {
  border: 0;
  margin: 0;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
body.theme-foyles .lined-box-top h5, body.theme-foyles .lined-box-top .h5, body.theme-foyles .lined-box-bottom h5, body.theme-foyles .lined-box-bottom .h5 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #0c0c0c;
}
body.theme-foyles .lined-box-bottom {
  margin-bottom: -20px;
}
body.theme-foyles .reveal {
  padding: 0;
  border-radius: 8px;
}
body.theme-foyles .reveal h3, body.theme-foyles .reveal .h3 {
  padding: 9px;
  margin-bottom: 0;
  background-color: #edeae4;
  color: #313131;
  font-family: "Lato", sans-serif;
  font-size: 18px;
}
body.theme-foyles .reveal h3 + div, body.theme-foyles .reveal .h3 + div {
  border: 0;
  margin: 0;
  padding: 0 10px;
}
body.theme-foyles .reveal .close-button {
  font-size: 3em;
  line-height: 34px;
  color: transparent;
  right: 9px;
}
body.theme-foyles .reveal .close-button span {
  background-image: url(../img/foyles/close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
body.theme-foyles .reveal .basket-item {
  background: none;
  border-bottom: 1px solid #cec6b4 !important;
  padding: 15px 0;
}
body.theme-foyles .reveal .basket-item .lblBasketItemFormat:before, body.theme-foyles .reveal .basket-item .lblBasketItemFormat:after {
  margin: 0 !important;
}
body.theme-foyles .reveal .edit-basket {
  width: calc(100% - 20px);
  margin: 10px;
  font-size: 1.4em;
  padding: 10px 12px 12px;
}
body.theme-foyles .reveal.alt-modal h3, body.theme-foyles .reveal.alt-modal .h3 {
  text-transform: none;
  margin: 0;
  background-color: #edeae4;
  color: #313131;
}
body.theme-foyles .reveal.alt-modal .close-button span {
  background-image: url(../img/foyles/close.png);
  width: 21px;
  height: 21px;
  right: 0;
  top: 0;
  background-position: 0;
}
body.theme-foyles .reveal.alt-modal .close-button + span,
body.theme-foyles .reveal.alt-modal .close-button + div {
  padding: 0 10px 10px;
  float: left;
  width: 100%;
}
body.theme-foyles .reveal.alt-modal .checkout-button:not(#btnAddDeliveryAddress):not(.lnkAddNewPaymentCard) {
  border: 1px solid #313131;
  color: #0c0c0c !important;
  background-color: #fff !important;
  font-family: "Lato", sans-serif !important;
  padding: 8px;
  font-size: 1em;
}
body.theme-foyles .reveal.alt-modal .alt-radio {
  height: 26px;
  width: 26px;
  background-color: #edeae4;
  right: 6px;
  margin-top: 0;
}
body.theme-foyles .reveal.alt-modal .alt-radio:before {
  height: 12px;
  width: 12px;
  top: 6px;
  left: 6px;
}
body.theme-foyles .reveal#ovrHelp {
  background-color: #f4f1f0;
  border: none;
}
body.theme-foyles .reveal#ovrHelp .close-button {
  color: transparent;
  font-weight: 300;
}
body.theme-foyles .reveal#ovrHelp p {
  padding: 0 1rem;
  color: #0c0c0c;
}
body.theme-foyles .reveal#ovrHelp p:last-of-type {
  padding-bottom: 0.6rem;
}
body.theme-foyles .reveal#ovrHelp a.close-modals {
  text-transform: uppercase;
}
body.theme-foyles .reveal .paymentrowCard,
body.theme-foyles .reveal .customer-saved-address {
  padding: 20px 7px;
}
body.theme-foyles .cookie-inner {
  color: #f4f1f0;
}
body.theme-foyles .cookie-inner a {
  color: #C0A669 !important;
}
body.theme-foyles .cookie-inner .close-cookie-bar {
  background-color: #897340;
}
body.theme-foyles .cookie-inner .close-cookie-bar a {
  color: #0c0c0c !important;
}
body.theme-foyles .overlay-loading-mobile .loader {
  border-top-color: #191919;
  border-right-color: #4c4c4c;
  border-bottom-color: #7f7f7f;
  border-left-color: #b2b2b2;
}
body.theme-foyles .is-student .panel-payment-options .accordion-title.points-balance:before {
  background-image: url(../img/foyles/loyalty-card-student-icon.png);
}
body.theme-foyles .panel-order-confirmation h3, body.theme-foyles .panel-order-confirmation .h3,
body.theme-foyles .panel-order-confirmation h4, body.theme-foyles .panel-order-confirmation .h4 {
  font-family: "Lato", sans-serif;
  font-size: 22px;
  white-space: nowrap;
}
body.theme-foyles .panel-order-confirmation .panel-delivery-information {
  padding-bottom: 12px;
}
body.theme-foyles .panel-order-confirmation .basket-item-author {
  margin: 5px 0 6px;
}
body.theme-foyles .panel-order-confirmation .main-container > div:first-child > div:first-child > .highlight-box {
  background-color: #f4f1f0;
}
body.theme-foyles .panel-order-confirmation .main-container > div:first-child > div:first-child > .highlight-box .complete-tick {
  background-image: url(../img/foyles/icons-check.png) !important;
  width: 20px;
  height: 20px;
}
body.theme-foyles .panel-basket-item .warning-message,
body.theme-foyles .warning-message:not(#free-delivery-msg),
body.theme-foyles .error,
body.theme-foyles .error-style,
body.theme-foyles .error-highlight,
body.theme-foyles .highlight-error-text,
body.theme-foyles .wpg-error,
body.theme-foyles .txtSearchBooksError,
body.theme-foyles .txtLocationError,
body.theme-foyles .txtPasswordDeliveryError {
  color: #ee1b2e !important;
  background-color: #e5e2e2 !important;
}
body.theme-foyles .inputError,
body.theme-foyles input.error {
  color: #ee1b2e !important;
}
body.theme-foyles .inputError.txtQuantity, body.theme-foyles .inputError.drpQuantity,
body.theme-foyles input.error.txtQuantity,
body.theme-foyles input.error.drpQuantity {
  border-color: #ee1b2e;
  background-color: #e5e2e2 !important;
}
body.theme-foyles .panel-account-created .success-info {
  background-color: #edeae4;
  border-radius: 8px;
  border-color: transparent;
}
body.theme-foyles .panel-account-created .success-info h5 {
  font-family: "Lato", sans-serif;
}
body.theme-foyles .panel-account-created .success-info form button,
body.theme-foyles .panel-account-created .success-info form input {
  border: solid 1px #313131;
}
body.theme-foyles .panel-account-created .success-info form button[type=submit] {
  background-color: #313131;
  border-radius: 8px;
  position: relative;
  background-image: url("../img/chevron-white.png");
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 20px;
}