/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*
 * IE10 in Windows (Phone) 8
 * Support for responsive views via media queries do not work in IE10 on mobile for
 * versions prior to WP8 Update 3 (GDR3).
 */
@-ms-viewport {
  width: device-width; }

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Use the iOS devices hardware accelerator to provide native scrolling.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-overflow-scrolling: touch;
  /* 3 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: 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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

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

/**
 * Define consistent border, margin, and padding.
 */
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; }

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*, *:before, *:after {
  box-sizing: border-box; }

html {
  color: #222;
  font-size: 16px;
  line-height: 1.2em; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.

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

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

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

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  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: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

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

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

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

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

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

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

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

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

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

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

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

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

.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)"; }

.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)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

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

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: 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-color: 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; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: 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,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: 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-color: #fff;
  background-color: 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; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: 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 {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: 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-color: #000;
  background-color: 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; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: 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,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: 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-color: #fff;
  background-color: 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; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: 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 {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: 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-color: #000;
  background-color: 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; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

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

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

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

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: 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-color: #000;
  background-color: 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; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

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

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
@keyframes scale-fade-in {
  0% {
    opacity: 0;
    transform: scaleX(0.79) scaleY(0.79); }
  50% {
    opacity: 1;
    transform: scaleX(1.02) scaleY(1.02); }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1); } }

@keyframes bounce-fade-in {
  0% {
    opacity: 0;
    top: -20px; }
  25% {
    opacity: 1;
    top: 20px; }
  50% {
    opacity: 1;
    top: -10px; }
  75% {
    opacity: 1;
    top: 10px; }
  100% {
    opacity: 1;
    top: 0; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes scroll-fade-in {
  from {
    left: -50px;
    opacity: 0; }
  to {
    left: 0px;
    opacity: 1; } }

@keyframes scroll-from-right-fade-in {
  from {
    right: -50px;
    opacity: 0; }
  to {
    right: 0px;
    opacity: 1; } }

@keyframes scroll-from-bottom-fade-in {
  from {
    bottom: -50px;
    opacity: 0; }
  to {
    bottom: 0px;
    opacity: 1; } }

@keyframes keyframe-chart-img-scroll-from-bottom {
  from {
    top: 120px;
    opacity: 0; }
  to {
    top: 0px;
    opacity: 1; } }

@keyframes keyframe-reveal-from-left {
  from {
    width: 0px; }
  to {
    width: 100%; } }

@keyframes keyframe-reveal-from-right {
  from {
    width: 0px; }
  to {
    width: 100%; } }

@keyframes keyframe-rotate-clockwise {
  from {
    transform: rotate(-25deg); }
  to {
    transform: rotate(0); } }

@keyframes keyframe-rotate-counter-clockwise {
  from {
    transform: rotate(25deg); }
  to {
    transform: rotate(0); } }

@keyframes badge-scroll-to-right {
  from {
    margin-left: -100px; }
  to {
    margin-left: 0; } }

@keyframes badge-scroll-to-left {
  from {
    margin-left: 100px; }
  to {
    margin-left: 0; } }

@keyframes cde-fade-in-for-arrow {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  99.9% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes cde-fade-in-for-arrow2 {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  99.9% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes cde-scale-in {
  0% {
    transform: scaleX(0) scaleY(0); }
  100% {
    transform: scaleX(1) scaleY(1); } }

@keyframes dyk-scale-fade-in {
  0% {
    opacity: 0;
    transform: scaleX(0) scaleY(0); }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1); } }

@keyframes scroll-from-top-fade-in {
  from {
    margin-top: -50px;
    opacity: 0; }
  to {
    margin-top: 0;
    opacity: 1; } }

@keyframes lower-a1c-scroll-from-top-fade-in {
  from {
    margin-top: -134px;
    opacity: 0; }
  to {
    margin-top: 0;
    opacity: 1; } }

html {
  width: 100%;
  height: 100%;
  line-height: 1.4; }

body {
  height: 100%;
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  font-weight: 400;
  color: #4e4241; }
  body.locked {
    position: fixed; }

header,
main,
 {
  width: 100%;
  min-width: 320px; }

.top-nav ul,
.top-nav + div,
.footer-content,
.lou-content,
.isi-content {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 15px; }

header {
  background-color: #10756f; }
  header .logo {
    display: block;
    width: 131px;
    height: 58px;
    margin: 0 auto;
    background-image: url("../img/logo-jardiance.png");
    background-size: 131px 58px;
    background-repeat: no-repeat;
    background-position: center center; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      header .logo {
        background-image: url("../img/logo-jardiance-2x.png");
        background-size: 131px 58px; } }

main {
  background-position: center top;
  background-repeat: no-repeat; }
  main > section {
    background-color: #e0f0f1; }
    main > section > article {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      padding: 24px 15px; }
  main div#step-1 > section,
  main div#step-2 > section {
    background-color: #e0f0f1; }
    main div#step-1 > section > article,
    main div#step-2 > section > article {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      padding: 24px 15px; }



h1,
h2,
h3,
h4,
h5,
h6 {

  
  font-style: Normal;
  font-weight: Normal;

  color: #009b96; }
  h1.footnote,
  h2.footnote,
  h3.footnote,
  h4.footnote,
  h5.footnote,
  h6.footnote {
    margin-bottom: 0;
  
    font-weight: 400;
    font-weight: 700;
    color: #8f6306; }

h1 + h2 {
  margin-top: 20px; }

h3 {
  font-size: 22px;
  font-size: 1.375rem; }

h5 {
  text-transform: uppercase; }

p,
li {

  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem; }
  p b,
  p strong,
  li b,
  li strong {

    font-weight: 400;
    font-weight: 700; }

p.footnote {

  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem; }
  p.footnote strong {
  
    font-weight: 400;
    font-weight: 700; }

p.subhead {
  
  font-style: Normal;
  font-weight: Normal;
  color: #000;
  text-transform: uppercase;
  border-bottom: 2px solid #009b96;
  padding-left: 20px;
  padding-bottom: 4px;
  display: inline-block; }

p.reduced {
  margin-top: 0.25em;
  margin-bottom: 0.25em; }



.harvest {
  color: #8f6306; }

.persian {
  color: #009b96; }

p .mdash2x,
li .mdash2x {
  letter-spacing: -2px;
  margin-right: 2px; }

.mdash2x {
  display: inline !important;
  letter-spacing: -4px;
  margin-right: 4px; }

.top-nav {
  background-color: #0e6762; }
  .top-nav .top-nav-wrap {
    max-width: 500px;
    margin: 0 auto; }
  .top-nav ul {
    text-align: justify;
    width: 100%;
    margin: 0;
    max-width: 320px; }
    .top-nav ul li {
      display: inline-block;
      min-height: 20px;
      line-height: 2.188rem;
      text-align: left;
      font-size: 8px;
      font-size: 0.5rem; }
      .top-nav ul li + li:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 8px;
        margin: 0 6px;
        background-color: #fff; }
    .top-nav ul + ul {
      text-align: left; }
  .top-nav a {
    text-decoration: none;
    color: #fff; }
    .top-nav a:hover {
      text-decoration: underline; }
  .top-nav + div {
    position: relative;
    padding: 9px 0; }

.main-nav {
  position: absolute;
  top: 0;
  right: -59%;
  left: -59%;
  width: 212%;
  max-width: 500px;
  margin: 0 auto;
  opacity: 0;
  z-index: 1;
  background-color: #009b96; }
  .main-nav.opened {
    opacity: 1; }
    .main-nav.opened ul {
      max-height: 430px; }
  .main-nav > ul {
    max-height: 0;
    margin: 0 auto;
    overflow: hidden; }
  .main-nav li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 52px;
    margin-top: 0; }
    .main-nav li a {
      display: block;
      max-width: 193px;
      margin: 0 auto;
      border-top: 0.5px solid #91b8b7;
      color: #fff;
      text-decoration: none; }
    .main-nav li:first-child a {
      border-top: 0; }
    .main-nav li.active {
      background-color: #e5f5f4; }
      .main-nav li.active a {
        color: #009b96;
        border-top: 0px; }
      .main-nav li.active + li a {
        border-top: 0px; }

.menu {
  position: absolute;
  top: -40px;
  right: 0;
  height: 40px;
  padding: 0 56px 0 0;
  background-color: transparent;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 40px;
  color: #ffd400;
  border: 0;
  outline: 0; }
  .menu:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 24px;
    padding: 20px 24px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2066%2047%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23009b96%22%20stroke-width%3D%227%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M0%203.5h66M0%2023.5h66M0%2043.5h66%22/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 33px; }

.button {
  display: table;
  width: 100%;
  max-width: 290px;
  margin: 1em auto;
  padding: 7px 16px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background-color: #009b96;
  color: #fff;
  border: 0 none;
  outline: 0 none;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25); }
  a.button:hover {
    background-color: #10756f; }
  .button[disabled="disabled"]:hover {
    background-color: #009b96; }
  .button.yellow {
    background-color: #ffd400;
    color: #159c98; }
    .button.yellow:hover {
      background-color: #e9c117; }
  .button.lightGreen {
    background-color: #b6dee0;
    color: #009b96;
    box-shadow: none; }
    .button.lightGreen:hover {
      background-color: #a1cfd2; }
  .button#eligibility-submit {
    margin: 24px auto; }
  .button#submit-signup {
    margin: 16px auto 48px; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-size: 1rem; }
  ul.bulleted li {
    position: relative;
    padding-left: .75em;
    margin-top: 10px; }
    ul.bulleted li:before {
      content: '\2022';
      position: absolute;
      top: 0;
      left: 0;
      color: inherit; }
  ul.bulleted.aqua li:before {
    color: #009b96; }

ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-size: 1rem;
  counter-reset: section; }
  ol li {
    position: relative;
    padding-left: .75em; }
    ol li:before {
      counter-increment: section;
      content: counters(section, ".") ". ";
      position: relative;
      color: inherit;
      font-weight: bold; }
  ol.numbered li {
    padding-left: 16px;
    margin-top: 10px; }
    ol.numbered li:before {
      font-weight: bold;
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      position: absolute;
      top: 0;
      left: 0; }

.ja-ribbon {
  content: '';
  position: relative;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../img/tp.svg) no-repeat;
  background-size: cover; }

.quotes {
  position: relative;
  display: inline-block;
  padding-left: 20px; }
  .quotes .quote-before,
  .quotes .quote-after {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat; }
  .quotes .quote-before {
    top: -4px;
    left: -4px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048.77%2042.25%22%3E%3Cpath%20d%3D%22M48.77%2C21.33H38a11.24%2C11.24%2C0%2C0%2C1%2C2.54-6.55Q42.81%2C12%2C48.77%2C9.22L43.9%2C0Q34.22%2C4.24%2C30.23%2C9.78t-4%2C15.12V42.25H48.77Zm-26.25%2C0H11.75a11.25%2C11.25%2C0%2C0%2C1%2C2.54-6.55Q16.57%2C12%2C22.52%2C9.22L17.65%2C0Q8%2C4.24%2C4%2C9.78T0%2C24.9V42.25H22.52Z%22%20fill%3D%22%23ffd400%22/%3E%3C/svg%3E");
    position: absolute; }
  .quotes .quote-after {
    top: 0;
    right: -4px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048.77%2042.25%22%3E%3Cpath%20d%3D%22M0%2C20.92H10.77a11.24%2C11.24%2C0%2C0%2C1-2.54%2C6.55Q6%2C30.23%2C0%2C33l4.87%2C9.22Q14.55%2C38%2C18.54%2C32.46t4-15.12V0H0Zm26.25%2C0H37a11.25%2C11.25%2C0%2C0%2C1-2.54%2C6.55Q32.2%2C30.23%2C26.25%2C33l4.87%2C9.22Q40.8%2C38%2C44.78%2C32.46t4-15.12V0H26.25Z%22%20fill%3D%22%23ffd400%22/%3E%3C/svg%3E"); }

section article h1 {
  text-transform: uppercase;
  font-size: 22px;
  font-size: 1.375rem;
  
  font-style: Normal;
  font-weight: Normal; }

section.has-top-heading article {
  position: relative;
  padding-top: 0; }
  section.has-top-heading article h2 {
    background-image: url("../img/bg-hdr-banner-m.png");
    background-size: 258px auto;
    background-repeat: no-repeat;
    background-position: 50%  0;
    text-transform: uppercase;
    width: 258px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 auto;
    margin-top: -14px; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      section.has-top-heading article h2 {
        background-image: url("../img/bg-hdr-banner-m-2x.png");
        background-size: 258px auto; } }
  section.has-top-heading article h3.subhead {
    width: 224px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    
    font-style: Normal;
    font-weight: Normal;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #4e4241; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(154, 207, 204, 0.5);
  z-index: 13;
  display: none; }

.interstitial {
  position: absolute;
  top: 180px;
  width: 98.75%;
  left: 0.625%;
  z-index: 13;
  display: none; }
  .interstitial .interstitial-inner {
    max-width: 500px;
    position: relative;
    background: #fff;
    margin: 0 auto;
    padding: 50px 3.1152647975%;
    border: 1px solid #c2c2c2;
    text-align: center; }
  .interstitial h2 {
    color: #009b96;
    font-size: 27px;
    font-size: 1.6875rem;
    font-family: "Interstate Light", sans-serif;
    font-weight: 400; }
  .interstitial p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 21px;
    line-height: 1.3125rem; }
  .interstitial .close {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    right: -1px;
    top: -1px;
    color: #009b96;
    text-decoration: none; }
    .interstitial .close:after {
      content: '';
      display: inline-block;
      width: 32px;
      height: 32px;
      /*background: $persian url('../img/menu-button-close.png') no-repeat center center;*/
      background-image: url("../img/interstitial-close.png");
      background-size: 32px 32px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 15px 15px;
      vertical-align: middle;
      margin: 0 0 0 6px; }
      @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
        .interstitial .close:after {
          background-image: url("../img/interstitial-close-x2.png");
          background-size: 32px 32px; } }
  .interstitial .button {
    margin: 0 auto;
    margin-bottom: 15px; }

.cta {
  background-color: #c3e4e6;
  padding: 20px 15px; }
  .cta.cv-guide {
    background-image: url("../img/icon-ddg.png");
    background-size: 99px auto;
    background-repeat: no-repeat;
    background-position: 15px 40px; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .cta.cv-guide {
        background-image: url("../img/icon-ddg-2x.png");
        background-size: 99px auto; } }
    .cta.cv-guide p {
      margin-left: 120px; }
      .cta.cv-guide p + p {
        min-height: 100px; }

.social {
  margin-bottom: 16px; }

.social-icons {
  width: auto;
  display: inline-block;
  margin: 0 auto; }
  .social-icons li {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 20px;
    background-position: center;
    background-repeat: no-repeat;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.2); }
    .social-icons li a {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer; }
    .social-icons li.share-facebook {
      background-color: #3664a2;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20117.67%20226.58%22%3E%3Cpath%20d%3D%22M76.38%2C226.58V123.23h34.69l5.19-40.28H76.38V57.23c0-11.66%2C3.24-19.61%2C20-19.61h21.33v-36A285.42%2C285.42%2C0%2C0%2C0%2C86.59%2C0C55.84%2C0%2C34.78%2C18.77%2C34.78%2C53.24V82.95H0v40.28H34.78V226.58Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
      background-size: 12px; }
      .b_ie .social-icons li.share-facebook {
        background-size: 24px; }
      .social-icons li.share-facebook:hover {
        background-color: #284b79; }
    .social-icons li.share-twitter {
      background-color: #1ca1f2;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20250%20203.18%22%3E%3Cpath%20d%3D%22M78.62%2C203.18C173%2C203.18%2C224.56%2C125%2C224.56%2C57.24c0-2.22%2C0-4.43-.15-6.63A104.36%2C104.36%2C0%2C0%2C0%2C250%2C24.05a102.38%2C102.38%2C0%2C0%2C1-29.46%2C8.07A51.47%2C51.47%2C0%2C0%2C0%2C243.1%2C3.76a102.79%2C102.79%2C0%2C0%2C1-32.57%2C12.45A51.34%2C51.34%2C0%2C0%2C0%2C123.12%2C63%2C145.62%2C145.62%2C0%2C0%2C1%2C17.4%2C9.39%2C51.33%2C51.33%2C0%2C0%2C0%2C33.28%2C77.87%2C50.91%2C50.91%2C0%2C0%2C1%2C10%2C71.45c0%2C.21%2C0%2C.43%2C0%2C.65a51.31%2C51.31%2C0%2C0%2C0%2C41.15%2C50.28%2C51.21%2C51.21%2C0%2C0%2C1-23.16.88%2C51.35%2C51.35%2C0%2C0%2C0%2C47.92%2C35.62%2C102.92%2C102.92%2C0%2C0%2C1-63.7%2C22A104.41%2C104.41%2C0%2C0%2C1%2C0%2C180.14a145.21%2C145.21%2C0%2C0%2C0%2C78.62%2C23%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
      background-size: 22px; }
      .social-icons li.share-twitter:hover {
        background-color: #1579b5; }
    .social-icons li.share-email {
      background-color: #5e5858;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2046.89%2032.61%22%3E%3Cpolygon%20points%3D%2225.16%2018.77%2023.45%2019.96%2021.73%2018.77%200%203.65%200%2032.61%2046.89%2032.61%2046.89%203.65%2025.16%2018.77%22%20fill%3D%22%23fff%22/%3E%3Cpolygon%20points%3D%2223.45%2016.3%2046.89%200%200%200%2023.45%2016.3%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
      background-size: 21px;
      margin-right: 0; }
      .social-icons li.share-email:hover {
        background-color: #3f3c3c; }

.hero .hero-vid {
  display: none; }

.homepage .hero {
  background-image: url("../img/hero-home-m.jpg");
  background-size: 1059px 270px;
  background-color: #fff;
  background-position: center top;
  background-repeat: no-repeat; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .homepage .hero {
      background-image: url("../img/hero-home-m-2x.jpg");
      background-size: 1059px 270px; } }
  .homepage .hero > article {
    padding-top: 0; }
    .homepage .hero > article .hero-figure-wrapper {
      position: relative;
      width: 100%;
      height: 270px; }
      .homepage .hero > article .hero-figure-wrapper .hero-figure {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 292px;
        height: 260px;
        margin: 0;
        background-image: url("../img/hero-home-figure.png");
        background-size: 292px 260px;
        background-position: center;
        background-repeat: no-repeat;
        text-indent: -9999px; }
        @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
          .homepage .hero > article .hero-figure-wrapper .hero-figure {
            background-image: url("../img/hero-home-figure-2x.png");
            background-size: 292px 260px; } }
    .homepage .hero > article p {
      width: 100%;
      max-width: 424px;
      margin: 1em auto;
      text-align: center;
      line-height: 1.2; }
      .homepage .hero > article p b span {
        color: #009b96; }

.homepage .can-do {
  background-color: #e0f0f1; }
  .homepage .can-do .badges-wrap .badges-anim {
    display: none;
    text-align: center; }
    .homepage .can-do .badges-wrap .badges-anim .badge-wrap {
      position: relative;
      display: inline-block;
      width: 38px;
      height: 37px; }
      .homepage .can-do .badges-wrap .badges-anim .badge-wrap:after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -2px;
        width: 85%;
        padding-bottom: 5.8823529412%;
        display: inline-block;
        background-image: url("../img/badge-shadow.png");
        background-repeat: no-repeat;
        background-size: 100%; }
      .homepage .can-do .badges-wrap .badges-anim .badge-wrap.badge-heart {
        width: 66px;
        height: 64px; }
        .homepage .can-do .badges-wrap .badges-anim .badge-wrap.badge-heart:after {
          content: '';
          bottom: -4px; }
      .homepage .can-do .badges-wrap .badges-anim .badge-wrap .svg {
        width: 100%;
        height: 100%; }
  .homepage .can-do .badges-wrap .badges-copy {
    background-image: url("../img/badges-m.png");
    background-size: 139px auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 70px;
    text-align: center; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .homepage .can-do .badges-wrap .badges-copy {
        background-image: url("../img/badges-m-2x.png");
        background-size: 139px auto; } }
  .homepage .can-do h3 {
    margin-bottom: 0;
    text-transform: uppercase;
    
    font-style: Normal;
    font-weight: Normal; }
  .homepage .can-do p {
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem; }

.homepage .jardiance-asks {
  text-align: center;
  background-color: #159c98; }
  .homepage .jardiance-asks > article {
    padding-top: 0; }
  .homepage .jardiance-asks .ja-ribbon {
    top: -10px;
    width: 194px;
    height: 61px; }
  .homepage .jardiance-asks .ja-quiz-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 490px;
    margin: 8px auto 0; }
    .homepage .jardiance-asks .ja-quiz-wrap:before {
      -webkit-flex: 0 0 47.5862068966%;
      -ms-flex: 0 0 47.5862068966%;
      flex: 0 0 47.5862068966%;
      content: '';
      width: 108px;
      height: 144px;
      background-image: url("../img/jordan-asks.png");
      background-size: 108px 144px;
      background-repeat: no-repeat;
      background-position: center center; }
      @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
        .homepage .jardiance-asks .ja-quiz-wrap:before {
          background-image: url("../img/jordan-asks-2x.png");
          background-size: 108px 144px; } }
    .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy {
      text-align: left; }
      .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy h3 {
        margin: 0;
        color: #ffd400;
        
        font-style: Normal;
        font-weight: Normal; }
      .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy p {
        font-family: "Interstate", sans-serif;
        font-weight: 400;
        font-weight: 700; }
      .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy label {
        margin-bottom: 6px;
        font-family: "Interstate", sans-serif;
        font-weight: 400;
        font-weight: 700;
        color: white; }
  .homepage .jardiance-asks hr {
    border-color: #ffd400;
    border-style: solid;
    border-width: 0 0 1px 0; }
  .homepage .jardiance-asks p {
    max-width: 340px;
    margin: 1em auto;
    color: #fff; }

.homepage .cde {
  background-color: #e0f0f1; }
  .homepage .cde h3 {
    text-transform: uppercase;
    
    font-style: Normal;
    font-weight: Normal; }
  .homepage .cde .cde-wrap .cde-anim {
    display: none; }
  .homepage .cde .cde-wrap .cde-copy {
    background-image: url("../img/cde-phone.png");
    background-size: 105px 100px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 100px; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .homepage .cde .cde-wrap .cde-copy {
        background-image: url("../img/cde-phone-2x.png");
        background-size: 105px 100px; } }

.homepage .disease-ed {
  background-color: #fff; }
  .homepage .disease-ed h3 {
    text-transform: uppercase; }
  .homepage .disease-ed .disease-ed-wrap .disease-ed-anim {
    display: none; }
  .homepage .disease-ed .disease-ed-wrap .disease-ed-copy {
    background-image: url("../img/jordan-heart.png");
    background-size: 110px 120px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 125px; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .homepage .disease-ed .disease-ed-wrap .disease-ed-copy {
        background-image: url("../img/jordan-heart-2x.png");
        background-size: 110px 120px; } }
    .homepage .disease-ed .disease-ed-wrap .disease-ed-copy .button {
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px; }

.why .did-you-know {
  min-height: 565px;
  background-color: #fdfdfd;
  background-image: url("../img/hero-why-m.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .why .did-you-know {
      background-image: url("../img/hero-why-m-2x.jpg");
      background-size: cover; } }
  .why .did-you-know > article {
    text-align: center; }
  .why .did-you-know h1 {
    font-size: 22px;
    font-size: 1.375rem; }
  .why .did-you-know h2 {
    text-align: left;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    margin-top: 10px; }
  .why .did-you-know p {
    text-align: left; }
    .why .did-you-know p.icon-heart:before, .why .did-you-know p.icon-clock:before {
      content: '';
      display: block;
      width: 85px;
      height: 85px;
      margin: 1em auto;
      background-repeat: no-repeat; }
    .why .did-you-know p.icon-heart:before {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2050.69%2050.69%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%20transform%3D%22translate%280%29%22%3E%3Crect%20width%3D%2250.69%22%20height%3D%2250.69%22%20fill%3D%22none%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23a%29%22%3E%3Cpath%20d%3D%22M25.35%2C50.69A25.35%2C25.35%2C0%2C1%2C0%2C0%2C25.35%2C25.34%2C25.34%2C0%2C0%2C0%2C25.35%2C50.69%22%20transform%3D%22translate%280%29%22%20fill%3D%22%2341b9be%22/%3E%3Cpath%20d%3D%22M33.42%2C11.82a10.41%2C10.41%2C0%2C0%2C0-8.07%2C3.82%2C10.43%2C10.43%2C0%2C0%2C0-18.5%2C6.61c0%2C11.43%2C18.5%2C20.43%2C18.5%2C20.43s18.5-9%2C18.5-20.43A10.43%2C10.43%2C0%2C0%2C0%2C33.42%2C11.82%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23f25c5c%22/%3E%3C/g%3E%3Cpolygon%20points%3D%2226.81%2032.92%2023.88%2032.92%2022.71%2018.71%2027.98%2018.71%2026.81%2032.92%22%20fill%3D%22%23fae07d%22/%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23a%29%22%3E%3Cpath%20d%3D%22M25.35%2C38.72h0a2.16%2C2.16%2C0%2C1%2C1%2C2.16-2.16%2C2.17%2C2.17%2C0%2C0%2C1-2.16%2C2.16%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23fae07d%22/%3E%3C/g%3E%3C/svg%3E"); }
    .why .did-you-know p.icon-clock:before {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2050.69%2050.69%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%20transform%3D%22translate%280%29%22%3E%3Crect%20width%3D%2250.69%22%20height%3D%2250.69%22%20fill%3D%22none%22/%3E%3C/clipPath%3E%3CclipPath%20id%3D%22d%22%20transform%3D%22translate%280%29%22%3E%3Crect%20x%3D%229.07%22%20y%3D%229.07%22%20width%3D%2232.55%22%20height%3D%2232.55%22%20fill%3D%22none%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EclockAsset%201%3C/title%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23a%29%22%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23a%29%22%3E%3Cpath%20d%3D%22M25.35%2C50.69A25.35%2C25.35%2C0%2C1%2C0%2C0%2C25.35%2C25.34%2C25.34%2C0%2C0%2C0%2C25.35%2C50.69%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23028886%22/%3E%3Cpath%20d%3D%22M25.35%2C41.64A16.29%2C16.29%2C0%2C1%2C0%2C9.05%2C25.35%2C16.29%2C16.29%2C0%2C0%2C0%2C25.35%2C41.64%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23009c97%22/%3E%3Cpath%20d%3D%22M41.57%2C26.67c0-.44.07-.88.07-1.32A16.29%2C16.29%2C0%2C0%2C0%2C25.35%2C9.06V26.67Z%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23a%29%22%3E%3Cg%20style%3D%22opacity%3A0.4600070118904114%22%3E%3Cg%20style%3D%22clip-path%3Aurl%28%23d%29%22%3E%3Cpath%20d%3D%22M41.62%2C25.35A16.28%2C16.28%2C0%2C1%2C1%2C25.35%2C9.07%2C16.28%2C16.28%2C0%2C0%2C1%2C41.62%2C25.35%22%20transform%3D%22translate%280%29%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cline%20x1%3D%2225.34%22%20y1%3D%2217.01%22%20x2%3D%2225.34%22%20y2%3D%2226.74%22%20fill%3D%22none%22%20stroke%3D%22%23028886%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.75px%22/%3E%3Cline%20x1%3D%2232.2%22%20y1%3D%2226.74%22%20x2%3D%2225.34%22%20y2%3D%2226.74%22%20fill%3D%22none%22%20stroke%3D%22%23028886%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.75px%22/%3E%3C/g%3E%3C/svg%3E"); }

.why .why-quiz {
  background-color: #159c98;
  background-image: url("../img/bg-why-quiz-shadow-m.png");
  background-size: 568px 539px;
  background-position: calc(50% + 139px) calc(50% + 78px);
  background-repeat: no-repeat; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .why .why-quiz {
      background-image: url("../img/bg-why-quiz-shadow-m-2x.png");
      background-size: 568px 539px; } }
  .why .why-quiz > article {
    padding: 0 15px 48px; }
  .why .why-quiz .ja-ribbon {
    z-index: 1;
    top: -14px;
    width: 264px;
    height: 83px; }
    .why .why-quiz .ja-ribbon:before, .why .why-quiz .ja-ribbon:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid; }
    .why .why-quiz .ja-ribbon:before {
      top: 9px;
      right: 27px;
      border-width: 16px 0 0 14px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.11); }
    .why .why-quiz .ja-ribbon:after {
      top: 34px;
      left: 100%;
      border-width: 9px 0 0 6px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.11); }
  .why .why-quiz #quiz-form {
    position: relative;
    width: 100%;
    max-width: 290px;
    height: 400px;
    margin: -54px auto 0;
    border: 2px solid #ffd400; }
    .why .why-quiz #quiz-form div#form-person {
      display: none; }
    .why .why-quiz #quiz-form .quiz-box {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      height: 400px;
      padding: 40px 10px 16px;
      text-align: center;
      display: none; }
      .why .why-quiz #quiz-form .quiz-box .qa-head {
        width: 100%;
        margin-bottom: 0;
        font-family: "Interstate", sans-serif;
        font-weight: 400;
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        color: #b8e0df; }
      .why .why-quiz #quiz-form .quiz-box .qa-copy {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 264px;
        min-height: 240px; }
      .why .why-quiz #quiz-form .quiz-box p {
        font-size: 14px;
        font-size: 0.875rem;
        color: #fff;
        line-height: 1.4; }
        .why .why-quiz #quiz-form .quiz-box p strong {
          color: #ffd400; }
      .why .why-quiz #quiz-form .quiz-box label {
        font-size: 14px;
        font-size: 0.875rem;
        color: #fff; }
        .why .why-quiz #quiz-form .quiz-box label:first-child {
          margin-right: 20px; }
      .why .why-quiz #quiz-form .quiz-box .qa-back {
        position: absolute;
        bottom: -30px;
        left: 120px;
        text-decoration: none;
        color: #b8e0df; }
      .why .why-quiz #quiz-form .quiz-box.quiz-q2 .radioList {
        display: block;
        margin: 0 auto; }
        .b_ie .why .why-quiz #quiz-form .quiz-box.quiz-q2 .radioList {
          width: 176px; }
        .why .why-quiz #quiz-form .quiz-box.quiz-q2 .radioList label {
          margin: 10px 0;
          text-align: left; }
      .why .why-quiz #quiz-form .quiz-box .button {
        flex: 0 0 auto; }
      .why .why-quiz #quiz-form .quiz-box.quiz-q p {
        font-family: "Interstate", sans-serif;
        font-weight: 400;
        font-weight: 700;
        line-height: 1.4; }
      .why .why-quiz #quiz-form .quiz-box.quiz-a p {
        margin: 0.25em 0; }
        .why .why-quiz #quiz-form .quiz-box.quiz-a p:first-child {
          margin-top: 0; }
        .why .why-quiz #quiz-form .quiz-box.quiz-a p:last-child {
          margin-bottom: 0; }
      .why .why-quiz #quiz-form .quiz-box.quiz-last h4.qa-head {
        color: #ffd400; }
      .why .why-quiz #quiz-form .quiz-box.quiz-last .qa-copy {
        height: 200px; }
      .why .why-quiz #quiz-form .quiz-box.quiz-last p strong {
        color: #fff; }
      .why .why-quiz #quiz-form .quiz-box.quiz-last p a {
        color: #ffd400; }
      .why .why-quiz #quiz-form .quiz-box.quiz-q2 p {
        font-weight: bold; }
    .why .why-quiz #quiz-form.quiz-q1 .quiz-box.quiz-q1 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-a1 .quiz-box.quiz-a1 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-q2 .quiz-box.quiz-q2 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-a2 .quiz-box.quiz-a2 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-q3 .quiz-box.quiz-q3 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-a3 .quiz-box.quiz-a3 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-q4 .quiz-box.quiz-q4 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-a4 .quiz-box.quiz-a4 {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .why .why-quiz #quiz-form.quiz-last .quiz-box.quiz-last {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }

.why .ddg-dl {
  position: relative;
  z-index: 2;
  background-color: #e0f0f1; }
  .why .ddg-dl .ddg-img {
    width: 125px;
    height: 154px;
    margin: 0 auto;
    background-image: url("../img/icon-ddg.png");
    background-size: 125px 154px;
    background-repeat: no-repeat; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .why .ddg-dl .ddg-img {
        background-image: url("../img/icon-ddg-2x.png");
        background-size: 125px 154px; } }

.why .good-news {
  position: relative;
  z-index: 2;
  background-color: #fff; }
  .why .good-news > article {
    text-align: center; }
  .why .good-news h3 {
    text-align: left; }
  .why .good-news .good-news-img {
    max-width: 500px;
    width: 100%;
    padding-bottom: 44.6%;
    margin: 0 auto;
    background-image: url("../img/why-good-news.jpg");
    background-size: contain;
    background-repeat: no-repeat; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .why .good-news .good-news-img {
        background-image: url("../img/why-good-news-2x.jpg");
        background-size: contain; } }
  .why .good-news p {
    text-align: left; }

.email-guide input[type=email] {
  display: block;
  margin-top: 5px;
  width: 100%;
  height: 30px;
  padding: 5px; }

.email-guide form.error .error-box {
  display: block; }
  .email-guide form.error .error-box p {
    display: block; }

.email-guide form.error label {
  color: #f00; }

.email-guide form.error input {
  border: 1px solid #f00; }

.results .hero {
  background-image: url("../img/results/hero-results-m.jpg");
  background-size: 1059px 430px;
  background-color: #fff;
  background-position: center top;
  background-repeat: no-repeat; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .results .hero {
      background-image: url("../img/results/hero-results-m-2x.jpg");
      background-size: 1059px 430px; } }
  .results .hero article {
    padding-bottom: 35px; }

.results h5 {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700; }

.results .breakthrough .wrap {
  max-width: 384px;
  margin: 0 auto; }

.results .breakthrough .cv-benefit-lockup {
  margin: 2em auto 3em; }
  .results .breakthrough .cv-benefit-lockup img.svg {
    display: none; }
  .results .breakthrough .cv-benefit-lockup .replaced-svg {
    display: block;
    width: 102px;
    margin: 0 auto 1em; }

.results .breakthrough .animation-outer-people-7000 {
  padding-top: 130px;
  background-image: url("../img/results/icon-7000-m.png");
  background-size: 164px auto;
  background-position: 50% 0%;
  background-repeat: no-repeat; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .results .breakthrough .animation-outer-people-7000 {
      background-image: url("../img/results/icon-7000-m-2x.png");
      background-size: 164px auto; } }

.results .lower-a1c {
  background-color: #fff; }
  .results .lower-a1c .lower-a1c-hero-article {
    padding: 0; }
  .results .lower-a1c .lower-hero {
    max-width: 500px;
    height: 229px;
    padding: 42px 0 0 20px;
    margin: 20px auto 0;
    background-image: url("../img/results/lower-hero-m.png");
    background-size: 500px auto;
    background-position: 46% 0;
    background-repeat: no-repeat; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .results .lower-a1c .lower-hero {
        background-image: url("../img/results/lower-hero-m-2x.png");
        background-size: 500px auto; } }
    .results .lower-a1c .lower-hero h1 {
      color: #fff;
      margin: 0;
      width: 70%;
      max-width: 200px; }
    .results .lower-a1c .lower-hero p {
      color: #fff;
      padding-left: 20px;
      width: 60%;
      max-width: 240px;
      margin-top: 0; }
  .results .lower-a1c .animation-outer-lower-a1c,
  .results .lower-a1c .animation-outer-lower-bloodsugar {
    margin: 30px auto 20px;
    padding-left: 120px;
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 100px; }
  .results .lower-a1c .animation-outer-lower-a1c {
    background-image: url("../img/results/icon-lower-arrow.svg");
    background-size: 97px; }
  .results .lower-a1c .animation-outer-lower-bloodsugar {
    background-image: url("../img/results/icon-lower-bloodsugar.svg");
    background-size: 97px; }
  .results .lower-a1c .animation-outer-how-does {
    margin-top: 30px; }
    .results .lower-a1c .animation-outer-how-does p.how-does {
      background-image: url("../img/results/icon-lower-how-does.svg");
      background-repeat: no-repeat;
      background-position: 50% 100%;
      background-size: 180px;
      padding-bottom: 145px; }

.results .additional-benefits article {
  text-align: center; }

.results .additional-benefits .animation-outer-but-wait {
  background-image: url("../img/results/icon-bp-weight-m.png");
  background-size: 119px auto;
  background-position: 50% 0;
  background-repeat: no-repeat;
  padding-top: 120px;
  margin-top: 20px; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .results .additional-benefits .animation-outer-but-wait {
      background-image: url("../img/results/icon-bp-weight-m-2x.png");
      background-size: 119px auto; } }
  .results .additional-benefits .animation-outer-but-wait p {
    text-align: left; }

.results .call-a-live {
  background-color: #fff; }
  .results .call-a-live article h1 {
    padding-bottom: 230px;
    margin-bottom: 20px;
    background-image: url("../img/results/call-a-live-m.png");
    background-size: 290px auto;
    background-repeat: no-repeat;
    background-position: 50% 100%; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .results .call-a-live article h1 {
        background-image: url("../img/results/call-a-live-m-2x.png");
        background-size: 290px auto; } }
  .results .call-a-live article .button {
    margin-top: 40px;
    margin-bottom: 40px; }

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

.faq section.faq-hero .hero-area {
  position: relative;
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  overflow: hidden;
  height: 226px;
  background-image: url("../img/faq/faq-hero-m.png");
  background-size: 500px auto;
  background-repeat: no-repeat;
  background-position: center top; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .faq section.faq-hero .hero-area {
      background-image: url("../img/faq/faq-hero-m-2x.png");
      background-size: 500px auto; } }
  .faq section.faq-hero .hero-area h1 {
    display: block;
    width: 228px;
    margin: 10px auto;
    padding-left: 12px;
    color: #fff; }
  .faq section.faq-hero .hero-area h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 12px;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center; }

.faq section.faq-hero p {
  margin-bottom: 30px; }

.faq section.taking-jardiance {
  background-color: #f4f4f4; }

.faq section.about-cv {
  background-color: #fefaea; }

.faq section.about-a1c {
  background-color: #e0f0f1; }

.faq section.poll {
  background-color: #f4f4f4;
  text-align: center; }
  .faq section.poll article {
    background-image: url("../img/faq/poll-bg-m.png");
    background-size: 131px auto;
    background-repeat: no-repeat;
    background-position: 50% 50px; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .faq section.poll article {
        background-image: url("../img/faq/poll-bg-m-2x.png");
        background-size: 131px auto; } }
    .faq section.poll article h1.quotes {
      margin-top: 170px;
      display: inline-block;
      padding-left: 0; }
      .faq section.poll article h1.quotes .quote-before {
        position: initial; }
      .faq section.poll article h1.quotes .quote-after {
        position: initial; }
    .faq section.poll article h3 {
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      text-transform: uppercase;
      display: none; }
    .faq section.poll article .vertical-outer {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #dbdbdb;
      margin-top: 20px;
      width: 100%;
      text-align: left;
      position: relative; }
    .faq section.poll article .vertical-inner {
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      position: relative; }
      .faq section.poll article .vertical-inner.result {
        -webkit-flex: 0 0 75px;
        -ms-flex: 0 0 75px;
        flex: 0 0 75px;
        text-align: center; }
    .faq section.poll article .progressbar {
      position: absolute;
      top: 0;
      left: 0;
      width: 0px;
      height: 100%;
      background-color: #c5c5c5; }
    .faq section.poll article label {
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      min-height: 60px;
      line-height: normal;
      padding: 15px 20px; }
      .faq section.poll article label:before {
        margin-right: 17px; }
      .faq section.poll article label.error:after {
        top: 50%;
        transform: translateY(-50%);
        left: 20px; }
      .faq section.poll article label .result {
        display: none; }
      .b_ie .faq section.poll article label span {
        display: block;
        max-width: 385px; }
    .faq section.poll article form .result {
      display: none;
      
      font-style: Normal;
      font-weight: Normal;
      font-size: 25px;
      font-size: 1.5625rem;
      color: #009b96; }
    .faq section.poll article form.result .button {
      display: none; }
    .faq section.poll article form.result .result {
      display: table-cell;
      width: 65px; }
    .faq section.poll article form.result label {
      cursor: default;
      padding-left: 0;
      position: relative;
      background-image: none; }
      .faq section.poll article form.result label .result {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%; }
      .faq section.poll article form.result label:before, .faq section.poll article form.result label:after {
        display: none; }
    .faq section.poll article .ui-widget-content {
      background-color: #DBDBDB; }
    .faq section.poll article .ui-widget-header {
      background-color: #c5c5c5;
      border: 0px; }
    .faq section.poll article div.radioList {
      display: none; }
  .faq section.poll.poll_1 article h3.h3_for_poll_1 {
    display: block; }
  .faq section.poll.poll_1 article div.radioList.radioList_for_poll_1 {
    display: block; }
  .faq section.poll.poll_2 article h3.h3_for_poll_2 {
    display: block; }
  .faq section.poll.poll_2 article div.radioList.radioList_for_poll_2 {
    display: block; }

.faq section.faq-footnote {
  background-color: #fff; }

.support section.hero .support-hero-img {
  width: 118px;
  height: 91px;
  background-image: url("../img/support/support-hero-bg-m.png");
  background-size: 118px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  float: right;
  margin-left: 5px;
  margin-bottom: 0; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .support section.hero .support-hero-img {
      background-image: url("../img/support/support-hero-bg-m-2x.png");
      background-size: 118px auto; } }

.support section.hero h1 {
  padding-right: 110px; }

.support section.hero p .note {
  color: #009b96;
  text-transform: uppercase;
  margin-top: 20px;
  display: inline-block; }

.support section.support-2 {
  background-color: #fff; }
  .support section.support-2 article {
    background-image: url("../img/support/savings-card-m.png");
    background-size: 176px auto;
    background-position: 100% 70px;
    background-repeat: no-repeat; }
    @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
      .support section.support-2 article {
        background-image: url("../img/support/savings-card-m-2x.png");
        background-size: 176px auto; } }
  .support section.support-2 p {
    padding-right: 150px; }

.support section.support-4 {
  background-color: #fff; }

.signup {
  background-color: #fff; }
  .signup h1 small {
    font-size: 100%;
    text-transform: none; }
  .signup section.patient-support {
    background-color: #fff; }
    .signup section.patient-support article {
      padding-bottom: 0; }
  .signup section.information {
    background-color: #fff; }
    .signup section.information article {
      padding-top: 0; }

.savings section.step-1 {
  display: block; }

.savings section.step-2 {
  display: none; }

.savings.show-step-2 section.step-1 {
  display: none; }

.savings.show-step-2 section.step-2 {
  display: block; }

.savings section.hero h1 + p {
  background-image: url("../img/support/card-m.png");
  background-size: 168px auto;
  background-repeat: no-repeat;
  background-position: 105% 0;
  padding-right: 140px;
  min-height: 100px; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .savings section.hero h1 + p {
      background-image: url("../img/support/card-m-2x.png");
      background-size: 168px auto; } }

.savings section.section-elig {
  background-color: #fff; }

.savings section.information {
  background-color: #fff; }

.savings .module {
  overflow: hidden;
  margin-bottom: 1em;
  padding: 12px 14px;
  background-color: #e5f5f4; }
  .savings .module .for-cardcheck {
    display: block;
    max-width: 204px;
    margin: 0 auto 20px; }
  .savings .module .for-cardcheckyes {
    position: relative;
    display: none;
    max-width: 265px;
    margin: 0 auto;
    padding-bottom: 24px; }
    .savings .module .for-cardcheckyes label .success {
      display: none;
      margin-bottom: 5px;
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      font-size: 9px;
      font-size: 0.5625rem;
      line-height: 15px;
      color: #009b96; }
    .savings .module .for-cardcheckyes label.error .label-txt {
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      color: #f00; }
    .savings .module .for-cardcheckyes .p-back {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0; }
    .savings .module .for-cardcheckyes .button {
      margin: 18px auto; }
    .savings .module .for-cardcheckyes .label-txt {
      padding-right: 0; }
  .savings .module .for-cardcheckno {
    display: none;
    max-width: 204px;
    margin: 0 auto; }
  .savings .module.for-cardcheckyes form {
    max-width: 265px; }
  .savings .module.for-cardcheckyes .for-cardcheck {
    display: none; }
  .savings .module.for-cardcheckyes .for-cardcheckyes {
    display: block; }
  .savings .module.for-cardcheckyes .for-cardcheckno {
    display: none; }
  .savings .module.for-cardcheckno .for-cardcheckyes {
    display: none; }
  .savings .module.for-cardcheckno .for-cardcheckno {
    display: block; }
  .savings .module .error-box {
    position: absolute;
    bottom: -20px;
    margin-left: 0;
    border-width: 0; }

.savings .label_checkbox {
  margin-top: 24px; }

.signup-confirmation ol.numbered {
  margin-top: -6px; }
  .signup-confirmation ol.numbered li {
    padding-left: 18px; }

.signup-confirmation .card-trouble {
  margin: 32px 0; }

.my-support-registration p.iphone {
  background-image: url("../img/support/iPhone-m.png");
  background-size: 70px auto;
  background-repeat: no-repeat;
  background-position: 0 20px;
  padding-left: 85px;
  height: 150px;
  vertical-align: middle;
  display: table-cell;
  border: 0px solid red; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .my-support-registration p.iphone {
      background-image: url("../img/support/iPhone-m-2x.png");
      background-size: 70px auto; } }

.support-registration h1 {
  background-image: url("../img/support/macBook-m.png");
  background-size: 125px auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 140px;
  height: 78px; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .support-registration h1 {
      background-image: url("../img/support/macBook-m-2x.png");
      background-size: 125px auto; } }

.savings-ineligible section.hero article div {
  background-image: url("../img/support/ineligible-m.png");
  background-size: 144px auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 160px;
  min-height: 120px; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .savings-ineligible section.hero article div {
      background-image: url("../img/support/ineligible-m-2x.png");
      background-size: 144px auto; } }

.savings-registration section.hero article h1 + p {
  background-image: url("../img/support/card-m.png");
  background-size: 168px auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 170px;
  min-height: 100px; }
  @media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5 / 4), (min-resolution: 120dpi) {
    .savings-registration section.hero article h1 + p {
      background-image: url("../img/support/card-m-2x.png");
      background-size: 168px auto; } }

.signup-confirmation section.hero article .button {
  margin-top: 30px;
  margin-bottom: 30px; }

.signup-confirmation section.hero article h1 small {
  text-transform: none; }

/* Patient Support */
.savings-card img.savings-card {
  width: 88.275862069%;
  margin: 0 auto 15px;
  display: block; }

.patient-support main .information,
.patient-support-savings-ineligible main .information,
.signup main .information {
  display: block; }

.patient-support main p + img,
.patient-support-savings-ineligible main p + img,
.signup main p + img {
  margin: auto auto 1em; }

.patient-support main .savings-img,
.patient-support-savings-ineligible main .savings-img,
.signup main .savings-img {
  width: 100%;
  text-align: center; }
  .patient-support main .savings-img img,
  .patient-support-savings-ineligible main .savings-img img,
  .signup main .savings-img img {
    max-width: 360px; }

main .error {
  border-color: #e20100; }

.sitemap section article h1 {
  text-transform: uppercase; }

.sitemap section article ul li {
  margin: 1em 0; }
  .sitemap section article ul li a {
    color: #8f6306; }

.unsubscribe section.hero article .button {
  margin-left: 0; }

.mobile_break {
  display: block; }

.no-tablet {
  display: none; }

.dt-only,
.dt-only-inline,
.dt-only-ib,
.no-mobile {
  display: none; }

.mobile-only-inline {
  display: inline; }

.dt-only-inline {
  display: none; }

p.interstate {
  font-family: "Interstate", sans-serif;
  font-weight: 400; }

p.interstateLight {
  font-family: "Interstate Light", sans-serif;
  font-weight: 400; }

p.interstateBold {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700; }

p.italic {
  font-style: italic; }

@media only screen and (min-width: 66.25em) {
  .scale3-1,
  .scale3-2,
  .scale3-3,
  .scale2-1,
  .scale2-2,
  .scroll1,
  .scroll-from-bottom,
  .scroll1-from-right,
  .fade1,
  .fade1-delay1,
  .fade-in-bounce,
  .cde-fade1,
  .cde-fade1-delay1,
  .cde-fade1-delay2,
  .fade-in,
  .scroll-from-top-fade-in,
  .lower-a1c-scroll-from-top {
    opacity: 0;
    position: relative; }
  .cde-scale-in {
    transform: scaleX(0) scaleY(0); }
  .badge-scroll-to-right {
    margin-left: -100px; }
  .badge-scroll-to-left {
    margin-left: 100px; }
  .animate.scale3-1 {
    animation-name: scale-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.scale3-2 {
    animation-name: scale-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 250ms; }
  .animate.scale3-3 {
    animation-name: scale-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 500ms; }
  .animate.scale2-1 {
    animation-name: scale-fade-in;
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.scale2-2 {
    animation-name: scale-fade-in;
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 200ms; }
  .animate.scroll1 {
    animation-name: scroll-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.fade-in-bounce {
    animation-name: bounce-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.fade1 {
    animation-name: fade-in;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.fade1-delay1 {
    animation-name: fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 1s; }
  .animate.scroll1-from-right {
    animation-name: scroll-from-right-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.scroll-from-bottom {
    animation-name: scroll-from-bottom-fade-in;
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.chart-img-scroll-from-bottom {
    animation-name: keyframe-chart-img-scroll-from-bottom;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.border-left {
    animation-name: scroll-from-top-to-fullheight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: linear; }
  .animate.reveal-from-left {
    animation-name: keyframe-reveal-from-left;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.reveal-from-right {
    animation-name: keyframe-reveal-from-right;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.rotate-clockwise {
    animation-name: keyframe-rotate-clockwise;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.rotate-counter-clockwise {
    animation-name: keyframe-rotate-counter-clockwise;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.badge-scroll-to-right {
    animation-name: badge-scroll-to-right;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.badge-scroll-to-left {
    animation-name: badge-scroll-to-left;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.cde-fade1 {
    animation-name: fade-in;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.cde-fade1-delay1 {
    animation-name: cde-fade-in-for-arrow;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: .5s; }
  .animate.cde-fade1-delay2 {
    animation-name: cde-fade-in-for-arrow2;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 1s; }
  .animate.cde-scale-in {
    animation-name: cde-scale-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.dyk-scale2-1 {
    animation-name: dyk-scale-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.dyk-scale2-2 {
    animation-name: dyk-scale-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: 500ms; }
  .animate.fade-in {
    animation-name: fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.scroll-from-top-fade-in {
    animation-name: scroll-from-top-fade-in;
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .animate.lower-a1c-scroll-from-top {
    animation-name: lower-a1c-scroll-from-top-fade-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease; }
  .top-nav ul,
  .top-nav + div,
  .footer-content,
  .isi-content {
    max-width: 1060px;
    padding: 0; }
  header .logo {
    width: 197px;
    height: 88px;
    margin: 0;
    background-image: url("../img/logo-jardiance-d.png");
    background-size: 197px 88px;
    background-repeat: no-repeat;
    background-position: center center; }
  main {
    min-height: 100px; }
    .no-isi main {
      min-height: 0; }
    main > section {
      position: relative; }
      main > section > article {
        position: relative;
        left: 50%;
        width: 780px;
        max-width: none;
        margin-left:-380px;
        padding: 40px 0; }
    main div#step-1 > section,
    main div#step-2 > section {
      position: relative; }
      main div#step-1 > section > article,
      main div#step-2 > section > article {
        position: relative;
        left: 50%;
        width: 780px;
        max-width: none;
        margin-left: -530px;
        padding: 40px 0; }
        footer.light .copyright {
          background: #f5f5f5;
          border-bottom: 1px solid #e6e6e6;
          color: #646464;
          margin: 30px 0;
          padding: 10px 0 8px;
      }
      .tweet p span {
        display: inline-block;
        font-size: 11px;
        color: #aaa;
    }
  h3 {
    font-size: 32px;
    font-size: 2rem; }
  h5 {
    font-size: 16px;
    font-size: 1rem; }


  .top-nav {
    position: relative;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    background-color: transparent; }
    .top-nav .top-nav-wrap {
      position: absolute;
      top: 0;
      right: 0;
      max-width: none;
      z-index: 1; }
    .top-nav ul {
      display: inline-block;
      width: auto;
      max-width: none;
      padding: 0; }
      .top-nav ul li {
        font-size: 11px;
        font-size: 0.6875rem; }
        .top-nav ul li + li:before {
          margin: 0 15px; }
      .top-nav ul + ul li:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 9px;
        margin: 0 15px;
        background-color: #fff; }
    .top-nav + div {
      padding: 14px 15px 20px; }
  .main-nav {
    top: auto;
    right: 0;
    bottom: 30px;
    left: auto;
    opacity: 1;
    width: auto;
    max-width: none;
    background-color: transparent; }
    .main-nav > ul {
      max-height: none; }
    .main-nav li {
      display: inline-block;
      font-family: "Interstate", sans-serif;
      font-weight: 400;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase; }
      .main-nav li a {
        display: inline-block;
        border-bottom: 0 none;
        border-top: 0; }
        .main-nav li a:hover {
          text-decoration: underline; }
      .main-nav li.active {
        background-color: transparent; }
        .main-nav li.active a {
          color: #ffd400;
          text-decoration: underline; }
      .main-nav li + li:before {
        content: '';
        position: relative;
        top: 4px;
        display: inline-block;
        width: 1px;
        height: 16px;
        margin: 0 15px;
        background-color: #ffd400; }
  .menu {
    display: none; }
  
    .button#eligibility-submit,
    button#eligibility-submit {
      margin: 24px 0; }
    .button#submit-signup,
    button#submit-signup {
      margin: 16px 0 48px; }
  .quotes {
    padding-left: 30px; }
    .quotes .quote-before,
    .quotes .quote-after {
      width: 29px;
      height: 26px; }
    .quotes .quote-before {
      top: -10px;
      left: -2px; }
    .quotes .quote-after {
      right: -4px; }
  section article h1 {
    font-size: 33px;
    font-size: 2.0625rem; }
  section.has-top-heading article h2 {
    background-image: url("../img/bg-hdr-banner-d.png");
    background-size: 368px auto;
    width: 368px;
    height: 67px;
    line-height: 67px;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -20px;
    margin-bottom: 16px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    section.has-top-heading article h2 {
      background-image: url("../img/bg-hdr-banner-d-2x.png");
      background-size: 368px auto; } }

@media only screen and (min-width: 66.25em) {
  section.has-top-heading article h3.subhead {
    width: auto; }
  .interstitial {
    width: 815px;
    left: 50%;
    margin-left: -407px;
    top: 150px;
    position: fixed; }
    .interstitial .interstitial-inner {
      padding: 30px 70px 40px;
      max-width: 820px; }
    .interstitial .button {
      display: inline-block;
      margin: 0 15px; }
    .interstitial .close:after {
      background-size: 24px 24px;
      width: 24px;
      height: 24px; }
  .cta {
    padding: 40px 40px 30px; }
    .cta.cv-guide {
      background-image: url("../img/icon-ddg-d.png");
      background-size: 168px auto;
      background-position: 15px 40px; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .cta.cv-guide {
        background-image: url("../img/icon-ddg-d.png");
        background-size: 168px auto; } }

@media only screen and (min-width: 66.25em) {
      .cta.cv-guide p {
        margin-left: 200px; }
        .cta.cv-guide p + p {
          min-height: 50px; }
      .cta.cv-guide a.button {
        margin-left: 200px;
        display: inline-block; }
        .cta.cv-guide a.button + .button {
          margin-left: 20px; }
  .social-icons li {
    margin-right: 10px; }
    .social-icons li.share-email {
      margin-right: 0; }
  .animation-outer {
    position: relative; }
    .animation-outer .animation-container {
      position: absolute;
      top: 0;
      left: 0; }
  .hero .hero-vid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block; }
  .homepage .hero {
    background-image: url("../img/hero-home-d.jpg");
    background-size: auto;
    transform: translate3d(0, 0, 0); }
    .homepage .hero > article {
      padding: 0; }
      .homepage .hero > article .hero-figure-wrapper {
        height: 500px; }
        .homepage .hero > article .hero-figure-wrapper .hero-figure {
          width: 805px;
          height: 483px;
          background-image: url("../img/hero-home-figure-d.png");
          background-size: auto; }
      .homepage .hero > article p,
      .homepage .hero > article .button {
        position: absolute;
        left: calc(50% - 20px);
        transform: translateX(-50%); }
      .homepage .hero > article p {
        top: 220px;
        max-width: 360px;
        font-size: 18px;
        font-size: 1.125rem;
        color: #fff; }
        .homepage .hero > article p b span {
          color: #ffd400; }
      .homepage .hero > article .button {
        top: 380px;
        background-color: #ffd400;
        color: #159c98; }
        .homepage .hero > article .button:hover {
          background-color: #e9c117; }
  .homepage .can-do .badges-wrap .badges-anim {
    display: block;
    width: 337px;
    float: right;
    padding-top: 68px;
    margin-right: 20px; }
    .homepage .can-do .badges-wrap .badges-anim .animation-container {
      position: relative;
      height: 158px; }
    .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-lower, .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-cube, .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-heart {
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: 0 0; }
    .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-lower {
      width: 90px;
      height: 93px;
      top: 27px;
      background-image: url("../img/anim/badge-lower-d.png");
      background-size: 90px auto; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-lower {
        background-image: url("../img/anim/badge-lower-d-2x.png");
        background-size: 90px auto; } }

@media only screen and (min-width: 66.25em) {
    .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-cube {
      width: 90px;
      height: 93px;
      top: 27px;
      left: 245px;
      background-image: url("../img/anim/badge-cube-d.png");
      background-size: 90px auto; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-cube {
        background-image: url("../img/anim/badge-cube-d-2x.png");
        background-size: 90px auto; } }

@media only screen and (min-width: 66.25em) {
    .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-heart {
      width: 157px;
      height: 158px;
      background-image: url("../img/anim/badge-heart-d.png");
      background-size: 157px auto;
      left: 88px; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .homepage .can-do .badges-wrap .badges-anim .animation-content.badge-heart {
        background-image: url("../img/anim/badge-heart-d-2x.png");
        background-size: 157px auto; } }

@media only screen and (min-width: 66.25em) {
  .homepage .can-do .badges-wrap .badges-copy {
    padding-top: 0;
    text-align: left;
    background-image: none;
    display: inline-block;
    width: 420px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .homepage .can-do .badges-wrap .badges-copy {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .homepage .can-do .badges-wrap .badges-copy .button {
      margin: 1rem 0; }
  .homepage .can-do h3 {
    font-size: 33px;
    font-size: 2.0625rem; }
  .homepage .can-do p {
    font-size: 18px;
    font-size: 1.125rem; }
  .homepage .jardiance-asks > article {
    position: relative;
    min-height: 440px;
    padding-left: 324px; }
    .homepage .jardiance-asks > article:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 16px;
      width: 281px;
      height: 451px;
      background-image: url("../img/jordan-asks-d.png");
      background-repeat: no-repeat;
      background-size: auto; }
  .homepage .jardiance-asks .ja-ribbon {
    top: -14px;
    width: 360px;
    height: 183px; }
  .homepage .jardiance-asks form {
    max-width: 398px;
    margin: 0 auto; }
  .homepage .jardiance-asks .ja-quiz-wrap:before {
    display: none;
    background-image: none; }
  .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy {
    text-align: center; }
    .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy p {
      max-width: 298px; }
    .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy label {
      font-size: 20px;
      font-size: 1.25rem; }
      .homepage .jardiance-asks .ja-quiz-wrap .ja-quiz-copy label:first-child {
        margin-right: 16px; }
  .homepage .jardiance-asks hr {
    border-width: 0 0 2px 0; }
  .homepage .jardiance-asks .ja-button-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .homepage .jardiance-asks .ja-button-wrap p {
      -ms-flex: 0 0 230px;
      margin: 0;
      padding-right: 24px;
      text-align: left; }
    .homepage .jardiance-asks .ja-button-wrap button {
      white-space: nowrap;
      margin: 1em 4px; }
  .homepage .cde h3 {
    margin-top: 0; }
  .homepage .cde .cde-wrap .cde-anim {
    display: inline-block;
    float: right;
    width: 210px;
    height: 200px;
    margin-right: 30px; }
    .homepage .cde .cde-wrap .cde-anim .animation-container {
      position: relative; }
    .homepage .cde .cde-wrap .cde-anim .animation-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 210px;
      height: 200px;
      background-repeat: no-repeat;
      background-position: 0 0; }
      .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone {
        background-image: url("../img/anim/cde-phone-d.png");
        background-size: 210px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone {
          background-image: url("../img/anim/cde-phone-d-2x.png");
          background-size: 210px auto; } }

@media only screen and (min-width: 66.25em) {
      .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-left-arrow-1 {
        background-image: url("../img/anim/cde-phone-left-arrow-1-d.png");
        background-size: 210px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-left-arrow-1 {
          background-image: url("../img/anim/cde-phone-left-arrow-1-d-2x.png");
          background-size: 210px auto; } }

@media only screen and (min-width: 66.25em) {
      .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-left-arrow-2 {
        background-image: url("../img/anim/cde-phone-left-arrow-2-d.png");
        background-size: 210px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-left-arrow-2 {
          background-image: url("../img/anim/cde-phone-left-arrow-2-d-2x.png");
          background-size: 210px auto; } }

@media only screen and (min-width: 66.25em) {
      .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-right-arrow-1 {
        background-image: url("../img/anim/cde-phone-right-arrow-1-d.png");
        background-size: 210px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-right-arrow-1 {
          background-image: url("../img/anim/cde-phone-right-arrow-1-d-2x.png");
          background-size: 210px auto; } }

@media only screen and (min-width: 66.25em) {
      .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-right-arrow-2 {
        background-image: url("../img/anim/cde-phone-right-arrow-2-d.png");
        background-size: 210px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .cde .cde-wrap .cde-anim .animation-content.cde-phone-right-arrow-2 {
          background-image: url("../img/anim/cde-phone-right-arrow-2-d-2x.png");
          background-size: 210px auto; } }

@media only screen and (min-width: 66.25em) {
  .homepage .cde .cde-wrap .cde-copy {
    display: inline-block;
    width: 490px;
    background-image: none;
    padding-top: 0; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .homepage .cde .cde-wrap .cde-copy {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .homepage .cde .cde-wrap .cde-copy .button {
      margin: 1em 0; }
  .homepage .disease-ed h3 {
    margin-top: 0; }
  .homepage .disease-ed .disease-ed-wrap {
    display: block; }
    .homepage .disease-ed .disease-ed-wrap .disease-ed-anim {
      float: left;
      display: inline-block;
      width: 264px;
      height: 288px; }
      .homepage .disease-ed .disease-ed-wrap .disease-ed-anim .animation-container {
        width: 264px;
        height: 288px;
        background-image: url("../img/anim/disease-ed-bg-d.png");
        background-size: 264px auto;
        background-repeat: no-repeat;
        background-position: 0 0;
        position: relative; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .disease-ed .disease-ed-wrap .disease-ed-anim .animation-container {
          background-image: url("../img/anim/disease-ed-bg-d-2x.png");
          background-size: 264px auto; } }

@media only screen and (min-width: 66.25em) {
      .homepage .disease-ed .disease-ed-wrap .disease-ed-anim .animation-content {
        position: absolute;
        top: 180px;
        left: 100px;
        width: 60px;
        height: 51px;
        outline: 0px solid red;
        background-color: transparent;
        background-image: url("../img/anim/disease-ed-heart-d.png");
        background-size: 60px auto;
        background-repeat: no-repeat; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .homepage .disease-ed .disease-ed-wrap .disease-ed-anim .animation-content {
          background-image: url("../img/anim/disease-ed-heart-d-2x.png");
          background-size: 60px auto; } }

@media only screen and (min-width: 66.25em) {
    .homepage .disease-ed .disease-ed-wrap .disease-ed-copy {
      padding-top: 0;
      background-image: none;
      width: 510px;
      display: inline-block;
      padding-left: 40px; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .homepage .disease-ed .disease-ed-wrap .disease-ed-copy {
        background-image: none; } }

@media only screen and (min-width: 66.25em) {
      .homepage .disease-ed .disease-ed-wrap .disease-ed-copy p {
        padding-right: 48px; }
      .homepage .disease-ed .disease-ed-wrap .disease-ed-copy .button {
        margin: 1em 0; }
  .why .did-you-know {
    min-height: 462px;
    background-image: url("../img/hero-why-d.jpg");
    background-size: 1920px 556px; }
    .why .did-you-know > article {
      text-align: left; }
    .why .did-you-know h1 {
      font-size: 32px;
      font-size: 2rem; }
    .why .did-you-know h2 {
      font-size: 16px;
      font-size: 1rem; }
    .why .did-you-know .dyk .dyk-heart,
    .why .did-you-know .dyk .dyk-clock {
      display: inline-block;
      width: 370px;
      height: 111px;
      float: left; }
      .why .did-you-know .dyk .dyk-heart .animation-container,
      .why .did-you-know .dyk .dyk-clock .animation-container {
        float: left;
        width: 111px;
        height: 111px;
        position: relative;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0; }
        .why .did-you-know .dyk .dyk-heart .animation-container .animation-content,
        .why .did-you-know .dyk .dyk-clock .animation-container .animation-content {
          position: absolute;
          top: 0;
          left: 0;
          width: 111px;
          height: 111px;
          background-repeat: no-repeat;
          background-position: 0 0; }
    .why .did-you-know .dyk .dyk-heart .animation-container {
      background-image: url("../img/anim/circle-light-green.png");
      background-size: 111px auto; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .why .did-you-know .dyk .dyk-heart .animation-container {
        background-image: url("../img/anim/circle-light-green-2x.png");
        background-size: 111px auto; } }

@media only screen and (min-width: 66.25em) {
      .why .did-you-know .dyk .dyk-heart .animation-container .animation-content {
        background-image: url("../img/anim/heart.png");
        background-size: 111px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .did-you-know .dyk .dyk-heart .animation-container .animation-content {
          background-image: url("../img/anim/heart-2x.png");
          background-size: 111px auto; } }

@media only screen and (min-width: 66.25em) {
    .why .did-you-know .dyk .dyk-clock {
      margin-left: 20px; }
      .why .did-you-know .dyk .dyk-clock .animation-container {
        background-image: url("../img/anim/circle-green.png");
        background-size: 111px auto; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .did-you-know .dyk .dyk-clock .animation-container {
          background-image: url("../img/anim/circle-green-2x.png");
          background-size: 111px auto; } }

@media only screen and (min-width: 66.25em) {
        .why .did-you-know .dyk .dyk-clock .animation-container .animation-content {
          background-image: url("../img/anim/clock.png");
          background-size: 111px auto; } }
        @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
          .why .did-you-know .dyk .dyk-clock .animation-container .animation-content {
            background-image: url("../img/anim/clock-2x.png");
            background-size: 111px auto; } }

@media only screen and (min-width: 66.25em) {
    .why .did-you-know p.icon-heart, .why .did-you-know p.icon-clock {
      margin: 0;
      margin-left: 20px; }
      .why .did-you-know p.icon-heart:before, .why .did-you-know p.icon-clock:before {
        display: none; }
    .why .did-you-know p.icon-heart {
      width: 200px;
      display: inline-block;
      padding-top: 20px; }
    .why .did-you-know p.icon-clock {
      width: 200px;
      display: inline-block; }
  .why .why-quiz {
    background-image: url("../img/bg-why-quiz-shadow-d.png");
    background-size: 823px 595px;
    background-position: calc(50% + 224px) calc(50% + 87px); } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .why .why-quiz {
      background-image: url("../img/bg-why-quiz-shadow-d.png");
      background-size: 823px 595px; } }

@media only screen and (min-width: 66.25em) {
    .why .why-quiz > article {
      padding: 0 0 48px; }
    .why .why-quiz .ja-ribbon {
      top: -14px;
      width: 360px;
      height: 113px;
      margin-left: 370px; }
      .why .why-quiz .ja-ribbon:before {
        top: 11px;
        right: 33px;
        border-width: 24px 0 0 24px; }
      .why .why-quiz .ja-ribbon:after {
        top: 35px;
        border-width: 20px 0 0 20px; }
    .why .why-quiz #quiz-form {
      width: 422px;
      max-width: none;
      height: 420px;
      margin-top: -72px;
      border-width: 3px;
      margin-left: 340px;
      position: relative; }
      .why .why-quiz #quiz-form div#form-person {
        display: block;
        position: absolute;
        top: -63px;
        left: -340px;
        width: 320px;
        height: 528px;
        z-index: 3;
        background-repeat: no-repeat;
        background-position: 50% 100%; }
      .why .why-quiz #quiz-form:before {
        top: calc(100% + 2px);
        left: -4px;
        border-width: 333px 0px 0px 422px; }
      .why .why-quiz #quiz-form:after {
        top: -2px;
        left: calc(100% + 2px);
        border-width: 468px 0 0px 276px; }
      .why .why-quiz #quiz-form .quiz-box {
        height: 420px;
        padding: 56px 24px 24px; }
        .why .why-quiz #quiz-form .quiz-box .qa-head {
          font-size: 20px;
          font-size: 1.25rem; }
        .why .why-quiz #quiz-form .quiz-box .qa-copy {
          width: 366px;
          height: 220px;
          min-height: 210px; }
        .why .why-quiz #quiz-form .quiz-box p {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: normal; }
        .why .why-quiz #quiz-form .quiz-box label {
          font-size: 20px;
          font-size: 1.25rem; }
          .why .why-quiz #quiz-form .quiz-box label:first-child {
            margin-right: 24px; }
        .why .why-quiz #quiz-form .quiz-box .qa-back {
          position: absolute;
          bottom: 48px;
          left: 32px;
          text-decoration: none;
          color: #b8e0df; }
        .b_ie .why .why-quiz #quiz-form .quiz-box.quiz-q2 .radioList {
          width: 236px; }
        .why .why-quiz #quiz-form .quiz-box.quiz-q2 p {
          font-size: 20px;
          font-size: 1.25rem; }
        .why .why-quiz #quiz-form .quiz-box.quiz-last p {
          margin-bottom: 5px; }
          .why .why-quiz #quiz-form .quiz-box.quiz-last p + p {
            margin-top: 10px;
            margin-bottom: 16px; }
        .why .why-quiz #quiz-form .quiz-box.quiz-a p {
          font-size: 16px;
          font-size: 1rem; }
      .why .why-quiz #quiz-form.quiz-q1 div#form-person, .why .why-quiz #quiz-form.quiz-q2 div#form-person, .why .why-quiz #quiz-form.quiz-a3 div#form-person {
        background-image: url("../img/form-person-1.png");
        background-size: 319px 528px; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .why-quiz #quiz-form.quiz-q1 div#form-person, .why .why-quiz #quiz-form.quiz-q2 div#form-person, .why .why-quiz #quiz-form.quiz-a3 div#form-person {
          background-image: url("../img/form-person-1-2x.png");
          background-size: 319px 528px; } }

@media only screen and (min-width: 66.25em) {
      .why .why-quiz #quiz-form.quiz-a1 div#form-person, .why .why-quiz #quiz-form.quiz-q3 div#form-person, .why .why-quiz #quiz-form.quiz-a4 div#form-person {
        background-image: url("../img/form-person-2.png");
        background-size: 297px 521px; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .why-quiz #quiz-form.quiz-a1 div#form-person, .why .why-quiz #quiz-form.quiz-q3 div#form-person, .why .why-quiz #quiz-form.quiz-a4 div#form-person {
          background-image: url("../img/form-person-2-2x.png");
          background-size: 297px 521px; } }

@media only screen and (min-width: 66.25em) {
      .why .why-quiz #quiz-form.quiz-a2 div#form-person, .why .why-quiz #quiz-form.quiz-q4 div#form-person {
        background-image: url("../img/form-person-3.png");
        background-size: 316px 519px; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .why-quiz #quiz-form.quiz-a2 div#form-person, .why .why-quiz #quiz-form.quiz-q4 div#form-person {
          background-image: url("../img/form-person-3-2x.png");
          background-size: 316px 519px; } }

@media only screen and (min-width: 66.25em) {
      .why .why-quiz #quiz-form.quiz-last div#form-person {
        background-image: url("../img/form-person-4.png");
        background-size: 247px 519px; } }
      @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
        .why .why-quiz #quiz-form.quiz-last div#form-person {
          background-image: url("../img/form-person-4-2x.png");
          background-size: 247px 519px; } }

@media only screen and (min-width: 66.25em) {
  .why .ddg-dl .ddg-wrap {
    position: relative; }
  .why .ddg-dl .ddg-copy {
    max-width: 520px; }
  .why .ddg-dl .ddg-img {
    position: absolute;
    top: 0;
    right: 56px;
    width: 168px;
    height: 197px;
    background-image: url("../img/icon-ddg-d.png");
    background-size: auto; }
  .why .ddg-dl .button {
    display: inline-block;
    margin-right: 16px; }
  .why .good-news h3 {
    display: block;
    max-width: 350px;
    margin-top: 0;
    margin-left: -30px; }
  .why .good-news .good-news-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 337px;
    max-width: none;
    height: 291px;
    margin: 30px 0;
    padding-bottom: 0;
    background-image: url("../img/why-good-news-d.jpg");
    background-size: 337px 291px; }
  .why .good-news p {
    max-width: 292px; }
  .why .good-news .button {
    margin: 1em 0; }
  .email-guide fieldset {
    display: inline-block; }
  .email-guide input[type=email] {
    display: inline-block;
    margin-top: 5px;
    width: 270px;
    height: 30px;
    padding: 5px; }
  .email-guide button {
    display: inline-block;
    margin-left: 20px; }
  .email-guide form.error .error-box {
    display: block; }
    .email-guide form.error .error-box p {
      display: block; }
  .email-guide form.error label {
    color: #f00; }
  .email-guide form.error input {
    border: 1px solid #f00; }
  .confirmation .button {
    margin-left: 0; }
  .results .hero {
    height: auto;
    background-image: url("../img/results/hero-results-d.jpg");
    background-size: 1920px 528px; }
    .results .hero article {
      height: 527px;
      padding-left: 350px;
      text-align: left; }
      .results .hero article .animation-container {
        position: absolute;
        left: 0;
        bottom: 0; }
      .results .hero article .results-hero-person {
        background-size: 340px 482px;
        background-repeat: no-repeat;
        background-position: 0 100%;
        width: 341px;
        height: 482px; }
      .results .hero article p,
      .results .hero article .button {
        margin-top: 0;
        margin-left: 30px; }
      .results .hero article .button {
        min-width: 264px; }
  .results .breakthrough article {
    padding-left: 40px; }
  .results .breakthrough .wrap {
    max-width: none;
    margin-top: 36px; }
    .results .breakthrough .wrap h1 {
      margin-left: -30px; }
  .results .breakthrough .cv-benefit-lockup {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2em auto 1em; }
    .results .breakthrough .cv-benefit-lockup .replaced-svg {
      -webkit-flex: 0 0 137px;
      -ms-flex: 0 0 137px;
      flex: 0 0 137px;
      width: 137px;
      margin: 0 20px 0 0; }
  .results .breakthrough .animation-outer-people-7000 {
    padding-bottom: 0;
    background-image: none;
    min-height: 180px;
    position: relative;
    padding-top: 10px;
    padding-right: 250px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .results .breakthrough .animation-outer-people-7000 {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .results .breakthrough .animation-outer-people-7000 .animation-container {
      width: 210px;
      height: 150px;
      position: absolute;
      top: 30px;
      right: 0;
      left: auto;
      background-image: url("../img/anim/7000_icon.svg");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 210px; }
      .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content {
        background-size: 210px;
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 100%;
        height: inherit;
        position: relative; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human {
          position: absolute;
          top: 0;
          left: 0;
          width: 32px;
          height: 35px;
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 32px;
          outline: 1px solid red; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-1,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-3,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-5 {
          z-index: 3;
          background-image: url("../img/anim/human-1.svg");
          top: 50px;
          outline: 0px solid red; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-2,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-4 {
          z-index: 3;
          background-image: url("../img/anim/human-2.svg");
          top: 50px;
          outline: 0px solid red;
          background-size: 28px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-1 {
          left: 35px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-2 {
          left: 65px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-3 {
          left: 91px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-4 {
          left: 120px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-5 {
          left: 145px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-6,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-8 {
          height: 55px;
          z-index: 2;
          background-image: url("../img/anim/human-3.svg");
          top: 30px;
          outline: 0px solid red; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-7,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-9 {
          height: 55px;
          z-index: 2;
          background-image: url("../img/anim/human-4.svg");
          top: 30px;
          outline: 0px solid red;
          background-size: 28px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-6 {
          left: 45px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-7 {
          left: 78px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-8 {
          left: 105px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-9 {
          left: 138px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-10,
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-12 {
          height: 56px;
          z-index: 1;
          background-image: url("../img/anim/human-5.svg");
          top: 8px;
          outline: 0px solid red; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-11 {
          height: 56px;
          z-index: 1;
          background-image: url("../img/anim/human-6.svg");
          top: 8px;
          outline: 0px solid red;
          background-size: 28px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-10 {
          left: 60px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-11 {
          left: 92px; }
        .results .breakthrough .animation-outer-people-7000 .animation-container .animation-content .human-12 {
          left: 120px; }
  .results .breakthrough .cta.cv-guide {
    margin-left: -40px; }
  .results .lower-a1c .lower-hero {
    width: 780px;
    max-width: none;
    height: 321px;
    padding: 111px 0 0 20px;
    background-image: url("../img/results/lower-hero-d.png");
    background-size: 780px auto;
    background-position: 0 0;
    background-repeat: no-repeat; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .results .lower-a1c .lower-hero {
      background-image: url("../img/results/lower-hero-d-2x.png");
      background-size: 780px auto; } }

@media only screen and (min-width: 66.25em) {
    .results .lower-a1c .lower-hero h1 {
      width: auto;
      max-width: none; }
    .results .lower-a1c .lower-hero p {
      width: 350px;
      max-width: none;
      padding-left: 30px; }
  .results .lower-a1c .animation-outer-lower-a1c,
  .results .lower-a1c .animation-outer-lower-bloodsugar {
    margin: 30px auto 20px;
    padding-left: 0px;
    min-height: 140px; }
    .results .lower-a1c .animation-outer-lower-a1c .animation-container,
    .results .lower-a1c .animation-outer-lower-bloodsugar .animation-container {
      width: 137px;
      height: 134px;
      background-size: 134px;
      background-repeat: no-repeat;
      position: relative;
      float: left;
      margin-right: 30px; }
  .results .lower-a1c .animation-outer-lower-a1c {
    background-image: none;
    background-size: 137px;
    padding-top: 20px; }
    .results .lower-a1c .animation-outer-lower-a1c .animation-container {
      overflow: hidden;
      background-image: url("../img/anim/icon-arrow-container.svg"); }
      .results .lower-a1c .animation-outer-lower-a1c .animation-container .animation-content {
        background-image: url("../img/anim/icon-lower-arrow.svg");
        width: 137px;
        height: 134px;
        background-size: 137px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0; }
  .results .lower-a1c .animation-outer-lower-bloodsugar {
    background-image: none;
    background-size: 137px;
    padding-top: 10px; }
    .results .lower-a1c .animation-outer-lower-bloodsugar .animation-container {
      background-image: url("../img/anim/icon-arrow-container.svg"); }
      .results .lower-a1c .animation-outer-lower-bloodsugar .animation-container .animation-content {
        background-image: url("../img/anim/icon-cube.svg");
        width: 137px;
        height: 134px;
        background-size: 135px;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0; }
  .results .lower-a1c .animation-outer-how-does {
    padding-right: 270px; }
    .results .lower-a1c .animation-outer-how-does .animation-container {
      width: 235px;
      height: 165px;
      left: auto;
      right: 0;
      background-image: url("../img/results/icon-lower-how-does.svg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 233px; }
    .results .lower-a1c .animation-outer-how-does p.how-does {
      background-image: none;
      padding-bottom: 0; }
  .results .additional-benefits .animation-outer-but-wait {
    background-image: none;
    padding-top: 0;
    padding-left: 170px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .results .additional-benefits .animation-outer-but-wait {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .results .additional-benefits .animation-outer-but-wait .animation-container {
      width: 148px;
      height: 133px;
      background-image: url("../img/results/icon-bp-weight-d.png");
      background-size: 148px auto;
      background-position: 50% 0;
      background-repeat: no-repeat; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .results .additional-benefits .animation-outer-but-wait .animation-container {
        background-image: url("../img/results/icon-bp-weight-d-2x.png");
        background-size: 148px auto; } }

@media only screen and (min-width: 66.25em) {
  .results .call-a-live article h1 {
    padding-bottom: 0;
    background-image: none;
    width: 430px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .results .call-a-live article h1 {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .results .call-a-live article h1 + p {
      width: 430px; }
  .results .call-a-live article .button {
    display: inline-block;
    margin-top: 10px; }
  .results .call-a-live .animation-outer-call-a-live {
    background-image: url("../img/results/call-a-live-d.png");
    background-size: 300px auto;
    background-repeat: no-repeat;
    background-position: 100% 0; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .results .call-a-live .animation-outer-call-a-live {
      background-image: url("../img/results/call-a-live-d-2x.png");
      background-size: 300px auto; } }

@media only screen and (min-width: 66.25em) {
    .results .call-a-live .animation-outer-call-a-live .animation-container {
      width: 91px;
      height: 79px;
      left: auto;
      right: 180px;
      top: 30px;
      background-image: url("../img/results/icon-phone-d.png");
      background-size: 91px auto;
      background-repeat: no-repeat;
      background-position: 0 0; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .results .call-a-live .animation-outer-call-a-live .animation-container {
        background-image: url("../img/results/icon-phone-d-2x.png");
        background-size: 91px auto; } }

@media only screen and (min-width: 66.25em) {
  .faq section.faq-hero article {
    padding-top: 20px; }
  .faq section.faq-hero .hero-area {
    width: 100%;
    height: 241px;
    margin: 0 auto;
    background-image: url("../img/faq/faq-hero-d.png");
    background-size: 780px 241px;
    background-repeat: no-repeat;
    background-position: center top; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .faq section.faq-hero .hero-area {
      background-image: url("../img/faq/faq-hero-d-2x.png");
      background-size: 780px 241px; } }

@media only screen and (min-width: 66.25em) {
    .faq section.faq-hero .hero-area h1 {
      width: 330px;
      margin: 56px 0 0 372px;
      padding-left: 0;
      color: #fff; }
    .faq section.faq-hero .hero-area h2 {
      width: auto;
      right: 46px;
      bottom: 22px;
      font-size: 23px;
      font-size: 1.4375rem;
      color: #fff; }
  .faq section.faq-hero p {
    margin-top: 30px; }
  .faq section.faq-hero a.button {
    display: inline-block;
    margin-right: 10px; }
    .faq section.faq-hero a.button:last-child {
      margin-right: 0; }
  .faq section.poll article {
    background-image: url("../img/faq/poll-bg-d.png");
    background-size: 255px auto;
    background-repeat: no-repeat;
    background-position: 0 200px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .faq section.poll article {
      background-image: url("../img/faq/poll-bg-d-2x.png");
      background-size: 255px auto; } }

@media only screen and (min-width: 66.25em) {
    .faq section.poll article h1.quotes {
      margin-top: 10px; }
      .faq section.poll article h1.quotes .quote-before {
        position: relative; }
      .faq section.poll article h1.quotes .quote-after {
        position: relative; }
    .faq section.poll article h3 {
      font-size: 16px;
      font-size: 1rem; }
    .faq section.poll article .vertical-inner {
      max-width: 480px; }
    .faq section.poll article form#poll-form {
      float: right;
      width: 480px; }
    .faq section.poll article .radioList {
      margin: 50px 0 40px; }
    .faq section.poll article label {
      font-size: 16px;
      font-size: 1rem;
      padding: 11px 20px; }
      .faq section.poll article label.error:after {
        left: 20px; }
    .faq section.poll article .button {
      margin-right: 0;
      width: 180px; }
    .faq section.poll article form.result .result {
      width: 75px; }
  .support section.hero article {
    position: relative; }
  .support section.hero .support-hero-img {
    width: 236px;
    height: 182px;
    background-image: url("../img/support/support-hero-bg-d.png");
    background-size: 236px auto;
    float: none;
    margin-left: 0;
    position: absolute;
    top: 180px;
    left: 530px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .support section.hero .support-hero-img {
      background-image: url("../img/support/support-hero-bg-d-2x.png");
      background-size: 236px auto; } }

@media only screen and (min-width: 66.25em) {
  .support section.hero h1 {
    padding-right: 0; }
  .support section.support-2 article {
    background-image: url("../img/support/savings-card-d.png");
    background-size: 347px auto;
    background-position: 100% 70px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .support section.support-2 article {
      background-image: url("../img/support/savings-card-d-2x.png");
      background-size: 347px auto; } }

@media only screen and (min-width: 66.25em) {
  .support section.support-2 p {
    padding-right: 390px; }
  .support section.support-3 {
    background-color: #fff; }
    .support section.support-3 article {
      background-color: #e0f0f1;
      padding-left: 80px;
      padding-top: 20px;
      padding-bottom: 20px; }
      .support section.support-3 article .button {
        margin-left: 0; }
  .signup h1 small {
    font-size: 30px; }
  .signup .button {
    margin-left: 0;
    width: 200px; }
  .savings section.hero article {
    background-image: url("../img/support/card.png");
    background-size: 343px auto;
    background-repeat: no-repeat;
    background-position: 100% 120px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .savings section.hero article {
      background-image: url("../img/support/card.png");
      background-size: 343px auto; } }

@media only screen and (min-width: 66.25em) {
  .savings section.hero h1 + p {
    background-image: none;
    padding-right: 410px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .savings section.hero h1 + p {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .savings section.hero h1 + p + p {
      padding-right: 410px; }
  .savings .module {
    position: relative;
    min-height: 160px;
    padding: 0 128px 18px; }
    .savings .module .for-cardcheck {
      max-width: none;
      margin-top: 32px;
      margin-bottom: 0; }
    .savings .module .for-cardcheckno {
      position: absolute;
      top: 52px;
      left: 340px;
      width: 280px;
      max-width: none; }
    .savings .module .for-cardcheckyes {
      max-width: none; }
      .savings .module .for-cardcheckyes .p-back {
        right: auto;
        left: -112px; }
      .savings .module .for-cardcheckyes form {
        position: relative; }
      .savings .module .for-cardcheckyes .frm-hdr {
        margin-bottom: 0; }
      .savings .module .for-cardcheckyes label {
        margin-top: 0; }
        .savings .module .for-cardcheckyes label .success {
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 21px; }
      .savings .module .for-cardcheckyes .button {
        position: absolute;
        right: 0;
        bottom: -12px; }
    .savings .module.for-cardcheckyes form {
      max-width: none; }
    .savings .module .error-box {
      bottom: -30px;
      padding-left: 0; }
  .savings .button {
    margin-left: 0;
    width: 200px; }
  .signup-confirmation section.hero article .button {
    margin-left: 0; }
  .my-support-registration p.iphone {
    background-image: url("../img/support/iPhone.png");
    background-size: 146px auto;
    background-position: 20px 20px;
    padding-left: 190px;
    height: 230px;
    width: 620px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .my-support-registration p.iphone {
      background-image: url("../img/support/iPhone.png");
      background-size: 146px auto; } }

@media only screen and (min-width: 66.25em) {
  .support-registration h1 {
    background-image: none; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .support-registration h1 {
      background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .support-registration h1 + p {
      background-image: url("../img/support/macBook.png");
      background-size: 245px auto;
      background-repeat: no-repeat;
      background-position: 0 0;
      padding-left: 270px;
      height: 150px;
      vertical-align: middle;
      display: table-cell; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .support-registration h1 + p {
        background-image: url("../img/support/macBook.png");
        background-size: 245px auto; } }

@media only screen and (min-width: 66.25em) {
      .support-registration h1 + p + p {
        margin-top: 40px; }
  .savings-ineligible section.hero article {
    background-image: url("../img/support/ineligible.png");
    background-size: 236px auto;
    background-repeat: no-repeat;
    background-position: 500px 210px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .savings-ineligible section.hero article {
      background-image: url("../img/support/ineligible.png");
      background-size: 236px auto; } }

@media only screen and (min-width: 66.25em) {
    .savings-ineligible section.hero article div {
      background-image: none;
      padding-right: 0;
      min-height: initial; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .savings-ineligible section.hero article div {
        background-image: none; } }

@media only screen and (min-width: 66.25em) {
    .savings-ineligible section.hero article ul {
      padding-right: 360px; }
  .savings-registration section.hero article {
    background-image: url("../img/support/card.png");
    background-size: 380px auto;
    background-repeat: no-repeat;
    background-position: 100% 100px;
    padding-right: 170px;
    min-height: 100px; } }
  @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
    .savings-registration section.hero article {
      background-image: url("../img/support/card.png");
      background-size: 380px auto; } }

@media only screen and (min-width: 66.25em) {
    .savings-registration section.hero article h1 + p {
      background-image: none;
      min-height: initial;
      padding-right: 210px; } }
    @media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (-o-min-device-pixel-ratio: 5 / 4), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
      .savings-registration section.hero article h1 + p {
        background-image: none; } }

@media only screen and (min-width: 66.25em) {
  .mobile_break {
    display: inline; }
  .desktop_break {
    display: block; }
  .mobile-only,
  .mobile-only-inline {
    display: none !important; }
  .dt-only-inline {
    display: inline !important; }
  .dt-only-ib {
    display: inline-block !important; }
  .dt-only,
  .no-mobile {
    display: inherit !important; } }

/*==========================================================
  Selectric v1.9.3 Default styles - Change to match design
==========================================================*/
/*

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #ddd;
  background: #f8f8f8;
  position: relative;

  .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
  }

  .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    color: #bbb;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;

    &:after {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: #bbb;
      border-bottom: 0;
    }

  }

}

.selectric-hover {

  .selectric {
    border-color: #c4c4c4;

    .button {
      color: #a2a2a2;

      &:after {
        border-top-color: #a2a2a2;
      }

    }

  }

}

.selectric-open {
  z-index: 9999;

  .selectric {
    border-color: #c4c4c4;
  }

  .selectric-items {
    display: block;
  }

}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;

  select {
    position: absolute;
    left: -100%;
    display: none;
  }

}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/!* Items box *!/
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f8f8f8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;

  .selectric-scroll {
    height: 100%;
    overflow: auto;
  }

  .selectric-above & {
    top: auto;
    bottom: 100%;
  }

  ul,
  li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
  }

  li {
    display: block;
    padding: 8px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    color: #666;
    cursor: pointer;

    &.selected {
      background: #efefef;
      color: #444;
    }

    &:hover {
      background: #f0f0f0;
      color: #444;
    }

    &:before {
      display: none;
    }

  }

  .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .selectric-group {

    .selectric-group-label {
      font-weight: bold;
      padding-left: 10px;
      cursor: default;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: none;
      color: #444;
    }

    &.disabled li {
      filter: alpha(opacity=100);
      opacity: 1;
    }

    li {
      padding-left: 25px;
    }

  }

}
*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  vertical-align: middle; }

.selectric-responsive {
  width: 100%; }

.selectric {
  background: #e8e8e8;
  position: relative; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 26px 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 26px;
    line-height: 1.625rem;
    line-height: 26px;
    color: #777777;
    height: 26px; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    text-align: center;
    font: 0/0 a;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none; }

.selectric-hover .selectric {
  border-color: #c4c4c4; }
  .selectric-hover .selectric .button {
    color: #a2a2a2; }
    .selectric-hover .selectric .button:after {
      border-top-color: #a2a2a2; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #c4c4c4; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items ul li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
    margin: 0; }
    .selectric-items ul li:before {
      display: none; }
    .selectric-items ul li.selected {
      background: #EFEFEF;
      color: #444; }
    .selectric-items ul li:hover {
      background: #F0F0F0;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.radioList.error {
  color: #e20100; }

.checkbox-consent span.error {
  display: inline-block;
  margin: 1em 0;
  font-size: 16px;
  font-size: 1rem; }

.label_checkbox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: auto;
  min-height: 30px;
  font-family: "Interstate Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 12px; }
  .label_checkbox:before {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    content: '';
    display: block;
    width: 24px;
    height: 21px;
    margin-right: 12px;
    background-color: #e8e8e8; }
  .label_checkbox span {
    -ms-flex: 0 0 90%;
    display: block; }
  .label_checkbox.v-align-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .label_checkbox.checked:before {
    background: #e8e8e8 url(../img/checkmark.png) no-repeat center center;
    background-size: 66%; }
  .label_checkbox + span.error {
    visibility: hidden;
    font-size: 12px;
    font-size: 0.75rem;
    color: #e20100; }
  .label_checkbox.error:before, .label_checkbox.warning:before {
    border: 1px solid #f00; }
  .label_checkbox.error + span.error, .label_checkbox.warning + span.error {
    visibility: visible; }
  .label_checkbox.white:before {
    background-color: #fff; }

.label_radio {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Interstate Light", sans-serif;
  font-weight: 400; }
  .label_radio.inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-right: 24px; }
  .label_radio:before {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    background-color: #dbdbdb;
    border: 8px solid #e8e8e8;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.25); }
  .label_radio.checked:before {
    background-color: #159c98; }
  .label_radio.error:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2031%2031%22%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2215.5%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23f00%22%20stroke-width%3D%221%22%20/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  .label_radio.white:before {
    background-color: #d7e4e3;
    border-color: #fff; }
  .label_radio.white.checked:before {
    background-color: #159c98; }

.text_label,
.select_label {
  display: block;
  font-family: "Interstate Light", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  color: #5f5756;
  margin-top: 10px;
  margin-bottom: 10px; }
  .text_label > span,
  .select_label > span {
    display: block;
    margin-bottom: 5px; }
  .text_label input[type=text], .text_label input[type=email],
  .select_label input[type=text],
  .select_label input[type=email] {
    width: 100%;
    height: 26px;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    outline: 0px solid #ddd;
    padding: 0 10px;
    -webkit-appearance: none;
    border-radius: 0; }
    .text_label input[type=text]#cardNumber, .text_label input[type=email]#cardNumber,
    .select_label input[type=text]#cardNumber,
    .select_label input[type=email]#cardNumber {
      background-color: #fff;
      border-color: #fff; }
  .text_label select,
  .select_label select {
    background-color: #e8e8e8;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%3Ccircle%20cx%3D%225.25%22%20cy%3D%225.25%22%20r%3D%224.75%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20/%3E%3Cpolyline%20points%3D%227.63%204.24%205.25%207.26%202.87%204.24%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 26px;
    background-color: #e8e8e8;
    border: 1px solid #fff;
    outline: 0px solid #dddddd;
    padding: 0 10px;
    width: 100%;
    border-radius: 0; }
    .text_label select:focus,
    .select_label select:focus {
      outline-offset: 0; }
  .text_label.thirds select, .text_label.thirds .selectric-wrapper,
  .select_label.thirds select,
  .select_label.thirds .selectric-wrapper {
    width: 31.0344827586%;
    margin-right: 1.724137931%; }
    .text_label.thirds select:last-of-type, .text_label.thirds .selectric-wrapper:last-of-type,
    .select_label.thirds select:last-of-type,
    .select_label.thirds .selectric-wrapper:last-of-type {
      margin-right: 0; }
  .text_label#label_state,
  .select_label#label_state {
    display: inline-block;
    width: 61.2068965517%;
    margin-right: 1.724137931%; }
  .text_label#label_zip,
  .select_label#label_zip {
    display: inline-block;
    width: 35.3448275862%; }
  .text_label.error,
  .select_label.error {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: #e20100; }
    .text_label.error input[type=text], .text_label.error input[type=email],
    .select_label.error input[type=text],
    .select_label.error input[type=email] {
      font-family: "Interstate Light", sans-serif;
      font-weight: 400;
      color: #4e4241;
      border: 1px solid #e20100; }
    .text_label.error select,
    .select_label.error select {
      font-family: "Interstate Light", sans-serif;
      font-weight: 400;
      color: #4e4241;
      border: 1px solid #e20100; }
    .text_label.error .selectric-wrapper,
    .select_label.error .selectric-wrapper {
      outline: 1px solid #e20100; }

label .button {
  background-color: #c2c2c2;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010.5%2010.5%22%3E%3Ccircle%20cx%3D%225.25%22%20cy%3D%225.25%22%20r%3D%224.75%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20/%3E%3Cpolyline%20points%3D%227.63%204.24%205.25%207.26%202.87%204.24%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px; }

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: -9999px; }

.error-box {
  width: 100%;
  padding: 6px 10px 6px 10px;
  margin: 0 0 1em;
  display: none; }
  .error-box p {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 9px;
    font-size: 0.5625rem;
    color: #f00;
    margin: 0;
    display: none; }
    .error-box p + p {
      margin: 1em 0 0; }
    .error-box p.show {
      display: block; }
    .error-box p.success {
      color: #009b96; }
  .error-box.show {
    border: 1px solid #f00;
    display: block; }

.privacy {

  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem; }

.chkbx-err.error {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #f00; }

@media only screen and (min-width: 66.25em) {
  .selectric-wrapper {
    height: 42px; }
  .selectric {
    height: 42px; }
    .selectric .label {
      height: 42px;
      line-height: 42px;
      font-size: 16px;
      font-size: 1rem; }
    .selectric .button {
      background-size: 25px 27px;
      width: 42px;
      height: 42px; }
  .selectric-items ul, .selectric-items ul li {
    font-size: 16px;
    font-size: 1rem; }
  .radioList.currently-prescribed p {
    text-align: right;
    width: 200px;
    padding-right: 20px;
    float: left; }
  .radioList.currently-prescribed div {
    padding-top: 20px;
    float: left;
    width: 400px; }
  .checkbox-consent {
    margin-left: 200px; }
  .error-box {
    width: 520px;
    padding: 6px 10px 6px 10px;
    margin: 0;
    margin-left: 204px; }
    .error-box p {
      font-size: 10px;
      font-size: 0.625rem; }
  .label_checkbox {
    font-size: 16px;
    font-size: 1rem; }
    .label_checkbox:before {
      width: 48px;
      height: 42px; }
  .label_radio {
    font-size: 16px;
    font-size: 1rem; }
    .label_radio:before {
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 38px;
      height: 38px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .label_radio.error:after {
      width: 38px;
      height: 38px;
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.5%22%20fill%3D%22none%22%20stroke%3D%22%23f00%22%20stroke-width%3D%221%22/%3E%3C/svg%3E"); }
  .text_label,
  .select_label {
    font-size: 16px;
    font-size: 1rem; }
    .text_label > span,
    .select_label > span {
      display: inline-block;
      width: 200px;
      text-align: right;
      padding-right: 20px; }
    .text_label#label_cardNumber,
    .select_label#label_cardNumber {
      width: 280px;
      display: inline-block; }
      .text_label#label_cardNumber > span,
      .select_label#label_cardNumber > span {
        width: 100%;
        text-align: left; }
      .text_label#label_cardNumber input[type=text],
      .select_label#label_cardNumber input[type=text] {
        background-color: #fff;
        width: 270px; }
      .text_label#label_cardNumber + .button,
      .select_label#label_cardNumber + .button {
        margin-left: 0;
        display: inline-block;
        width: 220px; }
    .text_label input[type=text], .text_label input[type=email],
    .select_label input[type=text],
    .select_label input[type=email] {
      width: 520px;
      height: 42px; }
    .text_label select,
    .select_label select {
      height: 42px; }
    .text_label.thirds select, .text_label.thirds .selectric-wrapper,
    .select_label.thirds select,
    .select_label.thirds .selectric-wrapper {
      width: 140px; }
    .text_label#label_state,
    .select_label#label_state {
      width: 490px; }
      .text_label#label_state select,
      .select_label#label_state select {
        width: 280px; }
      .text_label#label_state .selectric-wrapper, .text_label#label_state .selectric,
      .select_label#label_state .selectric-wrapper,
      .select_label#label_state .selectric {
        width: 280px; }
    .text_label#label_zip,
    .select_label#label_zip {
      width: 220px; }
      .text_label#label_zip > span,
      .select_label#label_zip > span {
        width: 95px; }
      .text_label#label_zip input,
      .select_label#label_zip input {
        width: 118px; }
  .privacy {
    font-size: 16px;
    font-size: 1rem; } }

#isi .isi-wrapper {
  padding: 16px 0; }

#isi .isi-more {
  display: none; }

#lou-fixed,
#isi-fixed {
  background-color: #fff;
  width: 100%;
  height: 106px;
  padding: 0;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 2; }
  #lou-fixed .isi-header-bar,
  #isi-fixed .isi-header-bar {
    background-color: #000;
    width: 100%;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0; }
  #lou-fixed .lou-content,
  #lou-fixed .isi-content,
  #isi-fixed .lou-content,
  #isi-fixed .isi-content {
    position: relative; }
  #lou-fixed .isi-more,
  #isi-fixed .isi-more {
    font-size: 12px;
    font-size: 0.75rem;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: -14px;
    right: 15px; }
  .no-isi #lou-fixed, .no-isi
  #isi-fixed {
    display: none !important; }

#lou-fixed {
  height: 180px; }

.lou-content h3,
.lou-content h4,
.lou-content p,
.lou-content li,
.isi-content h3,
.isi-content h4,
.isi-content p,
.isi-content li {
  margin: 0 0 0.5em;
  line-height: 1.2; }

.lou-content h3,
.isi-content h3 {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #009b96; }

.lou-content h4,
.isi-content h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #009b96; }

.lou-content p,
.lou-content li,
.isi-content p,
.isi-content li {
  font-size: 13px;
  font-size: 0.8125rem; }

.lou-content ul li,
.isi-content ul li {
  padding-left: 0.75em; }

.lou-content a,
.isi-content a {
  color: #8f6306; }

.isi-container {
  padding: 10px;
  margin: 0px 0 0; }
  .isi-container .isi {
    padding: 0 3.125%; }
  .isi-container h2 {
    font-size: 14px;
    font-size: 0.875rem;
    color: #009b96;
    margin: 0 0 0.2em;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .isi-container h3 {
    color: #009b96;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0 0 0.5em;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .isi-container h4 {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .isi-container p, .isi-container li {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0 0 0.5em; }
  .isi-container ul {
    margin: 0;
    padding: 0; }
    .isi-container ul li {
      padding: 0 0 0 0.6875em;
      list-style: none;
      position: relative; }
      .isi-container ul li:before {
        color: #009b96;
        content: '\2022';
        position: absolute;
        left: 0; }
      .isi-container ul li.no-list:before {
        content: ''; }
      .isi-container ul li ul {
        margin-bottom: 1em; }
        .isi-container ul li ul li:before {
          color: #4e4241; }
  .isi-container a {
    color: #8f6306; }
  .isi-container b {
    color: #4e4241; }

.sticky-isi {
  display: none;
  position: fixed;
  bottom: 0;
  height: 170px;
  background: #fff;
  width: 100%;
  left: 0;
  z-index: 11; }
  .sticky-isi.expanded {
    overflow: auto;
    height: 100%;
    z-index: 13; }
  .sticky-isi.expanded2 {
    max-height: 267px;
    height: 267px; }
    .sticky-isi.expanded2.expanded {
      height: 100%;
      max-height: none; }
  .sticky-isi .inner {
    margin: 0 auto; }
  .sticky-isi h2, .sticky-isi h3, .sticky-isi h4 {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .sticky-isi .see-more {
    position: absolute;
    top: 0px;
    line-height: 12px;
    line-height: 0.75rem;
    right: 4.6875%; }
    .sticky-isi .see-more:after {
      content: '';
      width: 12px;
      height: 12px;
      background: url(../img/isi-see-more.png) no-repeat;
      display: inline-block;
      background-size: 12px 36px; }
    .sticky-isi .see-more.active:after {
      background-position: 0 -12px; }
  .sticky-isi .indication {
    padding: 5px 10px;
    height: 30px;
    overflow: hidden;
    box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.4); }
    .sticky-isi .indication .inner {
      max-width: 500px;
      position: relative;
      margin: 0 auto; }
    .sticky-isi .indication.expanded {
      height: auto; }
  .sticky-isi .mobile-isi {
    padding: 5px 10px;
    box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.4);
    position: relative;
    width: 100%;
    max-height: 130px; }
    .sticky-isi .mobile-isi .inner {
      max-width: 500px;
      position: relative;
      margin: 0 auto; }
    .sticky-isi .mobile-isi h3 {
      margin-bottom: 3px;
      line-height: 14px; }
    .sticky-isi .mobile-isi p,
    .sticky-isi .mobile-isi li {
      margin-bottom: 3px; }

#right-rail-isi {
  display: none; }

@media only screen and (min-width: 66.25em) {
  .sticky-isi {
    display: none !important; }
  #isi {
    padding-top: 20px; }
    #isi .isi-wrapper {
      width: 100%;
      max-width: 1060px;
      margin: 0 auto;
      padding: 32px 0;
      padding-top: 0; }
      #isi .isi-wrapper .lou-content {
        float: right;
        /* width: 412px; */
        margin: 0 0 12px 24px;
        padding: 0 0 0 24px;
        border-left: 1px solid #c2c2c2; }
  .lou-content h3,
  .lou-content h4,
  .lou-content p,
  .lou-content li,
  .isi-content h3,
  .isi-content h4,
  .isi-content p,
  .isi-content li {
    margin: 0 0 0.375em;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px; }
  .lou-content h3,
  .isi-content h3 {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .lou-content h4,
  .isi-content h4 {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700; }
  .lou-content .tel,
  .isi-content .tel {
    text-decoration: none;
    color: #4e4241; }
  #right-rail-isi {
    display: block;
    position: absolute;
    top: 142px;
    right: 50%;
    z-index: 10;
    width: 260px;
    margin-right: -530px;
    height: calc(100vh - 40px);
    max-height: 624px;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid #c2c2c2;
    padding: 0 0 0 10px; }
    .no-isi #right-rail-isi {
      display: none; }
    #right-rail-isi.absolute {
      position: absolute; }
    #right-rail-isi.fix {
      position: fixed;
      top: 0; }
    #right-rail-isi .lou-content {
      padding: 0;
      padding-top: 10px; }
    .no-right-rail-isi #right-rail-isi {
      display: none; }
  .mCSB_inside > .mCSB_container {
    margin-right: 20px; }
  .mCSB_scrollTools .mCSB_draggerContainer {
    border-left: 1px solid #dddddd; }
  .mCS-sp-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ffd400;
    width: 6px; }
  .mCS-sp-theme.mCSB_scrollTools_vertical {
    width: 14px; }
  .mCS-sp-theme.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #fafafa; } }

/*! Helper classes */
/*
 * Image replacement
 */
.ir {
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }
  .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

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

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `cf` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
section:before, section article:before, .homepage .can-do .badges-wrap:before, .homepage .cde .cde-wrap:before, .why .did-you-know .dyk:before, .faq section.poll article label:before, .radioList:before, .cf:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

section:after, section article:after, .homepage .can-do .badges-wrap:after, .homepage .cde .cde-wrap:after, .why .did-you-know .dyk:after, .faq section.poll article label:after, .radioList:after, .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
  clear: both; }

/*
 * Prevent text from breaking over two lines.
 */
.nobr {
  white-space: nowrap; }

/*
 * Float rules
 */
.left {
  float: left; }

.right {
  float: right; }

/* 
* positioning rules
*/
.relative {
  position: relative; }

/*# sourceMappingURL=main.css.map */