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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative; }

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

.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat; }

.noUi-connect {
  height: 100%;
  width: 100%; }

.noUi-origin {
  height: 10%;
  width: 10%; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto; }

.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s; }

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

.noUi-horizontal {
  height: 18px; }

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

.noUi-vertical {
  width: 18px; }

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

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto; }

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

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #3FB8AF; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

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

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

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

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

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

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

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

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

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

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

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px; }

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden; }

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png?v=8699833546225499000);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1); }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

.m-t-0 {
  margin-top: 0px; }

.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-50 {
  margin-top: 50px; }

.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-l-0 {
  margin-left: 0px; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-50 {
  margin-left: 50px; }

.m-x-0 {
  margin: 0px; }

.m-x-5 {
  margin: 5px; }

.m-x-10 {
  margin: 10px; }

.m-x-15 {
  margin: 15px; }

.m-x-20 {
  margin: 20px; }

.m-x-25 {
  margin: 25px; }

.m-x-30 {
  margin: 30px; }

.m-x-35 {
  margin: 35px; }

.m-x-40 {
  margin: 40px; }

.m-x-45 {
  margin: 45px; }

.m-x-50 {
  margin: 50px; }

.p-t-0 {
  padding-top: 0px; }

.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-45 {
  padding-top: 45px; }

.p-t-50 {
  padding-top: 50px; }

.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

.p-b-0 {
  padding-bottom: 0px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-45 {
  padding-bottom: 45px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

.p-x-0 {
  padding: 0px; }

.p-x-5 {
  padding: 5px; }

.p-x-10 {
  padding: 10px; }

.p-x-15 {
  padding: 15px; }

.p-x-20 {
  padding: 20px; }

.p-x-25 {
  padding: 25px; }

.p-x-30 {
  padding: 30px; }

.p-x-35 {
  padding: 35px; }

.p-x-40 {
  padding: 40px; }

.p-x-45 {
  padding: 45px; }

.p-x-50 {
  padding: 50px; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #333333;
  background-color: #fff;
  margin: 0 auto;
  font-size: 1em;
  font-family: "Open Sans", sans-serif; }

a {
  color: #333333;
  background-color: transparent; }
  a.disclaimer-link {
    text-decoration: underline; }
  a.print-button {
    text-decoration: underline; }

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

ol li {
  font-size: 0.9em; }
  ol li a {
    text-decoration: underline; }

h1,
h2,
h3,
h4 {
  margin: 10px 0;
  font-weight: 600; }

h2 {
  font-size: 1.6em; }

h5 {
  font-size: 0.9em;
  margin: 6px 0;
  font-weight: 600; }

abbr {
  font-size: 2em;
  font-weight: bold;
  font-weight: 600;
  margin-right: -2px; }
  abbr.after {
    margin-left: 7px; }

p {
  margin-top: 0.4em;
  margin-bottom: 0.4em; }

.light-weight {
  font-weight: 300; }

.center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.column-3 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 25%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-3:before, .column-3:after {
    box-sizing: border-box; }

.column-2 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 16.6666666667%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-2:before, .column-2:after {
    box-sizing: border-box; }

.column-4 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 33.3333333333%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-4:before, .column-4:after {
    box-sizing: border-box; }

.column-5 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 41.6666666667%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-5:before, .column-5:after {
    box-sizing: border-box; }

.column-6 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-6:before, .column-6:after {
    box-sizing: border-box; }

.column-7 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 58.3333333333%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-7:before, .column-7:after {
    box-sizing: border-box; }

.column-8 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 66.6666666667%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-8:before, .column-8:after {
    box-sizing: border-box; }

.column-9 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 75%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-9:before, .column-9:after {
    box-sizing: border-box; }

.column-10 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 83.3333333333%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-10:before, .column-10:after {
    box-sizing: border-box; }

.column-12 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .column-12:before, .column-12:after {
    box-sizing: border-box; }

@media all and (max-width: 700px) {
  .m-column-6 {
    float: left;
    min-height: 1px;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .m-column-6:before, .m-column-6:after {
      box-sizing: border-box; } }

@media all and (max-width: 700px) {
  .m-column-12 {
    float: left;
    min-height: 1px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .m-column-12:before, .m-column-12:after {
      box-sizing: border-box; } }

@media all and (max-width: 600px) {
  .s-column-12 {
    float: left;
    min-height: 1px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .s-column-12:before, .s-column-12:after {
      box-sizing: border-box; } }

.full-column-width {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto;
  padding: 0 1.0416666667% !important; }
  .full-column-width:before, .full-column-width:after {
    box-sizing: border-box; }
  .full-column-width::after {
    clear: both;
    content: "";
    display: table; }
  .full-column-width:before, .full-column-width:after {
    content: "";
    display: table; }

.calculator-container {
  max-width: 960px;
  min-width: 340px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .lt-ie9 .calculator-container {
    width: 960px; }

.pages {
  max-width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 2px;
  border: 1px solid #2574A9;
  position: relative;
  left: 0;
  top: 0;
  min-height: 562px; }
  .lt-ie9 .pages {
    height: 562px; }
  @media all and (max-width: 960px) {
    .pages {
      border-left: 0 none;
      border-right: 0 none;
      border-bottom: 0 none;
      padding-left: 0;
      padding-right: 0; } }
  @media all and (max-width: 760px) {
    .pages {
      min-height: 400px; } }
  .pages .page {
    display: none;
    margin-bottom: 55px;
    min-height: 500px; }
    .pages .page::after {
      clear: both;
      content: "";
      display: table; }
    .pages .page:before, .pages .page:after {
      content: "";
      display: table; }
    .pages .page.rel {
      position: relative; }
    .pages .page.super-page {
      margin-bottom: 47px; }
      @media all and (max-width: 710px) {
        .pages .page.super-page {
          margin-bottom: 0; } }
      .pages .page.super-page > .popup-message {
        display: none; }
      .pages .page.super-page.disabled > .popup-message {
        position: absolute;
        padding: 12px 22px;
        background: #FFF;
        display: inline;
        z-index: 11;
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .pages .page.super-page.disabled > .popup-message .no-csstransforms {
          width: 400px;
          margin-left: -200px;
          top: 40px; }
        .pages .page.super-page.disabled > .popup-message a {
          text-decoration: underline; }
      .pages .page.super-page.disabled:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: black;
        opacity: 0.3;
        z-index: 11; }
    @media all and (max-width: 710px) {
      .pages .page {
        margin-bottom: 0;
        min-height: 0; } }
  .pages .loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 50; }
    .pages .loading .img {
      background: url(../images/loading.gif?v=8699833546225499000) left top no-repeat !important;
      width: 220px;
      height: 220px; }
    .pages .loading .loading-animation {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .no-csstransforms .pages .loading .loading-animation {
        margin-top: -60px;
        margin-left: -60px; }

.version {
  color: #666;
  font-size: 0.7em;
  font-style: italic; }
  .version.version--bottom-right {
    position: absolute;
    bottom: 4px;
    right: 8px; }
  .version.version--right {
    text-align: right; }

.page-header {
  background-image: none;
  background-color: #062034;
  color: #FFF;
  padding: 8px 0;
  min-height: 42px;
  position: relative; }
  .page-header::after {
    clear: both;
    content: "";
    display: table; }
  .page-header:before, .page-header:after {
    content: "";
    display: table; }
  @media all and (max-width: 800px) {
    .page-header {
      text-align: center; } }
  .page-header h1 {
    font-size: 1em;
    font-weight: normal;
    margin: 6px 0;
    padding: 0 0 0 7px; }
    .csstransforms .page-header h1 {
      margin: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media all and (max-width: 800px) {
        .csstransforms .page-header h1 {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
          position: static;
          top: auto;
          margin: 2px 0; } }
  .page-header.background {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    z-index: -1; }
    @media all and (max-width: 960px) {
      .page-header.background {
        left: 0;
        right: 0; } }
    .page-header.background h1 {
      opacity: 0; }
  .page-header .print-button {
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 16px;
    font-size: 0.9em;
    color: #FFF; }
    .page-header .print-button svg {
      position: relative;
      top: 2px;
      margin-left: 3px; }
    .page-header .print-button .fill {
      fill: #FFF; }
    .css-transforms .page-header .print-button {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media all and (max-width: 420px) {
      .page-header .print-button {
        display: none; } }

.top-header {
  position: relative;
  height: 80px; }
  @media all and (max-width: 800px) {
    .top-header {
      height: auto;
      padding-top: 4px; }
      .top-header.show-mobile {
        text-align: center; } }
  .top-header .logo {
    display: block;
    width: 78px;
    height: 60px;
    background: transparent url(../images/logo.png?v=8699833546225499000) no-repeat bottom left;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: transparent; }
    @media all and (max-width: 800px) {
      .top-header .logo {
        display: none; } }
  @media all and (max-width: 800px) {
    .top-header.show-mobile .logo {
      position: static;
      bottom: auto;
      left: auto;
      display: inline-block;
      width: 148px;
      height: 40px;
      margin-bottom: -4px; } }
  .top-header .main-nav {
    position: absolute;
    right: 3px;
    bottom: -3px;
    margin-left: 78px;
    text-align: right;
    z-index: 1; }
    .top-header .main-nav::after {
      clear: both;
      content: "";
      display: table; }
    .top-header .main-nav:before, .top-header .main-nav:after {
      content: "";
      display: table; }
    @media all and (max-width: 800px) {
      .top-header .main-nav {
        margin-left: 0;
        position: relative;
        right: 0;
        text-align: center; } }
    .top-header .main-nav a {
      display: inline-block;
      margin-left: -2px;
      padding: 7px 12px;
      text-align: center;
      min-width: 120px;
      -webkit-transition: margin 0.1s ease-in-out, padding 0.1s ease-in-out;
      -moz-transition: margin 0.1s ease-in-out, padding 0.1s ease-in-out;
      transition: margin 0.1s ease-in-out, padding 0.1s ease-in-out;
      background-image: none;
      background-color: #206694;
      border: 1px solid #CCC;
      border-bottom: 0 none;
      border-radius: 6px 6px 0 0;
      color: #fff;
      margin-top: 8px;
      margin-bottom: 3px;
      text-decoration: none; }
      .top-header .main-nav a svg {
        margin-left: 6px; }
        .top-header .main-nav a svg .fill {
          fill: #fff; }
      .top-header .main-nav a:hover, .top-header .main-nav a.active {
        background-image: none;
        background-color: #062034;
        border: 1px solid #CCC;
        border-radius: 6px 6px 0 0;
        color: #FFF;
        border-bottom: 0 none; }
        .top-header .main-nav a:hover .fill, .top-header .main-nav a.active .fill {
          fill: #FFF; }
      .top-header .main-nav a.active {
        padding-top: 15px;
        padding-bottom: 10px;
        margin-top: 0px;
        margin-bottom: 0; }
      @media all and (max-width: 800px) {
        .top-header .main-nav a {
          min-width: 0;
          width: 24%; } }
      @media all and (max-width: 600px) {
        .top-header .main-nav a {
          border-radius: 0;
          float: left;
          width: 24.3%;
          width: calc(25% - 2px);
          margin-left: 1px;
          margin-right: 1px; }
          .top-header .main-nav a .tab-text {
            display: none; }
          .top-header .main-nav a svg {
            margin: 0;
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2); }
          .top-header .main-nav a:hover, .top-header .main-nav a.active {
            border-radius: 0; } }
      .top-header .main-nav a.hidden {
        display: none; }
    @media all and (max-width: 800px) {
      .top-header .main-nav.main-nav-3-items a {
        width: 32.5%; } }

.calculator-container.disclaimer-not-accepted .top-header .main-nav {
  bottom: -4px; }
  .calculator-container.disclaimer-not-accepted .top-header .main-nav a:not(.welcome-tab) {
    opacity: 0.6;
    cursor: default;
    background-image: none;
    background-color: #206694;
    border: 1px solid #CCC; }

.main-footer {
  position: absolute;
  height: 50px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 6px;
  border: 1px solid #999;
  background-color: #ccc;
  background-color: #fff;
  background-image: -webkit-linear-gradient(-450deg, #fff, #ccc);
  background-image: linear-gradient(180deg,#fff, #ccc);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fcfcfc',EndColorStr='#c9c9c9');
  /* IE6, IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#fcfcfc',EndColorStr='#c9c9c9')";
  /* IE 8 */ }
  .main-footer .g-logo {
    width: 134px;
    height: 38px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18.5px;
    z-index: 1;
    background: transparent url(../images/g-logo-xs.png?v=8699833546225499000) no-repeat center center; }
    .main-footer .g-logo:hover {
      background: transparent url(../images/g-logo-col-xs.png?v=8699833546225499000) no-repeat center center; }
  .main-footer .lifetime-logo {
    width: 148px;
    height: 37px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -18.5px;
    z-index: 1; }
    .main-footer .lifetime-logo .fill {
      fill: #999; }
    .no-svg .main-footer .lifetime-logo {
      background: transparent url(../images/lifetime-logo.png?v=8699833546225499000) no-repeat center center; }
    .main-footer .lifetime-logo:hover .fill {
      fill: #9db53b; }
  .main-footer .footer-text {
    font-size: 0.7em;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -0.7em;
    left: 0;
    right: 0; }
  @media all and (max-width: 710px) {
    .main-footer {
      margin-top: 12px;
      margin-bottom: 12px;
      position: static;
      border: 0 none;
      background: transparent none;
      height: auto; }
      .main-footer .g-logo,
      .main-footer .lifetime-logo {
        display: none; }
      .main-footer .footer-text {
        position: static;
        margin: 0; } }

.small-footer {
  display: none; }
  .smaller-footer .small-footer {
    display: block;
    font-size: 0.7em; }
    .smaller-footer .small-footer div:nth-of-type(1) {
      margin-left: 3px; }
    .smaller-footer .small-footer div:nth-of-type(2) {
      margin-right: 3px; }

.smaller-footer .main-footer {
  display: none; }

.full-page-text {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  font-size: 0.95em; }
  .full-page-text a {
    color: #1256B5;
    text-decoration: underline; }
  .csstransforms .full-page-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 340px;
    margin-top: -20px; }
    @media all and (max-width: 710px) {
      .csstransforms .full-page-text {
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        min-height: 0;
        margin: 0 auto; } }
  @media all and (max-width: 500px) {
    .full-page-text h4 {
      margin-top: 16px; } }

.welcome-container,
.next-steps-container {
  max-width: 910px;
  margin: 10px auto;
  padding: 0 15px; }
  .welcome-container::after,
  .next-steps-container::after {
    clear: both;
    content: "";
    display: table; }
  .welcome-container:before, .welcome-container:after,
  .next-steps-container:before,
  .next-steps-container:after {
    content: "";
    display: table; }
  .welcome-container.welcome-container--with-actions,
  .next-steps-container.welcome-container--with-actions {
    margin-bottom: 115px; }
    @media all and (max-width: 600px) {
      .welcome-container.welcome-container--with-actions,
      .next-steps-container.welcome-container--with-actions {
        margin-bottom: 10px; } }

.welcome-actions {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  clear: both;
  background: transparent;
  text-align: center;
  padding: 8px 0;
  margin-top: 14px; }
  @media all and (max-width: 600px) {
    .welcome-actions {
      position: relative;
      bottom: auto;
      left: auto;
      right: auto; } }
  .welcome-actions .read-terms {
    display: inline-block;
    margin: 0 11px;
    white-space: nowrap;
    padding: 6px 0;
    font-size: 0.9em; }
    @media all and (max-width: 375px) {
      .welcome-actions .read-terms {
        white-space: normal; } }
    .welcome-actions .read-terms a {
      text-decoration: underline; }
  .welcome-actions .reflected-button {
    margin: 0 11px;
    padding: 6px;
    display: inline-block; }
  .welcome-actions:before, .welcome-actions:after {
    content: '';
    position: absolute;
    width: 2px;
    background: transparent;
    top: 0;
    bottom: 0; }
  .welcome-actions:before {
    left: -2px; }
  .welcome-actions:after {
    right: -2px; }

.tick-checkbox {
  position: relative;
  padding-left: 30px; }
  .svg:not(.lt-ie9) .tick-checkbox input[type='checkbox'] {
    position: absolute;
    clip: rect(0, 0, 1px, 1px); }
    .svg:not(.lt-ie9) .tick-checkbox input[type='checkbox']:checked + .tick-checkbox-tick svg {
      opacity: 1; }
    .svg:not(.lt-ie9) .tick-checkbox input[type='checkbox']:focus + .tick-checkbox-tick {
      outline: dotted #2574A9;
      outline-offset: 0.1em; }
  .svg:not(.lt-ie9) .tick-checkbox .tick-checkbox-tick {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    border-radius: 24px 24px 24px 24px;
    background: #FFF; }
    .svg:not(.lt-ie9) .tick-checkbox .tick-checkbox-tick svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: opacity 0.2s linear;
      -moz-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear;
      opacity: 0; }
      .svg:not(.lt-ie9) .tick-checkbox .tick-checkbox-tick svg .fill {
        fill: #2574A9; }
  .tick-checkbox label {
    font-size: 0.875em; }

/** Sliders **/
.slider-wrapper {
  position: relative;
  height: 30px; }
  .slider-wrapper .slider.noUi-target {
    position: absolute;
    top: 6px;
    height: 15px;
    left: 20px;
    right: 20px;
    border: 0 none;
    border-radius: 0;
    background-image: none;
    background-color: #F3F3F3;
    box-shadow: inset 1px 3px 5px #A1A1A1;
    z-index: 1; }
    .slider-wrapper .slider.noUi-target .noUi-handle {
      height: 30px;
      top: -7px;
      width: 22px;
      left: -11px;
      border-radius: 5px;
      border: 1px solid;
      border-color: #7e7e7e;
      background-color: #a4a4a4;
      background-color: #efefef;
      background-image: -webkit-linear-gradient(-450deg, #efefef, #a4a4a4);
      background-image: linear-gradient(180deg,#efefef, #a4a4a4);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ececec',EndColorStr='#a1a1a1');
      /* IE6, IE7 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ececec',EndColorStr='#a1a1a1')";
      /* IE 8 */
      box-shadow: 1px 2px 5px #7e7e7e;
      cursor: -webkit-grab;
      cursor: -moz-grab; }
      .slider-wrapper .slider.noUi-target .noUi-handle:before {
        display: none; }
      .slider-wrapper .slider.noUi-target .noUi-handle:after {
        height: 9px;
        width: 8px;
        left: 50%;
        margin-left: -4px;
        top: 50%;
        margin-top: -4.5px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/slider-handle.svg?v=8699833546225499000);
        background-size: cover; }
        .no-svg .slider-wrapper .slider.noUi-target .noUi-handle:after {
          background-image: url(../images/slider-handle.png?v=8699833546225499000); }
      .slider-wrapper .slider.noUi-target .noUi-handle.noUi-active {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing; }
  .slider-wrapper .inc {
    position: absolute;
    top: 6px;
    height: 15px;
    width: 20px;
    background: #999999; }
    .slider-wrapper .inc:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 2px;
      width: 8px;
      background: #FFF; }
      .no-csstransforms .slider-wrapper .inc:before {
        margin-top: 0;
        margin-left: -3px; }
  .slider-wrapper .minus {
    left: 0;
    border-radius: 4px 0 0 4px;
    color: transparent; }
  .slider-wrapper .plus {
    right: 0;
    border-radius: 0 4px 4px 0;
    color: transparent; }
    .slider-wrapper .plus:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 8px;
      width: 2px;
      background: #FFF; }
      .no-csstransforms .slider-wrapper .plus:after {
        margin-top: -3px;
        margin-left: 0; }
  .csstransforms .slider-wrapper .foobar {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.disable-slider {
  display: none; }

.no-wrap {
  display: inline-block;
  white-space: nowrap; }

.radio {
  display: inline-block;
  margin: 0 9px; }
  :not(.lt-ie9) .radio {
    position: relative; }
    :not(.lt-ie9) .radio label {
      padding-left: 24px;
      position: relative;
      z-index: 1; }
    :not(.lt-ie9) .radio .radio-selected {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -9px;
      height: 18px;
      width: 18px;
      border-radius: 18px 18px 18px 18px;
      border: 1px solid #555;
      background-image: none;
      background-color: #FFF; }
    :not(.lt-ie9) .radio input[type='radio'] {
      position: absolute;
      z-index: -1;
      opacity: 0; }
      :not(.lt-ie9) .radio input[type='radio']:checked + .radio-selected:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        height: 10px;
        width: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 10px 10px 10px 10px;
        background-image: none;
        background-color: #555; }
      :not(.lt-ie9) .radio input[type='radio']:checked:focus + .radio-selected + label {
        font-weight: bold; }

.box-radios {
  display: inline-block; }
  .box-radios::after {
    clear: both;
    content: "";
    display: table; }
  .box-radios:before, .box-radios:after {
    content: "";
    display: table; }
  .box-radios .box-radios-button {
    display: inline-block; }

:not(.lt-ie9) .box-radios {
  white-space: nowrap;
  border: 1px solid #666666;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  vertical-align: middle; }
  :not(.lt-ie9) .box-radios .box-radios-button {
    position: relative;
    margin-right: -4px; }
    :not(.lt-ie9) .box-radios .box-radios-button input[type='radio'] {
      position: absolute; }
      :not(.lt-ie9) .box-radios .box-radios-button input[type='radio']:checked:focus + label {
        border: 1px solid #000;
        padding: 3px 8px 3px 6px; }
      :not(.lt-ie9) .box-radios .box-radios-button input[type='radio']:focus {
        outline: none; }
      :not(.lt-ie9) .box-radios .box-radios-button input[type='radio']:checked + label {
        background: #2574A9;
        color: #FFF; }
    :not(.lt-ie9) .box-radios .box-radios-button label {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      text-align: center;
      min-width: 50px;
      display: block;
      padding: 4px 8px 4px 6px;
      background: #FFF;
      color: #666666;
      border-left: 1px solid #666666;
      position: relative; }
    :not(.lt-ie9) .box-radios .box-radios-button:first-child label {
      border-left: 0 none; }
    :not(.lt-ie9) .box-radios .box-radios-button:last-child label {
      margin-right: -1px;
      padding-right: 10px; }
  :not(.lt-ie9) .box-radios.gender .box-radios-button label {
    padding: 6px 14px 6px 34px;
    background: #FFFFFF;
    color: #666666;
    position: relative; }
    :not(.lt-ie9) .box-radios.gender .box-radios-button label svg {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      left: 14px; }
      :not(.lt-ie9) .box-radios.gender .box-radios-button label svg .fill {
        fill: #666666; }
  :not(.lt-ie9) .box-radios.gender .box-radios-button input[type='radio']:checked + label {
    background: #2574A9;
    color: #FFFFFF; }
    :not(.lt-ie9) .box-radios.gender .box-radios-button input[type='radio']:checked + label svg .fill {
      fill: #FFFFFF; }
  :not(.lt-ie9) .box-radios.gender .box-radios-button input[type='radio']:checked:focus + label {
    border: 1px solid #000;
    padding: 5px 13px 5px 33px; }
    :not(.lt-ie9) .box-radios.gender .box-radios-button input[type='radio']:checked:focus + label svg {
      left: 13px; }
  :not(.lt-ie9) .box-radios.gender .box-radios-button:last-child input[type='radio']:checked:focus + label {
    padding-left: 34px; }
    :not(.lt-ie9) .box-radios.gender .box-radios-button:last-child input[type='radio']:checked:focus + label svg {
      left: 14px; }
  :not(.lt-ie9) .box-radios.gender .box-radios-button:last-child label {
    margin-right: 0; }
  :not(.lt-ie9) .box-radios.gender.gender--smaller {
    float: right;
    margin-left: 4px; }
    @media all and (max-width: 500px) {
      :not(.lt-ie9) .box-radios.gender.gender--smaller {
        float: none; } }
    :not(.lt-ie9) .box-radios.gender.gender--smaller .box-radios-button {
      margin-right: -5px; }
      :not(.lt-ie9) .box-radios.gender.gender--smaller .box-radios-button label {
        font-size: 0.875em;
        padding: 5px 10px 5px 28px; }
        :not(.lt-ie9) .box-radios.gender.gender--smaller .box-radios-button label svg {
          left: 8px; }

a.reflected-button {
  display: inline-block;
  position: relative;
  padding: 8px;
  min-width: 135px;
  font-size: 1.3em;
  border-radius: 6px 6px 6px 6px;
  text-decoration: none;
  text-align: center;
  background-image: none;
  background-color: #206694;
  color: white; }
  a.reflected-button:hover {
    background-image: none;
    background-color: #00b2f3;
    color: white; }
  a.reflected-button.reflected-button--small {
    font-size: 1em;
    min-width: 110px; }

.investment-mix-grid {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center; }
  .csstransforms .investment-mix-grid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media all and (max-width: 760px) {
      .csstransforms .investment-mix-grid {
        margin: 0;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; } }
  .investment-mix-grid .radio-grid-button {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px; }
    @media all and (max-width: 490px) {
      .investment-mix-grid .radio-grid-button {
        min-width: 90%; } }
    :not(.lt-ie9) .investment-mix-grid .radio-grid-button label {
      min-width: 130px;
      display: block;
      padding: 8px 20px;
      border: 1px solid;
      margin-right: -8px;
      border-color: #2574A9;
      margin: 1px;
      background-image: none;
      background-color: #1d5a83;
      color: #FFF;
      text-align: center;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    :not(.lt-ie9) .investment-mix-grid .radio-grid-button input[type='radio'] {
      position: absolute;
      z-index: -1;
      opacity: 0; }
      :not(.lt-ie9) .investment-mix-grid .radio-grid-button input[type='radio']:checked + label {
        cursor: default;
        background-image: none;
        background-image: none;
        background-color: #2574A9;
        color: #FFF; }

.if-has-spouse {
  display: none; }
  .has-spouse .if-has-spouse {
    display: block; }
    .has-spouse .if-has-spouse.ib {
      display: inline-block; }

.has-spouse .if-no-spouse {
  display: none; }

.foobar {
  position: relative;
  display: inline-block;
  width: 150px;
  z-index: 10; }
  .foobar input {
    background: transparent none;
    border: 0 none;
    width: 100%;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    opacity: 0; }
  .foobar input[type='number'] {
    -moz-appearance: textfield; }
  .foobar input[type='number']::-webkit-outer-spin-button,
  .foobar input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .foobar:before {
    content: attr(data-value);
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    white-space: nowrap; }
  .foobar.active input {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    opacity: 1; }
  .foobar.active:before {
    content: ''; }

.foobar.box-input input, .foobar.box-input:before {
  text-align: center;
  font-size: 1em;
  border: 0 none transparent;
  background: #F7F7F7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
  padding: 3px; }

input.class-name {
  text-align: center;
  font-size: 1em;
  border: 0 none transparent;
  background: #F7F7F7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
  padding: 3px; }

.foobar.bold-input input, .foobar.bold-input:before {
  text-align: right;
  font-weight: bold;
  font-weight: 600; }

input.class-name {
  text-align: right;
  font-weight: bold;
  font-weight: 600; }

.profile-grid {
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center; }
  .profile-grid .radio-grid-button {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    margin-bottom: 2px; }
    :not(.lt-ie9) .profile-grid .radio-grid-button label {
      min-width: 120px;
      display: block;
      padding: 8px 20px;
      border: 1px solid;
      margin-right: -8px;
      border-color: #9db42a;
      margin: 6px;
      background-color: #9db42a;
      background-color: #c0d072;
      background-image: -webkit-linear-gradient(-450deg, #c0d072, #9db42a);
      background-image: linear-gradient(180deg,#c0d072, #9db42a);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#becf6e',EndColorStr='#99b029');
      /* IE6, IE7 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#becf6e',EndColorStr='#99b029')";
      /* IE 8 */
      color: #333333;
      text-align: center;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    :not(.lt-ie9) .profile-grid .radio-grid-button input[type='radio'] {
      position: absolute;
      z-index: -1;
      opacity: 0; }
      :not(.lt-ie9) .profile-grid .radio-grid-button input[type='radio']:checked + label {
        cursor: default;
        background-image: none;
        background-color: #9cb42a;
        background-color: #86a026;
        background-image: -webkit-linear-gradient(-450deg, #86a026, #9cb42a);
        background-image: linear-gradient(180deg,#86a026, #9cb42a);
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#839c25',EndColorStr='#98b029');
        /* IE6, IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#839c25',EndColorStr='#98b029')";
        /* IE 8 */
        color: #333333; }

.about-you-field {
  margin: 52px auto;
  max-width: 95%; }
  .about-you-field::after {
    clear: both;
    content: "";
    display: table; }
  .about-you-field:before, .about-you-field:after {
    content: "";
    display: table; }
  @media all and (max-width: 600px) {
    .about-you-field {
      margin: 32px auto; } }
  .about-you-field .ab-label {
    float: left;
    min-height: 1px;
    position: relative;
    width: 25%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .about-you-field .ab-label:before, .about-you-field .ab-label:after {
      box-sizing: border-box; }
    @media all and (max-width: 600px) {
      .about-you-field .ab-label {
        width: 100%;
        position: relative;
        margin: 0 0 6px 0; }
        .about-you-field .ab-label .help-button {
          position: absolute;
          right: 0;
          margin: 0; } }
  .about-you-field .ab-slider {
    float: left;
    min-height: 1px;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .about-you-field .ab-slider:before, .about-you-field .ab-slider:after {
      box-sizing: border-box; }
    @media all and (max-width: 600px) {
      .about-you-field .ab-slider {
        display: none; } }
  .about-you-field .ab-result {
    float: left;
    min-height: 1px;
    position: relative;
    width: 25%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    text-align: right;
    float: right; }
    .about-you-field .ab-result:before, .about-you-field .ab-result:after {
      box-sizing: border-box; }
    .about-you-field .ab-result .foobar.box-input input, .about-you-field .ab-result .foobar.box-input:before {
      text-align: right;
      font-weight: bold;
      font-weight: 600; }
    .about-you-field .ab-result input.class-name {
      text-align: right;
      font-weight: bold;
      font-weight: 600; }
    .about-you-field .ab-result .foobar {
      width: 90%; }
      @media all and (max-width: 600px) {
        .about-you-field .ab-result .foobar {
          width: 100%; } }
  .about-you-field .ab-control {
    float: left;
    min-height: 1px;
    position: relative;
    width: 75%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .about-you-field .ab-control:before, .about-you-field .ab-control:after {
      box-sizing: border-box; }
  @media all and (max-width: 600px) {
    .about-you-field .ab-result,
    .about-you-field .ab-control {
      width: 100%;
      margin: 0;
      text-align: center; }
      .about-you-field .ab-result .foobar.box-input input, .about-you-field .ab-result .foobar.box-input:before,
      .about-you-field .ab-control .foobar.box-input input,
      .about-you-field .ab-control .foobar.box-input:before {
        text-align: center;
        width: 100%; }
      .about-you-field .ab-result input.class-name,
      .about-you-field .ab-control input.class-name {
        text-align: center;
        width: 100%; } }

.page-header-nav {
  padding-left: 2px;
  position: absolute;
  bottom: 0; }
  .page-header-nav:after {
    content: '';
    height: 1px;
    left: -2px;
    right: -2px;
    bottom: 0;
    background: #CCC;
    position: absolute;
    z-index: -1; }
  .page-header-nav a {
    -webkit-transition: margin-top 0.1s ease-in-out, padding-top 0.1s ease-in-out, opacity 0.1s ease-in-out;
    -moz-transition: margin-top 0.1s ease-in-out, padding-top 0.1s ease-in-out, opacity 0.1s ease-in-out;
    transition: margin-top 0.1s ease-in-out, padding-top 0.1s ease-in-out, opacity 0.1s ease-in-out;
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
    font-weight: bold;
    font-weight: 600;
    font-size: 0.9em;
    border: 1px solid;
    border-radius: 4px 4px 0 0;
    opacity: 0.7;
    border-color: #EEE;
    background-image: none;
    background-color: #FFF;
    text-decoration: none; }
    .page-header-nav a:hover {
      opacity: 0.9; }
    .page-header-nav a.active {
      border-color: #CCC;
      background-image: none;
      background-color: #FFF;
      opacity: 1;
      margin-top: 7px;
      padding-top: 10px;
      margin-bottom: 0;
      border-bottom: 0 none;
      padding-bottom: 7px; }
  .page-header-nav.graph-nav a {
    min-width: 110px; }

.modeller-control-nav-desktop.tabs-7 a,
.modeller-control-nav-mobile.tabs-7 a {
  width: 14.2857142857%; }

.modeller-control-nav-desktop.tabs-6 a,
.modeller-control-nav-mobile.tabs-6 a {
  width: 16.6666666667%; }

.modeller-control-nav-desktop.tabs-5 a,
.modeller-control-nav-mobile.tabs-5 a {
  width: 20%; }

.modeller-control-nav-desktop.tabs-4 a,
.modeller-control-nav-mobile.tabs-4 a {
  width: 25%; }

.modeller-control-nav-desktop.tabs-3 a,
.modeller-control-nav-mobile.tabs-3 a {
  width: 33.3333333333%; }

.modeller-control-nav-desktop.tabs-2 a,
.modeller-control-nav-mobile.tabs-2 a {
  width: 50%; }

.modeller-control-nav-desktop.tabs-1 a,
.modeller-control-nav-mobile.tabs-1 a {
  width: 100%; }

.modeller-control-nav-desktop {
  bottom: 2px;
  left: 1px;
  right: 0.5px; }
  .modeller-control-nav-desktop::after {
    clear: both;
    content: "";
    display: table; }
  .modeller-control-nav-desktop:before, .modeller-control-nav-desktop:after {
    content: "";
    display: table; }
  .modeller-control-nav-desktop.nav-above {
    bottom: unset;
    position: relative;
    top: 3px; }
  @media all and (max-width: 960px) {
    .modeller-control-nav-desktop {
      left: 0;
      right: 0; } }
  @media all and (max-width: 760px) {
    .modeller-control-nav-desktop {
      display: none; } }
  .modeller-control-nav-desktop a {
    background-color: #F3F3F3;
    background-color: #B8B8B8;
    background-image: -webkit-linear-gradient(-450deg, #B8B8B8, #F3F3F3 30%, #F3F3F3);
    background-image: linear-gradient(180deg,#B8B8B8, #F3F3F3 30%, #F3F3F3);
    float: left;
    text-align: center;
    font-size: 0.8em;
    border-left: 1px solid white;
    border-right: 1px solid white;
    margin-top: 2px;
    color: #333333;
    line-height: 1;
    display: block;
    overflow: hidden; }
    .modeller-control-nav-desktop a:first-child {
      border-bottom-left-radius: 8px; }
    .modeller-control-nav-desktop a:last-child {
      border-bottom-right-radius: 8px; }
    @media all and (max-width: 960px) {
      .modeller-control-nav-desktop a:first-child, .modeller-control-nav-desktop a:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; } }
    .no-csstransforms .modeller-control-nav-desktop a {
      padding: 14px 0; }
    .csstransforms .modeller-control-nav-desktop a {
      position: relative;
      height: 45px; }
      .csstransforms .modeller-control-nav-desktop a .tab-text {
        position: absolute;
        padding-left: 4px;
        padding-right: 4px;
        width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .modeller-control-nav-desktop a.active, .modeller-control-nav-desktop a:hover {
      background-image: none;
      background-image: none;
      background-color: #DDD;
      color: #333333; }
    .modeller-control-nav-desktop a.active {
      margin-top: 0; }
      .no-csstransforms .modeller-control-nav-desktop a.active {
        padding-top: 16px; }
      .csstransforms .modeller-control-nav-desktop a.active {
        height: 49px; }
        .csstransforms .modeller-control-nav-desktop a.active .tab-text {
          padding-top: 2px; }
    .modeller-control-nav-desktop a.disabled:before {
      content: '';
      cursor: default;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: 0.4;
      z-index: 10; }

.modeller-control-nav-mobile {
  display: none; }
  .modeller-control-nav-mobile::after {
    clear: both;
    content: "";
    display: table; }
  .modeller-control-nav-mobile:before, .modeller-control-nav-mobile:after {
    content: "";
    display: table; }
  @media all and (max-width: 760px) {
    .modeller-control-nav-mobile {
      display: block; } }
  .modeller-control-nav-mobile a {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    background-color: #F3F3F3;
    background-color: #B8B8B8;
    background-image: -webkit-linear-gradient(-450deg, #B8B8B8, #F3F3F3 30%, #F3F3F3);
    background-image: linear-gradient(180deg,#B8B8B8, #F3F3F3 30%, #F3F3F3);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#b5b5b5',EndColorStr='#f0f0f0');
    /* IE6, IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#b5b5b5',EndColorStr='#f0f0f0')";
    /* IE 8 */
    display: block;
    float: left;
    overflow: hidden;
    border-left: 1px solid white;
    border-right: 1px solid white;
    position: relative;
    margin-bottom: 2px; }
    .modeller-control-nav-mobile a .icon {
      height: 36px; }
      .modeller-control-nav-mobile a .icon svg {
        fill: #575757;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        margin-top: 2px;
        top: 50%;
        left: 50%;
        opacity: 0.7;
        max-height: 26px; }
        .modeller-control-nav-mobile a .icon svg .fill {
          fill: #575757; }
    .modeller-control-nav-mobile a:first-child {
      border-left: 0 none; }
    .modeller-control-nav-mobile a:last-child {
      border-right: 0 none; }
    .modeller-control-nav-mobile a.active, .modeller-control-nav-mobile a:hover {
      margin-bottom: 0;
      padding-bottom: 2px;
      color: #333;
      background-image: none;
      background-image: none;
      background-color: #DDD; }
      .modeller-control-nav-mobile a.active svg .fill, .modeller-control-nav-mobile a:hover svg .fill {
        fill: #575757; }
      .modeller-control-nav-mobile a.active .icon svg, .modeller-control-nav-mobile a:hover .icon svg {
        opacity: 1; }
    .modeller-control-nav-mobile a.disabled:before {
      content: '';
      cursor: default;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: 0.4;
      z-index: 10; }

.result-mobile-summary,
.mobile-summary-only {
  display: none; }

@media all and (orientation: portrait) and (max-width: 420px) {
  .graph-nav,
  .graph-section {
    display: none; }
  .mobile-summary-only {
    display: block; }
  .result-mobile-summary {
    background: #FFF;
    color: #666666;
    position: relative;
    text-align: center;
    padding: 24px 12px;
    font-size: 1.1em; }
    .result-mobile-summary h2 {
      margin-top: 0; }
    .result-mobile-summary .rotate-device {
      font-size: 0.8em;
      position: relative;
      display: inline-block;
      padding-left: 30px; }
      .result-mobile-summary .rotate-device svg {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 0; }
        .result-mobile-summary .rotate-device svg .fill {
          fill: #666666; } }

.plotline-label {
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 600; }

.plotline-fig-label {
  font-size: 1.1em;
  margin-right: 2px;
  padding-left: 4px; }

.plotline-figure {
  font-size: 1.5em;
  font-weight: bold;
  font-weight: 600;
  padding-right: 4px; }

.graph-figure {
  display: inline-block;
  margin-right: 10px; }
  .graph-figure .the-figure {
    font-size: 1.2em;
    font-weight: bold;
    font-weight: 600; }
    .graph-figure .the-figure.over:after {
      content: '+'; }
  .graph-figure .figure-label {
    font-size: 0.8em; }

.modeller-graph-section {
  position: relative;
  padding-bottom: 2px; }
  .modeller-graph-section::after {
    clear: both;
    content: "";
    display: table; }
  .modeller-graph-section:before, .modeller-graph-section:after {
    content: "";
    display: table; }
  .modeller-graph-section .graph-section {
    width: 73%;
    float: left; }
    @media all and (max-width: 760px) {
      .modeller-graph-section .graph-section {
        width: 100%; } }
    .modeller-graph-section .graph-section .graph-wrapper {
      position: relative;
      height: 251px; }
      @media all and (max-width: 760px) {
        .modeller-graph-section .graph-section .graph-wrapper {
          height: 220px; } }
    .modeller-graph-section .graph-section .graph-figures {
      padding: 10px 35px 4px 8px;
      min-height: 43px;
      position: relative; }
      .modeller-graph-section .graph-section .graph-figures .figure-bb {
        position: absolute;
        border-bottom: 1px solid #999;
        left: -2px;
        right: -2px;
        bottom: 0; }
    .modeller-graph-section .graph-section .graph {
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .modeller-graph-section .graph-section.income #income-graph,
    .modeller-graph-section .graph-section.balance #balance-graph {
      opacity: 1;
      z-index: 1; }
  .modeller-graph-section .graph-controls-wrapper {
    -webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
    background-image: none;
    background-color: #EBEBEB;
    width: 27%;
    border-left: 1px solid white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    min-width: 15px;
    padding: 6px 6px 6px 8px;
    font-size: 0.9em;
    z-index: 2; }
    .modeller-graph-section .graph-controls-wrapper::after {
      clear: both;
      content: "";
      display: table; }
    .modeller-graph-section .graph-controls-wrapper .show-controls {
      display: none; }
    .modeller-graph-section .graph-controls-wrapper .hide-controls {
      display: block; }
    @media all and (max-width: 760px) {
      .modeller-graph-section .graph-controls-wrapper {
        position: static;
        padding: 4px 6px 16px 6px;
        border-left: 0 none;
        clear: both;
        width: auto; } }
    .modeller-graph-section .graph-controls-wrapper .graph-controls {
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
  .modeller-graph-section.hidden-controls .graph-section {
    width: 100%;
    width: calc(100% - 10px); }
  .modeller-graph-section.hidden-controls .graph-controls-wrapper {
    right: -27%;
    right: calc(-27% + 10px); }
    .modeller-graph-section.hidden-controls .graph-controls-wrapper .show-controls {
      display: block; }
    .modeller-graph-section.hidden-controls .graph-controls-wrapper .hide-controls {
      display: none; }
    .modeller-graph-section.hidden-controls .graph-controls-wrapper a.toggle-controls svg {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .modeller-graph-section.hidden-controls .graph-controls-wrapper .graph-controls {
      opacity: 0; }
      @media all and (max-width: 760px) {
        .modeller-graph-section.hidden-controls .graph-controls-wrapper .graph-controls {
          opacity: 1; } }

.highchart-tooltip {
  position: relative;
  background: #FFF;
  box-shadow: 0 0 6px #666;
  border: 0 none;
  border-radius: 3px 3px 3px 3px;
  color: #333;
  padding: 8px;
  z-index: 40; }
  .highchart-tooltip h3 {
    margin: 0 0 8px 0;
    font-weight: bold;
    font-weight: 600; }
  .highchart-tooltip .key {
    display: inline-block;
    width: 10px;
    height: 10px; }
  .highchart-tooltip td,
  .highchart-tooltip th {
    border-collapse: separate;
    padding: 0 4px; }

.gc-field {
  position: relative;
  margin: 10px 0 10px 0; }
  .gc-field label {
    display: inline-block;
    margin-bottom: 3px; }
  .gc-field .gc-input {
    position: absolute;
    right: 0;
    top: -2px; }
    .gc-field .gc-input .foobar.bold-input input, .gc-field .gc-input .foobar.bold-input:before {
      font-size: 1.2em;
      line-height: 1.4em; }
    .gc-field .gc-input input.class-name {
      font-size: 1.2em;
      line-height: 1.4em; }
  @media all and (max-width: 760px) {
    .gc-field {
      float: left;
      min-height: 1px;
      position: relative;
      width: 50%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto; }
      .gc-field:before, .gc-field:after {
        box-sizing: border-box; } }
  @media all and (max-width: 510px) {
    .gc-field {
      float: left;
      min-height: 1px;
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto;
      margin-top: 8px;
      margin-bottom: 8px; }
      .gc-field:before, .gc-field:after {
        box-sizing: border-box; } }
  .gc-field.with-help {
    padding-left: 22px; }
    .gc-field.with-help .help-button {
      position: absolute;
      top: 50%;
      left: -6px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .no-csstransform .gc-field.with-help .help-button {
        margin-top: -12px; }
  .gc-field#future-years-current-employment-container {
    display: none; }

.warning-message {
  clear: both;
  display: none;
  background-image: none;
  background-color: #FFF;
  color: #333;
  border: 0 none;
  border-radius: 4px 4px 4px 4px;
  font-size: 0.8em;
  font-style: italic;
  padding: 6px 8px; }
  .warning-message.active {
    display: block; }

a.toggle-controls {
  background-image: none;
  background-color: #EBEBEB;
  color: #666;
  display: block;
  position: absolute;
  top: 5px;
  left: -40px;
  width: 40px;
  padding: 6px 6px 6px 6px;
  border-radius: 4px 0 0 4px;
  font-weight: bold;
  font-weight: 600;
  font-size: 0.8em; }
  a.toggle-controls svg {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
    a.toggle-controls svg .fill-this {
      fill: #666; }

.modeller-controls {
  background-image: none;
  background-color: #DDD;
  position: relative;
  margin-top: 3px; }
  .modeller-controls::after {
    clear: both;
    content: "";
    display: table; }
  .modeller-controls:before, .modeller-controls:after {
    content: "";
    display: table; }
  .modeller-controls:before {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    left: -2px;
    right: -2px;
    top: -2px;
    background: #2574A9; }
  .modeller-controls.nav-above:before {
    display: none; }
  @media all and (max-width: 760px) {
    .modeller-controls {
      margin: 0;
      background-image: none;
      background-image: none;
      background-color: #DDD;
      position: static;
      left: auto;
      right: auto;
      bottom: auto;
      padding: 0; }
      .modeller-controls:before {
        display: none; } }
  .modeller-controls .modeller-control-section {
    position: relative;
    min-height: 166px;
    padding-bottom: 8px; }
    .modeller-controls .modeller-control-section::after {
      clear: both;
      content: "";
      display: table; }
    .modeller-controls .modeller-control-section:before, .modeller-controls .modeller-control-section:after {
      content: "";
      display: table; }
    .modeller-controls .modeller-control-section .section-title-mobile {
      float: left;
      min-height: 1px;
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto;
      font-size: 1em;
      margin-top: 12px;
      margin-bottom: 6px;
      display: none; }
      .modeller-controls .modeller-control-section .section-title-mobile:before, .modeller-controls .modeller-control-section .section-title-mobile:after {
        box-sizing: border-box; }
      @media all and (max-width: 760px) {
        .modeller-controls .modeller-control-section .section-title-mobile {
          display: block; } }
    .modeller-controls .modeller-control-section .control-section-text {
      font-size: 0.9375em; }
      @media all and (max-width: 500px) {
        .modeller-controls .modeller-control-section .control-section-text {
          margin-bottom: 16px; } }
    .modeller-controls .modeller-control-section .popup-message {
      display: none; }
    .modeller-controls .modeller-control-section.disabled .inline-input-control,
    .modeller-controls .modeller-control-section.disabled .section-desc-text {
      opacity: 0.6; }
    .modeller-controls .modeller-control-section.disabled:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #000;
      opacity: 0.4;
      z-index: 10; }
    .modeller-controls .modeller-control-section.disabled .popup-message {
      position: absolute;
      padding: 12px 22px;
      background: #FFF;
      display: inline;
      z-index: 11;
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .modeller-controls .modeller-control-section.disabled .popup-message .no-csstransforms {
        width: 400px;
        margin-left: -200px;
        top: 40px; }
      .modeller-controls .modeller-control-section.disabled .popup-message a {
        text-decoration: underline; }
  .modeller-controls .section-desc-text {
    float: left;
    min-height: 1px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    padding: 0 1.0416666667% !important; }
    .modeller-controls .section-desc-text:before, .modeller-controls .section-desc-text:after {
      box-sizing: border-box; }
    .modeller-controls .section-desc-text.only-question {
      margin-bottom: 8px; }
  .modeller-controls .inline-input-control {
    float: left;
    min-height: 1px;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    margin-top: 8px;
    margin-bottom: 8px; }
    .modeller-controls .inline-input-control:before, .modeller-controls .inline-input-control:after {
      box-sizing: border-box; }
    @media all and (max-width: 760px) {
      .modeller-controls .inline-input-control {
        float: left;
        min-height: 1px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 12px 0 12px 12px;
        padding: inherit;
        min-height: auto;
        margin-top: 8px;
        margin-bottom: 8px; }
        .modeller-controls .inline-input-control:before, .modeller-controls .inline-input-control:after {
          box-sizing: border-box; } }

.inline-input-control {
  position: relative;
  min-height: 45px !important;
  padding: 0 1.0416666667% !important; }
  .inline-input-control .control-label,
  .inline-input-control .control-slider,
  .inline-input-control div.foobar,
  .inline-input-control .control {
    position: absolute; }
    .csstransforms .inline-input-control .control-label, .csstransforms
    .inline-input-control .control-slider, .csstransforms
    .inline-input-control div.foobar, .csstransforms
    .inline-input-control .control {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media all and (max-width: 500px) {
      .inline-input-control .control-label,
      .inline-input-control .control-slider,
      .inline-input-control div.foobar,
      .inline-input-control .control {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; } }
  .inline-input-control .control-label {
    width: 29%;
    text-align: left; }
    .inline-input-control .control-label .help-button {
      position: absolute;
      left: 0; }
      .csstransforms .inline-input-control .control-label .help-button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .inline-input-control .control-label label {
      display: block;
      margin-left: 26px;
      margin-right: 12px;
      font-size: 0.875em; }
      .inline-input-control .control-label label.no-label {
        margin-left: 0; }
    @media all and (max-width: 500px) {
      .inline-input-control .control-label {
        width: 100%;
        margin-bottom: 6px;
        padding-left: 0;
        display: block; }
        .inline-input-control .control-label .help-button {
          left: auto;
          right: 0; }
        .inline-input-control .control-label label {
          display: inline-block;
          margin-left: 0; } }
  .inline-input-control .control-slider {
    width: 47%;
    left: 28%; }
    @media all and (max-width: 500px) {
      .inline-input-control .control-slider {
        display: none; } }
    .inline-input-control .control-slider.narrow {
      width: 30%; }
    .inline-input-control .control-slider.left-50 {
      left: 50%; }
  .inline-input-control div.foobar {
    width: 21.5%;
    right: 8px; }
    .inline-input-control div.foobar.narrow {
      width: 18%;
      right: 4px; }
    @media all and (max-width: 500px) {
      .inline-input-control div.foobar {
        width: 100%; }
        .inline-input-control div.foobar.narrow {
          width: 30%;
          right: 4px;
          position: absolute; } }
  .inline-input-control .control {
    width: 71%;
    left: 29%; }
    @media all and (max-width: 500px) {
      .inline-input-control .control {
        text-align: center;
        width: 100%;
        left: 0; } }

.inline-input-only {
  display: inline-block;
  margin: 6px 18px 6px 0; }
  @media all and (max-width: 500px) {
    .inline-input-only.radios {
      text-align: center; }
      .inline-input-only.radios .control-label {
        text-align: left;
        margin-bottom: 0; } }
  .inline-input-only.iio--tight {
    margin-top: 0;
    margin-bottom: 0; }
    @media all and (max-width: 960px) {
      .inline-input-only.iio--tight {
        margin-top: 6px;
        margin-bottom: 6px; } }
  .inline-input-only .control-label {
    display: inline-block;
    margin-right: 2px; }
    .inline-input-only .control-label label {
      font-size: 0.875em; }
    .inline-input-only .control-label.gender-adj {
      margin-top: 4px; }
    @media all and (max-width: 500px) {
      .inline-input-only .control-label {
        width: 100%;
        margin-bottom: 6px;
        padding-left: 0;
        display: block; }
        .inline-input-only .control-label .help-button {
          position: absolute;
          right: 0; }
        .inline-input-only .control-label label {
          display: inline-block;
          margin-left: 0; } }
  .inline-input-only div.foobar {
    width: 100px; }
    @media all and (max-width: 500px) {
      .inline-input-only div.foobar {
        width: 100%; } }
  @media all and (max-width: 500px) {
    .inline-input-only {
      display: block;
      margin: 6px 0; } }

.spouse-inputs h4 {
  margin: 6px 0;
  font-weight: normal; }

.spouse-details-header h4 {
  display: inline-block; }

.spouse-details-header .remove-spouse {
  margin-left: 8px;
  font-style: italic;
  font-size: 0.8em;
  text-decoration: underline; }
  .spouse-details-header .remove-spouse:hover {
    text-decoration: none; }

.have-spouse-question {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto;
  padding: 0 1.0416666667% !important; }
  .have-spouse-question:before, .have-spouse-question:after {
    box-sizing: border-box; }
  .have-spouse-question p {
    font-size: 0.9em;
    margin-bottom: 6px; }

.spouse-personal-details {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto;
  padding: 0 1.0416666667% !important;
  padding-bottom: 16px;
  position: relative; }
  .spouse-personal-details:before, .spouse-personal-details:after {
    box-sizing: border-box; }

.spouse-contributions::after {
  clear: both;
  content: "";
  display: table; }

.spouse-contributions:before, .spouse-contributions:after {
  content: "";
  display: table; }

.spouse-contributions h4 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto;
  padding: 0 1.0416666667% !important; }
  .spouse-contributions h4:before, .spouse-contributions h4:after {
    box-sizing: border-box; }
  @media all and (max-width: 500px) {
    .spouse-contributions h4 {
      margin-bottom: 8px; } }

.help-button {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  font-size: 0.9em;
  margin-right: 4px;
  background-image: none;
  background-color: #2574A9;
  color: #FFF;
  box-shadow: none;
  cursor: pointer; }

.tooltip {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  padding: 20px 20px;
  font-size: 0.9em;
  text-align: left;
  color: #333333;
  border-radius: 10px;
  opacity: 0;
  z-index: -10;
  background-image: none;
  background-color: #FFFFFF;
  border-color: #7e7e7e;
  margin: 0;
  -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
  -moz-transform: translateY(-50%) translate3d(0, 0, 0);
  -ms-transform: translateY(-50%) translate3d(0, 0, 0);
  -o-transform: translateY(-50%) translate3d(0, 0, 0);
  transform: translateY(-50%) translate3d(0, 0, 0); }
  .no-csstransforms .tooltip {
    margin-top: -20px; }
  .no-opacity .tooltip {
    display: none; }
  .tooltip h6 {
    font-size: 1em;
    margin: 0; }
  .tooltip.active {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0.95;
    z-index: 9999;
    box-shadow: 1px 1px 4px #111; }
    .no-opacity .tooltip.active {
      display: block; }
  @media all and (max-width: 500px) {
    .tooltip {
      text-align: center;
      margin: -5px 0 0 0; } }

.dialog {
  background: #FFF;
  padding: 12px 18px;
  max-width: 900px;
  width: 90%;
  max-height: 100%;
  border: 1px solid #2574A9;
  border-radius: 4px;
  display: none; }
  @media all and (max-width: 600px) {
    .dialog h3 {
      text-align: center; } }
  .dialog .dialog-actions {
    margin: 14px 0 6px 0;
    text-align: right;
    position: relative; }
    @media all and (max-width: 600px) {
      .dialog .dialog-actions {
        text-align: center; } }
    .dialog .dialog-actions .version {
      position: absolute;
      font-size: 0.6em;
      left: 0;
      bottom: 0;
      color: #666; }

.disclaimer-wrapper {
  width: 90%;
  margin: 20px 5%;
  line-height: 22px; }

.disclaimer-content {
  margin-top: 1.4em;
  height: 300px;
  overflow-y: scroll;
  padding: 4px 8px;
  border: 1px solid #999; }
  @media all and (max-width: 800px) {
    .disclaimer-content {
      height: auto;
      overflow-y: auto;
      padding: 0;
      border: 0 none; } }

.disclaimer-text {
  font-size: 0.9em; }
  @media print {
    .disclaimer-text {
      font-size: 0.8em; } }
  .disclaimer-text table {
    margin: 12px 0; }
  .disclaimer-text th {
    text-align: left; }
  .disclaimer-text td,
  .disclaimer-text th {
    padding: 2px 4px;
    min-width: 100px; }
  .disclaimer-text a {
    text-decoration: underline;
    color: blue;
    color: -webkit-link; }
    .disclaimer-text a:hover {
      text-decoration: none; }
  .disclaimer-text ul {
    list-style: disc;
    margin-left: 30px; }

.assumptions-field {
  max-width: 95%;
  margin: 18px 0; }
  .assumptions-field::after {
    clear: both;
    content: "";
    display: table; }
  .assumptions-field:before, .assumptions-field:after {
    content: "";
    display: table; }
  .assumptions-field .as-help {
    float: left;
    min-height: 1px;
    position: relative;
    width: 8.3333333333%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    margin-left: 0;
    width: auto; }
    .assumptions-field .as-help:before, .assumptions-field .as-help:after {
      box-sizing: border-box; }
    .assumptions-field .as-help::after {
      clear: both;
      content: "";
      display: table; }
    .assumptions-field .as-help:before, .assumptions-field .as-help:after {
      content: "";
      display: table; }
  .assumptions-field .as-label {
    float: left;
    min-height: 1px;
    position: relative;
    width: 25%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    margin-left: 0; }
    .assumptions-field .as-label:before, .assumptions-field .as-label:after {
      box-sizing: border-box; }
    .assumptions-field .as-label::after {
      clear: both;
      content: "";
      display: table; }
    .assumptions-field .as-label:before, .assumptions-field .as-label:after {
      content: "";
      display: table; }
    @media all and (max-width: 600px) {
      .assumptions-field .as-label {
        float: left;
        min-height: 1px;
        position: relative;
        width: 91.6666666667%;
        box-sizing: border-box;
        padding: 12px 0 12px 12px;
        padding: inherit;
        min-height: auto;
        text-align: center;
        margin-bottom: 6px; }
        .assumptions-field .as-label:before, .assumptions-field .as-label:after {
          box-sizing: border-box; } }
  .assumptions-field .as-slider {
    float: left;
    min-height: 1px;
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .assumptions-field .as-slider:before, .assumptions-field .as-slider:after {
      box-sizing: border-box; }
    .assumptions-field .as-slider::after {
      clear: both;
      content: "";
      display: table; }
    .assumptions-field .as-slider:before, .assumptions-field .as-slider:after {
      content: "";
      display: table; }
    @media all and (max-width: 600px) {
      .assumptions-field .as-slider {
        display: none; } }
  .assumptions-field .as-result {
    float: left;
    min-height: 1px;
    position: relative;
    width: 16.6666666667%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto;
    text-align: right;
    float: right; }
    .assumptions-field .as-result:before, .assumptions-field .as-result:after {
      box-sizing: border-box; }
    .assumptions-field .as-result::after {
      clear: both;
      content: "";
      display: table; }
    .assumptions-field .as-result:before, .assumptions-field .as-result:after {
      content: "";
      display: table; }
    .assumptions-field .as-result .foobar.box-input input, .assumptions-field .as-result .foobar.box-input:before {
      text-align: right;
      font-weight: bold;
      font-weight: 600; }
    .assumptions-field .as-result input.class-name {
      text-align: right;
      font-weight: bold;
      font-weight: 600; }
    .assumptions-field .as-result .foobar {
      width: 90%; }
  .assumptions-field .as-control {
    float: left;
    min-height: 1px;
    position: relative;
    width: 75%;
    box-sizing: border-box;
    padding: 12px 0 12px 12px;
    padding: inherit;
    min-height: auto; }
    .assumptions-field .as-control:before, .assumptions-field .as-control:after {
      box-sizing: border-box; }
  .assumptions-field .as-description {
    margin-top: 24px;
    font-size: 0.9em;
    color: #686868; }
    @media all and (max-width: 600px) {
      .assumptions-field .as-description {
        text-align: center; } }
  @media all and (max-width: 600px) {
    .assumptions-field .as-result,
    .assumptions-field .as-control {
      float: left;
      min-height: 1px;
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto;
      text-align: center; }
      .assumptions-field .as-result:before, .assumptions-field .as-result:after,
      .assumptions-field .as-control:before,
      .assumptions-field .as-control:after {
        box-sizing: border-box; }
      .assumptions-field .as-result .foobar.box-input input, .assumptions-field .as-result .foobar.box-input:before,
      .assumptions-field .as-control .foobar.box-input input,
      .assumptions-field .as-control .foobar.box-input:before {
        text-align: center; }
      .assumptions-field .as-result input.class-name,
      .assumptions-field .as-control input.class-name {
        text-align: center; }
      .assumptions-field .as-result .foobar,
      .assumptions-field .as-control .foobar {
        max-width: 300px; } }

.remove-employer-contributions {
  font-size: 0.8em;
  text-decoration: underline;
  font-style: italic;
  cursor: pointer; }

.employer-contribitions-field .employer-contributions-enable {
  display: none; }

#remove-employer-contributions {
  display: none; }
  #remove-employer-contributions:checked + .employer-contribitions-field .slider-wrapper,
  #remove-employer-contributions:checked + .employer-contribitions-field .foobar {
    display: none; }
  #remove-employer-contributions:checked + .employer-contribitions-field .employer-contributions-enable {
    display: inline; }
  #remove-employer-contributions:checked + .employer-contribitions-field .employer-contributions-disable {
    display: none; }

.early-access-control {
  position: relative; }
  .early-access-control.hidden {
    display: none; }
  .early-access-control .narrow-label {
    display: inline-block;
    max-width: 49%; }

@media (max-width: 420px) {
  .inline-input-control .early-access-control div.foobar.narrow {
    position: initial;
    width: 100%; }
  .early-access-control .control-section-text {
    width: 100%; } }

.input-well {
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  font-size: 0.9em;
  padding: 1px 10px; }

.early-access-icon {
  position: relative;
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  background-image: none;
  background-color: #2574A9;
  border-radius: 50%;
  margin: 5px 5px 0 0;
  padding: 4px; }

.early-access-cost-figure {
  margin-left: 32px; }

#desktop-section-nav-early-access svg, #mobile-section-nav-early-access svg {
  fill: #e87e04; }

#desktop-section-nav-early-access .tab-text, #mobile-section-nav-early-access .tab-text {
  color: #e87e04;
  font-weight: bold; }

#covid-overdraw-warning.hidden {
  display: none; }

.redraw-warning {
  background: #ffdab9;
  padding: 4px 2px;
  font-size: 11px;
  border-radius: 4px;
  color: brown;
  margin-bottom: 10px; }

.noUi-origin {
  width: 9.5%; }
  @media all and (max-width: 850px) {
    .noUi-origin {
      width: 9.4%; } }
  @media all and (max-width: 800px) {
    .noUi-origin {
      width: 9.4%; } }
  @media all and (max-width: 750px) {
    .noUi-origin {
      width: 9.3%; } }
  @media all and (max-width: 700px) {
    .noUi-origin {
      width: 9.2%; } }

.slider-wrapper .slider.noUi-target .noUi-handle {
  left: 14px; }
  @media all and (max-width: 850px) {
    .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 8px; } }
  @media all and (max-width: 800px) {
    .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 7px; } }
  @media all and (max-width: 750px) {
    .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 4px; } }
  @media all and (max-width: 700px) {
    .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 2px; } }

.graph-controls .noUi-origin, .modeller-controls .noUi-origin {
  width: 9%; }
  @media all and (max-width: 800px) {
    .graph-controls .noUi-origin, .modeller-controls .noUi-origin {
      width: 8.8%; } }
  @media all and (max-width: 750px) {
    .graph-controls .noUi-origin, .modeller-controls .noUi-origin {
      width: 9.4%; } }

.graph-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower, .modeller-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower {
  left: -3px; }
  @media all and (max-width: 800px) {
    .graph-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower, .modeller-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower {
      left: -7px; } }
  @media all and (max-width: 750px) {
    .graph-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower, .modeller-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower {
      left: 8px; } }
  @media all and (max-width: 650px) {
    .graph-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower, .modeller-controls .slider-wrapper .slider.noUi-target .noUi-handle.noUi-handle-lower {
      left: 4px; } }

.about-you-field .noUi-origin {
  width: 9.6%; }
  @media all and (max-width: 850px) {
    .about-you-field .noUi-origin {
      width: 9.5%; } }
  @media all and (max-width: 750px) {
    .about-you-field .noUi-origin {
      width: 9.4%; } }
  @media all and (max-width: 650px) {
    .about-you-field .noUi-origin {
      width: 9.2%; } }

.about-you-field .noUi-origin {
  width: 9.6%; }
  @media all and (max-width: 850px) {
    .about-you-field .noUi-origin {
      width: 9.5%; } }
  @media all and (max-width: 750px) {
    .about-you-field .noUi-origin {
      width: 9.4%; } }
  @media all and (max-width: 650px) {
    .about-you-field .noUi-origin {
      width: 9.2%; } }

.about-you-field .slider-wrapper .slider.noUi-target .noUi-handle {
  left: 20px; }
  @media all and (max-width: 850px) {
    .about-you-field .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 13px; } }
  @media all and (max-width: 750px) {
    .about-you-field .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 9px; } }
  @media all and (max-width: 650px) {
    .about-you-field .slider-wrapper .slider.noUi-target .noUi-handle {
      left: 3px; } }

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  position: relative;
  transition: all 5s ease-in-out;
  top: 30px; }

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  padding: 1rem 2rem 0; }

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

.popup .close:hover {
  color: #00b2f3; }

.popup .content {
  max-height: 30%;
  overflow: auto; }

.popup-textbox {
  height: 500px;
  width: 100%;
  border: 1px solid #ccc;
  overflow-y: scroll;
  padding: 20px;
  line-height: 24px;
  font-size: 14px; }
  .popup-textbox th {
    text-align: left; }
  .popup-textbox td, .popup-textbox th {
    padding: 0 10px; }
  .popup-textbox ul {
    list-style: disc;
    margin: 0;
    padding: 0 20px; }

.content {
  display: none; }
  @media screen and (max-width: 414px) {
    .content {
      padding: 0 15px; } }

.welcome-continue-box__main {
  box-shadow: none !important;
  padding: 2rem;
  margin: 0;
  font-size: 0.875em; }
  @media screen and (max-width: 710px) {
    .welcome-continue-box__main {
      padding: 2rem 1rem; } }
  @media screen and (max-width: 414px) {
    .welcome-continue-box__main {
      padding: 1rem 0; } }
  .welcome-continue-box__main small {
    display: none;
    color: #B00116;
    margin-bottom: 18px; }

.page-header .edit-assumptions-button {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 100px;
  font-size: 0.9em;
  color: white; }

@media all and (max-width: 545px) {
  .page-header .print-button, .page-header .edit-assumptions-button {
    display: none; } }

.super-tab-continue-container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .super-tab-continue-container .disclaimer-link {
    background: #EBEBEB;
    padding: 14px 20px;
    max-width: 400px;
    border-radius: 4px; }
  .super-tab-continue-container .reflected-button {
    max-width: 100px; }
  .super-tab-continue-container a {
    float: unset; }

.tick-checkbox {
  left: -33px;
  top: 16px; }

.tick-checkbox-tick {
  cursor: pointer; }

.svg:not(.lt-ie9) .tick-checkbox .tick-checkbox-tick {
  border: 2px solid grey;
  border-radius: 3px; }

.disclaimer-not-accepted .pages #welcome-page a.reflected-button {
  background: grey;
  pointer-events: none; }

.svg:not(.lt-ie9) .disclaimer-not-accepted .tick-checkbox .tick-checkbox-tick {
  border: 1px solid grey; }

label.tick-checkbox-tick {
  display: inline-block;
  margin: 2rem;
  opacity: 70%; }

.disclaimer-icon {
  content: url(../images/plus-icon-new.svg?v=8699833546225499000); }

#disclaimer-dropdown-about, #disclaimer-dropdown-modeller, #disclaimer-dropdown-assumptions {
  padding: 10px 20px;
  margin: 22px 5px auto 5px;
  background-color: #eceaea;
  font-weight: 600;
  font-size: 15px;
  text-decoration: underline;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  cursor: pointer; }
  #disclaimer-dropdown-about p, #disclaimer-dropdown-modeller p, #disclaimer-dropdown-assumptions p {
    display: inline-block; }
  #disclaimer-dropdown-about img, #disclaimer-dropdown-modeller img, #disclaimer-dropdown-assumptions img {
    width: 18px; }

#super-page #disclaimer-dropdown-modeller {
  border-radius: 7px; }

#panel-about, #panel-modeller, #panel-assumptions {
  background-color: #eceaea;
  padding: 20px;
  display: none;
  border-radius: 0 0 4px 4px;
  margin: auto 5px; }
  #panel-about .popup-textbox, #panel-modeller .popup-textbox, #panel-assumptions .popup-textbox {
    background-color: #fff; }

.rotate {
  transform: rotate(45deg);
  transition: .3s; }

::-webkit-scrollbar {
  width: 10px; }

::-webkit-scrollbar-track {
  background: #f1f1f1; }

::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px; }

::-webkit-scrollbar-thumb:hover {
  background: #969696; }

.edit-assumptions-button svg {
  display: none; }

.edit-assumptions-button::before {
  content: '';
  background: url(../images/sliders-icon.svg?v=8699833546225499000);
  background-size: 18px;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0px;
  left: -25px; }

#disclaimer-and-assumptions-nav {
  display: none; }

.intro-btn {
  background-color: #206694;
  padding: 8px;
  display: inline-block;
  position: relative;
  min-width: 135px;
  font-size: 1.3em;
  text-align: center;
  color: white;
  text-decoration: none !important; }

.pages .page {
  margin-bottom: 67px; }

.pages .page.super-page {
  margin-bottom: 0; }

#panel-modeller {
  margin: 0; }

#disclaimer-dropdown-modeller {
  margin: 6px 0px auto 0px; }

.footer-text a.disclaimer-link {
  display: inline-block; }

#disclaimer-assumptions-page .reflected-button {
  margin-top: 18px; }

#disclaimer-assumptions-page #disclaimer-dropdown-assumptions, #disclaimer-assumptions-page #panel-assumptions {
  margin: 0; }

.disable-content .inline-input-control {
  pointer-events: none;
  opacity: 0.4; }

.disable-content .full-column-width {
  pointer-events: none;
  opacity: 0.4; }

#disable-contributions-text,
#disable-part-time-text {
  padding: 6px 8px;
  text-align: center;
  background: white;
  margin: 8px 16px;
  border-radius: 4px;
  font-size: 0.8em; }

.modeller-control-section a.underline {
  cursor: pointer;
  text-decoration: underline; }
  .modeller-control-section a.underline:hover {
    text-decoration: none; }

.print-container {
  margin: 0;
  padding: 10px 20px;
  min-height: 0;
  background-color: white; }
  .print-container table.print-table {
    width: 100%;
    text-align: left;
    page-break-inside: avoid;
    margin-bottom: 21px; }
    .print-container table.print-table th {
      min-width: 50%;
      font-weight: normal;
      text-align: left; }
    .print-container table.print-table td {
      text-align: right; }
    .print-container table.print-table .spouse-output {
      display: none; }
    .print-container table.print-table.indented th {
      padding-left: 21px; }
    .print-container table.print-table tr.with-spacing-bottom th, .print-container table.print-table tr.with-spacing-bottom td {
      padding-bottom: 20px; }
  .print-container.has-spouse table.print-table .spouse-output.tc {
    display: table-cell; }
  .print-container h1 {
    font-weight: normal;
    font-size: 1.8em;
    margin-bottom: 24px; }
    .csstransforms .print-container h1.with-logo {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
      position: relative;
      margin-bottom: -20px; }
  .print-container h2 {
    font-weight: normal;
    font-size: 1.4em;
    margin-bottom: 12px; }
  .print-container h4 {
    font-size: 1em;
    font-weight: bold;
    font-weight: 800;
    margin: 21px 0 0 0; }
  .print-container h5 {
    margin: 21px 0 0 0;
    font-weight: 600;
    font-size: 1em; }
  .print-container .the-graphs {
    text-align: center; }
    .print-container .the-graphs .print-graph {
      margin: 6px 0;
      width: 500px;
      height: 180px;
      display: inline-block; }
      .print-container .the-graphs .print-graph .plotline-label {
        padding-top: 6px; }
        .print-container .the-graphs .print-graph .plotline-label .plotline-fig-label {
          font-size: inherit; }
        .print-container .the-graphs .print-graph .plotline-label .plotline-figure {
          font-size: inherit; }

@media print {
  .top-header, .page-header, footer, .tooltip {
    display: none; }
  .pages {
    min-height: 0;
    border: 0 none; }
    .pages .page {
      display: none !important; }
    .pages .print-page {
      display: block !important; }
  body {
    font-size: 14px; } }

@font-face {
  font-family: "Helvetica Neue LT Thin";
  src: url(../font/helvetica_neue_lt_thin.eot?#iefix);
  src: url(../font/helvetica_neue_lt_thin.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_thin.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_thin.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_thin.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_thin.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT Light";
  src: url(../font/helvetica_neue_lt_light.eot?#iefix);
  src: url(../font/helvetica_neue_lt_light.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_light.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_light.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_light.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_light.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT Medium";
  src: url(../font/helvetica_neue_lt_medium.eot?#iefix);
  src: url(../font/helvetica_neue_lt_medium.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_medium.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_medium.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_medium.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_medium.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: helvetica-neue-local-300;
  src: local("Helvetica Neue");
  font-weight: 300; }

@font-face {
  font-family: segoe-ui-local-400;
  src: local("Segoe UI");
  font-weight: 400; }

@font-face {
  font-family: "Helvetica Neue LT Thin";
  src: url(../font/helvetica_neue_lt_thin.eot?#iefix);
  src: url(../font/helvetica_neue_lt_thin.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_thin.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_thin.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_thin.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_thin.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT Light";
  src: url(../font/helvetica_neue_lt_light.eot?#iefix);
  src: url(../font/helvetica_neue_lt_light.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_light.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_light.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_light.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_light.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT Medium";
  src: url(../font/helvetica_neue_lt_medium.eot?#iefix);
  src: url(../font/helvetica_neue_lt_medium.eot?#iefix) format("eot"), url(../font/helvetica_neue_lt_medium.woff2?v=8699833546225499000) format("woff2"), url(../font/helvetica_neue_lt_medium.woff?v=8699833546225499000) format("woff"), url(../font/helvetica_neue_lt_medium.ttf?v=8699833546225499000) format("truetype"), url(../font/helvetica_neue_lt_medium.svg?v=8699833546225499000) format("svg"); }

@font-face {
  font-family: helvetica-neue-local-300;
  src: local("Helvetica Neue");
  font-weight: 300; }

@font-face {
  font-family: segoe-ui-local-400;
  src: local("Segoe UI");
  font-weight: 400; }

* {
  font-family: segoe-ui-local-400, "Helvetica Neue", helvetica-neue-lt-light, Frutiger, "Frutiger Linotype", "Dejavu Sans", Arial, sans-serif;
  line-height: 1.3; }

h1, h2, h3 {
  font-family: "Helvetica Neue LT Light", segoe-ui-local-400, "Helvetica Neue", helvetica-neue-lt-light, Frutiger, "Frutiger Linotype", "Dejavu Sans", Arial, sans-serif;
  font-weight: normal; }

h4, h5 {
  font-family: "Helvetica Neue LT Medium", segoe-ui-local-400, "Helvetica Neue", helvetica-neue-lt-light, Frutiger, "Frutiger Linotype", "Dejavu Sans", Arial, sans-serif;
  font-weight: 700; }

body {
  font-family: segoe-ui-local-400, "Helvetica Neue", helvetica-neue-lt-light, Frutiger, "Frutiger Linotype", "Dejavu Sans", Arial, sans-serif; }

p {
  margin-bottom: 0.8em; }

.help-button {
  background-color: white;
  color: #2574A9;
  border: 2px solid #2574A9;
  font-weight: bold; }

.welcome-container h2 {
  font-size: 2em;
  margin-bottom: 0;
  margin-top: 30px; }
  @media all and (max-width: 600px) {
    .welcome-container h2 {
      margin-bottom: 12px; } }

.welcome-container p {
  margin-bottom: 1.4em; }

.welcome-text-content {
  float: left;
  min-height: 1px;
  position: relative;
  width: 58.3333333333%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  padding: inherit;
  min-height: auto; }
  .welcome-text-content:before, .welcome-text-content:after {
    box-sizing: border-box; }
  @media all and (max-width: 600px) {
    .welcome-text-content {
      float: left;
      min-height: 1px;
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto; }
      .welcome-text-content:before, .welcome-text-content:after {
        box-sizing: border-box; } }

.info-text-content {
  float: left;
  min-height: 1px;
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding: 12px 0 12px 12px;
  right: 0%;
  padding: inherit;
  min-height: auto; }
  .info-text-content:before, .info-text-content:after {
    box-sizing: border-box; }
  @media all and (max-width: 600px) {
    .info-text-content {
      float: left;
      min-height: 1px;
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 0 12px 12px;
      padding: inherit;
      min-height: auto; }
      .info-text-content:before, .info-text-content:after {
        box-sizing: border-box; } }

.column-4 {
  width: 100% !important; }

.welcome-continue-box {
  background: #fff;
  margin-top: 12px;
  padding: 16px 21px 24px 21px;
  border-radius: 6px; }
  .welcome-continue-box .continue-button-wrapper {
    margin-top: 42px;
    text-align: center; }
    @media all and (max-width: 600px) {
      .welcome-continue-box .continue-button-wrapper {
        margin-top: 0; } }

.foobar.box-input input, .foobar.box-input:before {
  border-radius: 4px; }

.investment-mix-grid .radio-grid-button label {
  border-radius: 20px; }
  .investment-mix-grid .radio-grid-button label:hover {
    background-color: #062034; }

a.reflected-button {
  font-size: 1.1em;
  text-decoration: none;
  border-radius: 20px;
  background-color: #2574A9; }
  a.reflected-button:hover {
    background-color: #062034; }
  a.reflected-button:active {
    background-color: #206694; }

.pages {
  border-color: #eeeeee;
  padding: 1px; }
  .pages .page.super-page {
    margin-bottom: 0; }

.page-header-nav {
  bottom: -1px; }

.top-header .main-nav {
  left: initial;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0; }
  .top-header .main-nav a {
    font-size: 15px;
    padding: 15px 2rem;
    font-weight: 600;
    margin: 0;
    border: 1px solid white; }
    @media screen and (min-width: 800px) {
      .top-header .main-nav a {
        padding: 15px 44px 15px 20px; }
        .top-header .main-nav a::before {
          left: 16px; } }
  .top-header .main-nav a.active {
    padding: 15px 2rem;
    margin: 0; }
    @media screen and (min-width: 800px) {
      .top-header .main-nav a.active {
        padding: 15px 44px 15px 20px; } }

.welcome-tab,
.about-tab,
.super-tab,
.info-tab {
  position: relative; }

.welcome-tab > svg,
.about-tab > svg,
.super-tab > svg,
.info-tab > svg {
  display: none; }

.welcome-tab::after {
  content: '';
  background: url(../images/home.png?v=8699833546225499000);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  margin: 0 50%;
  top: 6px;
  right: -8px; }
  @media screen and (min-width: 600px) {
    .welcome-tab::after {
      top: 12px;
      right: 15px;
      margin: 0; } }
  @media screen and (min-width: 800px) {
    .welcome-tab::after {
      right: 10px; } }

.info-tab::after {
  content: '';
  background: url(../images/info.png?v=8699833546225499000);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  margin: 0 50%;
  top: 6px;
  right: -8px; }
  @media screen and (min-width: 600px) {
    .info-tab::after {
      top: 12px;
      right: 15px;
      margin: 0; } }
  @media screen and (min-width: 800px) {
    .info-tab::after {
      right: 10px; } }

.about-tab::after {
  content: '';
  background: url(../images/person.png?v=8699833546225499000);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  margin: 0 50%;
  top: 6px;
  right: -8px; }
  @media screen and (min-width: 600px) {
    .about-tab::after {
      top: 12px;
      right: 15px;
      margin: 0; } }
  @media screen and (min-width: 800px) {
    .about-tab::after {
      right: 10px; } }

.super-tab::after {
  content: '';
  background: url(../images/general-advice.png?v=8699833546225499000);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  margin: 0 50%;
  top: 6px;
  right: -8px; }
  @media screen and (min-width: 600px) {
    .super-tab::after {
      top: 12px;
      right: 15px;
      margin: 0; } }
  @media screen and (min-width: 800px) {
    .super-tab::after {
      right: 10px; } }

#supermodeller-link {
  font-family: segoe-ui-local-400, "Helvetica Neue", helvetica-neue-lt-light, Frutiger, "Frutiger Linotype", "Dejavu Sans", Arial, sans-serif;
  text-decoration: underline;
  color: #2574A9; }
  #supermodeller-link:hover {
    color: #062034; }
  #supermodeller-link:active {
    color: #206694; }

a {
  color: #2574A9; }
  a:hover {
    color: #062034; }
  a:active {
    color: #206694; }

a.reflected-button:after {
  color: #206694; }

.top-header .logo {
  width: 100px;
  height: 40px;
  bottom: 15px;
  margin-left: 10px; }

.slider-wrapper .slider.noUi-target {
  top: 12px;
  height: 4px;
  background-color: #062034;
  box-shadow: none; }
  .slider-wrapper .slider.noUi-target .noUi-connect {
    background-color: #062034; }
  .slider-wrapper .slider.noUi-target .noUi-handle {
    top: -10px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    background-image: none;
    background: #062034;
    border: 3px solid white; }

.slider-wrapper .inc {
  background: white;
  height: 20px;
  border-radius: 10px;
  margin-top: -2px;
  border: 2px solid #062034; }
  .slider-wrapper .inc:before, .slider-wrapper .inc:after {
    background: #062034; }

.noUi-background {
  background: #062034; }

.tooltip {
  margin-right: 10px; }

.top-header .main-nav {
  left: initial;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0; }
  .top-header .main-nav a {
    font-size: 15px;
    padding: 15px 2rem;
    font-weight: 600;
    margin: 0;
    border: 1px solid white; }
    @media screen and (min-width: 800px) {
      .top-header .main-nav a {
        padding: 15px 44px 15px 20px; }
        .top-header .main-nav a::before {
          left: 16px; } }
  .top-header .main-nav a.active {
    padding: 15px 2rem;
    margin: 0; }
    @media screen and (min-width: 800px) {
      .top-header .main-nav a.active {
        padding: 15px 44px 15px 20px; } }

.pages {
  border-radius: 0; }

.main-footer {
  border-radius: 0; }

.welcome-continue-box {
  border-radius: 0; }

.top-header .main-nav a,
.top-header .main-nav a.active,
.top-header .main-nav a:hover {
  border-radius: 0; }

:not(.lt-ie9) .box-radios {
  border-radius: 0; }

.foobar.box-input input, .foobar.box-input:before {
  border-radius: 0px; }

.modeller-control-nav-desktop a {
  border-radius: 0px !important; }

.page-header-nav a {
  border-radius: 0;
  padding: 5px 8px; }

.page-header-nav:after {
  display: none; }

.welcome-tab.first,
a.welcome-tab.first:hover {
  border-left-color: transparent !important; }

.info-tab.last,
.info-tab.last:hover {
  border-right-color: transparent !important; }

.top-header .main-nav {
  right: 2px;
  bottom: -2px; }

@media all and (max-width: 960px) {
  .top-header .main-nav {
    right: 1px; } }

.page-header.background {
  top: 1px;
  right: 1px; }

@media all and (min-width: 761px) {
  .csstransforms .investment-mix-grid {
    top: 75%; } }

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

#spouse-section .help-button {
  display: none; }

.welcome-tab-image {
  height: 200px;
  background-image: url(../images/welcome-header.jpg?v=8699833546225499000);
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: cover; }

.extended-text {
  font-size: 0.89em;
  font-style: italic; }

.info-icon {
  width: 80px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block; }

.icon-boost {
  background-image: url(../images/icon-boost-super.svg?v=8699833546225499000); }

.icon-find {
  background-image: url(../images/icon-find-lost-super.svg?v=8699833546225499000); }

.icon-read {
  background-image: url(../images/icon-retirement-planning-booklet.svg?v=8699833546225499000); }

.icon-hub {
  background-image: url(../images/icon-retirement-hub.svg?v=8699833546225499000); }

.print-logo {
  max-height: 60px;
  padding-top: 10px; }

.investment-mix-grid input[type="radio"]:checked:focus + label {
  border: 2px solid #000;
  box-shadow: 0 0 0 2px #fff; }

.plotline-label {
  display: none; }

.intro-btn {
  font-size: 1.1em;
  text-decoration: none !important;
  border-radius: 20px;
  background-color: #2574A9; }
  .intro-btn:hover {
    background-color: #062034;
    color: white; }