@charset "UTF-8";
/**
 *
 * sass/style.scss
 *
 *
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Normalize
   ========================================================================== */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

blockquote {
  margin: 1em 40px;
}

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

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

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/* ==========================================================================
   Import base
   ========================================================================== */
/**
 *
 * sass/partials/_base.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Gem - Susy
   ========================================================================== */
/* Susy configuration
   ========================================================================== */
/* ==========================================================================
   Typography base
   ========================================================================== */
/* Font weight
   ========================================================================== */
/* Base font
   ========================================================================== */
/* Fixed font
   ========================================================================== */
/* Heading font
   ========================================================================== */
/* ==========================================================================
   Import all modules
   ========================================================================== */
/**
 *
 * sass/modules/_all.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Utilities
   ========================================================================== */
/**
 *
 * sass/modules/utilities/_functions.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Color Palette
   ========================================================================== */
/* Old functions */
/**
 *
 * sass/modules/utilities/_mixins.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* Old mixins */
/* ==========================================================================
   Theme essentials
   ========================================================================== */
/* Old colors */
/**
 *
 * sass/modules/_colors.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Color palette
   ========================================================================== */
/**
 *
 * sass/modules/_button.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 a.button,
#wrapper #main.ui-v3 button,
#wrapper #main.ui-v3 input[type="submit"],
#wrapper #main.ui-v3 input[type="button"] {
  /* Defaults
     ========================================================================== */
  position: relative;
  display: inline-block;
  padding: 10px 30px;
  margin: 0 0 16px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  color: #282828;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  text-shadow: none;
  transition: background-color 0.25s ease-out, border-color 0.25s ease-out;
  /* Customisations
     ========================================================================== */
  background-color: #f0f0f0;
  border-color: #d7d7d7;
  color: #282828;
  /* States
     ========================================================================== */
}
#wrapper #main.ui-v3 a.button:hover,
#wrapper #main.ui-v3 button:hover,
#wrapper #main.ui-v3 input[type="submit"]:hover,
#wrapper #main.ui-v3 input[type="button"]:hover {
  background-color: #e3e3e3;
  border-color: #cacaca;
}
#wrapper #main.ui-v3 a[disabled].button,
#wrapper #main.ui-v3 button[disabled],
#wrapper #main.ui-v3 input[disabled][type="submit"],
#wrapper #main.ui-v3 input[disabled][type="button"] {
  cursor: not-allowed;
  opacity: 0.6;
}
#wrapper #main.ui-v3 a.button.button--full-width,
#wrapper #main.ui-v3 button.button--full-width,
#wrapper #main.ui-v3 input[type="submit"].button--full-width,
#wrapper #main.ui-v3 input[type="button"].button--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#wrapper #main.ui-v3 a.button.button--rounded,
#wrapper #main.ui-v3 button.button--rounded,
#wrapper #main.ui-v3 input[type="submit"].button--rounded,
#wrapper #main.ui-v3 input[type="button"].button--rounded {
  border-radius: 1000px;
}
#wrapper #main.ui-v3 a.button.button--prefix,
#wrapper #main.ui-v3 button.button--prefix,
#wrapper #main.ui-v3 input[type="submit"].button--prefix,
#wrapper #main.ui-v3 input[type="button"].button--prefix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem;
}
#wrapper #main.ui-v3 a.button.button--suffix,
#wrapper #main.ui-v3 button.button--suffix,
#wrapper #main.ui-v3 input[type="submit"].button--suffix,
#wrapper #main.ui-v3 input[type="button"].button--suffix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.5rem 1rem;
}
#wrapper #main.ui-v3 a.button.button--primary,
#wrapper #main.ui-v3 button.button--primary,
#wrapper #main.ui-v3 input[type="submit"].button--primary,
#wrapper #main.ui-v3 input[type="button"].button--primary {
  background-color: #ec579e;
  border-color: #ec579e;
  box-shadow: 0 3px 0 #e72984;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--primary:hover,
#wrapper #main.ui-v3 button.button--primary:hover,
#wrapper #main.ui-v3 input[type="submit"].button--primary:hover,
#wrapper #main.ui-v3 input[type="button"].button--primary:hover {
  background-color: #e94091;
  border-color: #e94091;
}
#wrapper #main.ui-v3 a.button.button--secondary,
#wrapper #main.ui-v3 button.button--secondary,
#wrapper #main.ui-v3 input[type="submit"].button--secondary,
#wrapper #main.ui-v3 input[type="button"].button--secondary {
  background-color: #87b529;
  border-color: #87b529;
  box-shadow: 0 3px 0 #688b20;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--secondary:hover,
#wrapper #main.ui-v3 button.button--secondary:hover,
#wrapper #main.ui-v3 input[type="submit"].button--secondary:hover,
#wrapper #main.ui-v3 input[type="button"].button--secondary:hover {
  background-color: #77a024;
  border-color: #77a024;
}
#wrapper #main.ui-v3 a.button.button--nude,
#wrapper #main.ui-v3 button.button--nude,
#wrapper #main.ui-v3 input[type="submit"].button--nude,
#wrapper #main.ui-v3 input[type="button"].button--nude {
  background-color: transparent;
  border-color: white;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--nude:hover,
#wrapper #main.ui-v3 button.button--nude:hover,
#wrapper #main.ui-v3 input[type="submit"].button--nude:hover,
#wrapper #main.ui-v3 input[type="button"].button--nude:hover {
  background-color: white;
  color: #282828;
}
#wrapper #main.ui-v3 a.button.button--nude-red,
#wrapper #main.ui-v3 button.button--nude-red,
#wrapper #main.ui-v3 input[type="submit"].button--nude-red,
#wrapper #main.ui-v3 input[type="button"].button--nude-red {
  background-color: transparent;
  color: #D79D9D;
}
#wrapper #main.ui-v3 a.button.button--nude-red:hover,
#wrapper #main.ui-v3 button.button--nude-red:hover,
#wrapper #main.ui-v3 input[type="submit"].button--nude-red:hover,
#wrapper #main.ui-v3 input[type="button"].button--nude-red:hover {
  background-color: white;
}
#wrapper #main.ui-v3 a.button.button--margin-top,
#wrapper #main.ui-v3 button.button--margin-top,
#wrapper #main.ui-v3 input[type="submit"].button--margin-top,
#wrapper #main.ui-v3 input[type="button"].button--margin-top {
  margin-top: 20px;
}
#wrapper #main.ui-v3 a.button.button--large,
#wrapper #main.ui-v3 button.button--large,
#wrapper #main.ui-v3 input[type="submit"].button--large,
#wrapper #main.ui-v3 input[type="button"].button--large {
  font-size: 200%;
  text-align: center;
  padding: 2em;
  display: inline-block;
  margin: 2em 1em;
}
#wrapper #main.ui-v3 a.button.button--hidden,
#wrapper #main.ui-v3 button.button--hidden,
#wrapper #main.ui-v3 input[type="submit"].button--hidden,
#wrapper #main.ui-v3 input[type="button"].button--hidden {
  display: none;
}
#wrapper #main.ui-v3 a.button.button--left,
#wrapper #main.ui-v3 button.button--left,
#wrapper #main.ui-v3 input[type="submit"].button--left,
#wrapper #main.ui-v3 input[type="button"].button--left {
  float: left;
  margin-left: 30px;
}
#wrapper #main.ui-v3 a.button.button--right,
#wrapper #main.ui-v3 button.button--right,
#wrapper #main.ui-v3 input[type="submit"].button--right,
#wrapper #main.ui-v3 input[type="button"].button--right {
  float: right;
}
#wrapper #main.ui-v3 a.button.button--add-new-item,
#wrapper #main.ui-v3 button.button--add-new-item,
#wrapper #main.ui-v3 input[type="submit"].button--add-new-item,
#wrapper #main.ui-v3 input[type="button"].button--add-new-item {
  clear: left;
  float: left;
}
#wrapper #main.ui-v3 a.button.button--remove-item,
#wrapper #main.ui-v3 button.button--remove-item,
#wrapper #main.ui-v3 input[type="submit"].button--remove-item,
#wrapper #main.ui-v3 input[type="button"].button--remove-item {
  margin-top: 28px;
}
#wrapper #main.ui-v3 a.button.button--success,
#wrapper #main.ui-v3 button.button--success,
#wrapper #main.ui-v3 input[type="submit"].button--success,
#wrapper #main.ui-v3 input[type="button"].button--success {
  background-color: #87b529;
  border-color: #87b529;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--success:hover,
#wrapper #main.ui-v3 button.button--success:hover,
#wrapper #main.ui-v3 input[type="submit"].button--success:hover,
#wrapper #main.ui-v3 input[type="button"].button--success:hover {
  background-color: #77a024;
  border-color: #77a024;
}
#wrapper #main.ui-v3 a.button.button--alert,
#wrapper #main.ui-v3 button.button--alert,
#wrapper #main.ui-v3 input[type="submit"].button--alert,
#wrapper #main.ui-v3 input[type="button"].button--alert {
  background-color: #c74a4a;
  border-color: #c74a4a;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--alert:hover,
#wrapper #main.ui-v3 button.button--alert:hover,
#wrapper #main.ui-v3 input[type="submit"].button--alert:hover,
#wrapper #main.ui-v3 input[type="button"].button--alert:hover {
  background-color: #bd3a3a;
  border-color: #bd3a3a;
}
#wrapper #main.ui-v3 a.button.button--remove,
#wrapper #main.ui-v3 button.button--remove,
#wrapper #main.ui-v3 input[type="submit"].button--remove,
#wrapper #main.ui-v3 input[type="button"].button--remove {
  background-color: #c74a4a;
  border-color: #c74a4a;
  box-shadow: 0 3px 0 #aa3434;
  color: white;
}
#wrapper #main.ui-v3 a.button.button--remove:hover,
#wrapper #main.ui-v3 button.button--remove:hover,
#wrapper #main.ui-v3 input[type="submit"].button--remove:hover,
#wrapper #main.ui-v3 input[type="button"].button--remove:hover {
  background-color: #bd3a3a;
  border-color: #bd3a3a;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 *
 * sass/modules/_form.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 form {
  /* Defaults
     ========================================================================== */
  margin: 0 0 1rem;
}

/**
 *
 * sass/modules/_fieldset.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 fieldset {
  /* Defaults
     ========================================================================== */
  padding: 0.5rem;
  margin: 0 0 1rem;
  background-color: transparent;
  border-color: #d7d7d7;
  border-style: solid;
  border-width: 0;
  border-radius: 5px;
}

/**
 *
 * sass/modules/_legend.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 legend {
  /* Defaults
     ========================================================================== */
  font-size: 1rem;
}

/**
 *
 * sass/modules/_label.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 label {
  /* Defaults
     ========================================================================== */
  display: block;
  cursor: pointer;
  font-weight: normal;
  line-height: 1.8;
  /* Customisations
     ========================================================================== */
  /* States
     ========================================================================== */
}
#wrapper #main.ui-v3 label:after {
  content: '';
}
#wrapper #main.ui-v3 label.label--inline, #wrapper #main.ui-v3 input[type="radio"] + label,
#wrapper #main.ui-v3 input[type="checkbox"] + label {
  /* Defaults
     ========================================================================== */
  display: inline-block;
  margin: 0 1rem 0 0.5rem;
  vertical-align: baseline;
  /* Customisations
     ========================================================================== */
  /* States
     ========================================================================== */
}

/**
 *
 * sass/modules/_input.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 input[type="text"],
#wrapper #main.ui-v3 input[type="password"],
#wrapper #main.ui-v3 input[type="email"],
#wrapper #main.ui-v3 input[type="date"],
#wrapper #main.ui-v3 input[type="datetime"],
#wrapper #main.ui-v3 input[type="datetim-elocal"],
#wrapper #main.ui-v3 input[type="month"],
#wrapper #main.ui-v3 input[type="number"],
#wrapper #main.ui-v3 input[type="week"],
#wrapper #main.ui-v3 input[type="search"],
#wrapper #main.ui-v3 input[type="tel"],
#wrapper #main.ui-v3 input[type="time"],
#wrapper #main.ui-v3 input[type="url"] {
  /* Defaults
     ========================================================================== */
  display: block;
  width: 100%;
  height: 45px;
  padding: 0.75rem 0.5rem;
  margin: 0 0 1rem;
  background-color: white;
  border-color: #d7d7d7;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  font-weight: normal;
  line-height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  /* Customisations
     ========================================================================== */
  text-align: left;
  /* States
     ========================================================================== */
}
#wrapper #main.ui-v3 input[type="text"]:focus,
#wrapper #main.ui-v3 input[type="password"]:focus,
#wrapper #main.ui-v3 input[type="email"]:focus,
#wrapper #main.ui-v3 input[type="date"]:focus,
#wrapper #main.ui-v3 input[type="datetime"]:focus,
#wrapper #main.ui-v3 input[type="datetim-elocal"]:focus,
#wrapper #main.ui-v3 input[type="month"]:focus,
#wrapper #main.ui-v3 input[type="number"]:focus,
#wrapper #main.ui-v3 input[type="week"]:focus,
#wrapper #main.ui-v3 input[type="search"]:focus,
#wrapper #main.ui-v3 input[type="tel"]:focus,
#wrapper #main.ui-v3 input[type="time"]:focus,
#wrapper #main.ui-v3 input[type="url"]:focus {
  border-color: #d7d7d7;
  box-shadow: 0 0 3px #c8c8c8;
  outline: none;
}
#wrapper #main.ui-v3 input[disabled][type="text"],
#wrapper #main.ui-v3 input[disabled][type="password"],
#wrapper #main.ui-v3 input[disabled][type="email"],
#wrapper #main.ui-v3 input[disabled][type="date"],
#wrapper #main.ui-v3 input[disabled][type="datetime"],
#wrapper #main.ui-v3 input[disabled][type="datetim-elocal"],
#wrapper #main.ui-v3 input[disabled][type="month"],
#wrapper #main.ui-v3 input[disabled][type="number"],
#wrapper #main.ui-v3 input[disabled][type="week"],
#wrapper #main.ui-v3 input[disabled][type="search"],
#wrapper #main.ui-v3 input[disabled][type="tel"],
#wrapper #main.ui-v3 input[disabled][type="time"],
#wrapper #main.ui-v3 input[disabled][type="url"] {
  background-color: #f0f0f0;
  color: #969696;
  cursor: not-allowed;
}
#wrapper #main.ui-v3 input[type="text"].input--flex,
#wrapper #main.ui-v3 input[type="password"].input--flex,
#wrapper #main.ui-v3 input[type="email"].input--flex,
#wrapper #main.ui-v3 input[type="date"].input--flex,
#wrapper #main.ui-v3 input[type="datetime"].input--flex,
#wrapper #main.ui-v3 input[type="datetim-elocal"].input--flex,
#wrapper #main.ui-v3 input[type="month"].input--flex,
#wrapper #main.ui-v3 input[type="number"].input--flex,
#wrapper #main.ui-v3 input[type="week"].input--flex,
#wrapper #main.ui-v3 input[type="search"].input--flex,
#wrapper #main.ui-v3 input[type="tel"].input--flex,
#wrapper #main.ui-v3 input[type="time"].input--flex,
#wrapper #main.ui-v3 input[type="url"].input--flex {
  flex: 1;
}
#wrapper #main.ui-v3 input[type="text"].input--prefix,
#wrapper #main.ui-v3 input[type="password"].input--prefix,
#wrapper #main.ui-v3 input[type="email"].input--prefix,
#wrapper #main.ui-v3 input[type="date"].input--prefix,
#wrapper #main.ui-v3 input[type="datetime"].input--prefix,
#wrapper #main.ui-v3 input[type="datetim-elocal"].input--prefix,
#wrapper #main.ui-v3 input[type="month"].input--prefix,
#wrapper #main.ui-v3 input[type="number"].input--prefix,
#wrapper #main.ui-v3 input[type="week"].input--prefix,
#wrapper #main.ui-v3 input[type="search"].input--prefix,
#wrapper #main.ui-v3 input[type="tel"].input--prefix,
#wrapper #main.ui-v3 input[type="time"].input--prefix,
#wrapper #main.ui-v3 input[type="url"].input--prefix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
#wrapper #main.ui-v3 input[type="text"].input--suffix,
#wrapper #main.ui-v3 input[type="password"].input--suffix,
#wrapper #main.ui-v3 input[type="email"].input--suffix,
#wrapper #main.ui-v3 input[type="date"].input--suffix,
#wrapper #main.ui-v3 input[type="datetime"].input--suffix,
#wrapper #main.ui-v3 input[type="datetim-elocal"].input--suffix,
#wrapper #main.ui-v3 input[type="month"].input--suffix,
#wrapper #main.ui-v3 input[type="number"].input--suffix,
#wrapper #main.ui-v3 input[type="week"].input--suffix,
#wrapper #main.ui-v3 input[type="search"].input--suffix,
#wrapper #main.ui-v3 input[type="tel"].input--suffix,
#wrapper #main.ui-v3 input[type="time"].input--suffix,
#wrapper #main.ui-v3 input[type="url"].input--suffix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

#wrapper #main.ui-v3 input[type="radio"],
#wrapper #main.ui-v3 input[type="checkbox"],
#wrapper #main.ui-v3 input[type="file"] {
  /* Defaults
     ========================================================================== */
  margin: 0 0 1rem;
  /* Customisations
     ========================================================================== */
  /* States
     ========================================================================== */
}

/**
 *
 * sass/modules/_select.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 select {
  /* Defaults
     ========================================================================== */
  display: block;
  width: 100%;
  height: 45px;
  padding: 0.75rem 0.5rem;
  margin: 0 0 1rem;
  background-color: white;
  border-color: #d7d7d7;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  font-weight: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../img/select-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  /* Customisations
     ========================================================================== */
  /* States
     ========================================================================== */
}
#wrapper #main.ui-v3 select:focus {
  border-color: #d7d7d7;
  box-shadow: 0 0 3px #c8c8c8;
  outline: none;
}
#wrapper #main.ui-v3 select[disabled] {
  background-color: #fafafa;
  color: #969696;
  cursor: not-allowed;
}
#wrapper #main.ui-v3 select.select--prefix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
#wrapper #main.ui-v3 select.select--suffix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/**
 *
 * sass/modules/_textarea.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Import globals
   ========================================================================== */
/* ==========================================================================
   Set defaults
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Placeholders
   ========================================================================== */
#wrapper #main.ui-v3 textarea {
  /* Defaults
     ========================================================================== */
  display: block;
  width: 100%;
  height: auto;
  padding: 0.5rem;
  margin: 0 0 1rem;
  background-color: white;
  border-color: #d7d7d7;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  font-weight: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Customisations
     ========================================================================== */
  /* States
     ========================================================================== */
}
#wrapper #main.ui-v3 textarea:focus {
  border-color: #d7d7d7;
  box-shadow: 0 0 3px #c8c8c8;
  outline: none;
}
#wrapper #main.ui-v3 textarea[disabled] {
  background-color: #fafafa;
}

/* ==========================================================================
   Global
   ========================================================================== */
/**
 *
 * sass/_partials/button.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 a.button,
#wrapper #main.ui-v3 button,
#wrapper #main.ui-v3 input[type="submit"],
#wrapper #main.ui-v3 input[type="button"] {
  /* ==========================================================================
     Custom
     ========================================================================== */
}
#wrapper #main.ui-v3 a.button .fa,
#wrapper #main.ui-v3 button .fa,
#wrapper #main.ui-v3 input[type="submit"] .fa,
#wrapper #main.ui-v3 input[type="button"] .fa {
  font-size: 1rem;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 *
 * sass/_partials/form.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 form {
  /* ==========================================================================
     Custom
     ========================================================================== */
}
#wrapper #main.ui-v3 .form__group--input-addon {
  display: flex;
}

/**
 *
 * sass/_partials/fieldset.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 fieldset {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/**
 *
 * sass/_partials/legend.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 legend {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/**
 *
 * sass/_partials/label.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 label {
  /* ==========================================================================
     Custom
     ========================================================================== */
}
#wrapper #main.ui-v3 input[type="radio"] + label,
#wrapper #main.ui-v3 input[type="checkbox"] + label {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/**
 *
 * sass/_partials/input.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 input[type="text"],
#wrapper #main.ui-v3 input[type="password"],
#wrapper #main.ui-v3 input[type="email"],
#wrapper #main.ui-v3 input[type="date"],
#wrapper #main.ui-v3 input[type="datetime"],
#wrapper #main.ui-v3 input[type="datetim-elocal"],
#wrapper #main.ui-v3 input[type="month"],
#wrapper #main.ui-v3 input[type="number"],
#wrapper #main.ui-v3 input[type="week"],
#wrapper #main.ui-v3 input[type="search"],
#wrapper #main.ui-v3 input[type="tel"],
#wrapper #main.ui-v3 input[type="time"],
#wrapper #main.ui-v3 input[type="url"] {
  /* ==========================================================================
     Custom
     ========================================================================== */
}
#wrapper #main.ui-v3 input[type="radio"],
#wrapper #main.ui-v3 input[type="checkbox"],
#wrapper #main.ui-v3 input[type="file"] {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/**
 *
 * sass/_partials/select.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 select {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/**
 *
 * sass/_partials/textarea.scss
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
#wrapper #main.ui-v3 {
  /* ==========================================================================
     Standard
     ========================================================================== */
}
#wrapper #main.ui-v3 textarea {
  /* ==========================================================================
     Custom
     ========================================================================== */
}

/* ==========================================================================
   Import the grid
   ========================================================================== */
.grid__form-row {
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  position: relative;
}
.grid__form-element {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  position: relative;
}
@media screen and (max-width: 600px) {
  .grid__form-element {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__form-element--sortcode {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  min-width: 70px;
  position: relative;
}
.grid__form-element--postcode {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  min-width: 160px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .grid__form-element--postcode {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
.grid__two-column {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  position: relative;
}
@media screen and (max-width: 600px) {
  .grid__two-column {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
@media screen and (min-width: 600px) {
  .grid__two-column--last {
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__two-column--title {
  text-align: center;
  margin: 20px 0;
}
.grid__two-column label {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  display: inline-block;
  text-align: center;
}
.grid__two-column label:last-child {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
.grid__three-column {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  position: relative;
}
@media screen and (max-width: 450px) {
  .grid__three-column {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
@media screen and (min-width: 600px) {
  .grid__three-column--last {
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__three-column--title {
  text-align: center;
  margin: 20px 0;
}
.grid__three-column label {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  display: inline-block;
  text-align: center;
}
.grid__three-column label:last-child {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
.grid__two-columns {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  position: relative;
}
@media screen and (max-width: 450px) {
  .grid__two-columns {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
@media screen and (max-width: 600px) {
  .grid__two-columns {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
@media screen and (min-width: 600px) {
  .grid__two-columns--last {
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__two-columns--title {
  text-align: center;
  margin: 20px 0;
}
.grid__two-columns label {
  display: inline-block;
  text-align: center;
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
.grid__two-columns label:last-child {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
.grid__package-contains-element {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
.grid__package-contains-element--last {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
@media (max-width: 736px) {
  .grid__package-contains-element {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
.grid__package-form-element {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  position: relative;
}
@media screen and (max-width: 600px) {
  .grid__package-form-element {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__package-form-element--hidden {
  display: none;
}
.grid__package-form-element--first {
  clear: both;
}
.grid__package-form-element--last {
  margin-right: 0;
}
.grid__form-element-message {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  position: relative;
}
@media screen and (max-width: 600px) {
  .grid__form-element-message {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid__form-element-message--option {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  float: right;
  margin-top: -5%;
}
@media screen and (max-width: 750px) {
  .grid__form-element-message--table {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
.grid-package-type__container {
  *zoom: 1;
  max-width: 99;
  _width: 99;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  -moz-background-origin: content;
  -o-background-origin: content-box;
  -webkit-background-origin: content;
  background-origin: content-box;
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
}
.grid-package-type__container:after {
  content: "";
  display: table;
  clear: both;
}
.grid-package-type__block {
  width: 33.33333%;
  float: left;
  margin-right: 0%;
  display: inline;
}
.grid-package-type__block.last {
  float: right;
  margin-right: 0;
  *margin-left: 0;
  display: inline;
}
@media (max-width: 736px) {
  .grid-package-type__block {
    width: 100%;
    float: left;
    margin-right: 0%;
    display: inline;
  }
}
.grid-getting-started__container {
  *zoom: 1;
  max-width: 59em;
  _width: 59em;
  padding-left: 0em;
  padding-right: 0em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
.grid-getting-started__container:after {
  content: "";
  display: table;
  clear: both;
}
.grid-getting-started__block--half {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 1530px) {
  .grid-getting-started__block--half {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
@media (max-width: 850px) {
  .grid-getting-started__block--half {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
}
.grid-getting-started__block--full {
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  -moz-background-origin: content;
  -o-background-origin: content-box;
  -webkit-background-origin: content;
  background-origin: content-box;
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
}
.grid-getting-started__block--wide {
  width: 83.05085%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  margin-left: 8.47458%;
  margin-right: 8.47458%;
}
@media (max-width: 500px) {
  .grid-getting-started__block--wide {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
  }
}
.grid-getting-started__block--right {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
.grid-getting-started__image-block {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
.grid-mini-calculator__header {
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
.grid-mini-calculator__block {
  width: 47.61905%;
  float: left;
  margin-right: 4.7619%;
  display: inline;
}
@media (max-width: 850px) {
  .grid-mini-calculator__block {
    width: 100%;
    float: left;
    margin-right: 4.7619%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -5%;
    display: inline;
  }
}
.grid-mini-calculator__block--last {
  float: right;
  margin-right: 0;
  *margin-left: -5%;
  display: inline;
}

/* ==========================================================================
   Import element level partials
   ========================================================================== */
/**
 *
 * sass/partials/_list.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Pair list - Key and value
   ========================================================================== */
.pair-list {
  list-style-type: disc;
  margin: 1em 0 1em 1.3em;
  padding: 0;
}
.pair-list__key {
  font-weight: bold;
}

.community__title {
  font-size: 2.1em;
  margin-top: 0;
}
.community__article-title {
  font-size: 1.25em;
  color: #EC579E;
  margin: 0;
}

.cycle-commuter__title {
  font-size: 1.9em;
  margin-top: 0;
}

#wrapper #main .employers__title {
  font-size: 2.1em;
  margin-bottom: 0.4em;
  margin-top: 0;
}
#wrapper #main .employers__sign-up.button {
  padding: 5px 18px 8px;
}
#wrapper #main .employers__info.button {
  padding: 5px 18px 8px;
}

.newsletters__title {
  font-size: 1.9em;
  margin-top: 0;
}

.videos__title {
  font-size: 2.1em;
  margin-top: 0;
}

/* ==========================================================================
   Import HTML5 boilerplate
   ========================================================================== */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  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;
  }
}
/* ==========================================================================
   Import shame - Anything goes
   ========================================================================== */
/**
 *
 * sass/partials/_shame.scss
 *
 *
 * @author Ben Griffith
 * @copyright 2014, Loft Digital, www.weareloft.com
 */
/* ==========================================================================
   Shame - Dirty tricks
   ========================================================================== */
.b2b #contract table {
  border-collapse: collapse;
  border: none;
  width: 100%;
  margin: 0 0 2em 0;
}
.b2b #contract table th {
  background: none;
  border: none;
  font-family: 'Rockwell W01',Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 30px;
  color: #5a5a5a;
  padding: 1em 0;
}
.b2b #contract table td {
  padding: 1em;
  border: 1px solid #d7d7d7;
}
.b2b #contract h2 {
  font-size: 32px;
  color: #333;
  margin-top: 0;
  padding: 0;
}
.b2b #contract h2 img {
  display: none;
}
.b2b #contract .store_details {
  border: 1px solid #d7d7d7;
  padding: 10px 20px;
}
.b2b #contract #retailer_info, .b2b #contract #retailer_agreement, .b2b #contract #billing_agreement {
  padding: 3em 0;
}
.b2b #contract #retailer_info, .b2b #contract #billing_agreement {
  background-color: #f1f1f2;
  border-width: 1px 0;
  border-color: #e4e4e6;
  border-style: solid;
}

h2#youtubeVideoPlayingTitle {
  margin-top: 0;
}

.youtubePlaylistContainer {
  margin-bottom: 20px;
  padding-top: 46px;
}

/* ==========================================================================
   Import page specific classes
   ========================================================================== */
.cancellationDetails {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.cancellationDetails .cancelHalfColumn {
  float: left;
  width: 50%;
}
.cancellationDetails .cancelHalfColumn .cancelAddressLabel {
  float: left;
}
.cancellationDetails .cancelHalfColumn .cancelAddressContent {
  float: left;
  margin-left: 20px;
}

.cancelCertificate select {
  margin-bottom: 10px;
}

.extraInfoContainer {
  display: none;
  margin-bottom: 20px;
}

.extraInfoOptions {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.extraInfoOptions span {
  float: left;
}
#wrapper .extraInfoOptions span label:after {
  content: '';
}
.extraInfoOptions span input[type="radio"] {
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 10px;
}

#wrapper {
    /* ---------------------------- *\

       Global - Break 1

    \* ---------------------------- */
}
@media (max-width: 650px) {
  #wrapper .wrap--flex {
    height: 270px;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-mobile-map__heading, #wrapper .profile-mobile-gallery__heading, #wrapper .profile-brands__heading, #wrapper .profile-features__heading, #wrapper .average-ratings__heading, #wrapper .customer-reviews__heading {
    text-align: center;
    background-color: #195079;
    color: #fff;
    line-height: 2;
    border-radius: 5px;
  }
}
#wrapper .profile-header__item-text--inactive, #wrapper .profile-header__item-icon--rating-inactive, #wrapper .profile-header__item-icon--review-inactive, #wrapper .profile-header__item-icon--shortlist-inactive, #wrapper .fa-facebook-square.fa-facebook-square--inactive,
#wrapper .fa-twitter-square.fa-twitter-square--inactive,
#wrapper .fa-google-plus-square.fa-google-plus-square--inactive,
#wrapper .fa-instagram.fa-instagram--inactive, #wrapper .profile-features__icon--inactive {
  color: gainsboro;
  cursor: default;
}
#wrapper #banner-map img,
#wrapper #mobile-map img {
  max-width: none;
}

/* ==========================================================================
   Store Profile - Header
   ========================================================================== */
/* Silent classes
   ========================================================================== */
#wrapper .profile-header__item--rating, #wrapper .profile-header__item--review, #wrapper .profile-header__item--shortlist {
  vertical-align: bottom;
  text-align: center;
  display: block;
  width: 98px;
  float: left;
}
@media (max-width: 750px) {
  #wrapper .profile-header__item--rating, #wrapper .profile-header__item--review, #wrapper .profile-header__item--shortlist {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: auto;
    width: 23.07692%;
    float: left;
    margin-right: 2.5641%;
  }
}
@media (max-width: 530px) {
  #wrapper .profile-header__item--rating, #wrapper .profile-header__item--review, #wrapper .profile-header__item--shortlist {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: 31.81818%;
    float: left;
    margin-right: 2.27273%;
  }
}

#wrapper .profile-header__item-icon--rating, #wrapper .profile-header__item-icon--rating-inactive, #wrapper .profile-header__item-icon--review, #wrapper .profile-header__item-icon--review-inactive, #wrapper .profile-header__item-icon--shortlist, #wrapper .profile-header__item-icon--shortlist-inactive {
  font-size: 18px;
}

/* Public classes
   ========================================================================== */
#wrapper .profile-header {
  background-color: #fff;
  border-width: 1px 0 1px;
  border-style: solid;
  border-color: #fff;
}
#wrapper .profile-header__container {
  width: 100%;
  display: table;
}
.lt-ie8 #wrapper .profile-header__container {
  display: block;
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
#wrapper .profile-header__heading {
  display: table-cell;
  vertical-align: middle;
  padding: 0.75em 0;
}
.lt-ie8 #wrapper .profile-header__heading {
  display: block;
  padding: 0;
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 750px) {
  #wrapper .profile-header__heading {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: 100%;
    float: left;
    margin-right: 2.5641%;
    padding-bottom: 0;
    text-align: center;
  }
}
#wrapper .profile-header__online-store-badge {
  background: #1d5e8e;
  border-radius: 8px;
  color: #ffffff;
  font-size: 18px;
  margin-left: 15px;
  padding: 2px 10px;
}
#wrapper .profile-header__sub-navigation {
  display: table-cell;
  vertical-align: middle;
  margin: 1em 0;
  width: 200px;
  padding-left: 20px;
}
.lt-ie8 #wrapper .profile-header__sub-navigation {
  display: block;
  float: right;
  width: auto;
}
@media (max-width: 750px) {
  #wrapper .profile-header__sub-navigation {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 530px) {
  #wrapper .profile-header__sub-navigation {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 750px) {
  #wrapper .profile-header__item--rating {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    margin-left: 12.82051%;
  }
}
@media (max-width: 530px) {
  #wrapper .profile-header__item--rating {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    margin-left: 0%;
  }
}
#wrapper .profile-header__item--shortlist {
  margin-right: 0;
}
@media (max-width: 530px) {
  #wrapper .profile-header__item--shortlist {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    float: right;
    margin-right: 0;
  }
}
#wrapper .profile-header__item-text {
  margin: 0;
}
#wrapper .profile-header__item-text--inactive {
  margin: 0;
}
#wrapper .profile-header__item-icon--rating {
  color: orange;
  font-size: 0;
}
#wrapper .profile-header__item-icon--rating-inactive {
  font-size: 0;
}
#wrapper .profile-header__item-icon--review {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#wrapper .profile-header__item-icon--review-inactive {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/* ==========================================================================
   Store Profile - Banner
   ========================================================================== */
/* Silent classes
   ========================================================================== */
#wrapper .profile-banner__item--loader, #wrapper .profile-banner__item--map, #wrapper .profile-banner__item--summary, #wrapper .profile-banner__item--gallery {
  display: none;
  width: 100%;
  height: 450px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media (max-width: 650px) {
  #wrapper .profile-banner__item--loader, #wrapper .profile-banner__item--map, #wrapper .profile-banner__item--summary, #wrapper .profile-banner__item--gallery {
    height: 270px;
  }
}

/* Public classes
   ========================================================================== */
#wrapper {
    /* ---------------------------- *\

       Profile contact details

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile opening times

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile gallery

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile tabbed

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile about

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile infomation

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile brands

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile features

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile ratings

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile reviews

    \* ---------------------------- */
    /* ---------------------------- *\

       Profile footer

    \* ---------------------------- */
}
#wrapper .profile-request-cta {
  background: #eee;
}
@media (max-width: 650px) {
  #wrapper .profile-request-cta {
    padding: 10px 0;
  }
}
#wrapper .profile-request-cta__text {
  line-height: 60px;
}
#wrapper .profile-request-cta__button {
  float: right;
}
@media (max-width: 650px) {
  #wrapper .profile-request-cta__button {
    float: left;
    text-align: center;
    width: 90%;
  }
}
#wrapper .profile-banner {
  position: relative;
  height: 450px;
  background-color: transparent;
}
@media (max-width: 650px) {
  #wrapper .profile-banner {
    height: 270px;
  }
}
#wrapper .profile-banner__item--loader {
  background-color: #1e1e1e;
  display: table;
  text-align: center;
  z-index: 10;
}
#wrapper .profile-banner__item--map {
  z-index: 2;
}
#wrapper .profile-banner__item--summary {
  z-index: 3;
  background-color: transparent;
  background-size: cover;
}
#wrapper .profile-banner__item--gallery {
  background-color: #1e1e1e;
  z-index: 1;
  color: #fff;
}
#wrapper .profile-banner__loader-spinner {
  display: table-cell;
  vertical-align: middle;
  color: white;
}
#wrapper .profile-banner__background {
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  z-index: 4;
  width: 100%;
  height: 450px;
  display: none;
}
#wrapper .profile-banner--online-retailer {
  background-color: #303030;
}
@media (max-width: 650px) {
  #wrapper .profile-banner--online-retailer #profile-summary {
    height: 80px;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-banner--online-retailer {
    height: 80px;
  }
}
#wrapper .profile-address__heading__map {
  width: 100%;
  height: 450px;
}
#wrapper .profile-banner__map {
  height: 100%;
}
#wrapper .profile-banner__map-directions {
  position: absolute;
  z-index: 10;
  min-width: 200px;
  text-align: center;
  border-radius: 5px;
  margin: 30px 0 0;
  opacity: 0;
  background-color: #EC579E;
  padding: 5px 20px 8px 20px;
  font-size: 1.25em;
  color: #fff;
  display: inline-block;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#wrapper .profile-banner__map-directions:hover {
  text-decoration: none;
  background: #e94091;
}
#wrapper .profile-banner__overlay {
  position: relative;
  background: none;
  height: 450px;
  z-index: 5;
}
.flexbox #wrapper .profile-banner__overlay {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox #wrapper .profile-banner__overlay {
  padding-top: 40px;
}
@media (max-width: 650px) {
  .no-flexbox #wrapper .profile-banner__overlay {
    padding-top: 0;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-banner__overlay {
    display: block;
    height: 270px;
    background-color: rgba(10, 10, 10, 0.8);
    margin: 0;
    padding: 0;
    border-radius: 0;
    padding: 0 2em;
  }
}
#wrapper .profile-banner__block--contact-details, #wrapper .profile-banner__block--opening-times {
  color: #fff;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 650px) {
  #wrapper .profile-banner__block--contact-details, #wrapper .profile-banner__block--opening-times {
    padding: 0;
    height: 270px;
  }
}
#wrapper .profile-banner__block--contact-details {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 750px) {
  #wrapper .profile-banner__block--contact-details {
    width: 48.71795%;
    float: left;
    margin-right: 2.5641%;
  }
}
#wrapper .profile-banner__block--contact-details.profile-banner__block--contact-details-online {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 750px) {
  #wrapper .profile-banner__block--contact-details.profile-banner__block--contact-details-online {
    width: 100%;
    float: left;
    margin-right: 2.5641%;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-banner__block--contact-details {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 270px;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#wrapper .profile-banner__block--opening-times {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  text-align: right;
}
@media (max-width: 750px) {
  #wrapper .profile-banner__block--opening-times {
    -moz-background-origin: content;
    -o-background-origin: content-box;
    -webkit-background-origin: content;
    background-origin: content-box;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    width: 48.71795%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-banner__block--opening-times {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 270px;
    display: none;
  }
}
#wrapper .profile-banner__block--website-screenshot {
  position: relative;
  float: left;
  width: 40%;
}
@media (max-width: 650px) {
  #wrapper .profile-banner__block--website-screenshot {
    display: none;
  }
}
#wrapper .profile-banner__block--website-screenshot-background {
  max-width: none;
}
#wrapper .profile-banner__block--website-screenshot-image {
  height: 235px;
  left: 42px;
  max-width: none;
  position: absolute;
  top: 36px;
  width: 420px;
  z-index: 100;
}
#wrapper .profile-address, #wrapper .profile-web--banner, #wrapper .profile-email--banner, #wrapper .profile-telephone--banner, #wrapper .profile-opening-times {
  background-image: url("../img/tile-black-80.png");
  border-radius: 5px;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  display: inline-block;
  opacity: 0;
}
@media (max-width: 650px) {
  #wrapper .profile-address {
    margin: 0;
    border-radius: 0;
    display: block;
    float: none;
    background: none;
    border-top: 1px solid transparent;
    display: inline-block;
    text-align: left;
  }
}
#wrapper .profile-address__heading {
  color: #fff;
  margin: 1em 0 0.5em;
}
#wrapper .profile-address__heading--overide {
  margin: 0.5em;
}
@media (max-width: 650px) {
  #wrapper .profile-address__heading {
    font-size: 1.5em;
  }
}
#wrapper .profile-address__text {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
@media (max-width: 650px) {
  #wrapper .profile-web--banner {
    display: none;
  }
}
#wrapper .profile-web--list {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-web--list {
    display: block;
    text-align: center;
    background-color: #e4e4e6;
    color: #333;
    line-height: 3;
    border-radius: 5px;
    margin: 0;
  }
}
@media (max-width: 650px) {
  #wrapper .profile-email--banner {
    display: none;
  }
}
#wrapper .profile-email--list {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-email--list {
    display: block;
    text-align: center;
    background-color: #e4e4e6;
    color: #333;
    line-height: 3;
    border-radius: 5px;
    margin: 1em 0;
  }
}
#wrapper .profile-telephone--banner {
  margin-bottom: 0;
}
@media (max-width: 650px) {
  #wrapper .profile-telephone--banner {
    display: none;
  }
}
#wrapper .profile-telephone--list {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-telephone--list {
    display: block;
    text-align: center;
    background-color: #e4e4e6;
    color: #333;
    line-height: 3;
    border-radius: 5px;
    margin: 1em 0;
  }
}
#wrapper .contact-link {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #fff;
}
#wrapper .contact-link:hover, #wrapper .contact-link:visited, #wrapper .contact-link:active {
  color: #fff;
}
#wrapper .contact-link--list {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333;
}
#wrapper .contact-link--list:hover, #wrapper .contact-link--list:visited, #wrapper .contact-link--list:active {
  color: #333;
}
#wrapper .profile-opening-times {
  text-align: right;
}
@media (max-width: 650px) {
  #wrapper .profile-opening-times {
    margin: 0;
    padding: 0;
    border-radius: 0;
    display: block;
    float: none;
    text-align: center;
    background: none;
    border-top: 1px solid transparent;
  }
}
#wrapper .profile-opening-times__heading {
  color: #fff;
}
#wrapper .profile-opening-times__list {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
@media (max-width: 650px) {
  #wrapper .profile-opening-times__list {
    margin-bottom: 0;
    padding-bottom: 1em;
  }
}
#wrapper .profile-gallery {
  text-align: center;
}
@media (max-width: 650px) {
  #wrapper .profile-gallery {
    height: 270px;
  }
}
#wrapper #main .profile-gallery__placeholder {
  color: #fff;
  line-height: 12;
}
#wrapper .profile-contact--list {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-contact--list {
    display: block;
    background-color: #fff;
    padding-top: 1em;
    border-bottom: 1px solid #e4e4e6;
  }
}
#wrapper .profile-tabbed-navigation {
  background-color: #F1F1F2;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
@media (max-width: 650px) {
  #wrapper .profile-tabbed-navigation {
    display: none;
  }
}
#wrapper .tabbed-list {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  height: 48px;
}
#wrapper .tabbed-list__item {
  margin: 0;
  padding: 0;
  width: 33%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#wrapper .tabbed-list__link {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.3em;
}
#wrapper .profile-mobile-map {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-mobile-map {
    display: block;
  }
}
#wrapper .profile-mobile-gallery {
  display: none;
}
@media (max-width: 650px) {
  #wrapper .profile-mobile-gallery {
    display: block;
    text-align: center;
  }
}
#wrapper .profile-about {
  background-color: #fff;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
  padding: 1em 0;
}
@media (max-width: 650px) {
  #wrapper .profile-about {
    text-align: center;
  }
}
#wrapper .profile-about__heading {
  float: left;
}
@media (max-width: 650px) {
  #wrapper .profile-about__heading {
    display: none;
  }
}
#wrapper .profile-social-media {
  float: right;
  margin: 1em 0;
}
@media (max-width: 650px) {
  #wrapper .profile-social-media {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: center;
  }
}
#wrapper .profile-social-media__item {
  margin: 0 0 0 0.25em;
}
@media (max-width: 650px) {
  #wrapper .profile-social-media__item {
    margin: 0 0.25em;
    font-size: 2em;
  }
}
#wrapper .fa-facebook-square {
  color: #1d5e8e;
}
#wrapper .fa-twitter-square {
  color: #00bdff;
}
#wrapper .fa-google-plus-square {
  color: #b73d3d;
}
#wrapper .profile-infomation {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper .profile-brands {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 650px) {
  #wrapper .profile-brands {
    width: 100%;
    float: left;
    margin-right: 2.5641%;
  }
}
#wrapper .profile-brands--full {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
@media (max-width: 650px) {
  #wrapper .profile-brands--full {
    width: 100%;
    float: left;
    margin-right: 2.5641%;
  }
}
#wrapper .stocked-brands {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper .stocked-brands__heading {
  margin-top: 0;
}
#wrapper .stocked-brands__show-all {
  color: #333;
  font-size: 0.8em;
  cursor: pointer;
}
#wrapper .stocked-brands__wrap {
  overflow: hidden;
  height: 70px;
}
#wrapper .stocked-brands__wrap--show-all {
  height: auto;
}
#wrapper .stocked-brands__link {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 0.25em 20px;
  background-color: #fafafa;
}
@media (max-width: 650px) {
  #wrapper .stocked-brands__link {
    display: inline-block;
    float: none;
  }
}
#wrapper .profile-features {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  text-align: right;
}
@media (max-width: 650px) {
  #wrapper .profile-features {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: center;
  }
}
#wrapper .profile-features__list {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  display: inline-block;
}
#wrapper .profile-features__item {
  line-height: 2;
}
#wrapper .profile-features__icon--green, #wrapper .profile-features__icon--red, #wrapper .profile-features__icon--inactive {
  width: 1.5em;
  margin-left: 0.25em;
  text-align: center;
}
#wrapper .profile-features__icon--green {
  color: #9fba3c;
}
#wrapper .profile-features__icon--red {
  color: #b73d3d;
}
#wrapper .average-ratings {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  text-align: right;
}
@media (max-width: 800px) {
  #wrapper .average-ratings {
    width: 40.67797%;
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  #wrapper .average-ratings {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: center;
  }
}
#wrapper .average-ratings__list {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#wrapper .average-ratings__item, #wrapper .average-ratings__item--average {
  line-height: 2;
}
#wrapper .average-ratings__item--average {
  margin-bottom: 1em;
}
#wrapper .average-ratings__icon, #wrapper .average-ratings__icon--average {
  width: 75px;
  margin-left: 0.5em;
}
#wrapper .average-ratings__icon {
  color: #195079;
}
#wrapper .average-ratings__icon--average {
  color: orange;
}
#wrapper .profile-rating-star {
  font-size: 18px;
}
#wrapper .profile-reviews {
  background-color: #F1F1F2;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
  padding: 1em 0;
}
#wrapper .customer-reviews {
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media (max-width: 800px) {
  #wrapper .customer-reviews {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%;
  }
}
@media (max-width: 650px) {
  #wrapper .customer-reviews {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
#wrapper .customer-review {
  position: relative;
  margin-bottom: 1em;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  display: inline-block;
  padding: 1.2em 1.5em;
  background-color: #fafafa;
  border: 7px solid white;
  box-shadow: 0 2px 4px -2px #969696;
  width: 90%;
}
#wrapper .customer-review__content {
  padding: 1em 0 2em 0;
  margin-bottom: 1em;
}
#wrapper .customer-review__meta {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 0.5em 1em;
  font-size: 0.8em;
  vertical-align: bottom;
  color: #195079;
  font-weight: bold;
}
#wrapper .customer-review__report {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0.5em 1em;
}
#wrapper .customer-review__report a {
  font-size: 0.8em;
  vertical-align: bottom;
}
#wrapper .customer-review__report-captcha {
  background-color: #fafafa;
  border: 7px solid white;
  display: none;
  float: right;
  font-size: 0.9em;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  width: 34%;
}
@media screen and (max-width: 480px) {
  #wrapper .customer-review__report-captcha {
    width: 90%;
  }
}
#wrapper .customer-review__captcha-input {
  width: 94%;
}
#wrapper .customer-review--admin-reply {
  background-color: #ECECEC;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  clear: right;
  float: right;
  font-size: 0.9em;
  width: 70%;
}
#wrapper .customer-review__rating {
  color: orange;
  margin-right: 0.5em;
}
#wrapper .profile-footer__text {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  color: #195079;
  line-height: 4;
}
@media (max-width: 650px) {
  #wrapper .profile-footer__text {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: center;
    line-height: 2;
  }
}
#wrapper .profile-footer__back-to-top {
  float: right;
}
@media (max-width: 650px) {
  #wrapper .profile-footer__back-to-top {
    width: 100%;
    float: right;
    margin-right: 0;
    text-align: center;
    line-height: 3;
  }
}
#wrapper .store-rating__container {
  position: relative;
}
#wrapper .store-rating__tooltip {
  display: inline-block;
  margin-left: 10px;
  box-sizing: border-box;
  font-size: 1em;
  padding: 0.45em 0 0 0.75em;
  width: 2em;
  height: 2em;
  border: 1px solid #e4e4e6;
  -moz-border-radius: 0.75em;
  -webkit-border-radius: 0.75em;
  border-radius: 1em;
  cursor: pointer;
}
#wrapper .store-rating__tooltip:hover {
  background-color: #e4e4e6;
}
#wrapper .store-rating__help-box {
  width: 400px;
  position: absolute;
  top: 24px;
  color: #195079;
  background: white;
  border: 1px solid #e4e4e6;
  margin: 1em 0;
  text-align: center;
  display: none;
}
#wrapper .store-rating__help-box p {
  margin: 0;
  padding: 0.3em;
}
@media screen and (max-width: 480px) {
  #wrapper .store-rating__help-box {
    position: relative;
    width: 90%;
    top: 0;
    left: 0;
  }
}
#wrapper .store-rating__select {
  display: none;
}
.lt-ie8 #wrapper .store-rating__select {
  display: block;
  margin: 10px 0;
}
#wrapper .store-rating__group {
  margin: 10px 0 20px;
  font-size: 0;
}
.lt-ie8 #wrapper .store-rating__group {
  display: none;
}
#wrapper .store-rating__option {
  font-size: 30px;
  color: orange;
  cursor: pointer;
}
#wrapper .store-rating__skip {
  font-size: 12px;
  margin-left: 10px;
}

#wrapper .request-nav {
  display: table;
  border-spacing: 1px;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (max-width: 850px) {
  #wrapper .request-nav {
    display: block;
    border-spacing: 0;
    clear: left;
    overflow: hidden;
  }
}
#wrapper .request-nav__item {
  display: table-cell;
  text-align: center;
  list-style: none;
  padding: 10px 0;
  margin: 0 1px 1px 0;
  color: #fff;
  background-color: #174970;
}
@media (max-width: 850px) {
  #wrapper .request-nav__item {
    display: block;
    float: left;
    width: 33%;
  }
  #wrapper .request-nav__item:last-of-type {
    width: 99%;
    width: calc(100% - (1% - 3px));
  }
}
@media (max-width: 450px) {
  #wrapper .request-nav__item {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #wrapper .request-nav__item:last-of-type {
    width: 100%;
  }
}
#wrapper .request-nav__item--complete {
  background-color: #F1F1F2;
}
#wrapper .request-nav__item--selected {
  background-color: #EC579E;
}
#wrapper .request-nav__link--selected {
  color: #fff;
}
#wrapper .request-nav__link--completed {
  color: #7d8d96;
}
#wrapper .underlined {
  border-bottom: 2px solid #F1F1F2;
}
#wrapper .certificate-type {
  position: relative;
  clear: left;
}
#wrapper .certificate-type__breaker {
  background: none repeat scroll 0 0 #fff;
  color: #e1e1e1;
  font-family: 'Rockwell', Arial, Helvetica, sans-serif;
  font-size: 2.333em;
  font-weight: bold;
  left: 50%;
  line-height: 1em;
  margin-left: -30px;
  padding: 0 0 5px;
  position: absolute;
  text-align: center;
  top: 155px;
  width: 30px;
  z-index: 10;
}
@media (max-width: 700px) {
  #wrapper .certificate-type__breaker {
    position: relative;
    left: 0;
    top: 0;
    margin: 0.3em auto;
    padding: 1em 0;
    width: 50%;
    text-align: center;
  }
}
#wrapper .certificate-type__option {
  width: 39%;
  float: left;
  padding: 5%;
}
@media (max-width: 700px) {
  #wrapper .certificate-type__option {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
#wrapper .certificate-type__option--e-certificate {
  background-position: center top;
  border-right: 1px solid #e1e1e1;
}
@media (max-width: 700px) {
  #wrapper .certificate-type__option--e-certificate {
    border: none;
  }
}
#wrapper .certificate-type__option--paper-certificate {
  background-position: center bottom;
}
#wrapper .certificate-type__heading {
  text-align: center;
}
#wrapper .certificate-type__icon {
  display: block;
  width: 100%;
  height: 93px;
  margin: 0 0 40px;
  background-image: url("/images/certificate.jpg");
  background-repeat: no-repeat;
}
#wrapper .certificate-type__icon--e-certificate {
  background-position: center top;
}
#wrapper .certificate-type__icon--paper-certificate {
  background-position: center bottom;
}
#wrapper .certificate-type__button {
  width: 100%;
}
#wrapper .package-type-box {
  padding: 8px;
  position: relative;
  text-align: center;
}
#wrapper .package-type-box__corner-ribbon {
  background: url("/images/recommended-corner-ribbon.png") no-repeat;
  height: 164px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
#wrapper .package-type-box__inner {
  background: #174970;
  border-radius: 10px;
  padding: 30px 0;
}
#wrapper .package-type-box__inner--standard {
  background: url("/images/package-type-bg-full.svg") no-repeat center 50px #3C3C3C;
}
#wrapper .package-type-box__inner--standard-selected {
  background: url("/images/package-type-bg-full.svg") no-repeat center 50px #174970;
}
#wrapper .package-type-box__inner--bike {
  background: url("/images/package-type-bg-bike.svg") no-repeat center 50px #3C3C3C;
}
#wrapper .package-type-box__inner--bike-selected {
  background: url("/images/package-type-bg-bike.svg") no-repeat center 50px #174970;
}
#wrapper .package-type-box__inner--pick-choose {
  background: url("/images/package-type-bg-custom.png") no-repeat center 50px #3C3C3C;
}
#wrapper .package-type-box__inner--pick-choose-selected {
  background: url("/images/package-type-bg-custom.png") no-repeat center 50px #174970;
}
#wrapper .package-type-box__title {
  color: #fff;
  font-size: 1.8em;
  line-height: 1.1em;
  margin: 3.3em 0 0.7em 0;
}
#wrapper .package-type-box__text {
  color: #fff;
  display: block;
}
#wrapper .package-type-box__notification {
  background: #174970;
  border-radius: 10px;
  color: #fff;
  display: none;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
}
#wrapper .package-type-box__notification p {
  padding: 60px 10px 0 10px;
}
#wrapper #fieldset-theBike, #wrapper #fieldset-helmetGroup, #wrapper #fieldset-lightsGroup, #wrapper #fieldset-lockGroup, #wrapper #fieldset-clothingGroup, #wrapper #fieldset-otherGroup {
  clear: left;
}
#wrapper #fieldset-theBike {
  background: url("/images/bike-request-bg-bike.svg") no-repeat right bottom;
}
@media (max-width: 736px) {
  #wrapper #fieldset-theBike {
    background: none;
  }
}
#wrapper .input--text-money[type="text"],
#wrapper .select--text-money {
  padding-left: 50px !important;
}
#wrapper .price-input-currency-decorator, #wrapper .input-prefix-decorator {
  border-right: 1px solid #ccc;
  color: #848484;
  font-size: 20px;
  height: 44px;
  left: 15px;
  line-height: 43px;
  padding-right: 12px;
  position: absolute;
  top: 29px;
}
#wrapper .price-input-currency-decorator:after {
  content: '£';
}
#wrapper .request__number-icon {
  background: #5a5a5a;
  border-radius: 200px;
  color: #fff;
  float: left;
  font-size: 0.9em;
  margin-right: 10px;
  text-align: center;
  width: 35px;
}
#wrapper .total-calculator {
  background: rgba(46, 102, 144, 0.94);
  box-shadow: 0px 0px 5px #000;
  bottom: 0;
  color: #fff;
  display: none;
  height: 130px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
.lt-ie9 #wrapper .total-calculator {
  background: #2E6690;
}
@media (max-width: 736px) {
  #wrapper .total-calculator {
    background: none;
    box-shadow: none;
    color: #6D6E70;
    display: block;
    height: auto;
    position: relative;
  }
}
#wrapper .total-calculator.calculator-relative {
  background: none;
  box-shadow: none;
  color: #6D6E70;
  display: block;
  height: auto;
  position: relative;
}
#wrapper .total-calculator.calculator-relative hr {
  display: block;
}
#wrapper .total-calculator.calculator-relative p {
  margin: 0 0 1em 0;
}
#wrapper .total-calculator hr {
  display: none;
}
#wrapper .total-calculator p {
  margin: 0 0 0.3em 0;
}
#wrapper .total-calculator__message-container {
  text-align: center;
}
#wrapper .total-calculator__money-value {
  background-color: #195079;
  color: #ffffff;
  line-height: 2.3;
  font-size: 22px;
  padding: 8px 30px;
  margin: 0 15px;
  font-family: 'Rockwell W01',Arial,Helvetica,sans-serif;
}
#wrapper .total-calculator__money-value--over-limit {
  background-color: #D7333F;
}
#wrapper .package-total {
  width: 100%;
}
#wrapper .form-submit-notification {
  background: #ffe3e3;
  border: 1px solid #ffa2a2;
  padding: 10px 20px;
}
#wrapper .pre-contract {
  display: block;
  width: 90%;
  height: 400px;
  margin: 0 auto;
  padding: 10px;
  overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
  border: 2px solid #195079;
}
#wrapper .request-confirmation__heading {
  padding: 5px;
}
@media (max-width: 350px) {
  #wrapper .request-confirmation__heading {
    padding: 0;
  }
}
#wrapper .request-confirmation__heading-link {
  color: #EC579E;
  font-size: 0.8em;
}
#wrapper .request-confirmation__heading-warning {
  color: #b00;
}
#wrapper .request-confirmation__block {
  width: 40%;
  float: left;
  min-width: 330px;
}
#wrapper .request-confirmation__block-info {
  min-height: 250px;
  margin: 10px;
  padding: 10px;
  background-color: #F1F1F2;
}
@media (max-width: 350px) {
  #wrapper .request-confirmation__block-info {
    margin: 0;
    padding: 1em;
    max-width: 270px;
  }
}
#wrapper .request-confirmation__shop-info {
  padding: 3px 15px;
  font-size: 2em;
  margin: 0;
}
@media (max-width: 600px) {
  #wrapper .request-confirmation__shop-info {
    padding: 0;
    font-size: 1.2em;
  }
}
#wrapper .request-confirmation__important-info-wrap {
  margin: 15px 0 20px;
}
#wrapper .request-confirmation__important-info {
  display: inline-block;
  font-size: 1.4em;
  padding: 15px;
  border: 2px solid #404040;
}
@media (max-width: 600px) {
  #wrapper .request-confirmation__important-info {
    font-size: 1em;
  }
}
@media (max-width: 400px) {
  #wrapper .request-confirmation__important-info {
    font-size: 0.9em;
  }
}
#wrapper .request-confirmation__important-info--code {
  font-weight: bold;
}
#wrapper .bike_model_reminder {
  background-color: #404040;
  color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  display: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  width: 47%;
  margin-top: 15px;
}

.ui-widget-content {
  color: #fff;
  background-image: none;
  background-color: #fafafa;
  box-shadow: 0 0 3px #c8c8c8;
}

.ui-widget-content a {
  cursor: pointer;
}

.ui-widget-content a.ui-state-focus {
  background-image: none;
  background-color: #195079;
  color: #fff;
  border-radius: 0;
  border-color: #195079;
}

.ui-corner-all {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* ==========================================================================
   Import Compass dependencies
   ========================================================================== */
/* ==========================================================================
   Import the original Sass all-in-one files
   ========================================================================== */
/* =====================================================
    Main Styles
    @author: Sarah Tupman
    @copyright 2013, Loft Digital, www.loftdigital.com
========================================================================== */
.wrap {
  *zoom: 1;
  max-width: 59em;
  _width: 59em;
  padding-left: 0em;
  padding-right: 0em;
  margin-left: auto;
  margin-right: auto;
  -moz-background-origin: content;
  -o-background-origin: content-box;
  -webkit-background-origin: content;
  background-origin: content-box;
  -moz-background-clip: content;
  -o-background-clip: content-box;
  -webkit-background-clip: content;
  background-clip: content-box;
}
.wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 650px) {
  .wrap {
    *zoom: 1;
    max-width: 39em;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: auto;
    margin-right: auto;
  }
  .wrap:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 530px) {
  .wrap {
    *zoom: 1;
    max-width: 39em;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: auto;
    margin-right: auto;
  }
  .wrap:after {
    content: "";
    display: table;
    clear: both;
  }
}

.wrap--flex {
  display: flex;
}

/* ===================================================
    Top tier styles
=================================================== */
body {
  color: #404041;
  font-family: Arial,Helvetica,sans-serif;
}

/* ===================================================
    Page wrapper styles
=================================================== */
#wrapper {
  overflow: hidden;
  min-width: 320px;
  /* ===================================================
      Page footer styles
  =================================================== */
  /* ===================================================
      Page header styles
  =================================================== */
  /* ===================================================
      Main page content styles
  =================================================== */
}
#wrapper .wrap {
  position: relative;
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
#wrapper .floatLeft {
  float: left;
}
#wrapper .floatRight {
  float: right;
}
#wrapper .twoColumn {
  width: 48%;
}
#wrapper .errors {
  color: #cc0000;
}
#wrapper img, #wrapper video, #wrapper object {
  max-width: 100%;
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #195079;
}
#wrapper p {
  margin: 0 0 1em 0;
  line-height: 1.875em;
  font-size: 1em;
}
#wrapper li, #wrapper ol {
  font-size: 1em;
}
#wrapper label {
  font-weight: normal;
  color: #6D6E70;
  font-size: 1em;
}
#wrapper label:after {
  content: ':';
}
#wrapper input[type="text"],
#wrapper input[type="email"],
#wrapper input[type="password"] {
  margin: 0;
  padding: 0 5px;
  line-height: 36px;
  height: 36px;
  border: 1px solid #195079;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper a {
  color: #195079;
  text-decoration: none;
  outline: none;
  min-height: 1%;
}
#wrapper a:hover {
  text-decoration: underline;
}
#wrapper footer.page-footer {
  background-color: #195079;
  color: #fff;
  padding: 3% 0 3% 0;
}
#wrapper footer.page-footer nav {
  float: left;
  width: 20%;
}
#wrapper footer.page-footer nav h1 {
  margin: 0 0 6% 0;
  color: #fff;
  font-size: 1.25em;
  font-style: italic;
}
#wrapper footer.page-footer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper footer.page-footer nav ul li {
  margin: 4% 0;
}
#wrapper footer.page-footer nav ul li a {
  background-repeat: no-repeat;
  color: #fff;
  float: left;
  font-size: 0.75em;
  line-height: 30px;
  width: 100%;
}
#wrapper footer.page-footer nav ul li a.icon {
  line-height: initial;
  min-height: 40px;
  padding-left: 40px;
  padding-top: 10px;
}
#wrapper footer.page-footer nav ul li a.icon--childcarescheme {
  background-image: url("/img/footer-logo/childcarescheme.png");
}
#wrapper footer.page-footer nav ul li a.icon--techscheme {
  background-image: url("/img/footer-logo/techscheme.png");
}
#wrapper footer.page-footer nav ul li a.icon--cyclescheme {
  background-image: url("/img/footer-logo/cyclescheme.png");
}
#wrapper footer.page-footer nav ul li a.icon--facebook {
  background-image: url("/img/footer-logo/facebook.png");
}
#wrapper footer.page-footer nav ul li a.icon--google-plus {
  background-image: url("/img/footer-logo/google-plus.png");
}
#wrapper footer.page-footer nav ul li a.icon--instagram {
  background-image: url("/img/footer-logo/instagram.png");
}
#wrapper footer.page-footer nav ul li a.icon--linkedin {
  background-image: url("/img/footer-logo/linkedin.png");
}
#wrapper footer.page-footer nav ul li a.icon--medal {
  background-image: url("/img/footer-logo/medal.png");
}
#wrapper footer.page-footer nav ul li a.icon--medal-3 {
  background-image: url("/img/footer-logo/medal-3.png");
}
#wrapper footer.page-footer nav ul li a.icon--twitter {
  background-image: url("/img/footer-logo/twitter.png");
}
#wrapper footer.page-footer nav ul li a.icon--vimeo {
  background-image: url("/img/footer-logo/vimeo.png");
}
#wrapper footer.page-footer nav ul li a.icon--youtube {
  background-image: url("/img/footer-logo/youtube.png");
}
#wrapper footer.page-footer nav ul li a.icon--long-text {
  padding-bottom: 8px;
  padding-top: 2px;
}
#wrapper footer.page-footer .social {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#wrapper footer.page-footer .social li {
  display: block;
  margin: 0 0 20% 0;
}
#wrapper footer.page-footer .social li a.icon {
  height: 45px;
  width: 45px;
  display: block;
}
#wrapper footer.page-footer .social li a.icon.facebook {
  background-image: url("/img/cs_sprites.png");
  background-position: 0px -49px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
#wrapper footer.page-footer .social li a.icon.twitter {
  background-image: url("/img/cs_sprites.png");
  background-position: 0px -124px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
#wrapper footer.page-footer .social li a.icon.instagram {
  background-image: url("/img/cs_sprites.png");
  background-position: 0px -198px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
#wrapper footer.page-footer aside {
  margin: 4% 0 0 0;
  font-size: 0.75em;
}
#wrapper footer.page-footer aside a {
  color: #fff;
}
#wrapper footer.page-footer aside #loftLogo {
  display: block;
  width: 33px;
  height: 19px;
  background: url("/img/loft_logo.png") no-repeat;
}
#wrapper header #skyline {
  background-color: #F1F1F2;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
  font-size: 0.75em;
  width: 100%;
}
#wrapper header #skyline aside {
  text-align: right;
  line-height: 45px;
}
#wrapper header #skyline aside #grassRootsLogo {
  float: left;
  line-height: 45px;
  width: 148px;
  height: 45px;
  background-image: url("/img/grg_logo.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#wrapper header #skyline aside #grassRootsLogo img {
  display: none;
  vertical-align: middle;
  margin-top: -3px;
}
#wrapper header #mainNav {
  margin-bottom: 2%;
}
#wrapper header #mainNav #logo {
  display: block;
  margin-top: 4%;
  float: left;
  width: 172px;
  height: 86px;
  background: url("/img/logo_cyclescheme.png") no-repeat 0 0;
}
#wrapper header #mainNav #bp-logo {
  float: left;
  margin-top: 4%;
  max-height: 80px;
  max-width: 172px;
}
#wrapper header #mainNav #bp-logo.topRight {
  float: right;
  margin-top: 4%;
  margin-bottom: 10px;
}
#wrapper header #mainNav #bp-logo.topRight img {
  max-height: 70px;
}
#wrapper header #mainNav #mobileNavToggle {
  display: none;
  z-index: 9999;
}
#wrapper header #mainNav ul {
  float: right;
  width: auto;
  margin: 7% 0 0 0;
  padding: 0;
  line-height: 3.125em;
  height: 3.125em;
  font-size: 0.875em;
}
#wrapper header #mainNav ul.noMarginTop {
  margin-top: 0;
}
#wrapper header #mainNav ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#wrapper header #mainNav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  background-color: #195079;
  padding: 0 15px;
  border-left: 1px solid #10344f;
  border-right: 1px solid #1d5e8e;
}
#wrapper header #mainNav ul li a:hover {
  background-color: #1d5e8e;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  transition-property: background-color;
  transition-delay: 0.2s;
  transition-timing-function: ease-in;
}
#wrapper header #mainNav ul li:first-child a {
  padding: 0 15px 0 20px;
  -moz-border-top-left-radius: 9999px;
  -webkit-border-top-left-radius: 9999px;
  -ms-border-top-left-radius: 9999px;
  -o-border-top-left-radius: 9999px;
  border-top-left-radius: 9999px;
  -moz-border-bottom-left-radius: 9999px;
  -webkit-border-bottom-left-radius: 9999px;
  -ms-border-bottom-left-radius: 9999px;
  -o-border-bottom-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
#wrapper header #mainNav ul li:last-child a {
  padding: 0 20px 0 15px;
  -moz-border-top-right-radius: 9999px;
  -webkit-border-top-right-radius: 9999px;
  -ms-border-top-right-radius: 9999px;
  -o-border-top-right-radius: 9999px;
  border-top-right-radius: 9999px;
  -moz-border-bottom-right-radius: 9999px;
  -webkit-border-bottom-right-radius: 9999px;
  -ms-border-bottom-right-radius: 9999px;
  -o-border-bottom-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
#wrapper header #mainNav ul li.selected a {
  background-color: #1d5e8e;
  text-decoration: none;
  position: relative;
}
#wrapper header #mainNav ul li.selected a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -12px;
  width: 0px;
  height: 0px;
  z-index: 10000;
  border: 12px solid transparent;
  border-top: 12px solid #1d5e8e;
}
#wrapper header #mainNav ul #mobileSignIn {
  display: none;
}
#wrapper header #subNav {
  background: #F1F1F2;
  text-align: center;
  line-height: 0.6875em;
  position: relative;
  z-index: 2;
}
#wrapper header #subNav ul {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  list-style: none;
  background: #F1F1F2;
  border-top: 1px solid #F1F1F2;
  border-bottom: 1px solid #F1F1F2;
}
#wrapper header #subNav ul li {
  padding: 0 10px;
  margin: 0;
  float: left;
  display: block;
  line-height: 3.75em;
  border-right: 1px solid #e4e4e6;
  border-left: 1px solid #fff;
}
#wrapper header #subNav ul li:hover {
  background-color: #e4e4e6;
}
#wrapper header #subNav ul li:hover a {
  text-decoration: none;
}
#wrapper header #subNav ul li a {
  font-size: 0.75em;
  display: block;
  line-height: 3.75em;
}
#wrapper header #subNav ul li.selected {
  background-color: #e4e4e6;
}
#wrapper header #subNav ul li.selected a {
  text-decoration: none;
}
#wrapper #breadcrumbs {
  padding: 2% 0;
  font-size: 0.75em;
  background: #f9f9f9;
}
#wrapper #main {
  background: #f9f9f9;
  /* ===================================================
      Store locator map
  =================================================== */
  /* ===================================================
      Store locator steps
  =================================================== */
  /* ===================================================
      Store locator details
  =================================================== */
  /* ================
      Sarah Storey
  ================ */
  /* ===================================================
      Shared defaults
  =================================================== */
  /* ===================================================
      Content pages
  =================================================== */
  /* ===================================================
      Home page
  =================================================== */
}
#wrapper #main .social.small {
  display: none;
}
#wrapper #main .social.small ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#wrapper #main .social.small ul li {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
#wrapper #main .social.small ul li.twitter {
  width: 80px;
}
#wrapper #main .social.small ul li.gplus {
  min-width: 90px;
}
#wrapper #main .social.small ul li.fb {
  min-width: 100px;
}
#wrapper #main #storeMap {
  display: block;
  padding: 0;
}
#wrapper #main .mapCanvas {
  height: 500px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #e4e4e6;
}
#wrapper #main .mapCanvas img {
  max-width: none;
}
#wrapper #main .stepGuide h3 {
  text-align: center;
}
#wrapper #main .stepGuide .step {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 70px;
  margin-top: 12px;
  margin-bottom: 24px;
  color: #195079;
  background-repeat: no-repeat;
  background-position: top left;
}
#wrapper #main .stepGuide .step:last-of-type {
  margin-right: 0;
}
#wrapper #main .stepGuide .step.one {
  background-image: url("/img/get-bike-step-1.png");
}
#wrapper #main .stepGuide .step.two {
  background-image: url("/img/get-bike-step-2.png");
}
#wrapper #main .stepGuide .step.three {
  background-image: url("/img/get-bike-step-3.png");
}
#wrapper #main .stepGuide .step h4 {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  line-height: 1.3;
}
#wrapper #main .stepGuide .step p {
  font-size: 14px;
  line-height: 1.4;
}
#wrapper #main #storeListContainer {
  margin-bottom: 16px;
}
#wrapper #main #storeList {
  display: none;
  background-color: #fff;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main .store {
  width: 100%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  background-color: #f9f9f9;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main .store:nth-child(even) {
  background-color: #F1F1F2;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main .store > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
#wrapper #main .store .distance {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
}
#wrapper #main .store .distance > img {
  display: block;
  margin: 0 auto 10px auto;
}
#wrapper #main .store .distance .unit {
  font-size: 0.8em;
  font-weight: normal;
  display: block;
}
#wrapper #main .store .overview {
  width: 83.05085%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  border-left: 1px solid #fff;
}
#wrapper #main .store .overview .details {
  width: 69.38776%;
  float: left;
  margin-right: 2.04082%;
  display: inline;
}
#wrapper #main .store .overview .details address {
  font-style: normal;
}
#wrapper #main .store .overview .details h1 {
  font-size: 1.5em;
  margin-top: 0;
  line-height: 1;
}
#wrapper #main .store .overview .details h2 {
  font-size: 1em;
}
#wrapper #main .store .overview .details .code {
  font-weight: bold;
}
#wrapper #main .store .overview .details .brandList {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
#wrapper #main .store .overview .details .brandList li {
  display: inline;
  margin-right: 4px;
}
#wrapper #main .store .overview .details .brandList li img {
  margin-top: 4px;
}
#wrapper #main .store .overview .callToActions {
  width: 28.57143%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper #main .store .overview .callToActions ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#wrapper #main .store .overview .callToActions ul li a {
  display: block;
  color: #fff;
  padding: 8px 20px 8px 20px;
  margin: 0 0 5px 0;
  text-align: center;
}
#wrapper #main #sarahStoreyHero {
  background-color: #f2f0f1;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
  padding-bottom: 0;
  padding-top: 0;
}
#wrapper #main #sarahStoreyHero h1 {
  margin-top: 5%;
  font-size: 2.5em;
}
#wrapper #main #sarahStoreyHero .challengeYourselfHashtag {
  margin: 20px 0 50px 0;
  text-align: center;
}
#wrapper #main #sarahStoreyHero .challengeYourselfHashtag a {
  text-decoration: none;
}
#wrapper #main #sarahStoreyHero .challengeYourselfHashtag .hashtag {
  color: #fff;
  text-transform: uppercase;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 15px 30px;
  letter-spacing: 0.1em;
  background: #EC579E;
}
#wrapper #main #sarahStoreyHero .challengeYourselfHashtag .hashtag .grey {
  color: #dfdfdf;
}
#wrapper #main #sarahStoreyHero .challengeYourselfHashtag .triangle {
  position: relative;
  top: 50px;
  left: 30%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #EC579E transparent transparent transparent;
}
#wrapper #main #sarahStoreyHero figure {
  text-align: center;
  position: relative;
}
#wrapper #main #sarahStoreyHero figure figcaption {
  position: relative;
  bottom: 15px;
  font-size: 0.75em;
}
#wrapper #main #callToActions h1, #wrapper #main #sarahsTips h1 {
  font-size: 1.5em;
  margin: 2% 0 5% 0;
}
#wrapper #main #callToActions section, #wrapper #main #sarahsTips section {
  margin-bottom: 50px;
}
#wrapper #main #callToActions section.calculator .icon, #wrapper #main #sarahsTips section.calculator .icon {
  background-position: 0 0;
}
#wrapper #main #callToActions section.find .icon, #wrapper #main #sarahsTips section.find .icon {
  background-position: -134px 0;
}
#wrapper #main #callToActions section.community, #wrapper #main #sarahsTips section.community {
  margin-bottom: 0;
}
#wrapper #main #callToActions section.community .icon, #wrapper #main #sarahsTips section.community .icon {
  background-position: -268px 0;
}
#wrapper #main #callToActions section.invite, #wrapper #main #sarahsTips section.invite {
  margin-bottom: 0;
}
#wrapper #main #callToActions section.invite .icon, #wrapper #main #sarahsTips section.invite .icon {
  background-position: -402px 0;
}
#wrapper #main #callToActions section.one .icon, #wrapper #main #sarahsTips section.one .icon {
  background-image: url("/img/icon_1.png");
}
#wrapper #main #callToActions section.two .icon, #wrapper #main #sarahsTips section.two .icon {
  background-image: url("/img/icon_2.png");
}
#wrapper #main #callToActions section.three, #wrapper #main #sarahsTips section.three {
  margin-bottom: 20px;
}
#wrapper #main #callToActions section.three .icon, #wrapper #main #sarahsTips section.three .icon {
  background-image: url("/img/icon_3.png");
}
#wrapper #main #callToActions section.four, #wrapper #main #sarahsTips section.four {
  margin-bottom: 20px;
}
#wrapper #main #callToActions section.four .icon, #wrapper #main #sarahsTips section.four .icon {
  background-image: url("/img/icon_4.png");
}
#wrapper #main #callToActions section .icon, #wrapper #main #sarahsTips section .icon {
  width: 67px;
  height: 90px;
  float: left;
  background-repeat: no-repeat;
  position: relative;
  top: 7px;
}
#wrapper #main #callToActions section .icon a, #wrapper #main #sarahsTips section .icon a {
  margin: 0;
  padding: 0;
  display: block;
  height: 90px;
  width: 67px;
  background: none;
}
#wrapper #main #callToActions section h1, #wrapper #main #callToActions section p, #wrapper #main #sarahsTips section h1, #wrapper #main #sarahsTips section p {
  margin-left: 100px;
}
#wrapper #main #callToActions section h1, #wrapper #main #sarahsTips section h1 {
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 0;
  font-size: 1.5em;
}
#wrapper #main #callToActions section h1 a, #wrapper #main #sarahsTips section h1 a {
  margin-left: 0;
  background: none;
  padding: 0;
}
#wrapper #main #callToActions section p, #wrapper #main #sarahsTips section p {
  font-size: 0.875em;
  line-height: 1.5em;
}
#wrapper #main #callToActions section a, #wrapper #main #sarahsTips section a {
  display: block;
  color: #EC579E;
  font-size: 0.875em;
  margin-left: 100px;
  padding-left: 15px;
  background-image: url("/img/anchor_arrow.png");
  background-repeat: no-repeat;
  background-position: 0 3px;
}
#wrapper #main #callToActions {
  padding-top: 3%;
}
#wrapper #main #callToActions section {
  min-height: 130px;
}
#wrapper #main #callToActions section .icon {
  background-image: url("/img/icon_sprite.png");
  background-repeat: no-repeat;
}
#wrapper #main #callToActions section:hover.calculator .icon {
  background-position: -67px 0;
}
#wrapper #main #callToActions section:hover.find .icon {
  background-position: -201px 0;
}
#wrapper #main #callToActions section:hover.community .icon {
  background-position: -335px 0;
}
#wrapper #main #callToActions section:hover.invite .icon {
  background-position: -469px 0;
}
#wrapper #main #callToActions section:hover h1 {
  color: #EC579E;
}
#wrapper #main #sarahsTips section {
  min-height: 130px;
}
#wrapper #main #sarahInvolved {
  background-color: #f9f9f9;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main #sarahInvolved article h1 {
  font-size: 1.375em;
}
#wrapper #main #sarahInvolved article .videoWrap iframe {
  width: 100%;
}
#wrapper #main > section {
  padding: 2% 0 3% 0;
}
#wrapper #main > section h1 {
  margin-top: 0;
}
#wrapper #main h1 {
  color: #195079;
}
#wrapper #main h1 .large {
  font-size: 1.25em;
}
#wrapper #main p .inset.floatLeft {
  margin-right: 20px;
}
#wrapper #main p .inset.floatRight {
  margin-left: 20px;
}
#wrapper #main .blockStyle {
  background-color: transparent;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main .blockStyle.padBottomOnly {
  padding: 0 0 20px 0;
}
#wrapper #main .blockStyleAlt {
  background-color: #fff;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e4e4e6;
}
#wrapper #main .social.horizontal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper #main .social.horizontal ul li {
  float: left;
  margin-right: 2%;
}
#wrapper #main .backToTop {
  font-size: 0.875em;
}
#wrapper #main .backToTop:before {
  content: '► ';
  font-size: 0.6875em;
  vertical-align: middle;
}
#wrapper #main .signup-form-button {
  margin-left: 47%;
}
@media only screen and (max-width: 650px) {
  #wrapper #main .signup-form-button {
    margin-left: 32%;
    margin-bottom: 20px;
  }
}
#wrapper #main .button,
#wrapper #main button,
#wrapper #main input[type="button"],
#wrapper #main input[type="submit"] {
  background-color: #EC579E;
  padding: 5px 20px 8px 20px;
  font-size: 1.25em;
  margin: 1% 0;
  color: #fff;
  display: inline-block;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper #main .button:hover,
#wrapper #main button:hover,
#wrapper #main input[type="button"]:hover,
#wrapper #main input[type="submit"]:hover {
  text-decoration: none;
  background: #e94091;
}
#wrapper #main .button.green,
#wrapper #main button.green,
#wrapper #main input[type="button"].green,
#wrapper #main input[type="submit"].green {
  background-color: #87B529;
}
#wrapper #main .button.green:hover,
#wrapper #main button.green:hover,
#wrapper #main input[type="button"].green:hover,
#wrapper #main input[type="submit"].green:hover {
  text-decoration: none;
  background: #77a024;
}
#wrapper #main .button.margin-left-20,
#wrapper #main button.margin-left-20,
#wrapper #main input[type="button"].margin-left-20,
#wrapper #main input[type="submit"].margin-left-20 {
  margin-left: 20px;
}
#wrapper #main .button-wrap {
  text-align: center;
}
#wrapper #main .button--large {
  font-size: 200%;
  text-align: center;
  padding: 0.2em 1em;
  display: inline-block;
  margin: 0.5em;
}
#wrapper #main a.button--secondary {
  background-color: #87b529;
  color: white;
}
#wrapper #main a.button--secondary:hover {
  background-color: #77a024;
}
#wrapper #main a.button--full-width {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#wrapper #main .inputCombo {
  border: 1px solid #195079;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper #main .inputCombo input[type="text"],
#wrapper #main .inputCombo input[type="email"],
#wrapper #main .inputCombo input[type="password"] {
  border: none;
  width: 70%;
  padding-right: 25%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper #main .inputCombo input[type="submit"],
#wrapper #main .inputCombo input[type="button"] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  border-left: 1px solid #195079;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}
#wrapper #main .centered-content {
  text-align: center;
}
#wrapper #main #content {
  padding-bottom: 10%;
}
#wrapper #main #content p, #wrapper #main #content ol, #wrapper #main #content ul, #wrapper #main #content table {
  font-size: 0.875em;
}
#wrapper #main #content p span.success, #wrapper #main #content ol span.success, #wrapper #main #content ul span.success, #wrapper #main #content table span.success {
  color: #008000;
  font-weight: bold;
}
#wrapper #main #content p span.warning, #wrapper #main #content ol span.warning, #wrapper #main #content ul span.warning, #wrapper #main #content table span.warning {
  color: #990000;
  font-weight: bold;
}
@media only screen and (max-width: 952px) {
  #wrapper #main #content p span.mobile-full-width-images img.two-thirds, #wrapper #main #content ol span.mobile-full-width-images img.two-thirds, #wrapper #main #content ul span.mobile-full-width-images img.two-thirds, #wrapper #main #content table span.mobile-full-width-images img.two-thirds {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin: 0 0 20px 0;
  }
  #wrapper #main #content p span.mobile-full-width-images img.one-third, #wrapper #main #content ol span.mobile-full-width-images img.one-third, #wrapper #main #content ul span.mobile-full-width-images img.one-third, #wrapper #main #content table span.mobile-full-width-images img.one-third {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin: 0 10px 20px 0;
  }
}
@media only screen and (max-width: 650px) {
  #wrapper #main #content p span.mobile-full-width-images img.two-thirds, #wrapper #main #content p span.mobile-full-width-images img.one-third, #wrapper #main #content ol span.mobile-full-width-images img.two-thirds, #wrapper #main #content ol span.mobile-full-width-images img.one-third, #wrapper #main #content ul span.mobile-full-width-images img.two-thirds, #wrapper #main #content ul span.mobile-full-width-images img.one-third, #wrapper #main #content table span.mobile-full-width-images img.two-thirds, #wrapper #main #content table span.mobile-full-width-images img.one-third {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-bottom: 10px;
  }
}
#wrapper #main #content form dl dt {
  margin: 0;
  padding: 0;
}
#wrapper #main #content form dl dt label {
  font-size: 0.875em;
  font-weight: bold;
}
#wrapper #main #content form dl dd {
  margin: 0 0 2% 0;
  padding: 0;
}
#wrapper #main #content form dl dt input[type="text"], #wrapper #main #content form dl dt input[type="password"], #wrapper #main #content form dl dd input[type="text"], #wrapper #main #content form dl dd input[type="password"] {
  border: 1px solid #d7d7d9;
  font-size: 0.875em;
  line-height: 0.875em;
  color: #195079;
  width: 50%;
  min-width: 280px;
}
#wrapper #main #content.myCycleScheme {
  position: relative;
}
#wrapper #main #content.myCycleScheme > header > div {
  position: relative;
}
#wrapper #main #content.myCycleScheme > header > div h1 {
  margin-bottom: 0;
  float: left;
}
#wrapper #main #content.myCycleScheme > header > div .social {
  position: absolute;
  bottom: 0;
  right: 0;
}
#wrapper #main #content.myCycleScheme > header .subtitle {
  border-top: 1px dashed #d7d7d9;
  padding-top: 3%;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #195079;
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 2% 0 3% 0;
}
#wrapper #main #content.myCycleScheme h2.statusHeader {
  margin: 0;
  padding: 20px;
  background-color: #185079;
  border-radius: 6px 6px 0 0;
  color: #fff;
}
#wrapper #main #content.myCycleScheme h2.statusHeader a {
  color: #fff;
}
#wrapper #main #content.myCycleScheme #currentStatus #theCurrentStatus {
  font-size: 2em;
  margin: 20px 20px 10px 20px;
  font-weight: bold;
}
#wrapper #main #content.myCycleScheme #currentStatus #theCurrentStatus a {
  text-decoration: none;
}
#wrapper #main #content.myCycleScheme #currentStatus p {
  margin: 10px 20px;
  text-align: center;
  color: #333;
}
#wrapper #main #content.myCycleScheme #status {
  background: #fff;
  border: 1px solid #ddd;
  border-right: none;
  zoom: 1;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li {
  border: 1px solid #ddd;
  border-top: none;
  padding: 12px 10px 12px 20px;
  color: #999;
  font-weight: bold;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li span {
  font-weight: normal;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li.last {
  border-bottom: none;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li:nth-child(odd) {
  background: #eee;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li:nth-child(even) {
  background: #f9f9f9;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol li.selected {
  border-left: 1px solid #fff;
  background: #fff;
  color: #333;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol.canceled .selected {
  color: #dd0000;
}
#wrapper #main #content.myCycleScheme #status .statusColumn ol.canceled .selected span {
  color: #dd0000;
}
#wrapper #main #content.myCycleScheme #certificates {
  width: 100%;
}
#wrapper #main #content.myCycleScheme #certificates thead {
  border: 1px solid #185079;
}
#wrapper #main #content.myCycleScheme #certificates th {
  background-color: #185079;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  padding: 2%;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#wrapper #main #content.myCycleScheme #certificates tbody {
  border-width: 0 1px;
  border-style: solid;
  border-color: #ddd;
}
#wrapper #main #content.myCycleScheme #certificates tr {
  background: #fff;
}
#wrapper #main #content.myCycleScheme #certificates tr:nth-child(odd) {
  background: #f9f9f9;
}
#wrapper #main #content.myCycleScheme #certificates tr td {
  padding: 4% 2%;
}
#wrapper #main #content.myCycleScheme #certificates tr td.requested {
  font-weight: bold;
}
#wrapper #main #content.myCycleScheme #certificates tr td.attr {
  font-weight: bold;
}
#wrapper #main #content.myCycleScheme #certificates tr td.cancelled {
  color: #cc0000;
}
#wrapper #main #content.myCycleScheme #certificates tr.details {
  border-bottom: 1px solid #ccc;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td {
  padding: 0;
  border: none;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td .tdWrap {
  padding: 2%;
  background: #f9f9f9;
  display: none;
  border: none;
  border-top: 1px solid #ccc;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td .tdWrap ul {
  list-style: none;
  padding: 0;
  margin: 0 0 2%;
  border-top: 1px solid #ccc;
  text-align: right;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td .tdWrap ul li {
  list-style: none;
  background: none;
  padding: 2%;
  margin: 0;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td .tdWrap ul li strong {
  float: left;
}
#wrapper #main #content.myCycleScheme #certificates tr.details td .tdWrap ul li.total {
  width: auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2%;
  font-weight: bold;
}
#wrapper #main #content.myCycleScheme .no-js table#certificates tr.details td .tdWrap {
  display: block;
}
#wrapper #main #content #sidebar {
  width: 25%;
  margin-left: 0%;
  float: right;
}
#wrapper #main #content #sidebar.mpu {
  width: 300px;
  height: 250px;
}
#wrapper #main #content #sidebar.mpu article {
  padding: 0;
  margin: 0;
  background: none;
}
#wrapper #main #content #sidebar.mpu article.normal {
  background: #195079;
  padding: 10%;
  margin: 0 0 5% 0;
  color: #fff;
}
#wrapper #main #content #sidebar.mpu article.normal p {
  font-size: 0.75em;
  line-height: 1.75em;
}
#wrapper #main #content #sidebar.mpu article.normal h1 {
  font-size: 1.125em;
  color: #fff;
  margin-top: 0;
  line-height: 1.25em;
}
#wrapper #main #content #sidebar.mpu article.normal h3 {
  color: #fff;
}
#wrapper #main #content #sidebar #employerMobileLoginRegister {
  display: none;
}
#wrapper #main #content #sidebar article {
  background: #195079;
  padding: 10%;
  margin: 0 0 5% 0;
  color: #fff;
}
#wrapper #main #content #sidebar article p {
  font-size: 0.75em;
  line-height: 1.75em;
}
#wrapper #main #content #sidebar article h1 {
  font-size: 1.125em;
  color: #fff;
  margin-top: 0;
  line-height: 1.25em;
}
#wrapper #main #content #sidebar article .button,
#wrapper #main #content #sidebar article button,
#wrapper #main #content #sidebar article input[type="button"],
#wrapper #main #content #sidebar article input[type="submit"] {
  display: block;
  text-align: center;
}
#wrapper #main #content #sidebar article a {
  color: #fff;
  text-decoration: underline;
}
#wrapper #main #content #sidebar article a.button {
  text-decoration: none;
}
#wrapper #main #content #sidebar article .highlight {
  text-align: right;
  font-size: 1.75em;
  font-weight: bold;
}
#wrapper #main #content #sidebar article#video {
  float: left;
}
#wrapper #main #content #sidebar article#video a {
  float: left;
}
#wrapper #main #content #sidebar article#video a img {
  width: 100%;
}
#wrapper #main #content #mainColumn {
  width: 72%;
  float: left;
}
#wrapper #main #content #mainColumn.mpu {
  width: 60%;
}
#wrapper #main #content #mainColumn.mpu section {
  float: left;
  margin-top: 20px;
}
#wrapper #main #content #mainColumn.mpu section:first-of-type {
  margin-top: 0;
}
#wrapper #main #content #mainColumn.mpu section article {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
#wrapper #main #content #mainColumn.mpu section article.twoColumn {
  width: 48%;
}
@media only screen and (max-width: 650px) {
  #wrapper #main #content #mainColumn.mpu section article.twoColumn {
    width: 100%;
  }
}
#wrapper #main #content #mainColumn.mpu section article.floatRight {
  float: right;
}
#wrapper #main #content #mainColumn.mpu section article .item-image {
  float: left;
  margin-right: 4%;
  width: 22%;
}
#wrapper #main #content #mainColumn.mpu section article .item-text {
  float: left;
  width: 74%;
}
#wrapper #main #content #mainColumn.mpu section article .item-text h3 {
  float: left;
  margin-bottom: 4px;
  margin-top: 0;
  width: 100%;
}
#wrapper #main #content #mainColumn.mpu section article .item-text p {
  float: left;
  width: 100%;
}
#wrapper #main #content #mainColumn header h1 {
  margin: 0 0 2% 0;
}
#wrapper #main #content #mainColumn header .subtitle {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #195079;
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 3% 0;
}
#wrapper #main #content #mainColumn .date {
  color: #154264;
}
#wrapper #main #content #mainColumn .warning {
  color: #990000;
  font-weight: bold;
}
#wrapper #main #content #mainColumn .group {
  display: inline-block;
  width: 100%;
  padding-bottom: 10%;
}
#wrapper #main #content #mainColumn form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper #main #content #mainColumn form.centerAligned li {
  margin: 2% 0;
}
#wrapper #main #content #mainColumn form.centerAligned li .two_line_label_container {
  float: left;
  margin-bottom: 2%;
  width: 100%;
}
#wrapper #main #content #mainColumn form.centerAligned li .two_line_label_container label {
  float: left;
}
#wrapper #main #content #mainColumn form.centerAligned li .two_line_label_container input, #wrapper #main #content #mainColumn form.centerAligned li .two_line_label_container select {
  margin-top: 10px;
}
#wrapper #main #content #mainColumn form.centerAligned li label {
  display: inline-block;
  width: 47%;
  text-align: right;
  margin-right: 1%;
}
#wrapper #main #content #mainColumn form.centerAligned li input, #wrapper #main #content #mainColumn form.centerAligned li select {
  width: 48%;
  text-align: left;
}
@media only screen and (max-width: 850px) {
  #wrapper #main #content #mainColumn form.centerAligned li input, #wrapper #main #content #mainColumn form.centerAligned li select {
    width: 100%;
  }
}
#wrapper #main #content #mainColumn form.centerAligned li input[type="checkbox"] {
  margin: 0 2px;
  width: initial;
}
#wrapper #main #content #mainColumn form.centerAligned li input {
  border: 1px solid #d7d7d9;
  font-size: 0.875em;
  line-height: 0.875em;
  color: #195079;
}
#wrapper #main #content #mainColumn form.centerAligned li #vat {
  width: 100%;
  display: block;
}
#wrapper #main #content #mainColumn form.centerAligned li.doubleColumn input {
  width: 20%;
}
#wrapper #main #content #mainColumn form.centerAligned li.doubleColumn select {
  width: 24%;
  margin: 5px 0 0 5px;
}
#wrapper #main #content #mainColumn form.centerAligned li#signup-captcha {
  margin-left: 47%;
}
@media only screen and (max-width: 650px) {
  #wrapper #main #content #mainColumn form.centerAligned li#signup-captcha {
    margin-left: 0;
  }
}
#wrapper #main #content #mainColumn .columns article {
  position: relative;
  padding-bottom: 5%;
}
#wrapper #main #content #mainColumn .columns article h1 {
  font-size: 1.25em;
}
#wrapper #main #content #mainColumn .columns article input[type="button"],
#wrapper #main #content #mainColumn .columns article input[type="submit"] {
  position: absolute;
  bottom: 0;
}
#wrapper #main #content #mainColumn.community section {
  border-bottom: 1px dashed #d7d7d9;
  padding-bottom: 5%;
}
#wrapper #main #content #mainColumn .savingsTable {
  -moz-border-collapse: separate;
  -webkit-border-collapse: separate;
  -ms-border-collapse: separate;
  -o-border-collapse: separate;
  border-collapse: separate;
  -moz-border-spacing: 2px;
  -webkit-border-spacing: 2px;
  -ms-border-spacing: 2px;
  -o-border-spacing: 2px;
  border-spacing: 2px;
}
#wrapper #main #content #mainColumn .savingsTable th, #wrapper #main #content #mainColumn .savingsTable td {
  padding: 5px 10px;
  background: #f3f3f3;
  color: #404041;
  line-height: 1.75em;
  font-weight: normal;
}
#wrapper #main #content #mainColumn .savingsTable td {
  text-align: right;
}
#wrapper #main #content #mainColumn .savingsTable th {
  text-align: left;
}
#wrapper #main #content #mainColumn .savingsTable .boldRow th, #wrapper #main #content #mainColumn .savingsTable .boldRow td {
  background: #195079;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 600;
}
#wrapper #main #content #mainColumn #advancedTrigger {
  font-size: 0.75em;
  margin-top: 20px;
}
#wrapper #main #content #mainColumn .shopList {
  list-style: none;
}
#wrapper #main #content #mainColumn .shopList li {
  border-bottom: 1px dashed #d7d7d9;
  padding-bottom: 3%;
  margin-top: 3%;
}
#wrapper #main #content #mainColumn .shopList li header {
  position: relative;
}
#wrapper #main #content #mainColumn .shopList li header h1 {
  font-size: 1.125em;
  line-height: 1.5em;
  margin: 0;
}
#wrapper #main #content #mainColumn .shopList li header span {
  float: left;
  position: relative;
  top: 0;
  margin-left: -38px;
  display: block;
  line-height: 24px;
  width: 24px;
  text-align: center;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  font-size: 1.25em;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-weight: bold;
  color: #fff;
}
#wrapper #main #content #mainColumn .shopList li .address {
  color: #195079;
}
#wrapper #main #content #mainColumn .shopList li .button {
  margin: 1% 0;
  font-size: 1em;
  padding-left: 10px;
  padding-right: 10px;
}
#wrapper #main #content #mainColumn .steps {
  list-style: none;
}
#wrapper #main #content #mainColumn .steps li header {
  position: relative;
}
#wrapper #main #content #mainColumn .steps li header h1 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0;
}
#wrapper #main #content #mainColumn .steps li header span {
  float: left;
  position: relative;
  top: 5px;
  margin-left: -38px;
  display: block;
  line-height: 1.25em;
  width: 1.25em;
  text-align: center;
  background-color: #EC579E;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  font-size: 1.25em;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-weight: bold;
  color: #fff;
}
#wrapper #main #content #mainColumn .newsItem {
  border-bottom: 1px dashed #e4e4e6;
  padding-bottom: 3%;
  margin-top: 3%;
}
#wrapper #main #content #mainColumn .newsItem > a {
  width: 30%;
}
#wrapper #main #content #mainColumn .newsItem section {
  width: 68%;
}
#wrapper #main #content #mainColumn .newsItem section h1 {
  font-size: 1.125em;
  margin: 0 0 1% 0;
}
#wrapper #main #content #mainColumn .newsItem section .date {
  color: #154264;
}
#wrapper #main #content #mainColumn .results {
  background: #fff;
  margin-bottom: 5%;
}
#wrapper #main #content #mainColumn .results h1 {
  background: #87B529;
  color: #fff;
  margin: 0;
  padding: 10px 30px;
  font-size: 1.25em;
}
#wrapper #main #content #mainColumn .results article {
  background: #fff;
  padding: 0 5%;
  width: 90%;
}
#wrapper #main #content #mainColumn .results article h2 {
  font-size: 1.25em;
  margin: 10px 0 10px 0;
}
#wrapper #main #content #mainColumn .results article .backArrow {
  width: 70%;
  background: url("/images/back-arrow.gif") no-repeat scroll right 40px transparent;
  padding-bottom: 35px;
}
#wrapper #main #content #mainColumn .results article .price {
  padding: 60px 10px 10px 10px;
  color: #ED589E;
}
#wrapper #main #content #mainColumn .results article .price p {
  line-height: 1em;
}
#wrapper #main #content #mainColumn .results article .price strong {
  font-size: 1.25em;
  line-height: 1.15em;
  color: #0D3050;
}
#wrapper #main #proposition {
  text-align: center;
}
#wrapper #main #proposition p {
  background: #87B529;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 1%;
  color: #fff;
}
#wrapper #main #proposition p.warning {
  background: #ff8c00;
}
#wrapper #main #employers .flashBannerAd {
  text-align: center;
  margin-top: 30px;
}
#wrapper #main #employers article p {
  min-height: 90px;
}
#wrapper #main #communityList article {
  float: left;
  width: 23%;
  margin-right: 2%;
}
#wrapper #main #communityList article h1 {
  font-size: 1.25em;
  color: #EC579E;
  margin: 0;
}
#wrapper #main #communityList article h1:after {
  content: ':';
}
#wrapper #main #communityList article a {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.25em;
}
#wrapper #main .home-banner {
  background-image: url("../img/overview-header.jpg");
  background-size: cover;
  background-color: #195079;
  color: white;
  position: relative;
  text-align: center;
}
#wrapper #main .home-banner__background-wrapper {
  background-image: url("/images/home-banner-right-corner-ribbon.png");
  background-repeat: no-repeat;
  background-position: top right;
  padding: 50px 0;
}
.no-csstransforms3d #wrapper #main .home-banner__background-wrapper {
  background-image: none;
}
@media (max-width: 650px) {
  #wrapper #main .home-banner__background-wrapper {
    background-image: none;
  }
}
#wrapper #main .home-banner__ribbon {
  position: absolute;
  right: 10px;
  top: 100px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.no-csstransforms3d #wrapper #main .home-banner__ribbon {
  display: none;
}
@media (max-width: 650px) {
  #wrapper #main .home-banner__ribbon {
    display: none;
  }
}
#wrapper #main .home-banner__ribbon a {
  color: #ffffff;
}
#wrapper #main .home-banner__large-title {
  color: #fff;
  font-size: 90px;
  font-weight: bold;
  line-height: 90px;
  margin-bottom: 20px;
  text-shadow: 1px 3px 6px #000;
}
@media (max-width: 650px) {
  #wrapper #main .home-banner__large-title {
    font-size: 45px;
  }
}
#wrapper #main .home-banner__sub-text-1 {
  color: #ffffff;
  font-size: 2em;
  margin-top: 0;
}
#wrapper #main .home-banner__employer-code-input {
  width: 60%;
}
#wrapper #main .home-banner__employer-box-info a {
  color: #ffffff;
}
#wrapper #main .home-blocks {
  text-align: center;
}
#wrapper #main .home-blocks__sub-text-2 {
  font-size: 1.5em;
}
#wrapper #main .home-blocks__block {
  float: left;
  margin-left: 3%;
  width: 30%;
}
@media (max-width: 650px) {
  #wrapper #main .home-blocks__block {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
}
#wrapper #main .home-blocks__block-icon-and-text {
  float: left;
  min-height: 190px;
}
@media (max-width: 650px) {
  #wrapper #main .home-blocks__block-icon-and-text {
    min-height: 0;
  }
}
#wrapper #main .home-blocks__block-text {
  float: left;
  margin: 20px 0;
}
#wrapper #main .home-blocks__block-icon {
  font-size: 80px;
}
#wrapper #main #sliderWrap {
  margin: 10px 0;
}
#wrapper #main .ui-slider {
  margin: auto;
  display: block;
  position: relative;
  text-align: left;
  width: 85%;
  height: 25px;
  border: 2px solid #cacfd4;
  background: #eceff2;
  cursor: pointer;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  behavior: url(/style/PIE.htc);
}
#wrapper #main .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  cursor: pointer;
  background: #ED589E;
  margin: -6px 0 0 -18px;
  background-position: center center;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
  behavior: url(/style/PIE.htc);
}
#wrapper #main .ui-slider .ui-slider-handle:focus {
  outline: none;
}
#wrapper #main .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #00648a;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  behavior: url(/style/PIE.htc);
}
#wrapper #main .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
#wrapper #main .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
#wrapper #main .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
#wrapper #main .sliderValues {
  clear: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper #main .sliderValues li {
  float: left;
  width: 12%;
  margin: 0 10% 0 0;
  padding: 0;
  text-align: center;
  color: #195079;
  font-size: 0.875em;
}
#wrapper #main .sliderValues li.last {
  margin: 0;
}
#wrapper #main #sliderValue {
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
  color: #195079;
  font-size: 0.9375em;
}
#wrapper #main #switcherTab2 {
  padding-bottom: 40px;
}
#wrapper #main #bestForMe {
  padding-top: 40px;
}
#wrapper #main #bestForMe h2 {
  margin-bottom: 30px;
}
#wrapper #main #bestForMe .img-holder {
  margin-bottom: 20px;
}
#wrapper #main #bestForMe ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper #main #bestForMe ul li {
  float: left;
  width: 30%;
  margin-right: 1%;
}

@media only screen and (max-width: 950px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
    /* ===================================================
        Store locator map
    =================================================== */
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 30%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 30%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay h1 {
    font-size: 1.375em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay h2 {
    font-size: 0.875em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 30%;
  }
  #wrapper #main .mapCanvas {
    margin: 0 auto 0 auto;
  }
}
@media only screen and (max-width: 880px) {
  #wrapper #main .social.large {
    display: none;
  }
  #wrapper #main .social.small {
    display: block;
  }
}
@media only screen and (max-width: 850px) {
  #wrapper {
    /* ===================================================
        Page footer styles
    =================================================== */
    /* ===================================================
        Page header styles
    =================================================== */
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper footer.page-footer nav {
    width: 35%;
  }
  #wrapper > header #skyline aside #welcome .employer {
    display: block;
    line-height: 0;
    margin-bottom: 20px;
  }
  #wrapper > header #skyline aside #welcome .employer .pipe {
    display: none;
  }
  #wrapper > header #mainNav #logo {
    background-size: contain;
    width: 150px;
  }
  #wrapper > header #mainNav ul li a {
    font-size: 0.875em;
    padding: 0 5px;
  }
  #wrapper > header #mainNav ul li:first-child a {
    padding: 0 5px 0 10px;
  }
  #wrapper > header #mainNav ul li:last-child a {
    padding: 0 10px 0 5px;
  }
  #wrapper > header #subNav {
    background: #F1F1F2;
    text-align: center;
    line-height: 0.6875em;
  }
  #wrapper > header #subNav ul {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    list-style: none;
    background: #F1F1F2;
    border-top: 1px solid #F1F1F2;
    border-bottom: 1px solid #F1F1F2;
  }
  #wrapper > header #subNav ul li {
    padding: 0 5px;
    margin: 0;
    float: left;
    display: block;
    line-height: 3.75em;
    border-right: 1px solid #e4e4e6;
    border-left: 1px solid #fff;
  }
  #wrapper > header #subNav ul li:hover {
    background-color: #e4e4e6;
  }
  #wrapper > header #subNav ul li:hover a {
    text-decoration: none;
  }
  #wrapper > header #subNav ul li a {
    font-size: 0.6875em;
    display: block;
    line-height: 3.75em;
  }
  #wrapper > header #subNav ul li.selected {
    background-color: #e4e4e6;
  }
  #wrapper > header #subNav ul li.selected a {
    text-decoration: none;
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #proposition h1 {
    font-size: 1.5em;
  }
  #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul {
    padding-bottom: 5px;
  }
  #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul li a {
    font-size: 0.8125em;
    padding: 0 1px;
  }
  #wrapper #main #carouselContainer #carouselControlWrap #slideMarker {
    top: 0;
    height: 60px;
    background: url("/images/carouselPointer.png") center bottom;
    z-index: 2;
  }
  #wrapper #main #content #sidebar {
    display: block;
    width: 32.5%;
    margin-left: 2.5%;
  }
  #wrapper #main #content #sidebar article {
    padding: 8%;
  }
  #wrapper #main #content #mainColumn {
    width: 65%;
    display: block;
  }
  #wrapper #main #content #mainColumn.mpu {
    width: 48%;
  }
}
@media only screen and (max-width: 800px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #sarahStoreyHero h1 {
    font-size: 1.875em;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 38%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 38%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 38%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay a {
    font-size: 1em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay span {
    font-size: 0.875em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputCombo {
    width: 50%;
    min-width: 250px;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay form input[type="text"] {
    height: 32px;
    font-size: 1em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay form input[type="submit"] {
    font-size: 1em;
  }
}
@media only screen and (max-width: 700px) {
  #wrapper #main #sarahsTips section {
    min-height: 170px;
  }
  #wrapper #main #sarahInvolved article h1 {
    font-size: 1.3125em;
  }
}
@media (max-width: 650px) {
  #wrapper .wrap {
    *zoom: 1;
    max-width: 39em;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper .wrap:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 650px) {
  .home #wrapper .twoColumn {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #d7d7d9;
    padding: 3% 0;
  }

  #wrapper {
    /* ===================================================
        Page footer styles
    =================================================== */
    /* ===================================================
        Page header styles
    =================================================== */
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper .wrap {
    width: 94%;
    margin: 0 3%;
    max-width: none;
  }
  #wrapper footer.page-footer nav {
    border-bottom: 1px solid white;
    float: left;
    padding: 12px 0;
    width: 100%;
    text-align: center;
  }
  #wrapper footer.page-footer nav h1 {
    margin: 0 0 10px 0;
  }
  #wrapper footer.page-footer nav ul li {
    margin: 0;
  }
  #wrapper footer.page-footer nav ul li a {
    font-size: 0.75em;
  }
  #wrapper footer.page-footer nav ul li a.icon {
    min-height: 22px;
    padding-left: 0;
    padding-top: 40px;
    background-position: top center;
    text-align: center;
  }
  #wrapper footer.page-footer aside {
    font-size: 0.6875em;
  }
  #wrapper footer.page-footer aside span {
    display: block;
    margin: 10px 0;
  }
  #wrapper footer.page-footer aside span.floatLeft, #wrapper footer.page-footer aside span.floatRight {
    float: none;
    clear: both;
  }
  #wrapper > header #skyline aside #grassRootsLogo.loggedIn {
    width: 19px;
    height: 19px;
    margin: 13px 0 0 0;
  }
  #wrapper > header #skyline aside #grassRootsLogo.loggedIn img {
    display: none;
    visibility: hidden;
  }
  #wrapper > header #skyline aside #welcome .loggedIn .pipe, #wrapper > header #skyline aside #welcome .loggedIn .myCycleSchemeLink {
    display: none;
  }
  #wrapper > header #mainNav {
    margin-bottom: 0;
  }
  #wrapper > header #mainNav #mobileNavToggle {
    position: relative;
    display: block;
    width: auto;
    min-width: 40px;
    height: 40px;
    float: right;
    margin: 4% 0;
    border-radius: 5px;
    background: #195079;
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    font-size: 14px;
  }
  #wrapper > header #mainNav #mobileNavToggle .text {
    margin-right: 45px;
    padding-left: 8px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #wrapper > header #mainNav #mobileNavToggle .blockWrap {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
  #wrapper > header #mainNav #mobileNavToggle .blockWrap .block {
    background: #fff;
    width: 100%;
    height: 4px;
    position: absolute;
  }
  #wrapper > header #mainNav #mobileNavToggle .blockWrap .block.top {
    top: 0;
  }
  #wrapper > header #mainNav #mobileNavToggle .blockWrap .block.middle {
    top: 10px;
  }
  #wrapper > header #mainNav #mobileNavToggle .blockWrap .block.bottom {
    top: 20px;
  }
  #wrapper > header #mainNav #logo {
    float: none;
    margin: 4% 0 0 0;
  }
  #wrapper > header #mainNav ul {
    display: none;
    float: none;
    margin: 0 0 2% 0;
    height: auto;
  }
  #wrapper > header #mainNav ul li {
    display: list-item;
    background: #195079;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  #wrapper > header #mainNav ul li a {
    float: none;
    display: block;
    padding: 0 5px;
    font-size: 1em;
    color: #fff;
    background: none;
    border: none;
  }
  #wrapper > header #mainNav ul li a:hover {
    border: none;
    background: none;
  }
  #wrapper > header #mainNav ul li a:before {
    font-size: 0.75em;
  }
  #wrapper > header #mainNav ul li:first-child a {
    padding: 0 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  #wrapper > header #mainNav ul li:last-child a {
    padding: 0 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  #wrapper > header #mainNav ul li.selected a {
    background-color: #1d5e8e;
    text-decoration: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  #wrapper > header #mainNav ul li.selected a:after {
    border: none;
  }
  #wrapper > header #mainNav ul #mobileSignIn {
    display: list-item;
  }
  #wrapper > header #subNav {
    background: #fff;
    line-height: 0.6875em;
    border-bottom: 1px solid #e4e4e6;
    padding-bottom: 5%;
  }
  #wrapper > header #subNav ul {
    margin: 0;
    padding: 0;
    position: relative;
    display: list-item;
    list-style: none;
    border: none;
    background: #fff;
  }
  #wrapper > header #subNav ul li {
    padding: 0 1%;
    margin: 1% 1% 0 0;
    float: left;
    width: 46%;
    display: block;
    background: #F1F1F2;
    line-height: 2.875em;
    border: none;
    border-radius: 5px;
  }
  #wrapper > header #subNav ul li:hover {
    background-color: #e4e4e6;
  }
  #wrapper > header #subNav ul li a {
    font-size: 0.75em;
    display: block;
    line-height: 2.875em;
    color: #195079;
  }
  #wrapper > header #subNav ul li.selected {
    background-color: #e4e4e6;
  }
  #wrapper #main {
    /* ===================================================
        Store locator map
    =================================================== */
    /* ===================================================
        Store locator details
    =================================================== */
    /* ===================================================
        Store locator steps
    =================================================== */
    /* ===================================================
        Sarah Storey
    =================================================== */
    /* ===================================================
        Home page
    =================================================== */
    /* ===================================================
        Content pages
    =================================================== */
  }
  #wrapper #main h1 {
    font-size: 1.625em;
    margin: 1% 0 2% 0;
  }
  #wrapper #main h1 .large {
    font-size: 1.25em;
  }
  #wrapper #main .mapCanvas {
    width: 94%;
    margin: 10px 3%;
    height: 450px;
  }
  #wrapper #main .store {
    width: 100%;
    float: left;
    margin-right: 2.5641%;
    display: inline;
  }
  #wrapper #main .store .distance {
    width: 23.07692%;
    float: left;
    margin-right: 2.5641%;
    display: inline;
  }
  #wrapper #main .store .overview {
    width: 74.35897%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
  #wrapper #main .store .overview .details {
    width: 100%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
  #wrapper #main .store .overview .callToActions {
    width: 100%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
  }
  #wrapper #main .stepGuide .step {
    width: 100%;
    float: left;
    margin-right: 2.5641%;
    display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 20px 10px 80px;
  }
  #wrapper #main #sarahStoreyHero .twoColumn {
    border-bottom: none;
    padding-bottom: 0;
  }
  #wrapper #main #sarahStoreyHero .twoColumn:nth-of-type(2) {
    padding-top: 0;
  }
  #wrapper #main #sarahStoreyHero figure {
    max-width: 70%;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  #wrapper #main #sarahStoreyHero figure figcaption {
    bottom: 0;
  }
  #wrapper #main #sarahsTips .twoColumn:last-of-type {
    border-bottom: none;
  }
  #wrapper #main #sarahsTips section {
    margin-bottom: 0;
    min-height: 100px;
  }
  #wrapper #main #sarahsTips section h1, #wrapper #main #sarahsTips section p {
    margin-left: 70px;
  }
  #wrapper #main #sarahsTips section.three, #wrapper #main #sarahsTips section.four {
    margin-bottom: 0;
  }
  #wrapper #main #callToActions .twoColumn:last-of-type {
    border-bottom: none;
  }
  #wrapper #main #callToActions section {
    margin-bottom: 0;
    min-height: 100px;
  }
  #wrapper #main #callToActions section.invite, #wrapper #main #callToActions section.community {
    margin-bottom: 0;
  }
  #wrapper #main #sarahInvolved .twoColumn:last-of-type {
    border-bottom: none;
  }
  #wrapper #main #proposition h1 {
    margin-top: 0;
    font-size: 1.25em;
  }
  #wrapper #main #carouselContainer .sarahStorey {
    right: 0;
    bottom: 80px;
    height: 50%;
  }
  #wrapper #main #carouselContainer .challengeYourself {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    box-shadow: none;
    border: none;
    border-top: 10px solid #fff;
    background: #a1c039 url("/img/sarah_arrow.png") no-repeat 98% 20%;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 40%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 40%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 40%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay span {
    font-size: 0.75em;
  }
  #wrapper #main #communityList article {
    min-width: 48%;
  }
  #wrapper #main #content {
    padding-bottom: 1%;
  }
  #wrapper #main #content.myCycleScheme > header > div {
    position: relative;
  }
  #wrapper #main #content.myCycleScheme > header > div h1 {
    margin-bottom: 0;
    float: none;
  }
  #wrapper #main #content.myCycleScheme > header > div .social {
    position: relative;
    display: block;
  }
  #wrapper #main #content #sidebar {
    width: 37.5%;
  }
  #wrapper #main #content #sidebar.mpu {
    background: none;
    border: none;
    display: block;
    float: none;
  }
  #wrapper #main #content #sidebar article {
    background: #195079;
    padding: 5%;
    margin: 0 1% 3% 0;
    color: #fff;
    float: left;
    width: 90%;
  }
  #wrapper #main #content #sidebar article p {
    font-size: 0.75em;
    line-height: 1.75em;
  }
  #wrapper #main #content #sidebar article h1 {
    font-size: 1.125em;
    color: #fff;
    margin-top: 0;
    margin-bottom: 5%;
    line-height: 1.25em;
  }
  #wrapper #main #content #sidebar article .button,
  #wrapper #main #content #sidebar article button,
  #wrapper #main #content #sidebar article input[type="button"],
  #wrapper #main #content #sidebar article input[type="submit"] {
    display: block;
    text-align: center;
    margin: 0;
  }
  #wrapper #main #content #sidebar article a {
    color: #fff;
    text-decoration: underline;
  }
  #wrapper #main #content #sidebar article a.button {
    text-decoration: none;
  }
  #wrapper #main #content #sidebar article .highlight {
    text-align: right;
    font-size: 1.25em;
    font-weight: bold;
  }
  #wrapper #main #content #mainColumn {
    width: 60%;
  }
  #wrapper #main #content #mainColumn.mpu {
    width: 100%;
    display: block;
    float: none;
  }
  #wrapper #main #content #mainColumn .twoColumn {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #d7d7d9;
    padding: 3% 0;
  }
  #wrapper #main #content #mainColumn .group {
    padding-bottom: 0;
  }
  #wrapper #main #content #mainColumn header h1 {
    font-size: 1.5em;
  }
  #wrapper #main #content #mainColumn header .subtitle {
    font-size: 1em;
  }
  #wrapper #main #content #mainColumn form > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #wrapper #main #content #mainColumn form.centerAligned li {
    margin: 2% 0;
    padding-bottom: 4%;
    border-bottom: 1px dashed #d7d7d9;
  }
  #wrapper #main #content #mainColumn form.centerAligned li label {
    width: 100%;
    display: block;
    text-align: left;
    margin: 1% 0;
  }
  #wrapper #main #content #mainColumn form.centerAligned li input, #wrapper #main #content #mainColumn form.centerAligned li select {
    display: block;
    width: 96%;
    text-align: left;
  }
  #wrapper #main #content #mainColumn form.centerAligned li input {
    border: 1px solid #d7d7d9;
    font-size: 0.875em;
    line-height: 0.875em;
    color: #195079;
  }
  #wrapper #main #content #mainColumn form.centerAligned li.doubleColumn input {
    width: 96%;
  }
  #wrapper #main #content #mainColumn form.centerAligned li.doubleColumn select {
    width: 96%;
    margin: 2% 0 0 0;
    float: none;
  }
}
@media only screen and (max-width: 650px) and (max-width: 600px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 50%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 50%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 50%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay h1 {
    font-size: 1.25em;
    margin-right: 0;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay h2 {
    margin: 3% 140px 6% 0;
  }
}
@media only screen and (max-width: 650px) and (max-width: 530px) {
  #wrapper .wrap {
    *zoom: 1;
    max-width: 39em;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper .wrap:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 650px) and (max-width: 530px) {
  #wrapper {
    /* ===================================================
        Page header styles
    =================================================== */
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper > header #mainNav {
    margin-bottom: 0;
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #proposition {
    padding-top: 0;
  }
  #wrapper #main #proposition h1 {
    margin-top: 0;
    font-size: 1.375em;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 65%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 65%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 65%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay a.button {
    font-size: 1em;
    float: none;
    display: block;
    width: 40%;
    margin: 0 0 2% 0;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay span {
    margin-right: 40%;
    display: block;
  }
  #wrapper #main p .inset.floatLeft {
    margin-right: 10px;
  }
  #wrapper #main p .inset.floatRight {
    margin-left: 10px;
  }
  #wrapper #main p .inset img {
    width: 140px;
  }
  #wrapper #main #content.myCycleScheme #status {
    margin-bottom: 5%;
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    border-style: solid;
  }
  #wrapper #main #content.myCycleScheme #status .twoColumn {
    display: block;
    width: 100%;
  }
  #wrapper #main #content.myCycleScheme #status .twoColumn.floatLeft, #wrapper #main #content.myCycleScheme #status .twoColumn.floatRight {
    float: none;
  }
  #wrapper #main #content.myCycleScheme #status .statusColumn ol li {
    border-left: none;
    border-right: none;
  }
  #wrapper #main #content.myCycleScheme #status .statusColumn ol li:first-child {
    border-top: 1px solid #ddd;
  }
  #wrapper #main #content #sidebar {
    display: block;
    width: 100%;
    float: none;
    margin-left: 0;
  }
  #wrapper #main #content #sidebar #employerTestimonial {
    display: none;
  }
  #wrapper #main #content #sidebar #employerMobileLoginRegister {
    display: block;
  }
  #wrapper #main #content #sidebar #employerMobileLoginRegister a {
    width: 36%;
  }
  #wrapper #main #content #sidebar #employerLogin {
    display: none;
  }
  #wrapper #main #content #sidebar #employerRegister {
    display: none;
  }
  #wrapper #main #content #sidebar #savingEstimate > div {
    width: 44%;
    float: left;
  }
  #wrapper #main #content #sidebar #savingEstimate > div .twoColumn.floatRight {
    width: 30%;
  }
  #wrapper #main #content #sidebar #savingEstimate > div .twoColumn.floatLeft {
    width: 70%;
  }
  #wrapper #main #content #sidebar #savingEstimate > div:nth-of-type(1) {
    padding-right: 4%;
    border-right: 1px dashed #fff;
    margin-right: 0%;
  }
  #wrapper #main #content #sidebar #savingEstimate > div:nth-of-type(2) {
    padding-left: 4%;
  }
  #wrapper #main #content #sidebar #savingEstimate strong {
    line-height: 2.8125em;
  }
  #wrapper #main #content #mainColumn {
    width: 100%;
    float: none;
  }
  #wrapper #main #content #mainColumn #bestForMe {
    display: none;
  }
}
@media only screen and (max-width: 650px) and (max-width: 460px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 80%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 80%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 80%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay a.button {
    font-size: 0.875em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputCombo {
    width: 50%;
    min-width: 100px;
  }
}
@media only screen and (max-width: 650px) and (max-width: 400px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
    /* ===================================================
        Store locator map
    =================================================== */
  }
  #wrapper #main #proposition h1 {
    margin-top: 0;
  }
  #wrapper #main #carouselContainer .sarahStorey {
    height: 40%;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 100%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 100%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 100%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay h2 {
    margin-right: 0;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay a.button {
    width: 50%;
    padding: 10px 2px;
    font-size: 0.875em;
  }
  #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputCombo {
    width: 100%;
  }
  #wrapper #main .mapCanvas {
    height: 400px;
  }
}
@media only screen and (max-width: 650px) and (max-width: 360px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #sarahStoreyHero h1 {
    font-size: 1.875em;
  }
  #wrapper #main #carouselContainer .sarahStorey {
    height: 40%;
    right: -10px;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 107%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 107%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 107%;
  }
  #wrapper #main #content #sidebar #employerMobileLoginRegister {
    display: block;
  }
  #wrapper #main #content #sidebar #employerMobileLoginRegister a {
    width: 30%;
  }
}
@media only screen and (max-width: 650px) and (max-width: 340px) {
  #wrapper {
    /* ===================================================
        Main
    =================================================== */
  }
  #wrapper #main {
    /* ===================================================
        Home page
    =================================================== */
  }
  #wrapper #main #proposition h1 {
    margin-top: 0;
    font-size: 1em;
  }
  #wrapper #main #carouselContainer {
    padding: 0;
  }
  #wrapper #main #carouselContainer #carouselMask {
    padding-bottom: 115%;
  }
  #wrapper #main #carouselContainer #carousel li .banner {
    padding-bottom: 115%;
  }
  #wrapper #main #carouselContainer #carousel li .banner .panelLink {
    padding-bottom: 115%;
  }
}
p.announcement {
  background: darkred;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
}

/* ===================================================
    My Cyclescheme
   =================================================== */
#wrapper #main .wrap #content.myCycleScheme #hireAgreement {
  height: 500px;
  overflow-y: scroll;
  border: 1px solid black;
  background: white;
  padding: 20px;
}
#wrapper #main .wrap #content.myCycleScheme .zend_form label:after {
  content: '';
}
#wrapper #main .wrap #content.myCycleScheme .zend_form dt {
  margin-right: 7px;
  float: left;
}
#wrapper #main .wrap #content.myCycleScheme .zend_form #formName-label, #wrapper #main .wrap #content.myCycleScheme .zend_form #formName-element {
  display: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #wrapper header #skyline aside #grassRootsLogo {
    background-image: url("/img/grg_logo_2x.png");
    background-size: 148px auto;
  }
  #wrapper header #mainNav #logo {
    background-image: url("/img/logo_cyclescheme_2x.png");
    background-size: 150px auto;
  }
  #wrapper footer .social li a.icon.facebook {
    background-image: url("/img/cs_sprites_2x.png");
    background-size: 100px auto;
  }
  #wrapper footer .social li a.icon.twitter {
    background-image: url("/img/cs_sprites_2x.png");
    background-size: 100px auto;
  }
  #wrapper footer aside #loftLogo {
    background-image: url("/img/loft_logo_2x.png");
    background-size: 33px 19px;
  }
  #wrapper #main #callToActions section .icon {
    background-image: url("/img/icon_sprite_2x.png");
    background-size: auto 90px;
  }
}
/* ===================================================
	Internet Explorer 8 and lower
=================================================== */
.lt-ie9 {
  /* ===================================================
  	Internet Explorer 7 and lower
  =================================================== */
}
.lt-ie9 #wrapper {
  overflow: auto;
  width: auto;
  min-width: 950px;
  /* ===================================================
  	Main
  =================================================== */
}
.lt-ie9 #wrapper .wrap {
  width: 950px;
  margin: 0 auto;
}
.lt-ie9 #wrapper header #logo {
  -pie-background: url("/images/logo-cyclescheme.png") no-repeat 0 0;
  behavior: url("/css/PIE.htc");
}
.lt-ie9 #wrapper header #mainNav ul li.first a {
  border-radius: 30px 0 0 30px;
  behavior: url("/css/PIE.htc");
}
.lt-ie9 #wrapper header #mainNav ul li.last a {
  border-radius: 0 30px 30px 0;
  behavior: url("/css/PIE.htc");
}
.lt-ie9 #wrapper #main {
  /* ===================================================
  	Store locator steps
  =================================================== */
}
.lt-ie9 #wrapper #main .stepGuide .step.last {
  margin-right: 0;
}
.lt-ie9.lt-ie8 {
  /* ===================================================
  	Internet Explorer 6
  =================================================== */
}
.lt-ie9.lt-ie8 #wrapper {
  /* ===================================================
  	Header
  =================================================== */
  /* ===================================================
  	Footer
  =================================================== */
  /* ===================================================
  	Main
  =================================================== */
}
.lt-ie9.lt-ie8 #wrapper header #skyline aside #grassRootsLogo {
  margin: 12px 0 8px 0;
}
.lt-ie9.lt-ie8 #wrapper footer .social li {
  margin: 0 0 2% 0;
}
.lt-ie9.lt-ie8 #wrapper #main {
  /* ===================================================
  	Store locator search input
  =================================================== */
  /* ===================================================
  	Store locator steps
  =================================================== */
}
.lt-ie9.lt-ie8 #wrapper #main #storeLocatorSearch .storeLocator #switchMapList {
  width: auto;
}
.lt-ie9.lt-ie8 #wrapper #main .stepGuide {
  padding-bottom: 20px;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.lt-ie9.lt-ie8 #wrapper #main .stepGuide .step {
  width: 260px;
  display: block;
}
.lt-ie9.lt-ie8 #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul li {
  width: 232px;
}
.lt-ie9.lt-ie8 #wrapper #main .inputCombo input[type="submit"],
.lt-ie9.lt-ie8 #wrapper #main .inputCombo input[type="button"] {
  width: 30%;
  top: -1px;
  margin: -1px;
}
.lt-ie9.lt-ie8 #wrapper #main #communityList article {
  width: 218px;
}
.lt-ie9.lt-ie8 #wrapper #main #content #sidebar article .button,
.lt-ie9.lt-ie8 #wrapper #main #content #sidebar article button,
.lt-ie9.lt-ie8 #wrapper #main #content #sidebar article input[type="button"],
.lt-ie9.lt-ie8 #wrapper #main #content #sidebar article input[type="submit"] {
  width: 150px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper {
  text-align: center;
  /* ===================================================
  	Header
  =================================================== */
  /* ===================================================
  	Page footer styles
  =================================================== */
  /* ===================================================
  	Main
  =================================================== */
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper .wrap {
  text-align: left;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper .inputText {
  margin: 0;
  padding: 0 5px;
  line-height: 36px;
  height: 36px;
  border: 1px solid #195079;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper header #skyline aside #grassRootsLogo {
  -pie-background: url("/img/grg_logo.png") no-repeat 0 0;
  behavior: url("/css/PIE.htc");
  height: 25px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper header #mainNav {
  margin-bottom: 20px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper header #mainNav #logo {
  margin-top: 30px;
  -pie-background: url("/images/logo-cyclescheme.png") no-repeat 0 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper header #mainNav #logo a img {
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper header #mainNav ul {
  margin: 50px 0 0 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer nav h1 {
  margin: 0 0 10px 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer nav ul li {
  margin: 5px 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer .social li {
  margin: 0 0 5px 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer .social li a.icon.facebook {
  -pie-background: url("/img/cs_sprites.png") no-repeat 0px -49px;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer .social li a.icon.twitter {
  -pie-background: url("/img/cs_sprites.png") no-repeat 0px -124px;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper footer aside #loftLogo {
  -pie-background: url("/images/footer.png") no-repeat;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main {
  /* ===================================================
  	Store locator search input
  =================================================== */
  /* ===================================================
  	Store locator details
  =================================================== */
  	/* ===================================================
  	Store locator steps
  =================================================== */
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #proposition .wrap {
  text-align: center;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main button,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .button,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputSubmit {
  background-color: #EC579E;
  padding: 5px 20px 8px 20px;
  font-size: 1.25em;
  font-weight: normal;
  margin: 1% 0;
  color: #fff;
  display: inline-block;
  font-family: Rockwell,Arial,Helvetica,sans-serif;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main button:hover,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .button:hover,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputSubmit:hover {
  text-decoration: none;
  background: #e94091;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main button.green,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .button.green,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputSubmit.green {
  background-color: #87B529;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main button.green:hover,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .button.green:hover,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputSubmit.green:hover {
  text-decoration: none;
  background: #77a024;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputCombo .inputText {
  border: 1px solid red;
  border: none;
  width: 70%;
  padding-right: 30%;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .inputCombo .inputSubmit {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  border-left: 1px solid #195079;
  width: 30%;
  top: -1px;
  margin: -1px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #storeLocatorSearch {
  padding: 10px 0;
  background-color: #fafafa;
  border-bottom: 1px solid #e4e4e6;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #storeLocatorSearch .storeLocator {
  position: relative;
  padding: 10px;
  color: #195079;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #storeLocatorSearch .storeLocator .inputText {
  float: left;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #storeLocatorSearch .storeLocator .inputSubmit,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #storeLocatorSearch .storeLocator #switchMapList {
  float: left;
  appearance: none;
  background: #EC579E;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 1.25em;
  padding: 5px 10px 8px;
  width: auto;
  margin: 0 5px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .store {
  position: relative;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .store .distance,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .store .overview {
  position: relative;
  padding: 20px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .store .distance {
  width: 80px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .store .distance img {
  display: block;
  margin: 0 auto 10px auto;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .stepGuide {
  padding-bottom: 20px;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main .stepGuide .step {
  width: 220px;
  display: block;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content form dl dt .inputText, .lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content form dl dd .inputText {
  border: 1px solid #d7d7d9;
  font-size: 0.875em;
  line-height: 30px;
  color: #195079;
  width: 50%;
  min-width: 280px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn {
  width: 650px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn.mpu {
  width: 50%;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn form.centerAligned li input {
  font-size: 14px;
  line-height: 35px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .storeLocator {
  padding: 2%;
  margin: 0 0 3% 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .storeLocator label {
  line-height: 2.25em;
  margin-right: 1%;
  color: #154264;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .storeLocator .inputCombo {
  border: 1px solid #195079;
  width: 400px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .storeLocator .inputCombo .inputText {
  width: 200px;
  height: 33px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .storeLocator .inputCombo .inputSubmit {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  border-left: 1px solid #195079;
  width: 30%;
  top: -1px;
  margin: -1px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .shopList li header h1 {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 24px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .shopList li header span {
  top: 16px;
  margin-left: -20px;
  line-height: 24px;
  width: 24px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .steps li header span {
  top: 24px;
  margin-left: -15px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .newsItem {
  border-bottom: 1px dashed #e4e4e6;
  padding-bottom: 3%;
  margin-top: 3%;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .newsItem a img {
  width: 180px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .newsItem section {
  width: 68%;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .newsItem section h1 {
  font-size: 1.125em;
  margin: 0 0 1% 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #mainColumn .newsItem section .date {
  color: #154264;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar {
  width: 200px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article {
  padding: 20px;
  margin: 0 0 20px 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article h1 {
  margin-top: 20px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article h1, .lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article p {
  width: 190px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article .button,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article button,
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article .inputSubmit {
  width: 190px;
  text-align: center;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #content #sidebar article img {
  width: 190px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #communityList article {
  width: 218px;
  margin-right: 10px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #communityList article a {
  width: 218px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #communityList article a img {
  width: 218px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer {
  margin: 2.5em 0;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer .sarahStorey {
  behavior: url("/css/PIE.htc");
  -pie-png-fix: true;
  bottom: 100px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer .challengeYourself {
  -pie-background: #a1c039 url("/img/sarah_arrow.png") no-repeat 94% 18%;
  behavior: url("/css/PIE.htc");
  right: 0;
  border: none;
  bottom: 30px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li.stores .panelLink {
  -pie-background: #e5e2e3 url("/images/carousel-background-stores.png") no-repeat;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li.calculator .panelLink {
  -pie-background: #e5e2e3 url("/images/carousel-background-calculator.png") no-repeat;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li.cog .panelLink {
  -pie-background: #e5e2e3 url("/images/carousel-background-cog.png") no-repeat;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li.certificate .panelLink {
  -pie-background: #e5e2e3 url("/images/carousel-background-certificate.png") no-repeat;
  behavior: url("/css/PIE.htc");
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner {
  background: #e5e2e3;
  /* Old browsers */
  -pie-background: linear-gradient(to bottom, #e5e2e3, #d7d1d2);
  /*ie 6-9 via PIE*/
  behavior: url(PIE.htc);
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputText {
  height: 36px;
  font-size: 1.375em;
  font-family: Rockwell,Arial,Helvetica,sans-serif;
  position: relative;
  z-index: 20;
  vertical-align: bottom;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputSubmit {
  z-index: 20;
  background-color: #EC579E;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay form .inputSubmit:hover {
  background-color: #e94091;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay .buttonWrap {
  margin: 0 auto;
  text-align: center;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay .buttonWrap a {
  font-size: 20px;
  font-weight: normal;
  font-family: Rockwell,Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  background-color: #EC579E;
  padding: 10px 67px;
  margin: 30px 0;
  max-width: 200px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay .buttonWrap a:hover {
  background-color: #e94091;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay .buttonWrap a.learn {
  padding: 10px 78px;
  margin-right: 4px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel li .banner .overlay .buttonWrap a.invite {
  padding: 10px 39px;
  margin-left: 4px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carousel .inputSubmit {
  cursor: pointer;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul {
  height: 30px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul li {
  height: 30px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carouselControlWrap #carouselControl ul li a {
  height: 30px;
}
.lt-ie9.lt-ie8.lt-ie7 #wrapper #main #carouselContainer #carouselControlWrap #slideMarker {
  -pie-background: url("/images/carouselPointer.png") center top;
  behavior: url("/css/PIE.htc");
}

/* ==========================================================================
   Cyclescheme B2B
   ========================================================================== */
#wrapper #main.ui-v3 .center {
  text-align: center;
}
#wrapper #main.ui-v3 .inline {
  display: inline-block;
  width: 20%;
}
#wrapper #main.ui-v3 .form-element--required {
  color: #c74a4a;
  border-bottom: 0;
}
#wrapper #main.ui-v3 .form-element-status {
  position: absolute;
  z-index: 2;
  top: 28px;
  right: 0;
  min-width: 24px;
  padding: 0 10px;
  height: 44px;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 2.7;
  text-align: center;
  display: none;
}
#wrapper #main.ui-v3 .form-element-status--no-label {
  top: 0;
}
#wrapper #main.ui-v3 .form-element-status--valid {
  background-color: #87b529;
}
#wrapper #main.ui-v3 .form-element-status--invalid {
  background-color: #c74a4a;
}
#wrapper #main.ui-v3 .form-element-status__text {
  margin-left: 5px;
  font-size: 0.8em;
}
#wrapper #main.ui-v3 .reminder {
  background-color: #404040;
  color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  display: block;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  margin-top: 28px;
}
@media screen and (max-width: 600px) {
  #wrapper #main.ui-v3 .reminder {
    margin-top: 0;
  }
}
#wrapper #main.ui-v3 .reminder:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a ";
  margin-right: 10px;
}
#wrapper #main.ui-v3 .message {
  padding: 10px 10px;
  font-size: 0.8em;
  border-radius: 5px;
  list-style: none;
  margin-left: 0;
}
#wrapper #main.ui-v3 .message--error {
  color: #fff;
  background-color: #c74a4a;
}
#wrapper #main.ui-v3 .message--success {
  color: #fff;
  background-color: #87b529;
}
#wrapper #main.ui-v3 .icon--prefix {
  position: absolute;
  top: 13px;
  left: 14px;
}
#wrapper #main.ui-v3 .form-element {
  position: relative;
}
#wrapper #main.ui-v3 .b2b {
  background-color: #fff;
}
#wrapper #main.ui-v3 .b2b__header {
  width: 100%;
  height: 400px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), url("/img/cyclescheme-b2b-banner.jpg");
  background-size: cover;
  background-position: center center;
  padding: 30px 0 20px;
  text-shadow: #3c3c3c 0 0 5px;
  text-align: center;
}
#wrapper #main.ui-v3 .b2b__heading {
  font-size: 48px;
  color: #fff;
  margin-bottom: 65px;
}
@media screen and (max-width: 750px) {
  #wrapper #main.ui-v3 .b2b__heading {
    font-size: 36px;
  }
}
#wrapper #main.ui-v3 .b2b__heading--highlight {
  font-size: 60px;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #wrapper #main.ui-v3 .b2b__heading--highlight {
    font-size: 48px;
  }
}
@media screen and (max-width: 450px) {
  #wrapper #main.ui-v3 .b2b__heading--highlight {
    font-size: 36px;
  }
}
#wrapper #main.ui-v3 .b2b__login {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  margin-left: 16.94915%;
  margin-right: 0%;
}
#wrapper #main.ui-v3 .b2b__login button {
  width: 100%;
}
@media screen and (max-width: 550px) {
  #wrapper #main.ui-v3 .b2b__login {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-left: 8.47458%;
    margin-right: 0%;
  }
  #wrapper #main.ui-v3 .b2b__login p {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 425px) {
  #wrapper #main.ui-v3 .b2b__login {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-left: 0%;
    margin-right: 0%;
  }
}
#wrapper #main.ui-v3 .b2b__register {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  margin-left: 0%;
  margin-right: 16.94915%;
}
#wrapper #main.ui-v3 .b2b__register button {
  width: 100%;
}
@media screen and (max-width: 550px) {
  #wrapper #main.ui-v3 .b2b__register {
    width: 40.67797%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    margin-left: 0%;
    margin-right: 8.47458%;
  }
  #wrapper #main.ui-v3 .b2b__register p {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 425px) {
  #wrapper #main.ui-v3 .b2b__register {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    margin-left: 0%;
    margin-right: 0%;
  }
}
#wrapper #main.ui-v3 .b2b__guide-text {
  color: #fff;
}
#wrapper #main.ui-v3 .b2b__registration-complete-star .fa {
  color: #DAB566;
  font-size: 14em;
  text-align: center;
  width: 100%;
}
#wrapper #main.ui-v3 .b2b__section {
  padding: 3em 0;
}
#wrapper #main.ui-v3 .b2b__section--alternative {
  background-color: #F1F1F2;
  border-width: 1px 0;
  border-color: #e4e4e6;
  border-style: solid;
}
#wrapper #main.ui-v3 .b2b__section--center {
  text-align: center;
}
#wrapper #main.ui-v3 .b2b__section--left {
  text-align: left;
}
#wrapper #main.ui-v3 .b2b__section--right {
  text-align: right;
}
#wrapper #main.ui-v3 .b2b__section--hidden {
  display: none;
}
#wrapper #main.ui-v3 .b2b__section #store_location_map_container {
  height: 400px;
  margin-bottom: 20px;
}
#wrapper #main.ui-v3 .b2b__section #store_location_map_container img {
  max-width: none;
}
#wrapper #main.ui-v3 .b2b__section #contract_content {
  background: #f1f1f2;
  padding: 10px;
}
#wrapper #main.ui-v3 .b2b__section-table {
  display: table;
  width: 100%;
}
#wrapper #main.ui-v3 .b2b__section-heading {
  font-size: 32px;
  color: #333;
  margin-top: 0;
}
#wrapper #main.ui-v3 .b2b__section-subheading {
  font-size: 26px;
  color: #5a5a5a;
  display: block;
  margin-top: 10px;
}
#wrapper #main.ui-v3 .b2b__section-subheading--left {
  float: left;
}
#wrapper #main.ui-v3 .b2b__icons {
  margin: 3em 0;
}
#wrapper #main.ui-v3 .b2b__icon-block {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media screen and (max-width: 450px) {
  #wrapper #main.ui-v3 .b2b__icon-block {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-bottom: 1em;
  }
}
#wrapper #main.ui-v3 .b2b__icon-block--last {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper #main.ui-v3 .b2b__text-block {
  display: table-cell;
  width: 55%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__text-block {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 1.5em;
  }
}
#wrapper #main.ui-v3 .b2b__image-block {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block {
    display: block;
    width: 100%;
    text-align: center;
  }
}
#wrapper #main.ui-v3 .b2b__image-block--left {
  text-align: right;
  padding-right: 5%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block--left {
    padding: 0;
    text-align: center;
  }
}
#wrapper #main.ui-v3 .b2b__image-block--right {
  text-align: left;
  padding-left: 5%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block--right {
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image--desktop {
    display: none;
  }
}
#wrapper #main.ui-v3 .b2b__image--mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image--mobile {
    display: initial;
    max-height: 75%;
    margin-bottom: 2em;
  }
}
#wrapper ul.flex-direction-nav {
  list-style: none;
}
#wrapper li .flex-disabled {
  display: none;
}

#wrapper #main.ui-v3 {
  background-color: white;
}

#wrapper #main.ui-v3 .section {
  position: relative;
  padding: 3em 0;
  transform-style: preserve-3d;
}
#wrapper #main.ui-v3 .section--alternative {
  background-color: #F1F1F2;
  border-width: 1px 0;
  border-color: #e4e4e6;
  border-style: solid;
}
#wrapper #main.ui-v3 .section__heading {
  position: relative;
  font-size: 32px;
  color: #333333;
}
#wrapper #main.ui-v3 .section__heading--full {
  text-align: center;
}
#wrapper #main.ui-v3 .section__sub-heading {
  display: block;
  font-size: 26px;
  color: #5a5a5a;
}
#wrapper #main.ui-v3 .section__intro {
  color: #5a5a5a;
}
#wrapper #main.ui-v3 .section__intro:last-of-type {
  margin-bottom: 3em;
}
#wrapper #main.ui-v3 .section__intro--full {
  text-align: center;
}
#wrapper #main.ui-v3 .section__image--leading {
  display: block;
  margin: 20px auto 40px auto;
}
#wrapper #main.ui-v3 .section__image--far-right {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 50%;
  min-width: 500px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 1190px) {
  #wrapper #main.ui-v3 .section__image--far-right {
    max-width: 54%;
    right: -7.5%;
  }
}
@media (max-width: 900px) {
  #wrapper #main.ui-v3 .section__image--far-right {
    max-width: 50%;
    right: -10%;
  }
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .section__image--far-right {
    position: relative;
    top: auto;
    right: auto;
    display: none;
    max-width: none;
    min-width: 0;
    transform: none;
    margin: 0 auto;
  }
}
#wrapper #main.ui-v3 .section__no-bottom-pad {
  padding-bottom: 0;
}

#wrapper #main.ui-v3 .section-align {
  display: table;
  width: 100%;
  min-height: 700px;
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .section-align {
    min-height: 0;
  }
}
#wrapper #main.ui-v3 .section-align--no-min {
  min-height: 0;
}
#wrapper #main.ui-v3 .section-align__cell {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .section-align__cell {
    text-align: center;
  }
}

#wrapper #main.ui-v3 .overview-header {
  text-align: center;
  padding: 3em 0 0;
  background-color: #10344f;
  background-image: url("/images/carousel-background-calculator.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#wrapper #main.ui-v3 .overview-header__heading {
  font-size: 64px;
  color: white;
}
@media (max-width: 420px) {
  #wrapper #main.ui-v3 .overview-header__heading {
    font-size: 48px;
  }
}
#wrapper #main.ui-v3 .overview-header__sub-heading {
  display: block;
  font-size: 32px;
  color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 420px) {
  #wrapper #main.ui-v3 .overview-header__sub-heading {
    font-size: 24px;
    line-height: 1.2;
    margin-top: 16px;
  }
}

#wrapper #main.ui-v3 .overview-nav {
  text-align: center;
  margin-top: 2em;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 16px;
}
#wrapper #main.ui-v3 .overview-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#wrapper #main.ui-v3 .overview-nav__item {
  display: inline-block;
  font-size: 18px;
  color: white;
  padding-right: 10px;
}
@media (max-width: 650px) {
  #wrapper #main.ui-v3 .overview-nav__item {
    display: none;
  }
}
#wrapper #main.ui-v3 .overview-nav__item:last-of-type:after {
  display: none;
}
#wrapper #main.ui-v3 .overview-nav__item:after {
  margin-left: 10px;
  content: '|';
}
#wrapper #main.ui-v3 .overview-nav__link {
  color: white;
}

#wrapper #main.ui-v3 .number-disk {
  position: relative;
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  top: 5px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  font-size: 22px;
  background-color: #333333;
  border-radius: 50%;
  color: white;
}
@media (max-width: 1190px) {
  #wrapper #main.ui-v3 .number-disk {
    float: none;
  }
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .number-disk {
    font-size: 32px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
#wrapper #main.ui-v3 .number-disk--out-left {
  position: absolute;
  left: -60px;
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .number-disk--out-left {
    position: relative;
    left: auto;
    float: none;
    margin: 0 auto 1em auto;
  }
}
#wrapper #main.ui-v3 .number-disk--full {
  float: none;
  margin: 0 auto 1em auto;
}

#wrapper #main.ui-v3 .mini-calculator {
  background-color: #f9f9f9;
  border-top: 10px solid #8aa6bb;
  border-radius: 5px;
  padding: 3em 1.5em 0.1em 1.5em;
  margin: 0 0 3em;
  box-shadow: 0px 2px 4px 0px #969696;
}
#wrapper #main.ui-v3 .mini-calculator__element-block {
  position: relative;
  margin: 0 0 2em;
}
#wrapper #main.ui-v3 .mini-calculator__label {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #195079;
}
#wrapper #main.ui-v3 .mini-calculator__currency {
  position: absolute;
  bottom: 0;
  height: 44px;
  left: 15px;
  line-height: 43px;
  padding-right: 12px;
  border-right: 1px solid #d7d7d7;
  color: #969696;
  font-size: 20px;
}
#wrapper #main.ui-v3 .mini-calculator__currency:after {
  content: '£';
  color: #58809e;
}
#wrapper #main.ui-v3 .mini-calculator__more-options {
  margin: 0 0 16px;
  text-align: right;
}
#wrapper #main.ui-v3 .mini-calculator__toggle-extras {
  color: #195079;
  cursor: pointer;
  text-decoration: underline;
}
#wrapper #main.ui-v3 .mini-calculator__extras {
  display: none;
}
#wrapper #main.ui-v3 .mini-calculator__extras--active {
  display: block;
}
#wrapper #main.ui-v3 .mini-calculator__hr {
  height: 2px;
  border: none;
  background-color: #333333;
  background-image: linear-gradient(to bottom, #1e1e1e 0%, #1e1e1e 50%, #333333 50%, #333333 100%);
}
#wrapper #main.ui-v3 .mini-calculator__results {
  display: table;
  width: 100%;
  color: #195079;
  margin: 1.5em 0;
  font-size: 18px;
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .mini-calculator__results {
    display: block;
  }
}
#wrapper #main.ui-v3 .mini-calculator__result {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #195079;
  display: table-cell;
  text-align: center;
  padding: 0 5px;
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .mini-calculator__result {
    display: block;
    margin: 10px 0;
  }
}
#wrapper #main.ui-v3 .mini-calculator__highlight {
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 10px 0;
  font-size: 24px;
}
#wrapper #main.ui-v3 .mini-calculator__highlight--total {
  background-color: #e02c76;
  color: white;
}
#wrapper #main.ui-v3 .mini-calculator__highlight--savings {
  background-color: #e02c76;
  color: white;
}
#wrapper #main.ui-v3 .mini-calculator__error {
  text-align: left;
  color: #D7333F;
  font-size: 18px;
}

#wrapper #main.ui-v3 .gfx-where-to-shop {
  position: absolute;
  top: 25%;
  right: 55%;
  overflow: hidden;
  width: 50%;
  max-width: 610px;
  padding-bottom: 2.5%;
}
@media (min-width: 1530px) {
  #wrapper #main.ui-v3 .gfx-where-to-shop {
    right: 65%;
  }
}
@media (max-width: 850px) {
  #wrapper #main.ui-v3 .gfx-where-to-shop {
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 75%;
  }
}
#wrapper #main.ui-v3 .gfx-where-to-shop__macbook {
  position: relative;
}
#wrapper #main.ui-v3 .gfx-where-to-shop__ipad {
  position: absolute;
  bottom: 0;
  right: 18%;
  width: 30%;
  max-width: 210px;
}

#wrapper #main.ui-v3 .info-table {
  display: table;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid white;
}
#wrapper #main.ui-v3 .info-table__div.ng-hide {
  opacity: 0;
}
#wrapper #main.ui-v3 .info-table__div {
  background-color: #404040;
  color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  display: block;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  width: 100%;
  margin-left: 15%;
  top: -130px;
  z-index: 9;
  opacity: 1;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  position: absolute;
}
#wrapper #main.ui-v3 .info-table__div:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a ";
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}
@media (max-width: 1200px) {
  #wrapper #main.ui-v3 .info-table__div {
    margin-left: 10%;
  }
}
@media (max-width: 1100px) {
  #wrapper #main.ui-v3 .info-table__div {
    width: 90%;
    margin-left: 7%;
  }
}
@media (max-width: 800px) {
  #wrapper #main.ui-v3 .info-table__div {
    margin-left: 5%;
  }
}
@media (max-width: 750px) {
  #wrapper #main.ui-v3 .info-table__div {
    position: relative;
    top: 0;
    width: 98%;
    margin: 0 auto;
    float: left;
  }
}
#wrapper #main.ui-v3 .info-table__header {
  display: table-caption;
}
#wrapper #main.ui-v3 .info-table__row {
  display: table-row;
  border: 1px solid white;
}
#wrapper #main.ui-v3 .info-table__cell {
  display: table-cell;
  border: 1px solid white;
  width: 25%;
  font-size: .82em;
  padding: 7px;
  vertical-align: middle;
}
#wrapper #main.ui-v3 .info-table__cell--one-third {
  display: table-cell;
  width: 33%;
  border: 1px solid white;
  border-bottom: none;
}
#wrapper #main.ui-v3 .info-table__cell--half {
  display: table-cell;
  width: 50%;
  border: 1px solid white;
  border-bottom: none;
}
#wrapper #main.ui-v3 .info-table__cell--no-border {
  border-bottom: none;
}

#wrapper #main.ui-v3 .store-registration-nav {
  background-color: #282828;
  color: #969696;
  padding: 15px 0;
  margin-top: 3em;
}

#wrapper #main.ui-v3 .store-registration-progress {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-registration-progress {
    display: block;
    margin-bottom: 20px;
  }
}
#wrapper #main.ui-v3 .store-registration-progress__item {
  display: table-cell;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-registration-progress__item {
    display: block;
  }
}
#wrapper #main.ui-v3 .store-registration-progress__step {
  background-color: #969696;
  color: #282828;
  display: inline-block;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin-right: .3em;
  font-weight: bold;
}
#wrapper #main.ui-v3 .store-registration-progress__step--active {
  background-color: white;
  color: #282828;
}
#wrapper #main.ui-v3 .store-registration-progress__link:link, #wrapper #main.ui-v3 .store-registration-progress__link:visited, #wrapper #main.ui-v3 .store-registration-progress__link:hover, #wrapper #main.ui-v3 .store-registration-progress__link:active, #wrapper #main.ui-v3 .store-registration-progress__link:focus {
  color: white;
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .store-registration-progress__link:link, #wrapper #main.ui-v3 .store-registration-progress__link:visited, #wrapper #main.ui-v3 .store-registration-progress__link:hover, #wrapper #main.ui-v3 .store-registration-progress__link:active, #wrapper #main.ui-v3 .store-registration-progress__link:focus {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-registration-progress__link:link, #wrapper #main.ui-v3 .store-registration-progress__link:visited, #wrapper #main.ui-v3 .store-registration-progress__link:hover, #wrapper #main.ui-v3 .store-registration-progress__link:active, #wrapper #main.ui-v3 .store-registration-progress__link:focus {
    display: inline-block;
    margin-top: 20px;
  }
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .store-registration-progress__no-link {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-registration-progress__no-link {
    display: inline-block;
    margin-top: 20px;
  }
}
#wrapper #main.ui-v3 .store-registration-progress__check {
  color: white;
  height: 18px;
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .store-registration-progress__check {
    display: inline-block;
  }
}

#wrapper #main.ui-v3 .store-locator {
  position: relative;
  padding-bottom: 0;
  background-color: #fafafa;
  border-bottom: 1px solid #e4e4e6;
}
#wrapper #main.ui-v3 .store-locator__heading {
  text-align: center;
  margin-top: 8px;
}
#wrapper #main.ui-v3 .store-locator__form {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-locator__form {
    display: block;
  }
}
.no-flexbox #wrapper #main.ui-v3 .store-locator__form {
  display: table;
  width: 100%;
}
#wrapper #main.ui-v3 .store-locator__input {
  flex: 1;
  float: left;
  padding-right: 4px;
  min-width: 200px;
}
#wrapper #main.ui-v3 .store-locator__input input, #wrapper #main.ui-v3 .store-locator__input label {
  float: left;
}
@media (max-width: 840px) {
  #wrapper #main.ui-v3 .store-locator__input {
    min-width: 48%;
    padding-right: 2%;
  }
  #wrapper #main.ui-v3 .store-locator__input:last-of-type {
    padding-right: 0;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-locator__input {
    display: block;
    padding-right: 0;
  }
}
.no-flexbox #wrapper #main.ui-v3 .store-locator__input {
  display: table-cell;
}
#wrapper #main.ui-v3 .store-locator__actions {
  padding-top: 26px;
  min-width: 370px;
}
@media (max-width: 840px) {
  #wrapper #main.ui-v3 .store-locator__actions {
    flex: 1;
    display: flex;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-locator__actions {
    display: block;
  }
}
.no-flexbox #wrapper #main.ui-v3 .store-locator__actions {
  display: table-cell;
  vertical-align: middle;
  width: 340px;
}
@media (max-width: 840px) {
  #wrapper #main.ui-v3 .store-locator__button {
    flex: 1;
    margin-right: 4px;
  }
  #wrapper #main.ui-v3 .store-locator__button:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .store-locator__button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }
}
#wrapper #main.ui-v3 .store-locator__verbose-text {
  display: none;
}
@media (max-width: 750px) {
  #wrapper #main.ui-v3 .store-locator__verbose-text {
    display: inline;
  }
}
#wrapper #main.ui-v3 .store-locator__message {
  display: none;
  background-color: #195079;
  color: white;
  padding: 8px 0;
}
#wrapper #main.ui-v3 .store-locator__message ul {
  margin: 0;
}

#wrapper #main.ui-v3 .user-registration .mail {
  top: 32px;
}
#wrapper #main.ui-v3 .user-registration .two-lines {
  top: 56px;
}
#wrapper #main.ui-v3 .user-registration em {
  float: right;
}
#wrapper #main.ui-v3 .user-registration em:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 19px;
  content: "\f05a ";
  margin-top: -2px;
  color: #404040;
}
#wrapper #main.ui-v3 .user-registration ul {
  padding: 0;
}
#wrapper #main.ui-v3 .user-registration ul li {
  list-style: none;
}
#wrapper #main.ui-v3 .user-registration button {
  display: inline-block;
}
#wrapper #main.ui-v3 .user-registration button.button--disabled {
  background-color: #87b529;
  border-color: #87b529;
  box-shadow: 0 3px 0 #688b20;
  color: white;
  cursor: not-allowed;
}
#wrapper #main.ui-v3 .user-registration__section {
  padding: 3em 0;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
#wrapper #main.ui-v3 .user-registration__section li {
  list-style: none;
}
#wrapper #main.ui-v3 .user-registration__section .reminder {
  margin-top: 0;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  position: absolute;
}
#wrapper #main.ui-v3 .user-registration__section .reminder--minimum {
  bottom: -45px;
}
#wrapper #main.ui-v3 .user-registration__section .reminder.ng-hide {
  opacity: 0;
}
#wrapper #main.ui-v3 .user-registration__section--alternative {
  background-color: #F1F1F2;
  border-width: 1px 0;
  border-color: #e4e4e6;
  border-style: solid;
}
#wrapper #main.ui-v3 .user-registration__section--center {
  text-align: center;
}
#wrapper #main.ui-v3 .user-registration__section--left {
  text-align: left;
}
#wrapper #main.ui-v3 .user-registration__section--right {
  text-align: right;
}
#wrapper #main.ui-v3 .user-registration__section--hidden {
  display: none;
}
#wrapper #main.ui-v3 .user-registration__section-admin {
  overflow: hidden;
  width: 100%;
}
#wrapper #main.ui-v3 .user-registration__section-admin li h4 {
  float: left;
  width: 100%;
}
#wrapper #main.ui-v3 .user-registration__section-table {
  display: table;
  width: 100%;
}
#wrapper #main.ui-v3 .user-registration__section-heading {
  font-size: 32px;
  color: #333;
  margin-top: 0;
}
#wrapper #main.ui-v3 .user-registration__section-subheading {
  font-size: 26px;
  color: #5a5a5a;
  display: block;
  margin-top: 10px;
}
#wrapper #main.ui-v3 .user-registration__section-subheading--left {
  float: left;
}
#wrapper #main.ui-v3 .user-registration__section-subheading--center {
  text-align: center;
  font-size: 1.2em;
}
#wrapper #main.ui-v3 .user-registration__icons {
  margin: 3em 0;
}
#wrapper #main.ui-v3 .user-registration__icon-block {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media screen and (max-width: 450px) {
  #wrapper #main.ui-v3 .user-registration__icon-block {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-bottom: 1em;
  }
}
#wrapper #main.ui-v3 .user-registration__icon-block--last {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper #main.ui-v3 .user-registration__cyclescheme-info {
  width: 100%;
}
#wrapper #main.ui-v3 .user-registration__cyclescheme-info--title-row {
  margin-bottom: 2em;
}
#wrapper #main.ui-v3 .user-registration__cps-default-option {
  margin-bottom: 30px;
}
#wrapper #main.ui-v3 .user-registration__address-autofill-options {
  background-image: none;
  height: 200px;
}
.ie9 #wrapper #main.ui-v3 .user-registration__address-autofill-search {
  display: none;
}

#wrapper #main.ui-v3 .form-element--required {
  color: #c74a4a;
  border-bottom: 0;
}
#wrapper #main.ui-v3 .form-element-status {
  display: inline-block;
}
#wrapper #main.ui-v3 .form-element-status--no-label {
  top: 0;
}
#wrapper #main.ui-v3 .form-element-status--valid {
  background-color: #87b529;
}
#wrapper #main.ui-v3 .form-element-status--invalid {
  background-color: #c74a4a;
}
#wrapper #main.ui-v3 .form-element-status__text {
  margin-left: 5px;
  font-size: 0.8em;
}
#wrapper #main.ui-v3 .reminder {
  background-color: #404040;
  color: #fff;
  padding: 10px 10px;
  border-radius: 4px;
  display: block;
  position: absolute;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  font-size: 0.8em;
  margin-top: 28px;
}
@media screen and (max-width: 600px) {
  #wrapper #main.ui-v3 .reminder {
    margin-top: 0;
  }
}
#wrapper #main.ui-v3 .reminder:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a ";
  margin-right: 10px;
}
#wrapper #main.ui-v3 .message {
  padding: 10px 10px;
  font-size: 0.8em;
  border-radius: 5px;
  list-style: none;
  margin-left: 0;
}
#wrapper #main.ui-v3 .message--error {
  color: #fff;
  background-color: #c74a4a;
}
#wrapper #main.ui-v3 .message--success {
  color: #fff;
  background-color: #87b529;
}
#wrapper #main.ui-v3 .icon--prefix {
  position: absolute;
  top: 13px;
  left: 14px;
}
#wrapper #main.ui-v3 .form-element {
  position: relative;
}
#wrapper #main.ui-v3 .b2b {
  background-color: #fff;
}
#wrapper #main.ui-v3 .b2b__header {
  width: 100%;
  height: 400px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), url("/img/cyclescheme-b2b-banner.jpg");
  background-size: cover;
  background-position: center center;
  padding: 30px 0 20px;
  text-shadow: #3c3c3c 0 0 5px;
  text-align: center;
}
#wrapper #main.ui-v3 .b2b__heading {
  font-size: 48px;
  color: #fff;
  margin-bottom: 65px;
}
@media screen and (max-width: 750px) {
  #wrapper #main.ui-v3 .b2b__heading {
    font-size: 36px;
  }
}
#wrapper #main.ui-v3 .b2b__heading--highlight {
  font-size: 60px;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #wrapper #main.ui-v3 .b2b__heading--highlight {
    font-size: 48px;
  }
}
@media screen and (max-width: 450px) {
  #wrapper #main.ui-v3 .b2b__heading--highlight {
    font-size: 36px;
  }
}
#wrapper #main.ui-v3 .b2b__login {
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
  margin-left: 16.94915%;
  margin-right: 0%;
}
#wrapper #main.ui-v3 .b2b__login button {
  width: 100%;
}
@media screen and (max-width: 550px) {
  #wrapper #main.ui-v3 .b2b__login {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-left: 8.47458%;
    margin-right: 0%;
  }
  #wrapper #main.ui-v3 .b2b__login p {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 425px) {
  #wrapper #main.ui-v3 .b2b__login {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-left: 0%;
    margin-right: 0%;
  }
}
#wrapper #main.ui-v3 .b2b__register {
  width: 32.20339%;
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
  margin-left: 0%;
  margin-right: 16.94915%;
}
#wrapper #main.ui-v3 .b2b__register button {
  width: 100%;
}
@media screen and (max-width: 550px) {
  #wrapper #main.ui-v3 .b2b__register {
    width: 40.67797%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    margin-left: 0%;
    margin-right: 8.47458%;
  }
  #wrapper #main.ui-v3 .b2b__register p {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 425px) {
  #wrapper #main.ui-v3 .b2b__register {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline;
    margin-left: 0%;
    margin-right: 0%;
  }
}
#wrapper #main.ui-v3 .b2b__guide-text {
  color: #fff;
}
#wrapper #main.ui-v3 .b2b__registration-complete-star .fa {
  color: #DAB566;
  font-size: 14em;
  text-align: center;
  width: 100%;
}
#wrapper #main.ui-v3 .b2b__section {
  padding: 3em 0;
}
#wrapper #main.ui-v3 .b2b__section--alternative {
  background-color: #F1F1F2;
  border-width: 1px 0;
  border-color: #e4e4e6;
  border-style: solid;
}
#wrapper #main.ui-v3 .b2b__section--center {
  text-align: center;
}
#wrapper #main.ui-v3 .b2b__section--left {
  text-align: left;
}
#wrapper #main.ui-v3 .b2b__section--right {
  text-align: right;
}
#wrapper #main.ui-v3 .b2b__section--hidden {
  display: none;
}
#wrapper #main.ui-v3 .b2b__section #contract_content {
  background: #f1f1f2;
  padding: 10px;
}
#wrapper #main.ui-v3 .b2b__section-table {
  display: table;
  width: 100%;
}
#wrapper #main.ui-v3 .b2b__section-heading {
  font-size: 32px;
  color: #333;
  margin-top: 0;
}
#wrapper #main.ui-v3 .b2b__section-subheading {
  font-size: 26px;
  color: #5a5a5a;
  display: block;
  margin-top: 10px;
}
#wrapper #main.ui-v3 .b2b__section-subheading--left {
  float: left;
}
#wrapper #main.ui-v3 .b2b__icons {
  margin: 3em 0;
}
#wrapper #main.ui-v3 .b2b__icon-block {
  width: 23.72881%;
  float: left;
  margin-right: 1.69492%;
  display: inline;
}
@media screen and (max-width: 450px) {
  #wrapper #main.ui-v3 .b2b__icon-block {
    width: 100%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    margin-bottom: 1em;
  }
}
#wrapper #main.ui-v3 .b2b__icon-block--last {
  float: right;
  margin-right: 0;
  *margin-left: -1em;
  display: inline;
}
#wrapper #main.ui-v3 .b2b__text-block {
  display: table-cell;
  width: 55%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__text-block {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 1.5em;
  }
}
#wrapper #main.ui-v3 .b2b__image-block {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block {
    display: block;
    width: 100%;
    text-align: center;
  }
}
#wrapper #main.ui-v3 .b2b__image-block--left {
  text-align: right;
  padding-right: 5%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block--left {
    padding: 0;
    text-align: center;
  }
}
#wrapper #main.ui-v3 .b2b__image-block--right {
  text-align: left;
  padding-left: 5%;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image-block--right {
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image--desktop {
    display: none;
  }
}
#wrapper #main.ui-v3 .b2b__image--mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  #wrapper #main.ui-v3 .b2b__image--mobile {
    display: initial;
    max-height: 75%;
    margin-bottom: 2em;
  }
}
#wrapper ul.flex-direction-nav {
  list-style: none;
}
#wrapper li .flex-disabled {
  display: none;
}

#wrapper #main.ui-v3 .user-registration-nav {
  background-color: #282828;
  padding: 15px 0;
  margin-top: 3em;
}

#wrapper #main.ui-v3 .user-registration-progress {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
#wrapper #main.ui-v3 .user-registration-progress a {
  color: #969696;
  text-decoration: none;
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .user-registration-progress {
    display: block;
    margin-bottom: 20px;
  }
}
#wrapper #main.ui-v3 .user-registration-progress__item {
  display: table-cell;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .user-registration-progress__item {
    display: block;
  }
}
#wrapper #main.ui-v3 .user-registration-progress__step {
  background-color: #969696;
  color: #282828;
  display: inline-block;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin-right: 0.3em;
  font-weight: bold;
}
#wrapper #main.ui-v3 .user-registration-progress__step--active {
  background-color: white;
  color: #282828;
}
#wrapper #main.ui-v3 .user-registration-progress__link {
  color: white;
}
#wrapper #main.ui-v3 .user-registration-progress__link:link, #wrapper #main.ui-v3 .user-registration-progress__link:visited, #wrapper #main.ui-v3 .user-registration-progress__link:hover, #wrapper #main.ui-v3 .user-registration-progress__link:active, #wrapper #main.ui-v3 .user-registration-progress__link:focus {
  color: white;
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .user-registration-progress__link:link, #wrapper #main.ui-v3 .user-registration-progress__link:visited, #wrapper #main.ui-v3 .user-registration-progress__link:hover, #wrapper #main.ui-v3 .user-registration-progress__link:active, #wrapper #main.ui-v3 .user-registration-progress__link:focus {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .user-registration-progress__link:link, #wrapper #main.ui-v3 .user-registration-progress__link:visited, #wrapper #main.ui-v3 .user-registration-progress__link:hover, #wrapper #main.ui-v3 .user-registration-progress__link:active, #wrapper #main.ui-v3 .user-registration-progress__link:focus {
    display: inline-block;
    margin-top: 20px;
  }
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .user-registration-progress__no-link {
    display: block;
    margin-top: 10px;
  }
}
@media (max-width: 530px) {
  #wrapper #main.ui-v3 .user-registration-progress__no-link {
    display: inline-block;
    margin-top: 20px;
  }
}
#wrapper #main.ui-v3 .user-registration-progress__check {
  color: white;
  height: 18px;
}
@media (max-width: 680px) {
  #wrapper #main.ui-v3 .user-registration-progress__check {
    display: inline-block;
  }
}

@media (max-width: 650px) {
  #wrapper #main.ui-v3 .grid__three-column,
  #wrapper #main.ui-v3 .grid__three-column--last {
    width: 80%;
    float: none;
    display: block;
    margin: 1em auto;
  }
}
#wrapper #main.ui-v3 .user-registration-service {
  background-color: #3C3C3B;
  text-align: center;
  border-radius: 0.5em;
  margin-top: 10px;
}
#wrapper #main.ui-v3 .user-registration-service__service-title:hover {
  text-decoration: none;
}
#wrapper #main.ui-v3 .user-registration-service__service-text:hover {
  text-decoration: none;
}
#wrapper #main.ui-v3 .user-registration-service--selected-cs {
  background-color: #195079;
}
#wrapper #main.ui-v3 .user-registration-service--selected-cps {
  background-color: #755491;
}
#wrapper #main.ui-v3 .user-registration-service--selected-ccs {
  background-color: #20A0DB;
}
#wrapper #main.ui-v3 .user-registration-service--selected-ps {
  background-color: #159b9b;
}
#wrapper #main.ui-v3 .user-registration-service__currency span {
  position: absolute;
  display: inline-block;
  line-height: 43px;
  padding-left: 7px;
  color: #A9A9A9;
}
#wrapper #main.ui-v3 .user-registration-service__currency input {
  padding-left: 25px;
}
#wrapper #main.ui-v3 .user-registration-service ul {
  margin-bottom: 1.5em;
  margin-top: 0;
}
#wrapper #main.ui-v3 .user-registration-service ul li {
  color: white;
  line-height: 1.9em;
  list-style: disc inside;
}
@media (max-width: 900px) {
  #wrapper #main.ui-v3 .user-registration-service ul li {
    font-size: 0.7em;
  }
}
@media (max-width: 650px) {
  #wrapper #main.ui-v3 .user-registration-service ul li {
    font-size: 1.1em;
  }
}
#wrapper #main.ui-v3 .user-registration-service h2 {
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  #wrapper #main.ui-v3 .user-registration-service h2 {
    font-size: 1.2em;
  }
}
#wrapper #main.ui-v3 .user-registration-service p {
  margin-top: 15px;
  line-height: 1.2em;
  color: #ffffff;
}
#wrapper #main.ui-v3 .user-registration-service__cs-logo {
  width: 40%;
  margin: 0 auto;
  padding-top: 1em;
}
#wrapper #main.ui-v3 .user-registration-service__cs-logo img {
  height: auto !important;
}

#wrapper #main.ui-v3 .user-registration-options {
  padding-top: 2em;
}
#wrapper #main.ui-v3 .user-registration-options em {
  float: none;
}
#wrapper #main.ui-v3 .user-registration-options ul {
  margin: 0;
}
#wrapper #main.ui-v3 .user-registration-options ul li {
  color: #6D6E70;
  font-size: 1em;
  font-family: arial;
  margin: 0.2em 0;
}
#wrapper #main.ui-v3 .user-registration-options h4, #wrapper #main.ui-v3 .user-registration-options label {
  color: #6D6E70;
  display: inline-block;
  font-size: 1em;
  float: none;
  vertical-align: middle;
  font-family: arial;
}
#wrapper #main.ui-v3 .user-registration-options h4.title {
  margin-top: 0;
  font-family: 'Rockwell W01', Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  margin-bottom: 12px;
}
@media (max-width: 950px) {
  #wrapper #main.ui-v3 .user-registration-options h4.title {
    width: 100%;
  }
}
#wrapper #main.ui-v3 .user-registration-options input[type='radio'] {
  margin: 0;
}
#wrapper #main.ui-v3 .user-registration-options h3 {
  margin-bottom: 2em;
}
@media (max-width: 450px) {
  #wrapper #main.ui-v3 .user-registration-options h3 {
    font-size: 1.3em;
  }
}
#wrapper #main.ui-v3 .user-registration-options h4 {
  width: 69%;
}
@media (max-width: 950px) {
  #wrapper #main.ui-v3 .user-registration-options h4 {
    width: 50%;
  }
}
#wrapper #main.ui-v3 .user-registration-options label {
  max-width: 10%;
}
@media (max-width: 950px) {
  #wrapper #main.ui-v3 .user-registration-options label {
    max-width: 15%;
  }
}
@media (max-width: 800px) {
  #wrapper #main.ui-v3 .user-registration-options label {
    max-width: 23%;
  }
}
#wrapper #main.ui-v3 .user-registration-options__checkbox {
  width: 100%;
  margin-top: 2%;
  margin-bottom: 2%;
}
@media (max-width: 950px) {
  #wrapper #main.ui-v3 .user-registration-options__checkbox {
    margin-top: 3%;
  }
}
#wrapper #main.ui-v3 .user-registration-options__inline-field label {
  height: 1em;
  text-align: left;
  line-height: 1em;
  padding-bottom: 0.5em;
  width: 100%;
  max-width: 100%;
}
#wrapper #main.ui-v3 .user-registration-options__inline-field input[type='text'] {
  width: 65%;
}
#wrapper #main.ui-v3 .user-registration-options__payment-period-option {
  float: left;
  margin-top: 6px;
}

#wrapper #main.ui-v3 .user-registration-contract__contract-box {
  display: block;
  width: 100%;
  height: 400px;
  margin: 0 auto;
  padding: 20px;
  overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
  border: 2px solid #195079;
  color: #444444;
  background-color: white;
}
#wrapper #main.ui-v3 .user-registration-contract__h1 {
  font-size: 1.2em;
  margin-top: 30px;
}
#wrapper #main.ui-v3 .user-registration-contract__h1--small {
  font-size: 1.1em;
}
#wrapper #main.ui-v3 .user-registration-contract__img--right {
  float: right;
  margin-top: 2%;
}