@charset "UTF-8";

@keyframes header-static {
  0% {
    top: -79px;
  }

  100% {
    top: 0px;
  }
}

@keyframes dropdown-menu {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes sprite-play {
  0% {
    background-position: center 0%;
  }

  100% {
    background-position: center 94.65%;
  }
}

/*! 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).
 */

/**
 * 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 {
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  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;
  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;
  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;
  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 {
  transition: opacity 0.2s ease-in-out, background-color 0.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 {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.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(/images/mCSB_buttons.png?5b35a39c5f877ba43637e183a0d6c425);
  /* 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);
  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);
  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);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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);
  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);
  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);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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: 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: 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 {
  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 {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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);
  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);
}

/* ---------------------------------------- */

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

body {
  background-image: url(/images/m-bg.png?9aaa20991677488ad0b0ac9b9b13a538);
  background-size: 1120px auto;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  font-family: "Interstate Light", sans-serif;
  font-weight: 400;
  color: #4e4241;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  body {
    background-image: url(/images/m-bg-2x.png?576c84565a0893dfec3e7f541125b4dc);
    background-size: 1120px auto;
  }
}

html[data-webp=true] body {
  background-image: url(/images/m-bg.webp?21f14639b226d8f03106c2fd3fccd02f);
  background-size: 1120px auto;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-webp=true] body {
    background-image: url(/images/m-bg-2x.webp?190e10c2896902998843769e9e321a3f);
    background-size: 1120px auto;
  }
}

body.locked {
  position: fixed;
}

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

.header,
.footer-content {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding: 0;
}

.top-nav + div {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 16px;
}

header {
  background-image: url(/images/m-bg.png?9aaa20991677488ad0b0ac9b9b13a538);
  background-size: 1023px auto;
  background-repeat: no-repeat;
  background-position: center -48px;
  height: 122px;
  position: relative;
  z-index: 18;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  header {
    background-image: url(/images/m-bg-2x.png?576c84565a0893dfec3e7f541125b4dc);
    background-size: 1023px auto;
  }
}

html[data-webp=true] header {
  background-image: url(/images/m-bg.webp?21f14639b226d8f03106c2fd3fccd02f);
  background-size: 1023px auto;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-webp=true] header {
    background-image: url(/images/m-bg-2x.webp?190e10c2896902998843769e9e321a3f);
    background-size: 1023px auto;
  }
}

header div.wrapper {
  position: relative;
}

header div.bottom {
  height: 56px;
}

header div.bottom .logo_wrapper {
  width: 141px;
  height: 47px;
}

header div.bottom .logo_wrapper a {
  display: block;
  width: 141px;
  height: 47px;
  margin-top: 4px;
}

header div.bottom .logo_wrapper a img {
  width: 141px;
  height: 47px;
}

header div.bottom .right {
  padding-top: 12px;
}

header div.bottom .button {
  margin-top: 4px;
  margin-left: auto;
  width: auto;
  float: left;
  font-size: 8px;
  font-size: 0.5rem;
  padding: 6px 8px;
  margin-right: 10px;
  text-transform: uppercase;
}

header div.bottom .burger_btn {
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  background-color: transparent;
  border: 0;
}

header div.bottom .burger_btn .box {
  position: relative;
  display: block;
  width: 25px;
  height: 22px;
}

header div.bottom .burger_btn .box .inner {
  top: 0px;
  position: absolute;
  width: 25px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: #fff;
  transform: translate3d(0px, 0px, 0) rotate(0deg);
  border-radius: 2px;
}

header div.bottom .burger_btn .box .inner:before,
header div.bottom .burger_btn .box .inner:after {
  content: "";
  display: block;
  border-radius: 2px;
}

header div.bottom .burger_btn .box .inner:before {
  position: absolute;
  width: 25px;
  height: 4px;
  top: 8px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform, opacity;
  background-color: #fff;
  transform: rotate(0deg) translate3d(0px, 0px, 0);
}

header div.bottom .burger_btn .box .inner:after {
  position: absolute;
  width: 25px;
  height: 4px;
  top: 16px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform, opacity;
  background-color: #fff;
  transform: translate3d(0px, 0px, 0) rotate(0deg);
}

header div.bottom .burger_btn .brg_text {
  opacity: 1;
  visibility: visible;
  transition: 0.1s all linear;
}

header div.bottom .burger_btn .brg_text p {
  margin: 0;
  font-size: 7px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

header .dropdown {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-image: url(/images/m-bg.png?9aaa20991677488ad0b0ac9b9b13a538);
  background-size: 1023px auto;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 1;
  overflow: hidden;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  header .dropdown {
    background-image: url(/images/m-bg-2x.png?576c84565a0893dfec3e7f541125b4dc);
    background-size: 1023px auto;
  }
}

html[data-webp=true] header .dropdown {
  background-image: url(/images/m-bg.webp?21f14639b226d8f03106c2fd3fccd02f);
  background-size: 1023px auto;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-webp=true] header .dropdown {
    background-image: url(/images/m-bg-2x.webp?190e10c2896902998843769e9e321a3f);
    background-size: 1023px auto;
  }
}

header .dropdown ul#menu-main-nav {
  margin-top: 170px;
}

header .dropdown ul#menu-main-nav li {
  text-align: center;
  display: block;
  background-image: url(/images/m-dropdown-menu-item-bg-2x.png?b686dc019dcc8064a7faff400aa04bf3);
  background-size: 286px;
  background-position: center bottom;
  background-repeat: no-repeat;
}

header .dropdown ul#menu-main-nav li:last-child {
  background-image: none;
}

header .dropdown ul#menu-main-nav li a {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

header .dropdown ul#menu-main-nav li:hover a,
header .dropdown ul#menu-main-nav li.selected a {
  color: #fda15f;
}

header.dropdown_expanded div.bottom div.logo_wrapper {
  position: relative;
  z-index: 2;
}

header.dropdown_expanded div.bottom div.right {
  position: relative;
  z-index: 2;
}

header.dropdown_expanded div.bottom .burger_btn .box .inner {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}

header.dropdown_expanded div.bottom .burger_btn .box .inner:before {
  transform: rotate(-45deg) translate3d(-6px, -6px, 0);
  opacity: 0;
}

header.dropdown_expanded div.bottom .burger_btn .box .inner:after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}

header.dropdown_expanded div.bottom .burger_btn .brg_text {
  opacity: 0;
  visibility: hidden;
}

header.dropdown_expanded div.bottom .dropdown {
  height: 100%;
  animation-name: dropdown-menu;
  animation-duration: 0.5s;
}

header.static {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 65px;
  z-index: 20;
  background-image: none;
  background-color: #009b96;
  animation-name: header-static;
  animation-duration: 0.5s;
}

header.static .container {
  height: inherit;
}

header.static .container .wrapper {
  height: inherit;
}

header.static nav {
  display: none;
}

.banner-xr {
  position: relative;
  z-index: 19;
  width: 100%;
  height: 48px;
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  z-index: 19;
  opacity: 1;
  transition: 0s opacity;
}

.js-overflow-hidden .banner-xr {
  opacity: 0;
  transition: 0.3s opacity;
}

.banner-xr:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  display: inline-block;
  background-image: url(/images/m-bg.png?9aaa20991677488ad0b0ac9b9b13a538);
  background-size: 1023px auto;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 0;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .banner-xr:before {
    background-image: url(/images/m-bg-2x.png?576c84565a0893dfec3e7f541125b4dc);
    background-size: 1023px auto;
  }
}

html[data-webp=true] .banner-xr:before {
  background-image: url(/images/m-bg.webp?21f14639b226d8f03106c2fd3fccd02f);
  background-size: 1023px auto;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-webp=true] .banner-xr:before {
    background-image: url(/images/m-bg-2x.webp?190e10c2896902998843769e9e321a3f);
    background-size: 1023px auto;
  }
}

.banner-xr .banner-content {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 16px;
  display: table;
  position: relative;
  z-index: 1;
}

.banner-xr .banner-content div {
  font-size: 8px;
  font-size: 0.5rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  color: #fff;
  display: table-cell;
  height: 40px;
  line-height: 8px;
  text-transform: uppercase;
  vertical-align: middle;
}

.banner-xr .banner-content div + div {
  padding-left: 10px;
}

.banner-xr .logo-xr {
  width: 74px;
  height: 36px;
}

.banner-xr .logo-xr img {
  width: 74px;
  height: auto;
}

.banner-xr .logo-xr svg {
  width: 100%;
  height: auto;
}

main {
  background-position: center top;
  background-repeat: no-repeat;
}

main.static-header {
  padding-top: 122px;
}

main > section .wrapper,
main > section > article {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 16px;
}

main > section .wrapper a:not(.button),
main > section > article a:not(.button) {
  color: #109a95;
}

main > section .wrapper a:not(.button):hover,
main > section > article a:not(.button):hover {
  color: #c8723b;
}

main > section .wrapper a:not(.button).clicktocalldisabled,
main > section > article a:not(.button).clicktocalldisabled {
  color: inherit;
  text-decoration: none;
  cursor: text;
}

main > section .wrapper a:not(.button).clicktocalldisabled:hover,
main > section > article a:not(.button).clicktocalldisabled:hover {
  color: #f18a47;
}

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

footer {
  background-image: url(/images/m-footer-wedge.png?8b17253bacc5b1941659c81f8bf7a339);
  background-size: 163px auto;
  background-color: #f5f6f5;
  background-size: 163px;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: 113px;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  footer {
    background-image: url(/images/m-footer-wedge-2x.png?8910f7a0200f05eebbc96d496c242dde);
    background-size: 163px auto;
  }
}

footer .wrapper {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 16px;
}

footer div.top {
  display: flex;
  margin-bottom: 20px;
}

footer div.top div.img_wrapper {
  padding-top: 3px;
}

footer div.top div.img_wrapper.logo_bi {
  width: 120px;
  position: relative;
  margin-right: 30px;
}

footer div.top div.img_wrapper.logo_bi img {
  width: 120px;
  height: auto;
}

footer div.top div.img_wrapper.logo_bi:after {
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #4d4241;
  top: 0;
  right: -15px;
}

footer div.top div.img_wrapper.logo_lilly {
  width: 65px;
}

footer div.top div.img_wrapper.logo_lilly img {
  width: 65px;
  height: auto;
}

footer div.mid_ul ul {
  max-width: 288px;
  margin-bottom: 1em;
}

footer div.mid_ul ul li {
  display: inline-block;
  margin-right: 24px;
  position: relative;
  line-height: 1.4;
}

footer div.mid_ul ul li a {
  color: #159c98;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}

footer div.mid_ul ul li:nth-child(2),
footer div.mid_ul ul li:nth-child(4) {
  margin-right: 0;
}

footer div.mid_ul ul li:nth-child(2):after,
footer div.mid_ul ul li:nth-child(4):after {
  display: none;
}

footer div.mid_ul ul li:nth-child(5) {
  margin-right: 0;
}

footer div.mid_ul ul li:nth-child(5):after {
  display: none;
}

footer div.mid_ul ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  right: -12px;
  width: 1px;
  height: 15px;
  background-color: #159c98;
}

footer div.bottom p {
  font-size: 14px;
  font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.5rem 0;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #008c7d;
}

h1.footnote,
h2.footnote,
h3.footnote,
h4.footnote,
h5.footnote,
h6.footnote {
  margin-bottom: 0;
  font-family: "Interstate Light Condensed", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #8f6306;
}

.headline {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.025em;
  text-transform: uppercase;
  text-align: center;
}

.subheader {
  color: #009b96;
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
}

.kern80 {
  letter-spacing: 0.06em;
}

.cta-header {
  font-size: 18px;
  font-size: 1.125rem;
  color: #109a95;
  text-transform: uppercase;
  margin: 1em auto;
}

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

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

h1 + h3 {
  margin-top: 12px;
}

h5 {
  text-transform: uppercase;
}

p,
li {
  font-size: 14px;
  font-size: 0.875rem;
}

p b,
p strong,
li b,
li strong {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
}

.tandc_title {
  display: block;
  margin-bottom: 0.5em;
}

.tandc_title a span {
  display: inline-block;
  text-decoration: none;
}

p.footnote {
  font-family: "Interstate Light", sans-serif;
  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem;
}

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

p.footnote.indented {
  text-indent: -5px;
}

p.subhead {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #4e4241;
}

a {
  color: #8f6306;
}

.harvest {
  color: #8f6306;
}

.persian {
  color: #f08c4f;
}

.teal {
  color: #0d8b7d;
}

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

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

.center {
  text-align: center;
}

.top-nav .top-nav-wrap {
  max-width: 500px;
  padding: 0 16px;
  width: 100%;
  margin: 0 auto;
}

.top-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-nav ul > li {
  text-align: center;
  line-height: 1.4;
  min-height: 20px;
  font-size: 8px;
  font-size: 0.5rem;
  position: relative;
}

.top-nav ul > li.active .sub-nav {
  display: block;
}

.top-nav ul > li.active button:after {
  transform: rotate(-180deg);
}

.top-nav ul .sub-nav {
  display: none;
  width: 100%;
  position: absolute;
  background-color: #f08c4f;
  z-index: 10;
  height: 72px;
  min-width: 80px;
}

.top-nav ul .sub-nav li {
  width: 100%;
  height: 36px;
  display: block;
}

.top-nav ul .sub-nav li a {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  line-height: 36px;
  padding-top: 0;
}

.top-nav ul .sub-nav li:before {
  display: none;
}

.top-nav ul .sub-nav li + li {
  border-top: 1px solid #fff;
}

.top-nav a,
.top-nav button {
  font-size: 8px;
  font-size: 0.5rem;
  font-family: "Interstate Light", sans-serif;
  text-decoration: none;
  color: #fff;
  background-color: transparent;
  outline: 0;
  border: 0;
  display: block;
  padding: 0;
  padding-top: 19px;
}

@media only screen and (min-width: 450px) {
  .top-nav a,
  .top-nav button {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.top-nav a:hover,
.top-nav button:hover {
  text-decoration: underline;
}

.top-nav button {
  position: relative;
  padding-right: 10px;
}

.main-nav-outer {
  position: relative;
  top: -107px;
}

.main-nav {
  position: absolute;
  top: 40px;
  right: 0;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  opacity: 0;
  z-index: 1;
  background-color: #f08c4f;
}

.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;
  padding: 0 48px;
}

.main-nav li a {
  display: block;
  margin: 0 auto;
  border-top: 0.5px solid #fff;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
}

.main-nav li:first-child a {
  border-top: 0;
}

.main-nav li.active {
  background-color: #f0d7c1;
}

.main-nav li.active a {
  color: #009b96;
  border-top: 0px;
}

.main-nav li.active + li a {
  border-top: 0px;
}

.menu {
  position: relative;
  top: 0;
  float: right;
  right: 0;
  height: 40px;
  padding: 0 56px 0 0;
  background-color: transparent;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 40px;
  color: #fda15f;
  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;
}

.menu.active:after {
  background-image: url(/images/menu-active-m-2x.png?94d6ada5327ebd0b64ff528e74362218);
  background-size: 25px;
}

.button {
  display: table;
  width: 100%;
  max-width: 290px;
  margin: 1em auto;
  padding: 12px 20px;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background-color: #f08c4f;
  color: #fff;
  border: 0 none;
  outline: 0 none;
  border-radius: 100px;
}

.button.alignleft {
  margin-left: 0;
  margin-right: 0;
}

.button:hover {
  background-color: #c8723b;
}

.button[disabled=disabled]:hover {
  background-color: #f08c4f;
}

.button.yellow {
  background-color: #fda15f;
  color: #159c98;
}

.button.yellow:hover {
  background-color: #e9c117;
}

.button.lightGreen {
  background-color: #b6dee0;
  color: #f08c4f;
  box-shadow: none;
}

.button.lightGreen:hover {
  background-color: #a1cfd2;
}

.button#eligibility-submit {
  margin: 24px 0;
  width: auto;
  padding: 12px 32px;
}

.button#submit-signup[disabled=disabled],
.button#submit-card[disabled=disabled] {
  background: #acacac url(/images/loader.gif?61ab5010b4026b4a6289ec44b781a170) no-repeat center center/16px;
  text-indent: -9999px;
}

.button#submit-signup {
  margin: 16px 0 16px;
  width: auto;
  min-width: 104px;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-size: 1rem;
}

ul.bulleted li {
  position: relative;
  padding-left: 0.75em;
  margin-top: 10px;
}

ul.bulleted li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
}

ul.bulleted.aqua li:before {
  color: #f08c4f;
}

ul.bulleted.green 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: 0.75em;
}

ol li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  position: relative;
  color: inherit;
  font-weight: bold;
}

ol.numbered li {
  padding-left: 20px;
  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;
}

.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: 101;
  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: #f08c4f;
  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: #f08c4f;
  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(/images/interstitial-close.png?d354a49d79625448da566319a04f3618);
  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), (min-resolution: 120dpi) {
  .interstitial .close:after {
    background-image: url(/images/interstitial-close-x2.png?267b33843c86f93b62757c58d0b90915);
    background-size: 32px 32px;
  }
}

.interstitial .button {
  margin: 0 auto;
  margin-bottom: 15px;
}

.cta {
  background-color: #fef2ea;
  padding: 20px 15px;
}

.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;
  border-radius: 18px;
  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;
}

.white-box {
  background-color: #fff;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);
  padding: 30px;
}

.animation-container {
  height: 115px;
  position: relative;
  width: 151px;
  margin: 22px auto 0;
}

.animation-container:before {
  content: "";
  background-image: url(/images/m-single-animation-shade.png?41028b52e91091f88ba9b81717a26a66);
  background-repeat: no-repeat;
  background-size: 151px;
  width: 151px;
  height: 26px;
  display: inline-block;
  position: absolute;
  top: -14px;
  left: 0;
  z-index: 1;
}

.animation-container div {
  width: 151px;
  display: inline-block;
  overflow: hidden;
  height: 100px;
  position: relative;
}

.animation-container div img {
  position: absolute;
  top: -2142px;
  left: calc(50% - 52px);
  width: 103px;
  height: 2678px;
}

.animation-container-css {
  height: 115px;
  position: relative;
  width: 151px;
  margin: 22px auto 0;
  text-align: center;
}

.animation-container-css:before {
  content: "";
  background-image: url(/images/m-single-animation-shade.png?41028b52e91091f88ba9b81717a26a66);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 151px;
  height: 26px;
  display: inline-block;
  position: absolute;
  top: -16px;
  left: 0;
  z-index: 1;
}

.animation-container-css div {
  background-position: center 94.65%;
  background-size: 100% auto;
  width: 113px;
  display: inline-block;
  height: 114px;
}

.animation-container-css div img {
  display: none;
}

.animation-container-css div.sprite-arrow {
  background-image: url(/images/sprite_arrow.png?8a5854f891d82244ab86b69a1df64b77);
}

.animation-container-css div.sprite-weightloss {
  background-image: url(/images/sprite_scale.png?79ff20354f3a209c16f81ba717c025b8);
}

.animation-container-css div.sprite-bloodsugar {
  background-image: url(/images/sprite_bloodsugar.png?e309bca6bace85e24ea561828edcf388);
}

.animation-container-css div.sprite-bloodpressure {
  background-image: url(/images/sprite_bloodpressure.png?ff56986d697e78b8698c2d7e2decc24d);
}

.home .home1 {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
  background: url(/images/bg-home-banner-m.png?447a032d78047b2781c405c87d76cb0c) center center no-repeat;
  background-size: cover;
}

.home .home1 article {
  padding-top: 25px;
  padding-bottom: 56px;
}

.home .home1 article h1,
.home .home1 article p {
  color: #fff;
}

.home .home1 article h1 {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  position: relative;
  padding-bottom: 0px;
  text-align: left;
}

.home .home1 article h1:after {
  content: "";
  background: url(/images/Cycle-Logo.png?57cb1b2c2e512b4e3dd47627071b2e93);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 220px;
  height: 190px;
  position: relative;
  top: 12px;
  left: 0;
}

.home .home1 article .subheader,
.home .home1 article .subheader-small {
  color: white;
  text-align: left;
  margin-top: 0;
}

.home .home1 article .subheader {
  font-size: 20px;
  font-size: 1.25rem;
  max-width: 355px;
}

.home .home1 article .subheader-small {
  font-size: 17px;
  font-size: 1.0625rem;
  margin-left: 0;
  margin-bottom: 0;
  font-weight: normal;
  max-width: 420px;
}

.home .home1 article p {
  margin: 1.75em auto;
}

.home .home1 article .eyebrow {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 auto 25px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}

.home .home1 article .cycle-logo {
  width: 271px;
  height: 241px;
}

.home .home1-1 {
  position: relative;
  z-index: 1;
  background-color: #f5f6f5;
}

.home .home1-1 article {
  padding-top: 25px;
  padding-bottom: 35px;
}

.home .home1-1 article h1,
.home .home1-1 article p {
  color: #000;
  text-align: center;
}

.home .home1-1 article h1 {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  position: relative;
  padding-top: 125px;
}

.home .home1-1 article h1:before {
  content: "";
  background-image: url(/images/d-home-hero.png?45e4f16a35c6788ac66208bd7c8abd14);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.home .home1-1 article img.combination-logo {
  width: 100%;
}

.home .home1-1 article p {
  margin: 1.75em auto;
}

.home .home1-1 article .eyebrow {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 auto 25px;
  color: #b2edeb;
  text-transform: uppercase;
  text-align: center;
}

.home .home2 {
  background-color: #f5f6f5;
}

.home .home2 article .white-box {
  margin-top: 60px;
  padding-top: 185px;
  position: relative;
}

.home .home2 article .white-box img.phone-logo {
  width: 158px;
  height: 130px;
  display: inline-block;
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
}

.home .home2 article .white-box .button {
  width: auto;
  margin: 1.75em auto;
}

.home .home3 {
  background-color: #f5f6f5;
}

.home .home3 article {
  padding-bottom: 50px;
}

.home .home3 article .subheader {
  margin-top: 57px;
}

.home .home3 article .animation-container .sprite-arrow {
  width: 151px;
  height: 100px;
}

.home .home3 article h2 {
  text-transform: uppercase;
}

.why .why1 {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.why .why1 article {
  padding-top: 38px;
  padding-bottom: 60px;
}

.why .why1 h1,
.why .why1 p {
  color: #fff;
}

.why .why2 {
  background-color: #f5f6f5;
}

.why .why2 article {
  padding-top: 38px;
  padding-bottom: 81px;
}

.why .why2 h2 {
  font-size: 12px;
  font-size: 0.75rem;
  color: #109a95;
  text-transform: uppercase;
}

.why .why2 h2.gray {
  color: #5d5352;
}

.why .why2 h2.spacing {
  margin-top: 0.5rem;
}

.why .why2 ul li + li {
  margin-top: 15px;
}

.why .why2 ul .weightloss {
  position: relative;
  padding-top: 140px;
}

.why .why2 ul .weightloss .animation-container-css {
  position: absolute;
  width: 118px;
  height: 71px;
  top: 0;
  left: 50%;
  transform: translateX(-76px);
  z-index: 2;
}

.why .why2 ul .weightloss .animation-container-css + .animation-container-css {
  top: 47px;
  left: 50%;
  transform: translateX(-43px);
  z-index: 1;
}

.why .why2 ul .weightloss .animation-container-css:before {
  width: 100%;
  height: 26px;
  top: -12px;
}

.why .why2 ul .weightloss .animation-container-css div {
  width: 79px;
  height: 66px;
}

.why .why2 .white-box {
  margin-top: 40px;
  position: relative;
}

.why .why2 .white-box h3 {
  position: relative;
  margin-bottom: 0;
  padding-top: 177px;
}

.why .why2 .white-box h3 + p {
  margin-top: 0;
}

.why .why2 .white-box img.ddg-logo {
  display: inline-block;
  width: auto;
  height: 146px;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  margin: auto;
}

.why .why2 .white-box .button {
  width: auto;
  margin: 1.75em auto;
}

.taking h2 {
  font-size: 19px;
  font-size: 1.1875rem;
}

.taking h3 {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #4e4241;
}

.taking .taking1 {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.taking .taking1 article {
  padding-top: 24px;
  padding-bottom: 55px;
}

.taking .taking1 .padding-right {
  padding-right: 0px;
  margin: 0px 0;
}

.taking .taking1 p,
.taking .taking1 h1 {
  color: #fff;
}

.taking .taking1 h1 {
  margin-bottom: 0;
}

.taking .taking1 .subhead {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 auto 25px;
  color: #b2edeb;
  text-transform: uppercase;
  text-align: center;
}

.taking .taking1 .taking-hero-img {
  position: relative;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  text-align: center;
  margin-bottom: 30px;
}

.taking .taking1 .taking-hero-img img {
  margin: 0;
  width: 220px;
  height: 235px;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  margin-bottom: 0px;
}

.taking .taking1 ul.icons li {
  padding-left: 50px;
  margin-bottom: 1.5em;
  position: relative;
}

.taking .taking1 ul.icons li h2 {
  color: #fff;
  margin: 0;
}

.taking .taking1 ul.icons li p {
  margin: 0;
}

.taking .taking1 ul.icons li.ico-puzzle img.puzzle-icon {
  position: absolute;
  left: 0;
  width: 30px;
  height: 60px;
  margin-top: 10px;
}

.taking .taking1 ul.icons li.ico-clock img.clock-icon {
  position: absolute;
  left: 0;
  width: 40px;
  height: 44px;
  margin-top: 10px;
}

.taking .taking1 .columns {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: 100%;
}

.taking .taking1 .columns .column {
  width: 100%;
}

.taking .taking1 .columns .column:first-of-type {
  width: 100%;
  margin-bottom: 20px;
}

.taking .taking1 .columns h3,
.taking .taking1 .columns p {
  color: #fff;
  margin: 0;
}

.taking .taking1 .columns h3 {
  font-size: 20px;
  font-size: 1.25rem;
}

.taking .taking2 {
  background-color: #f5f6f5;
}

.taking .taking2 article {
  padding-top: 53px;
  padding-bottom: 78px;
}

.taking .taking2 .subheader {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  text-transform: uppercase;
  text-align: center;
}

.taking .taking2 .question-list li {
  position: relative;
}

.taking .taking2 .question-list li h3 {
  margin-bottom: 0;
  position: relative;
  padding-left: 40px;
  min-height: 33px;
  display: flex;
  align-items: center;
}

.taking .taking2 .question-list li h3 + p {
  margin-top: 0;
}

.taking .taking2 .question-list li h3:before {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 25px;
  font-size: 1.5625rem;
  content: "?";
  display: inline-block;
  position: absolute;
  width: 33px;
  height: 33px;
  border-radius: 33px;
  background-color: #ee8d55;
  color: #fff;
  text-align: center;
  line-height: 33px;
  left: 0;
  top: 0;
  box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.2);
}

.taking .taking2 h3 {
  color: #4e4241;
}

.taking .taking2 .combination-logo {
  width: 100%;
  margin: 20px 0 30px 0;
}

.taking .taking2 .icon-list li {
  position: relative;
  margin-top: 30px;
}

.taking .taking2 .icon-list li .icon-wrapper {
  height: 54px;
}

.taking .taking2 .icon-list li.icon-cycle img {
  height: 46px;
  width: 54px;
}

.taking .taking2 .icon-list li.icon-sugar img {
  height: 50px;
  width: 60px;
}

.taking .taking2 .icon-list li.icon-apple img {
  height: 52px;
}

.taking .taking2 hr {
  margin: 40px 0;
}

.taking .taking2 .bold-header {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #4e4241;
  margin-bottom: 0.25em;
  margin-top: 0px;
}

.taking .taking2 .bold-header + p {
  margin-top: 0;
}

.taking .taking2 .sns {
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  padding: 110px 40px 35px;
}

.taking .taking2 .sns img.savingscard-icon {
  display: inline-block;
  width: auto;
  height: 88px;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.taking .taking2 .sns h3 {
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "Interstate Bla", sans-serif;
  font-style: Normal;
  font-weight: Normal;
  line-height: 22px;
}

.taking .taking2 .sns .button {
  width: auto;
  margin: 1.75em auto;
}

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

.supportform header {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
}

.eligibility .error-box p {
  color: #f00 !important;
}

.eligibility fieldset p {
  padding-left: 16px;
  text-indent: -16px;
}

.support section.hero {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.support section.hero article {
  padding-top: 40px;
  padding-bottom: 30px;
}

.support section.hero .subhead {
  color: #b2edeb;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
}

.support section.hero p,
.support section.hero a,
.support section.hero li,
.support section.hero h1 {
  color: #fff;
}

.support section.hero .support-hero-img {
  background-image: url(/images/ico-phone-card.png?486e974052e255d96f8745484da70b29);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 48px auto;
  width: 100%;
  height: 201px;
}

.support section.hero .phone-card-list li {
  margin: 30px 0;
}

.support section.hero .phone-card-list li.indented {
  padding-left: 3em;
}

.support section.hero .phone-card-list .subhead {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}

.support section.hero .phone-card-list p {
  margin: 0;
}

.support section.hero .phone-card-list p span.large {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  text-transform: uppercase;
}

.support section.hero .button {
  margin-right: auto;
  margin-left: 0;
  margin-bottom: 30px;
}

.support section.supportregsuccess {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.support section.supportregsuccess article {
  padding-top: 8px;
  padding-bottom: 30px;
  position: relative;
}

.support section.supportregsuccess p,
.support section.supportregsuccess a,
.support section.supportregsuccess li,
.support section.supportregsuccess h1 {
  color: #fff;
}

.support section.supportregsuccess h1 {
  text-align: left;
  padding-right: 51%;
  min-height: 95px;
}

.support section.supportregsuccess .support-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/m-savings-lockup.png?5f6659cd21acae2dd8c795fed8287fb2);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0;
  width: 140px;
  height: 116px;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .support section.supportregsuccess .support-hero-img {
    background-image: url(/images/m-savings-lockup-2x.png?d1f06a046253d04e6b0d4b1bdbd99599);
    background-size: 100% auto;
  }
}

.support section.registered {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.support section.registered article {
  padding-top: 160px;
}

.support section.registered p,
.support section.registered a,
.support section.registered h1 {
  color: #fff;
}

.support section.registered h1 {
  margin-top: 50px;
}

.support section.registered h1.withsubheader {
  margin-bottom: 0;
}

.support section.registered h1.withsubheader + .subheader {
  margin-top: 0;
}

.support section.registered .support-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 147px;
  margin: 0;
  width: 100%;
  height: 197px;
  display: inline-block;
}

.support section.patient-support {
  background-color: #f5f6f5;
}

.support section.patient-support article {
  padding-top: 40px;
}

.support section.patient-support h1 {
  margin-bottom: 0;
}

.support section.patient-support .subhead {
  font-family: "Interstate Light", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 auto 25px;
  color: #009b96;
  text-transform: uppercase;
  text-align: center;
}

.support section.information {
  background-color: #f5f6f5;
}

.support section.information article {
  padding-top: 0;
  padding-bottom: 0;
}

.support section.information article.tandc_footnote {
  padding-bottom: 55px;
}

.support section.support-2 {
  background-color: #f5f6f5;
}

.support section.support-2 article {
  background-image: url(/images/savings-card-m.png?278113029b318748c06e3521fda50c77);
  background-size: 176px auto;
  background-position: 100% 70px;
  background-repeat: no-repeat;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .support section.support-2 article {
    background-image: url(/images/savings-card-m-2x.png?f0172019eb3085abf3882f517d2dfe69);
    background-size: 176px auto;
  }
}

.support section.support-2 p {
  padding-right: 150px;
}

.support section.support-3 {
  background-color: #f5f6f5;
}

.support section.support-3 article {
  padding-top: 58px;
  padding-bottom: 58px;
}

.support section.support-3 .white-box form {
  padding: 0 15px;
}

.support section.support-3 .subheader {
  text-align: left;
  margin-bottom: 0;
  text-transform: uppercase;
}

.support section.support-3 .subheader + p {
  margin-top: 0;
}

.support section.support-3 .button {
  width: auto;
}

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

.signup {
  background-color: #f5f6f5;
}

.signup h1 small {
  font-size: 100%;
  text-transform: none;
}

.signup section.patient-support {
  background-color: #f5f6f5;
}

.signup section.patient-support article {
  padding-bottom: 0;
}

.signup section.information {
  background-color: #f5f6f5;
}

.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 {
  box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.savings section.hero article {
  padding-top: 5px;
  padding-bottom: 30px;
}

.savings section.hero h1,
.savings section.hero p,
.savings section.hero a,
.savings section.hero li {
  color: #fff;
}

.savings section.hero h1 {
  position: relative;
  padding-bottom: 140px;
}

.savings section.hero h1:before {
  content: "";
  background-image: url(/images/m-card.png?ee45c17efcd7e3b87d48370af39a70e0);
  background-size: 204px auto;
  background-repeat: no-repeat;
  background-position: center top;
  display: inline-block;
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .savings section.hero h1:before {
    background-image: url(/images/m-card-2x.png?558564cb80688ce02a60a58d2a53170e);
    background-size: 204px auto;
  }
}

.savings section.hero h1.withsubheader {
  padding-bottom: 0;
  margin-bottom: 0;
}

.savings section.hero h1.withsubheader:before {
  bottom: -155px;
}

.savings section.hero h1.withsubheader + .subheader {
  margin-top: 0;
  padding-bottom: 120px;
  line-height: 1.125em;
}

.savings section.hero.activation h1.withsubheader:before {
  bottom: -180px;
}

.savings section.hero.nocard h1 + p {
  background-image: none;
  padding-right: 0;
  padding-bottom: 0;
  min-height: 0;
}

.savings section.hero.nocard h1 {
  padding-bottom: 0;
  text-align: left;
}

.savings section.hero.nocard h1:before {
  display: none;
}

.savings section.hero.nocard h3 {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #008c7d;
}

.savings section.hero.nocard h3.black {
  color: #000;
}

.savings section.hero.nocard .button {
  width: auto;
  min-width: 140px;
}

.savings section.hero.unsub .button {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  min-width: 240px;
}

.savings section.hero.unsub form + p {
  margin: 50px 0 25px;
}

.savings section.hero.news .button {
  margin-top: 23px;
  margin-bottom: 23px;
}

.savings section.hero.duplicate h1.withsubheader + .subheader {
  padding-bottom: 0;
  text-align: left;
}

.savings section.hero.duplicate .button {
  margin: 2em 0;
}

.savings section.hero.ineligibless h1 + p {
  padding-right: 110px;
}

.savings section.hero.ineligibless .padding-right {
  background-image: url(/images/m-phone-educator2.png?ff6152cff42a589e1f16c0361a7155da);
  background-size: 115px auto;
  background-repeat: no-repeat;
  background-position: right top;
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .savings section.hero.ineligibless .padding-right {
    background-image: url(/images/m-phone-educator2-2x.png?8be890ccd95bed70520a85d578f950eb);
    background-size: 115px auto;
  }
}

.savings section.hero.ineligibless .button {
  margin: 2em 0;
}

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

.savings section.section-elig p,
.savings section.section-elig a,
.savings section.section-elig strong {
  color: #77787b;
}

.savings section.section-elig p.tandc_title a,
.savings section.section-elig a.tandc_title a,
.savings section.section-elig strong.tandc_title a {
  color: #009b96;
}

.savings section.section-elig .teal-text a {
  color: #109a95;
}

.savings section.section-elig article {
  padding-top: 30px;
  padding-bottom: 30px;
}

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

.savings section.information article {
  padding-top: 30px;
  padding-bottom: 30px;
}

.savings .module {
  overflow: hidden;
  padding: 12px 14px;
}

.savings .module .for-cardcheck {
  display: block;
  max-width: 204px;
  margin: 0 auto 20px;
  text-align: center;
}

.savings .module hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(129, 154, 169, 0), #819aa9, rgba(129, 154, 169, 0));
  margin-bottom: 0;
}

.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: #f08c4f;
}

.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 .module .error-box a {
  color: inherit;
}

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

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

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

.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(/images/iPhone-m.png?3f95e80d95124ea227fcc03039b3792e);
  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), (min-resolution: 120dpi) {
  .my-support-registration p.iphone {
    background-image: url(/images/iPhone-m-2x.png?d464e9a75e95f6689f440174f71188f3);
    background-size: 70px auto;
  }
}

.support-registration h1 {
  background-image: url(/images/macBook-m.png?6e028ce842f68c2f554df18189ad01ec);
  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), (min-resolution: 120dpi) {
  .support-registration h1 {
    background-image: url(/images/macBook-m-2x.png?ee7e5a3d664bc242172ba475ab5ccd7b);
    background-size: 125px auto;
  }
}

.savings-ineligible section.hero article div {
  background-image: url(/images/ineligible-m-2x.png?6040778639d42dcb9cd59c8838524eb4);
  background-size: 144px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 160px;
  min-height: 120px;
}

.savings-registration section.hero article h1 + p {
  background-image: url(/images/card-m-2x.png?eeb7536868faa4874a70266242779307);
  background-size: 168px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 170px;
  min-height: 100px;
}

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

.links .section {
  margin-left: 1em;
}

.links .subsection {
  margin-left: 2em;
}

.biglink {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 17px;
  font-size: 1.0625rem;
  position: relative;
}

.biglink:after {
  content: "›";
  margin-left: 0.3em;
  display: inline-block;
}

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

div.IE-fix {
  display: none;
}

html.b_ie footer {
  position: relative;
}

html.b_ie div.IE-fix {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #009b96;
}

@media only screen and (min-width: 66.25em) {
  body {
    background-image: url(/images/d-bg.png?cc9c03d5af7173e9091c5917c2348859);
    background-size: 1920px;
  }

  html[data-webp=true] body {
    background-image: url(/images/d-bg.webp?6137967712c578e15f791e2b321f406e);
    background-size: 1920px;
  }

  .top-nav ul,
  .footer-content {
    max-width: 1000px;
    padding: 0;
  }

  header {
    height: 100px;
    background-image: url(/images/d-bg.png?cc9c03d5af7173e9091c5917c2348859);
    background-size: 1920px;
    background-position: center -95px;
  }

  html[data-webp=true] header {
    background-image: url(/images/d-bg.webp?6137967712c578e15f791e2b321f406e);
    background-size: 1920px;
  }

  header .container {
    height: inherit;
    max-width: 1000px;
    margin: 0 auto;
  }

  header div.wrapper {
    height: inherit;
  }

  header div.bottom {
    height: auto;
    max-width: 1000px;
  }

  header div.bottom .logo_wrapper {
    position: absolute;
    top: -25px;
    left: 0;
    width: 194px;
    height: 62px;
  }

  header div.bottom .logo_wrapper a {
    display: block;
    width: 194px;
    height: 62px;
  }

  header div.bottom .logo_wrapper a img {
    width: 194px;
    height: 62px;
  }

  header div.bottom .button {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-right: 0;
    padding: 6px 12px;
    position: absolute;
    top: 26px;
    right: 0;
    margin-top: 0;
  }

  header div.bottom .right {
    display: none;
  }

  header div.bottom .burger_btn {
    display: none;
    order: 5;
  }

  header.dropdown_expanded div.bottom .dropdown {
    max-height: none;
  }

  header.static {
    height: 90px;
    position: static;
    z-index: 1;
    background-color: transparent;
    animation: none !important;
    top: auto;
  }

  header .dropdown {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    background-image: none;
    width: 780px;
    margin: 7px 0 0 auto;
  }

  header .dropdown ul#menu-main-nav {
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
  }

  header .dropdown ul#menu-main-nav li {
    display: inline-block;
    background-image: none;
    position: relative;
  }

  header .dropdown ul#menu-main-nav li:before {
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 2px;
    right: 0;
    background-color: #fff;
  }

  header .dropdown ul#menu-main-nav li:nth-child(1) a {
    padding-left: 0;
  }

  header .dropdown ul#menu-main-nav li:last-child:before {
    display: none;
  }

  header .dropdown ul#menu-main-nav li:last-child a {
    padding-right: 0;
  }

  header .dropdown ul#menu-main-nav li a {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 10px;
  }

  .banner-xr {
    height: 95px;
    background: linear-gradient(to bottom, #186361 0%, rgba(24, 99, 97, 0) 100%);
  }

  .banner-xr:before {
    background-image: url(/images/d-bg.png?cc9c03d5af7173e9091c5917c2348859);
    background-size: 1920px;
  }

  html[data-webp=true] .banner-xr:before {
    background-image: url(/images/d-bg.webp?6137967712c578e15f791e2b321f406e);
    background-size: 1920px;
  }

  .js-overflow-hidden .banner-xr {
    opacity: 1;
  }

  .banner-xr .banner-content {
    max-width: 1000px;
    width: 1000px;
    padding-left: 0;
  }

  .banner-xr .banner-content div {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 12px;
    height: 95px;
  }

  .banner-xr .banner-content div + div {
    padding-left: 10px;
  }

  .banner-xr .banner-content .logo-xr {
    width: 148px;
  }

  .banner-xr .banner-content .logo-xr img {
    width: 148px;
  }

  main {
    min-height: 680px;
  }

  .no-isi main {
    min-height: 0;
  }

  main > section {
    position: relative;
  }

  main > section .wrapper,
  main > section > article {
    position: relative;
    max-width: none;
    padding: 40px 0;
    width: 1000px;
    margin: 0 auto;
  }

  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 {
    background-image: url(/images/d-footer-wedge.png?428a4032711d6215ef9fed09a78b7405);
    background-size: 325px;
    padding-bottom: 223px;
    position: relative;
    z-index: 1;
  }

  footer .wrapper {
    position: relative;
    width: 1000px;
    max-width: none;
    margin: 0 auto;
  }

  footer div.top {
    position: absolute;
    top: 20px;
    left: 0;
    margin-bottom: 0;
  }

  footer div.top div.img_wrapper.logo_bi {
    width: 178px;
    margin-right: 46px;
  }

  footer div.top div.img_wrapper.logo_bi img {
    width: 178px;
    height: 54px;
  }

  footer div.top div.img_wrapper.logo_bi:after {
    height: 65px;
    right: -23px;
    top: -3px;
  }

  footer div.top div.img_wrapper.logo_lilly {
    width: 105px;
  }

  footer div.top div.img_wrapper.logo_lilly img {
    width: 105px;
    height: 57px;
  }

  footer div.mid_ul {
    margin-left: 350px;
  }

  footer div.mid_ul ul {
    max-width: none;
  }

  footer div.mid_ul ul li:nth-child(2),
  footer div.mid_ul ul li:nth-child(4) {
    margin-right: 24px;
  }

  footer div.mid_ul ul li:after {
    display: none;
  }

  footer div.bottom {
    margin-left: 350px;
  }

  .headline {
    font-size: 50px;
    font-size: 3.125rem;
  }

  .headline.smallheadline {
    font-size: 39px;
    font-size: 2.4375rem;
  }

  .subheader {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .cta-header {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  h3 {
    font-size: 32px;
    font-size: 2rem;
  }

  h1 + h3 {
    margin-top: 16px;
  }

  h5 {
    font-size: 16px;
    font-size: 1rem;
  }

  h5 + p {
    margin-top: 0;
  }

  p,
  li {
    font-size: 18px;
    font-size: 1.125rem;
  }

  p.subhead {
    padding-left: 0;
    font-size: 18px;
    font-size: 1.125rem;
  }

  p.footnote {
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .top-nav {
    margin-left: 230px;
    width: 620px;
    margin-top: 26px;
    margin: 26px 0 0 auto;
  }

  .top-nav .top-nav-wrap {
    max-width: none;
    padding: 0;
  }

  .top-nav ul {
    justify-content: flex-end;
  }

  .top-nav ul li {
    position: relative;
    padding: 0 11px 0 10px;
  }

  .top-nav ul li a {
    font-size: 11px;
    font-size: 0.6875rem;
  }

  .top-nav ul li:nth-child(1) a {
    padding-left: 0;
  }

  .top-nav ul li:last-child a {
    padding-right: 0;
  }

  .top-nav ul li:last-child:before {
    display: none;
  }

  .top-nav ul li:before {
    display: block;
    width: 1px;
    position: absolute;
    top: 3px;
    right: 0;
    height: 10px;
    background-color: #fff;
  }

  .top-nav ul li .sub-nav {
    left: 0;
  }

  .top-nav ul li .sub-nav li {
    display: block;
    padding: 0 10px;
  }

  .top-nav ul li .sub-nav li:hover {
    background-color: #f0d7c1;
  }

  .top-nav ul li .sub-nav li a {
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
  }

  .top-nav ul li .sub-nav li:before {
    display: none;
  }

  .top-nav ul li:hover .sub-nav {
    display: block;
  }

  .top-nav ul li:last-child {
    padding-right: 0;
  }

  .top-nav a,
  .top-nav button {
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 0;
  }

  .top-nav button:hover {
    text-decoration: underline;
  }

  .main-nav-outer {
    position: absolute;
    top: 70px;
    right: 0;
    margin: 0;
  }

  .main-nav {
    position: relative;
    top: 0;
    opacity: 1;
    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;
    padding: 0;
  }

  .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: #fda15f;
    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: #fda15f;
  }

  .menu {
    display: none;
  }

  .button,
  button {
    width: auto;
    max-width: none;
    padding: 13px 24px;
    font-size: 18px;
    font-size: 1.125rem;
    border-radius: 24px;
  }

  .button#eligibility-submit,
  button#eligibility-submit {
    margin: 24px 0;
  }

  .button#submit-signup[disabled=disabled],
  .button#submit-card[disabled=disabled],
  button#submit-signup[disabled=disabled],
  button#submit-card[disabled=disabled] {
    background-size: 32px;
  }

  .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(/images/bg-hdr-banner-d.png?59423b15b27a18cd04927a2756dcc6fc);
    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 (min-resolution: 120dpi) {
  section.has-top-heading article h2 {
    background-image: url(/images/bg-hdr-banner-d-2x.png?09d0d23c32a64688c342c5c503df4b37);
    background-size: 368px auto;
  }
}

@media only screen and (min-width: 66.25em) {
  section.has-top-heading article h3.subhead {
    width: auto;
  }
}

@media only screen and (min-width: 66.25em) {
  .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;
  }
}

@media only screen and (min-width: 66.25em) {
  .cta {
    padding: 40px 40px 30px;
  }

  .cta.cv-guide {
    background-image: url(/images/icon-ddg-d.png?010873f435d60d1c759d2195be4e53ab);
    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 (min-resolution: 120dpi) {
  .cta.cv-guide {
    background-image: url(/images/icon-ddg-d.png?010873f435d60d1c759d2195be4e53ab);
    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;
  }
}

@media only screen and (min-width: 66.25em) {
  .cta.cv-guide a.button {
    margin-left: 200px;
    display: inline-block;
  }

  .cta.cv-guide a.button + .button {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 66.25em) {
  .social-icons li {
    margin-right: 10px;
  }

  .social-icons li.share-email {
    margin-right: 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .animation-outer {
    position: relative;
  }

  .animation-outer .animation-container {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .animation-container-css {
    height: 266px;
    position: absolute;
    width: 228px;
    margin: 22px auto 0;
    top: 75px;
    left: -45px;
  }

  .animation-container-css:before {
    width: 228px;
    height: 60px;
    top: -14px;
  }

  .animation-container-css div {
    width: 168px;
    height: 176px;
    background-position: center 0%;
  }

  .animation-container-css div.animating {
    animation-name: sprite-play;
    animation-duration: 0.4s;
    animation-timing-function: steps(9, start);
    animation-fill-mode: forwards;
  }

  .animation-container-css div img {
    top: -133px;
    left: calc(50% - 102px);
    width: 205px;
    height: auto;
  }

  .animation-container-css div.finished {
    animation-name: none;
    background-position: center 94.65%;
  }
}

@media only screen and (min-width: 66.25em) {
  .home .home1 {
    box-shadow: 0 -21px 27px 20px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
    background: url(/images/bg-home-banner-d.png?32b25134d3f93a62461676da89e415e9) center center no-repeat;
    background-size: cover;
  }

  .home .home1 .hero-content-wrapper {
    max-width: 720px;
    margin: 0 auto;
  }

  .home .home1 article {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .home .home1 article h1 {
    padding-bottom: 0px;
  }

  .home .home1 article h1 .smaller {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .home .home1 article h1:after {
    content: "";
    background: url(/images/Cycle-Logo.png?57cb1b2c2e512b4e3dd47627071b2e93) left center no-repeat;
    background-size: contain;
    height: 260px;
    width: 300px;
    margin-top: 0px;
    margin-left: 40px;
  }

  .home .home1 article p {
    margin: 1.75em auto;
  }

  .home .home1 article .subheader {
    font-size: 27px;
    font-size: 1.6875rem;
    max-width: 355px;
  }

  .home .home1 article .subheader-small {
    font-size: 24px;
    font-size: 1.5rem;
    margin-left: 0;
    margin-bottom: 0;
    font-weight: normal;
    max-width: 420px;
  }

  .home .home1 article .eyebrow {
    font-size: 17px;
    font-size: 1.0625rem;
    margin: 0 auto 10px;
    text-align: left;
    color: #fff;
  }

  .home .home1-1 article {
    padding-top: 50px;
    padding-bottom: 35px;
  }

  .home .home1-1 article h1 {
    padding-top: 224px;
  }

  .home .home1-1 article h1:before {
    content: "";
    background-image: url(/images/d-home-hero.png?45e4f16a35c6788ac66208bd7c8abd14);
    background-size: 1035px;
    height: 205px;
  }

  .home .home1-1 article img.combination-logo {
    width: 100%;
  }

  .home .home1-1 article p {
    margin: 1.75em auto;
  }

  .home .home1-1 article .eyebrow {
    font-size: 27px;
    font-size: 1.6875rem;
    margin: 0 auto 25px;
  }

  .home .home2 article .white-box {
    margin-top: 0px;
    padding: 76px 0 60px;
  }

  .home .home2 article .white-box .cta-header {
    margin-top: 0;
  }

  .home .home2 article .white-box img.phone-logo {
    width: 352px;
    height: 290px;
    position: absolute;
    background-image: url(/images/d-phone-educator.png?fa7e129900dff8080c46c647658f4463);
    background-size: 352px;
    top: 76px;
    left: 74px;
    margin-left: 0;
  }

  .home .home2 article .white-box .left-padding {
    padding-left: 500px;
  }

  .home .home2 article .white-box .left-padding p {
    padding-right: 50px;
  }

  .home .home2 article .white-box .button {
    width: auto;
    margin: 2.75em 0;
  }

  .home .home2 article .white-box .footnote {
    padding: 0 131px;
  }

  .home .home3 article {
    padding-bottom: 80px;
    position: relative;
  }

  .home .home3 article .subheader {
    margin-top: 6px;
  }

  .home .home3 article .animation-container .sprite-arrow {
    width: 313px;
    height: 232px;
  }

  .home .home3 article h2 {
    text-transform: uppercase;
    margin-bottom: 55px;
  }

  .home .home3 article p {
    padding-left: 317px;
  }
}

@media only screen and (min-width: 66.25em) {
  .why .why1 article {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .why .why1 ul li {
    margin-top: 40px;
  }

  .why .why1 ul .lowerac1 .animation-container .sprite-arrow {
    width: 313px;
    height: 266px;
  }

  .why .why1 ul .lowerbloodsugar {
    background-image: url(/images/d-icon-lower-blood-sugar.png?460ff6e9fcda079f5a8edd761fc0ffa8);
    background-size: 148px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 50px 0 160px;
    min-height: 144px;
  }
}

@media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
  .why .why1 ul .lowerbloodsugar {
    background-image: url(/images/d-icon-lower-blood-sugar.png?460ff6e9fcda079f5a8edd761fc0ffa8);
    background-size: 148px auto;
  }
}

@media only screen and (min-width: 66.25em) {
  .why .why1 ul .weightloss {
    background-image: url(/images/d-icon-weightloss.png?fe527f1924cbeed46533e9e512d5fca1);
    background-size: 148px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 50px 0 160px;
    min-height: 144px;
  }
}

@media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
  .why .why1 ul .weightloss {
    background-image: url(/images/d-icon-weightloss.png?fe527f1924cbeed46533e9e512d5fca1);
    background-size: 148px auto;
  }
}

@media only screen and (min-width: 66.25em) {
  .why .why1 div.hero-content-wrapper h1 + p {
    padding-right: 0px;
  }
}

@media only screen and (min-width: 66.25em) {
  .why .why2 article {
    padding-top: 110px;
    padding-bottom: 142px;
  }

  .why .why2 h2 {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .why .why2 h2.spacing {
    margin-top: 60px;
  }

  .why .why2 ul li {
    padding-left: 200px;
    position: relative;
  }

  .why .why2 ul li .animation-container-css {
    top: -15px;
  }

  .why .why2 ul li + li {
    margin-top: 100px;
  }

  .why .why2 ul .weightloss {
    padding-top: 0;
    width: 1035px;
  }

  .why .why2 ul .weightloss .animation-container-css {
    width: 168px;
    height: 127px;
    top: 0;
    left: -30px;
    transform: translateX(0);
  }

  .why .why2 ul .weightloss .animation-container-css + .animation-container-css {
    top: 86px;
    left: 19px;
    transform: translateX(0);
  }

  .why .why2 ul .weightloss .animation-container-css:before {
    width: 148px;
    height: 60px;
    top: -7px;
    left: 11px;
  }

  .why .why2 ul .weightloss .animation-container-css div {
    width: 119px;
    height: 129px;
  }

  .why .why2 .white-box {
    margin-top: 70px;
    padding-top: 127px;
    padding-left: 420px;
    padding-bottom: 90px;
    position: relative;
  }

  .why .why2 .white-box h3 {
    position: relative;
    margin-bottom: 0;
    padding-top: 0;
  }

  .why .why2 .white-box h3 + p {
    margin-top: 0;
  }

  .why .why2 .white-box img.ddg-logo {
    width: auto;
    height: 295px;
    top: 66px;
    left: 95px;
    right: auto;
  }

  .why .why2 .white-box .button {
    width: auto;
    margin: 1.75em 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .taking h2 {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .taking h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .taking .taking1 {
    overflow-x: hidden;
  }

  .taking .taking1 p,
  .taking .taking1 a,
  .taking .taking1 li,
  .taking .taking1 h1 {
    color: #fff;
  }

  .taking .taking1 h1,
  .taking .taking1 h2 {
    text-align: left;
  }

  .taking .taking1 article {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .taking .taking1 .padding-right {
    padding-right: 400px;
    margin: 40px 0;
  }

  .taking .taking1 .subhead {
    font-size: 27px;
    font-size: 1.6875rem;
    margin: 0 auto 25px;
    text-align: left;
  }

  .taking .taking1 .taking-hero-img {
    right: -200px;
    left: auto;
    position: absolute;
    margin-bottom: 0;
  }

  .taking .taking1 .taking-hero-img img {
    width: 569px;
    height: 607px;
  }

  .taking .taking1 ul.icons li {
    padding-left: 50px;
    margin-bottom: 1.5em;
    position: relative;
  }

  .taking .taking1 ul.icons li h2 {
    color: #fff;
    margin: 0;
  }

  .taking .taking1 ul.icons li p {
    margin: 0;
  }

  .taking .taking1 .columns {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    width: 100%;
  }

  .taking .taking1 .columns .column {
    width: 50%;
  }

  .taking .taking1 .columns .column:first-of-type {
    width: 43%;
    margin-bottom: 0;
  }

  .taking .taking1 .columns h3,
  .taking .taking1 .columns p {
    color: #fff;
    margin: 0;
  }

  .taking .taking1 .columns h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .taking .taking2 article {
    padding-top: 82px;
    padding-bottom: 78px;
  }

  .taking .taking2 .subheader {
    font-size: 27px;
    font-size: 1.6875rem;
    text-align: left;
  }

  .taking .taking2 .subheader.center {
    text-align: center;
  }

  .taking .taking2 .question-list li {
    position: relative;
    padding-left: 110px;
    margin: 30px 0;
  }

  .taking .taking2 .question-list li h3 {
    position: static;
    padding-left: 0;
    display: inline-block;
  }

  .taking .taking2 .question-list li h3:before {
    font-size: 50px;
    font-size: 3.125rem;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    line-height: 64px;
    top: 50%;
    transform: translateY(-50%);
  }

  .taking .taking2 .combination-logo {
    width: 100%;
  }

  .taking .taking2 .icon-list {
    display: flex;
    flex-direction: row;
    margin: 30px auto 50px;
    width: 800px;
  }

  .taking .taking2 .icon-list li {
    padding: 0px 24px 0;
    margin-top: 0;
    width: 33%;
  }

  .taking .taking2 .icon-list li p {
    margin-bottom: 0;
  }

  .taking .taking2 .icon-list li .icon-wrapper {
    height: 103px;
  }

  .taking .taking2 .icon-list li.icon-cycle img {
    height: 92px;
    width: 108px;
  }

  .taking .taking2 .icon-list li.icon-sugar img {
    height: 100px;
    width: 120px;
  }

  .taking .taking2 .icon-list li.icon-apple img {
    height: 103px;
    width: 85px;
  }

  .taking .taking2 hr {
    margin: 60px 0;
  }

  .taking .taking2 .bold-header {
    margin-top: 12px;
  }

  .taking .taking2 .sns {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 64px 90px 35px 110px;
  }

  .taking .taking2 .sns img.savingscard-icon {
    width: 275px;
    height: auto;
    top: 170px;
    left: 95px;
    right: auto;
  }

  .taking .taking2 .sns .padding-left {
    padding-left: 300px;
  }

  .taking .taking2 .sns h3 {
    font-size: 19px;
    font-size: 1.1875rem;
    font-family: "Interstate Bla", sans-serif;
    font-style: Normal;
    font-weight: Normal;
    line-height: 22px;
  }

  .taking .taking2 .sns .button {
    width: auto;
    margin: 1.75em 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .support {
    /*section.support-2 {

      article {
        @include background-hr-image('../img/support/savings-card-d.png','../img/support/savings-card-d-2x.png',347px);
        background-position: 100% 70px;

      }
      p {
        padding-right: 390px;
      }
    }*/
  }

  .support section.hero article {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .support section.hero .subhead {
    color: #b2edeb;
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0;
  }

  .support section.hero .padding-right {
    padding-right: 370px;
    margin: 40px 0 0px;
  }

  .support section.hero .support-hero-img {
    background-image: url(/images/ico-phone-card.png?486e974052e255d96f8745484da70b29);
    background-size: contain;
    margin: 0;
    width: 330px;
    height: 400px;
    position: absolute;
    top: 325px;
    right: 0;
  }

  .support section.hero .phone-card-list li {
    margin: 30px 0;
  }

  .support section.hero .phone-card-list li.indented {
    padding-left: 3em;
  }

  .support section.hero .phone-card-list .subhead {
    text-align: left;
    font-size: 22px;
    font-size: 1.375rem;
  }

  .support section.hero .phone-card-list p {
    margin: 0;
  }

  .support section.hero .phone-card-list p span.large {
    font-size: 34px;
    font-size: 2.125rem;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    text-transform: uppercase;
  }

  .support section.hero.registered .button {
    margin-left: 0;
    min-width: 291px;
  }

  .support section.hero.registered .support-hero-img {
    top: 120px;
  }

  .support section.supportregsuccess article {
    position: relative;
    padding-top: 82px;
    padding-bottom: 115px;
  }

  .support section.supportregsuccess h1 {
    text-align: center;
    padding-right: 0;
    min-height: 0;
  }

  .support section.supportregsuccess .padding-left {
    padding-left: 450px;
    margin-top: 50px;
    min-height: 300px;
  }

  .support section.supportregsuccess .padding-left .footnote {
    margin-top: 54px;
  }

  .support section.supportregsuccess .support-hero-img {
    background-image: url(/images/d-savings-lockup.png?d1f06a046253d04e6b0d4b1bdbd99599);
    background-size: 370px;
    width: 370px;
    height: 310px;
    top: 170px;
    left: 0;
  }

  .support section.registered article {
    padding-top: 82px;
  }

  .support section.registered h1 {
    font-size: 28px;
    font-size: 1.75rem;
    text-align: left;
    padding-right: 50%;
  }

  .support section.registered h1.withsubheader + .subheader {
    font-size: 22px;
    font-size: 1.375rem;
    text-align: left;
    margin-top: 0.5em;
  }

  .support section.registered .padding-right {
    padding-right: 380px;
    margin-bottom: 0;
  }

  .support section.registered .padding-right p:last-child {
    padding-right: 40px;
  }

  .support section.registered .support-hero-img {
    background-size: 324px;
    width: 324px;
    height: 396px;
    top: 180px;
    left: auto;
    right: 0;
  }

  .support section.registered.activated .padding-right {
    padding-right: 370px;
  }

  .support section.patient-support article {
    padding-top: 40px;
  }

  .support section.patient-support h1 {
    font-size: 27px;
    font-size: 1.6875rem;
  }

  .support section.patient-support .subhead {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0 auto 25px;
  }

  .support section.support-3 article {
    padding-top: 118px;
    padding-bottom: 106px;
  }

  .support section.support-3 article .button {
    margin-left: 0;
  }

  .support section.support-3 .white-box {
    padding-left: 236px;
  }

  .support section.support-3 .white-box form {
    padding: 0;
  }

  .support section.support-3 .white-box .checkboxList {
    margin: 33px 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .signup h1 small {
    font-size: 30px;
  }

  .signup .button {
    margin-left: 0;
    width: 200px;
  }
}

@media only screen and (min-width: 66.25em) {
  .savings section.hero article,
  .savings section.hero.activation article {
    position: relative;
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .savings section.hero article ol,
  .savings section.hero.activation article ol {
    padding-right: 410px;
  }

  .savings section.hero article ol + p,
  .savings section.hero.activation article ol + p {
    padding-right: 0;
  }

  .savings section.hero.step-1 h1,
  .savings section.hero.savingsregsuccess h1,
  .savings section.hero.activation h1,
  .savings section.hero.activation.step-1 h1,
  .savings section.hero.activation.savingsregsuccess h1,
  .savings section.hero.activation.activation h1 {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 34px;
  }

  .savings section.hero.step-1 h1:before,
  .savings section.hero.savingsregsuccess h1:before,
  .savings section.hero.activation h1:before,
  .savings section.hero.activation.step-1 h1:before,
  .savings section.hero.activation.savingsregsuccess h1:before,
  .savings section.hero.activation.activation h1:before {
    content: "";
    background-image: url(/images/d-card.png?e0a87d3e2bc2b4314f74854d5d7b4e72);
    background-size: 236px;
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    width: 236px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 111px;
  }

  .savings section.hero.step-1 p,
  .savings section.hero.savingsregsuccess p,
  .savings section.hero.activation p,
  .savings section.hero.activation.step-1 p,
  .savings section.hero.activation.savingsregsuccess p,
  .savings section.hero.activation.activation p {
    padding: 0 60px 0 260px;
  }

  .savings section.hero.savingsregsuccess h1,
  .savings section.hero.activation h1,
  .savings section.hero.activation.savingsregsuccess h1,
  .savings section.hero.activation.activation h1 {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 34px;
    text-align: left;
  }

  .savings section.hero.savingsregsuccess h1.withsubheader,
  .savings section.hero.activation h1.withsubheader,
  .savings section.hero.activation.savingsregsuccess h1.withsubheader,
  .savings section.hero.activation.activation h1.withsubheader {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .savings section.hero.savingsregsuccess h1.withsubheader:before,
  .savings section.hero.activation h1.withsubheader:before,
  .savings section.hero.activation.savingsregsuccess h1.withsubheader:before,
  .savings section.hero.activation.activation h1.withsubheader:before {
    left: auto;
    right: 0;
    top: 91px;
  }

  .savings section.hero.savingsregsuccess h1.withsubheader + .subheader,
  .savings section.hero.activation h1.withsubheader + .subheader,
  .savings section.hero.activation.savingsregsuccess h1.withsubheader + .subheader,
  .savings section.hero.activation.activation h1.withsubheader + .subheader {
    text-align: left;
    margin-top: 0;
    padding-bottom: 0;
  }

  .savings section.hero.savingsregsuccess .smallheadline,
  .savings section.hero.savingsregsuccess .subheader,
  .savings section.hero.activation .smallheadline,
  .savings section.hero.activation .subheader,
  .savings section.hero.activation.savingsregsuccess .smallheadline,
  .savings section.hero.activation.savingsregsuccess .subheader,
  .savings section.hero.activation.activation .smallheadline,
  .savings section.hero.activation.activation .subheader {
    font-size: 28px;
    font-size: 1.75rem;
  }

  .savings section.hero.savingsregsuccess p,
  .savings section.hero.activation p,
  .savings section.hero.activation.savingsregsuccess p,
  .savings section.hero.activation.activation p {
    padding: 0 260px 0 0;
  }

  .savings section.hero.savingsregsuccess ol + p,
  .savings section.hero.activation ol + p,
  .savings section.hero.activation.savingsregsuccess ol + p,
  .savings section.hero.activation.activation ol + p {
    padding-right: 0;
  }

  .savings section.hero.activation h1.withsubheader:before,
  .savings section.hero.activation.activation h1.withsubheader:before {
    background-size: 355px;
    width: 355px;
    height: 224px;
    top: 72px;
  }

  .savings section.hero.activation .subheader + p,
  .savings section.hero.activation.activation .subheader + p {
    padding-right: 460px;
  }

  .savings section.hero.nocard article,
  .savings section.hero.activation.nocard article {
    background-image: none;
  }

  .savings section.hero.nocard h1,
  .savings section.hero.activation.nocard h1 {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 1.25em;
  }

  .savings section.hero.nocard h1 + p,
  .savings section.hero.activation.nocard h1 + p {
    background-image: none;
    padding-right: 0;
    min-height: 0;
  }

  .savings section.hero.nocard h1 + p + p,
  .savings section.hero.activation.nocard h1 + p + p {
    padding-right: 0;
  }

  .savings section.hero.nocard h3,
  .savings section.hero.activation.nocard h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: #008c7d;
  }

  .savings section.hero.nocard h3.black,
  .savings section.hero.activation.nocard h3.black {
    color: #000;
  }

  .savings section.hero.nocard .button,
  .savings section.hero.activation.nocard .button {
    width: auto;
  }

  .savings section.hero.unsub .button,
  .savings section.hero.activation.unsub .button {
    margin: 35px 0;
    min-width: 272px;
  }

  .savings section.hero.unsub form + p,
  .savings section.hero.activation.unsub form + p {
    margin: 50px 0 25px;
  }

  .savings section.hero.news .button,
  .savings section.hero.activation.news .button {
    margin-top: 46px;
    margin-bottom: 46px;
  }

  .savings section.hero.duplicate h1.withsubheader,
  .savings section.hero.activation.duplicate h1.withsubheader {
    margin-bottom: 0;
  }

  .savings section.hero.duplicate h1.withsubheader + .subheader,
  .savings section.hero.activation.duplicate h1.withsubheader + .subheader {
    padding-bottom: 0;
  }

  .savings section.hero.ineligibless h1 + p,
  .savings section.hero.activation.ineligibless h1 + p {
    padding-right: 0;
  }

  .savings section.hero.ineligibless .padding-right,
  .savings section.hero.activation.ineligibless .padding-right {
    background-image: url(/images/d-phone-educator2.png?b8e25566e6e66c0f9daa23d3e6bda8c1);
    background-size: 271px;
    background-position: right 30px;
    padding-right: 290px;
    min-height: 290px;
  }

  .savings .module {
    position: relative;
    min-height: 160px;
    padding: 0 128px 18px;
  }

  .savings .module .for-cardcheck {
    max-width: none;
    margin-top: 32px;
    margin-bottom: 0;
    text-align: left;
  }

  .savings .module .for-cardcheckno {
    position: absolute;
    top: 52px;
    left: 410px;
    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;
  }

  .savings section.section-elig article {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 66.25em) {
  .support section.information article,
  .savings section.information article {
    padding-bottom: 61px;
  }
}

@media only screen and (min-width: 66.25em) {
  .signup-confirmation section.hero article .button {
    margin-left: 0;
  }
}

@media only screen and (min-width: 66.25em) {
  .min_height_section section.hero {
    min-height: 660px;
  }
}

@media only screen and (min-width: 66.25em) {
  .my-support-registration p.iphone {
    background-image: url(/images/iPhone.png?414f74e5f7cb676aed31122cd3e58388);
    background-size: 146px auto;
    background-position: 20px 20px;
    padding-left: 190px;
    height: 230px;
    width: 100%;
  }
}

@media only screen and (min-width: 66.25em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 66.25em) and (min-resolution: 120dpi) {
  .my-support-registration p.iphone {
    background-image: url(/images/iPhone.png?414f74e5f7cb676aed31122cd3e58388);
    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 (min-resolution: 120dpi) {
  .support-registration h1 {
    background-image: none;
  }
}

@media only screen and (min-width: 66.25em) {
  .support-registration h1 + p {
    background-image: url(/images/macBook.png?d4ca8b02ed45dba212a4b3699cb00e5b);
    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 (min-resolution: 120dpi) {
  .support-registration h1 + p {
    background-image: url(/images/macBook.png?d4ca8b02ed45dba212a4b3699cb00e5b);
    background-size: 245px auto;
  }
}

@media only screen and (min-width: 66.25em) {
  .support-registration h1 + p + p {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 66.25em) {
  .savings-ineligible section.hero article {
    background-image: url(/images/ineligible-d-2x.png?abc1c48db69d3fb0d197271e8c0d5100);
    background-size: 236px;
    background-repeat: no-repeat;
    background-position: 500px 210px;
  }

  .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 (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;
  }
}

@media only screen and (min-width: 66.25em) {
  .savings-registration section.hero article {
    background-image: url(/images/card-d-2x.png?b7a798ce886639768f068dad3b634de6);
    background-size: 380px;
    background-repeat: no-repeat;
    background-position: 100% 100px;
    padding-right: 170px;
    min-height: 100px;
  }

  .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 (min-resolution: 120dpi) {
  .savings-registration section.hero article h1 + p {
    background-image: none;
  }
}

@media only screen and (min-width: 66.25em) {
  .biglink {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media only screen and (min-width: 66.25em) {
  .tel {
    cursor: text;
    text-decoration: none;
    font-family: "Interstate", sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: inherit;
  }

  .tel:hover {
    color: inherit !important;
  }
}

@media only screen and (min-width: 66.25em) {
  .mobile_break {
    display: inline;
  }
}

@media only screen and (min-width: 66.25em) {
  .desktop_break {
    display: block;
  }
}

@media only screen and (min-width: 66.25em) {
  .mobile-only,
  .mobile-only-inline {
    display: none !important;
  }
}

@media only screen and (min-width: 66.25em) {
  .dt-only-inline {
    display: inline !important;
  }
}

@media only screen and (min-width: 66.25em) {
  .dt-only-ib {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 66.25em) {
  .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;
  -webkit-user-select: none;
     -moz-user-select: none;
          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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          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;
}

form.eligibility .radioList {
  margin-bottom: 20px;
}

form.registration .radioList {
  margin-top: 20px;
}

form.registration #label_phone {
  margin-top: 20px;
}

form.registration #fieldset_phone {
  display: none;
}

.checkbox-consent {
  margin-top: 30px;
}

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

.label_checkbox {
  display: flex;
  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 {
  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 span strong {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
}

.label_checkbox.v-align-top {
  align-items: flex-start;
}

.label_checkbox.checked:before {
  background: #e8e8e8 url(/images/checkmark.png?8d1e78651b8a83d5c2b39d6d494f725b) no-repeat center center;
  background-size: 66%;
}

.label_checkbox + span.error {
  visibility: hidden;
  font-size: 12px;
  font-size: 0.75rem;
  color: #e20100;
}

.label_checkbox.white:before {
  background-color: #fff;
  border: 1px solid #bfbfbf;
}

.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_radio {
  display: flex;
  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: inline-flex;
  margin-right: 24px;
}

.label_radio:before {
  flex: 0 0 auto;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  background-color: #dbdbdb;
  border: 8px solid #e8e8e8;
  border-radius: 50%;
  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],
.text_label input[type=tel],
.select_label input[type=text],
.select_label input[type=email],
.select_label input[type=tel] {
  width: 100%;
  height: 32px;
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  outline: 0px solid #ddd;
  padding: 0 10px;
  -webkit-appearance: none;
  border-radius: 0;
  color: #5f5756;
}

.text_label input[type=text]#cardNumber,
.text_label input[type=email]#cardNumber,
.text_label input[type=tel]#cardNumber,
.select_label input[type=text]#cardNumber,
.select_label input[type=email]#cardNumber,
.select_label input[type=tel]#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"), linear-gradient(180deg, #e8e8e8 0%, #c2c2c2 calc(100% - 35px), #c2c2c2 100%);
  background-repeat: no-repeat;
  background-position: right 8px center, right center;
  background-size: 20px, 35px 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 32px;
  background-color: #e8e8e8;
  border: 1px solid #fff;
  outline: 0px solid #dddddd;
  padding: 0 0 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],
.text_label.error input[type=tel],
.select_label.error input[type=text],
.select_label.error input[type=email],
.select_label.error input[type=tel] {
  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;
}

.selectric .label {
  color: #5f5756;
}

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: #f08c4f;
}

.error-box.show {
  border: 1px solid #f00;
  display: block;
}

.privacy {
  font-size: 12px;
  font-size: 0.75rem;
}

.chkbx-err {
  display: none;
  font-size: 12px;
  font-size: 0.75rem;
}

.chkbx-err.error {
  display: block;
  color: #f00;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #e8e8e8 inset;
  -webkit-text-fill-color: #5f5756 !important;
}

@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;
  }

  form.registration .radioList {
    padding-left: 200px;
  }

  form.registration #label_phone {
    margin-top: 40px;
  }

  form.registration #fieldset_phone p {
    margin-left: 203px;
    margin-right: 60px;
  }

  .checkbox-consent {
    margin-left: 200px;
    margin-top: 50px;
  }

  .error-box {
    width: 520px;
    padding: 6px 10px 6px 10px;
    margin: 0;
    margin-left: 204px;
  }

  .error-box p {
    font-size: 10px;
    font-size: 0.625rem;
  }

  form.eligibility .error-box {
    margin-left: 0;
  }

  form.eligibility fieldset p {
    padding-left: 19px;
    text-indent: -20px;
  }

  .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 {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    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],
  .text_label input[type=tel],
  .select_label input[type=text],
  .select_label input[type=email],
  .select_label input[type=tel] {
    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 {
  box-shadow: 0 21px 27px 20px rgba(0, 0, 0, 0.5);
}

.isi-container {
  background-color: #f5f6f5;
}

.isi-container .container .wrapper {
  padding-top: 20px;
  padding-bottom: 40px;
}

.isi-container .container .wrapper a {
  color: #1e9b96;
}

.isi-container .lou-content {
  margin-bottom: 20px;
}

.isi-container h3 {
  font-family: "Interstate", sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  color: #1e9b96;
  margin: 0 0 8px 0;
  text-transform: none;
}

.isi-container p,
.isi-container ul li {
  margin: 0 0 8px 0;
}

.isi-container ul {
  margin-bottom: 11px;
}

.isi-container .jobcode {
  text-align: right;
}

#isi-fixed,
.sticky-isi {
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
  background-color: #f2f2f1;
  width: 100%;
  height: 168px;
  padding: 0px;
  display: block;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  z-index: 17;
  opacity: 0;
  transition: height 0.5s, visibility 0.5s, opacity 0.5s;
}

#isi-fixed .lou-content,
.sticky-isi .lou-content {
  margin-bottom: 11px;
}

#isi-fixed .lou-content h3:first-child,
.sticky-isi .lou-content h3:first-child {
  margin-top: 0;
}

#isi-fixed.expanded2,
.sticky-isi.expanded2 {
  max-height: 267px;
  height: 267px;
}

#isi-fixed.expanded2.expanded,
.sticky-isi.expanded2.expanded {
  height: 100%;
  max-height: none;
}

#isi-fixed .container .wrapper,
.sticky-isi .container .wrapper {
  max-width: none;
  padding: 0;
}

#isi-fixed .for-subscroll,
.sticky-isi .for-subscroll {
  height: 168px;
}

#isi-fixed.hide,
.sticky-isi.hide {
  display: none !important;
}

#isi-fixed.isVisible,
.sticky-isi.isVisible {
  visibility: visible;
  opacity: 1;
}

#isi-fixed .indication,
.sticky-isi .indication {
  padding: 9px 10px 5px;
  height: 30px;
  overflow: hidden;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}

#isi-fixed .indication .inner,
.sticky-isi .indication .inner {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
}

#isi-fixed .indication.expanded,
.sticky-isi .indication.expanded {
  height: auto;
}

#isi-fixed .mobile-isi,
.sticky-isi .mobile-isi {
  padding: 9px 10px 5px;
  box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.4);
  position: relative;
  width: 100%;
  max-height: 138px;
}

#isi-fixed .mobile-isi .inner,
.sticky-isi .mobile-isi .inner {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
  transform: translateX(0);
  height: 132px;
}

#isi-fixed .mobile-isi .inner .mobile-isi-see-more,
.sticky-isi .mobile-isi .inner .mobile-isi-see-more {
  position: fixed;
}

#isi-fixed.expanded .isi-more:before,
.sticky-isi.expanded .isi-more:before {
  transform: rotate(180deg);
}

#isi-fixed.expanded .static-only-isi,
.sticky-isi.expanded .static-only-isi {
  height: calc(100% - 0px);
}

#isi-fixed.expanded .mobile-isi,
.sticky-isi.expanded .mobile-isi {
  max-height: none;
}

#isi-fixed .isi-header-bar,
.sticky-isi .isi-header-bar {
  background-color: #109b97;
  color: #fff;
  width: 100%;
  height: 48px;
}

#isi-fixed > .isi-content,
.sticky-isi > .isi-content {
  position: relative;
}

#isi-fixed > .isi-content h3:first-child,
.sticky-isi > .isi-content h3:first-child {
  margin-top: 0;
}

#isi-fixed .wrapper,
.sticky-isi .wrapper {
  position: relative;
}

#isi-fixed h2.isi-heading,
.sticky-isi h2.isi-heading {
  display: none;
}

#isi-fixed p.isi-first-p,
.sticky-isi p.isi-first-p {
  margin-top: 0;
}

#isi-fixed .static-only-isi,
.sticky-isi .static-only-isi {
  height: 100%;
  background-color: #f2f2f1;
}

#isi-fixed .isi-more,
.sticky-isi .isi-more {
  position: absolute;
  top: 1px;
  right: 0px;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50%;
  background-color: #009b96;
}

#isi-fixed .isi-more:before,
.sticky-isi .isi-more:before {
  display: inline-block;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  right: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222.6%22%20height%3D%2213.4%22%20viewBox%3D%220%200%2022.6%2013.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.3%204.2l9.2%209.2%202.1-2.1L11.3%200%200%2011.3l2.1%202.1%209.2-9.2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

#isi-fixed .isi-more.desktop_only,
.sticky-isi .isi-more.desktop_only {
  display: none;
}

#isi-fixed .see-more,
.sticky-isi .see-more {
  position: absolute;
  top: 0px;
  line-height: 12px;
  line-height: 0.75rem;
  right: 4.6875%;
}

#isi-fixed .see-more.active:before,
.sticky-isi .see-more.active:before {
  transform: rotate(180deg);
}

#isi-fixed .see-more,
.sticky-isi .see-more {
  position: absolute;
  top: -2px;
  right: 0px;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50%;
  background-color: #009b96;
}

#isi-fixed .see-more:before,
.sticky-isi .see-more:before {
  display: inline-block;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  right: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222.6%22%20height%3D%2213.4%22%20viewBox%3D%220%200%2022.6%2013.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.3%204.2l9.2%209.2%202.1-2.1L11.3%200%200%2011.3l2.1%202.1%209.2-9.2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

#isi-fixed .isi-container h3,
#isi-fixed .isi-container p,
#isi-fixed .isi-container li,
.sticky-isi .isi-container h3,
.sticky-isi .isi-container p,
.sticky-isi .isi-container li {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
}

.sticky-isi {
  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 .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(/images/isi-see-more.png?2962a2cc00fa751acad64f78e59cd095) no-repeat;
  display: inline-block;
  background-size: 12px 36px;
}

.sticky-isi .see-more.active:after {
  background-position: 0 -12px;
}

.sticky-isi .see-more {
  position: absolute;
  top: 1px;
  right: 15px;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50%;
  background-color: #009b96;
}

.sticky-isi .see-more:before {
  display: inline-block;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  right: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222.6%22%20height%3D%2213.4%22%20viewBox%3D%220%200%2022.6%2013.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.3%204.2l9.2%209.2%202.1-2.1L11.3%200%200%2011.3l2.1%202.1%209.2-9.2z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

.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: 1em;
}

.sticky-isi.expanded .mobile-isi {
  max-height: none;
}

#isi-fixed .mCS-sp-theme.mCSB_scrollTools {
  top: 20px;
  right: 3px;
}

#isi-fixed .mCSB_inside > .mCSB_container {
  margin-right: 0;
  padding-right: 17px;
}

#isi-fixed .mCS-sp-theme.mCSB_scrollTools_vertical {
  width: 10px;
}

#isi-fixed .mCustomScrollBox {
  width: 100%;
  margin: 0 auto;
}

#isi-fixed .mCS-sp-theme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ccc2e6;
}

#isi-fixed .mCSB_scrollTools .mCSB_dragger {
  max-height: 100px !important;
}

#isi-fixed .mCSB_scrollTools .mCSB_draggerContainer {
  background-color: transparent;
}

#isi-fixed .mCSB_scrollTools,
#isi-fixed .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#isi-fixed .mCSB_scrollTools .mCSB_buttonUp,
#isi-fixed .mCSB_scrollTools .mCSB_buttonDown,
#isi-fixed .mCSB_scrollTools .mCSB_buttonLeft,
#isi-fixed .mCSB_scrollTools .mCSB_buttonRight {
  transition: none;
}

#isi-fixed .mCSB_scrollTools {
  opacity: 1;
}

#isi-fixed .mCS-sp-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #009b96;
}

@media only screen and (min-width: 450px) {
  #isi .isi-wrapper .lou-content,
  #isi .isi-wrapper .isi-content {
    padding-left: 27px;
    padding-right: 27px;
    max-width: 500px;
  }

  .sticky-isi .indication .inner,
  .sticky-isi .mobile-isi .inner {
    padding-left: 27px;
    padding-right: 27px;
    max-width: 500px;
  }

  .sticky-isi .see-more {
    right: 27px;
  }
}

@media only screen and (min-width: 66.25em) {
  #isi .isi-content h3:first-child {
    margin-top: -4px;
  }

  .isi-container .container .wrapper {
    padding-bottom: 60px;
    padding-top: 65px;
  }

  .isi-container .container .wrapper a.tel {
    color: #1e9b96;
  }

  .isi-container .container .wrapper a.tel:hover {
    color: #1e9b96 !important;
  }

  .isi-container .lou-content {
    float: right;
    width: 440px;
    margin: 0 0 0 24px;
    padding: 0 42px 12px 24px;
    border-left: 2px solid #0e3f5e;
    margin-bottom: 0;
  }

  .isi-container .lou-content h3 {
    margin-top: -4px;
  }

  .isi-container h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }

  #isi-fixed {
    height: 227px;
  }

  #isi-fixed .for-subscroll {
    height: 225px;
  }

  #isi-fixed .indication {
    padding: 0 10px;
    height: auto;
    overflow: visible;
    box-shadow: none;
  }

  #isi-fixed .indication .inner {
    max-width: 1060px;
    position: relative;
    margin: 0 auto;
  }

  #isi-fixed .indication.expanded {
    height: auto;
  }

  #isi-fixed .indication .lou-content p {
    line-height: 1.25em;
  }

  #isi-fixed .mobile-isi {
    padding: 0 10px;
    box-shadow: none;
    position: relative;
    width: 100%;
    max-height: none;
  }

  #isi-fixed .mobile-isi .inner {
    max-width: 1060px;
    position: relative;
    margin: 0 auto;
    height: auto;
  }

  #isi-fixed .mobile-isi h3 {
    margin-bottom: 3px;
    line-height: 1em;
  }

  #isi-fixed .isi-header-bar {
    height: 39px;
  }

  #isi-fixed .isi-content {
    padding-right: 42px;
  }

  #isi-fixed .isi-content h3:first-child {
    margin-top: -4px;
  }

  #isi-fixed .static-only-isi {
    margin-top: 35px;
  }

  #isi-fixed .isi-more {
    top: 26px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  #isi-fixed .isi-more:before {
    display: inline-block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
    top: 26px;
    right: 0;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222.6%22%20height%3D%2213.4%22%20viewBox%3D%220%200%2022.6%2013.4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.3%204.2l9.2%209.2%202.1-2.1L11.3%200%200%2011.3l2.1%202.1%209.2-9.2z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
  }

  #isi-fixed .isi-more.desktop_only {
    display: inline-block;
  }

  #isi-fixed .see-more,
  #isi-fixed .mobile-isi-see-more {
    display: none;
  }

  #isi-fixed .isi-container h3,
  #isi-fixed .isi-container p,
  #isi-fixed .isi-container ul li {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.4;
    margin: 0 0 8px;
  }

  #isi-fixed .isi-container h3:first-child {
    line-height: 1em;
  }

  #isi-fixed .isi-container .lou-content h3:first-child {
    margin: -2px 0 8px;
  }

  #isi-fixed .mCSB_inside > .mCSB_container {
    margin-right: 0;
    padding-right: 8px;
  }

  #isi-fixed .mCS-sp-theme.mCSB_scrollTools_vertical {
    width: 8px;
  }

  #isi-fixed .mCS-sp-theme.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #efecf5;
    width: 8px;
    border-radius: 0;
  }

  #isi-fixed .mCustomScrollBox {
    width: 100%;
    margin: 0 auto;
  }

  #isi-fixed .mCSB_scrollTools .mCSB_dragger {
    max-height: 100px !important;
  }

  #isi-fixed .mCSB_scrollTools .mCSB_draggerContainer {
    background-color: transparent;
  }

  #isi-fixed .mCSB_scrollTools,
  #isi-fixed .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  #isi-fixed .mCSB_scrollTools .mCSB_buttonUp,
  #isi-fixed .mCSB_scrollTools .mCSB_buttonDown,
  #isi-fixed .mCSB_scrollTools .mCSB_buttonLeft,
  #isi-fixed .mCSB_scrollTools .mCSB_buttonRight {
    transition: none;
  }

  #isi-fixed .mCSB_scrollTools {
    opacity: 1;
  }
}

/*! 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.
 */

.cf:before,
header:before,
header div.bottom:before,
header .dropdown ul#menu-main-nav li:before,
main > section .wrapper:before,
main > section > article:before,
footer div.top div.img_wrapper.logo_bi:before,
.top-nav ul > li:before,
.top-nav a:before,
.top-nav button:before,
section:before,
section article:before,
.why .why2 ul li:before,
.radioList:before,
#isi-fixed .isi-more:before,
.sticky-isi .isi-more:before,
#isi-fixed .see-more:before,
.sticky-isi .see-more:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after,
header:after,
header div.bottom:after,
header .dropdown ul#menu-main-nav li:after,
main > section .wrapper:after,
main > section > article:after,
footer div.top div.img_wrapper.logo_bi:after,
.top-nav ul > li:after,
.top-nav a:after,
.top-nav button:after,
section:after,
section article:after,
.why .why2 ul li:after,
.radioList:after,
#isi-fixed .isi-more:after,
.sticky-isi .isi-more:after,
#isi-fixed .see-more:after,
.sticky-isi .see-more: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;
}

.show-xs {
  display: none;
}

@media (max-width: 440px) {
  .show-xs {
    display: inline-block;
  }
}

.teal-text {
  color: #109a95;
}

/*
This CSS resource incorporates links to font software which is
the valuable copyrighted property of WebType LLC, The Font Bureau
and/or their suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font
software. Please contact WebType with any questions: www.webtype.com
*/

body:after {
  content: "";
  background-image: url(//pls.webtype.com/v.gif?ct=74507,74508,74509,74511,74507,74508,74509,74511,74507,74508,74509,74511,74507,74508,74509,74511&r=18646&p=17576&h=FvNIeRSnOxIjmT9HFswsng%3d%3d);
}

@font-face {
  font-family: "Interstate";
  src: url("/fonts/4a162439-83aa-422f-8706-5532ebd86e38");
  src: url("/fonts/4a162439-83aa-422f-8706-5532ebd86e38#iefix") format("embedded-opentype"), url("/fonts/e3e8dc83-6031-407b-9086-f756ad4157d3") format("woff"), url("/fonts/829b4824-03aa-416c-a7cf-e91293efd963") format("truetype"), url("/fonts/4/97a28bfd-33c4-4dec-89d2-d3b6908b14c3#web") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Interstate";
  src: url("/fonts/7b44e8c3-bb36-437a-bd2d-d6cbb9d0f931");
  src: url("/fonts/7b44e8c3-bb36-437a-bd2d-d6cbb9d0f931#iefix") format("embedded-opentype"), url("/fonts/5ad6c156-0089-44b5-9566-b6df26d956d9") format("woff"), url("/fonts/33597cc1-4dc1-40d2-8633-90e694fee039") format("truetype"), url("/fonts/060f795f-df39-491e-b367-107f20901cb1#web") format("svg");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "Interstate Light";
  src: url("/fonts/9b60a37e-492c-4142-9242-53472b52ee11");
  src: url("/fonts/9b60a37e-492c-4142-9242-53472b52ee11#iefix") format("embedded-opentype"), url("/fonts/5c3c9adc-7ae3-41d8-99c2-82451347c125") format("woff"), url("/fonts/b31bd2cd-55a9-4e50-9aaf-1698187f0e85") format("truetype"), url("/fonts/f52f88e0-2ed1-4f9b-9152-f904d722da73#web") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Interstate Light Condensed";
  src: url("/fonts/6695bdd3-dec3-4ebb-9960-9ad6d956099f");
  src: url("/fonts/6695bdd3-dec3-4ebb-9960-9ad6d956099f#iefix") format("embedded-opentype"), url("/fonts/8acae53b-783b-4edc-a55e-c7f19c1cb1aa") format("woff"), url("/fonts//364f1a90-de8d-4ae6-bb10-81ad22837cd8") format("truetype"), url("/fonts/2ece1aab-58e9-49c9-8e11-bc6b7b04e6d3#web") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/* This CSS resource incorporates links to font software which is the
   valuable copyrighted property of Type Network, Inc. and/or their
   suppliers. You may not attempt to copy, install, redistribute,
   convert, modify or reverse engineer this font software. Please
   contact Type Network with any questions: www.typenetwork.com */

@font-face {
  font-family: "Interstate Bla";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/306765f7344b4b7aba16da5f218d748c9c46eaa1");
  src: url("/fonts/306765f7344b4b7aba16da5f218d748c9c46eaa1#iefix") format("embedded-opentype"), url("/fonts/306765f7344b4b7aba16da5f218d748c9c46eaa1") format("woff2"), url("/fonts/306765f7344b4b7aba16da5f218d748c9c46eaa1") format("woff");
}



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